.active-workspace { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:5px 0 19px; padding:16px 17px; border:1px solid #d8e4da; border-radius:15px; background:#f5faf6; }.active-workspace small,.active-workspace strong { display:block; }.active-workspace small { margin-bottom:2px; color:var(--muted); font-size:.73rem; font-weight:760; letter-spacing:.07em; text-transform:uppercase; }.workspace-switcher,.workspace-actions,.row-actions,.inline-form { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }.workspace-actions { margin-bottom:20px; }.workspace-switcher select,.inline-form select { min-height:40px; max-width:300px; padding:0 34px 0 11px; border:1px solid #cad5cd; border-radius:10px; background:white; color:var(--ink); }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }.message-stack { padding-top:16px; }.message-card { padding:12px 15px; border:1px solid #d8e4da; border-radius:12px; background:#f5faf6; font-weight:650; }.stack-form { display:grid; gap:12px; }.stack-form p { display:grid; gap:6px; margin:0; }.stack-form label,.date-filter label { font-size:.83rem; font-weight:750; }.stack-form input,.stack-form select,.date-filter input { width:100%; min-height:44px; padding:0 12px; border:1px solid #cad5cd; border-radius:10px; background:white; }.stack-form input[type='checkbox'] { width:auto; min-height:auto; }.stack-form .errorlist { margin:0; padding-left:18px; color:#a22; font-size:.82rem; }.form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.form-grid p { align-content:start; }.form-grid .button { align-self:end; }.section-panel { margin-top:20px; }.date-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }.menu-grid { display:grid; gap:18px; }.menu-card { padding:22px; }.meal-list { display:grid; gap:2px; }.meal-row { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:15px 0; border-top:1px solid #edf1ee; }.meal-row small,.meal-action strong { display:block; }.meal-row small,.muted { margin-top:3px; color:var(--muted); }.meal-action { display:flex; align-items:center; gap:14px; white-space:nowrap; }.active-order { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; padding:16px 18px; border:1px solid #bcd8c2; border-radius:15px; background:#f3faf4; }.active-order small,.active-order strong,.active-order span { display:block; }.active-order small { color:var(--muted); text-transform:uppercase; font-size:.7rem; font-weight:800; letter-spacing:.06em; }.row-link { color:inherit; text-decoration:none; }.menu-editor-day { padding:18px 0; border-top:1px solid #edf1ee; }.editor-details { margin-top:10px; padding:12px; border:1px dashed #ccd9cf; border-radius:12px; }.editor-details summary { cursor:pointer; font-weight:750; }.editor-details .stack-form { margin-top:14px; }.publish-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:20px; padding:18px 20px; border-radius:15px; background:#173d2a; color:white; }.publish-bar strong,.publish-bar span { display:block; }.publish-bar span { margin-top:3px; opacity:.75; }.date-filter { display:flex; align-items:end; gap:10px; max-width:420px; margin-bottom:20px; }.date-filter label { display:grid; gap:6px; flex:1; }.summary-hero { margin-bottom:20px; padding:22px; border-radius:18px; background:#173d2a; color:white; }.summary-hero span,.summary-hero small { display:block; opacity:.72; }.summary-hero strong { display:block; margin:4px 0; font-size:2.5rem; }.production-list { display:grid; }.production-list > div { display:flex; justify-content:space-between; gap:15px; padding:12px 0; border-top:1px solid #edf1ee; }.production-list span { font-weight:800; }.finance-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }.finance-cards > div { padding:18px; border:1px solid #dce6de; border-radius:15px; background:white; }.finance-cards span,.finance-cards strong { display:block; }.finance-cards span { color:var(--muted); font-size:.78rem; font-weight:750; text-transform:uppercase; }.finance-cards strong { margin-top:5px; font-size:1.5rem; }.finance-table { display:grid; }.finance-row { display:grid; grid-template-columns:minmax(180px,1.8fr) repeat(3,1fr); gap:12px; align-items:center; padding:12px 0; border-top:1px solid #edf1ee; }.finance-row small { display:block; color:var(--muted); }.finance-head { color:var(--muted); font-size:.75rem; font-weight:800; text-transform:uppercase; }.signup-section { padding:72px 0 90px; background:linear-gradient(180deg,#f5faf6 0,#fff 100%); }.signup-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr); gap:70px; align-items:start; }.signup-copy { padding-top:42px; }.signup-copy h1 { max-width:760px; font-size:clamp(2.4rem,5vw,4.4rem); line-height:.98; }.signup-benefits { margin-top:28px; }.signup-card { max-width:none; margin:0; }.form-footnote { margin-top:15px; color:var(--muted); font-size:.9rem; }.onboarding-shell { max-width:980px; }.progress-card { margin-bottom:22px; padding:18px 20px; border:1px solid #d8e4da; border-radius:15px; background:#fff; }.progress-card > div:first-child { display:flex; justify-content:space-between; gap:15px; }.progress-track { height:9px; margin-top:12px; overflow:hidden; border-radius:999px; background:#e8eeea; }.progress-fill { height:100%; border-radius:inherit; background:#2f7b4a; }.onboarding-list { display:grid; gap:14px; }.onboarding-step { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:20px; align-items:center; padding:22px; border:1px solid #dce6de; border-radius:17px; background:white; }.onboarding-step.is-done { background:#f5faf6; }.step-state { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#173d2a; color:white; font-weight:850; }.onboarding-step.is-done .step-state { background:#2f7b4a; }.onboarding-step h2 { margin:2px 0 5px; font-size:1.15rem; }.onboarding-step p { margin:0; color:var(--muted); }.onboarding-ready { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-top:22px; padding:25px; border-radius:18px; background:#173d2a; color:white; }.onboarding-ready h2 { margin:3px 0; }.onboarding-ready p { margin:0; opacity:.8; }
@media (max-width:900px) { .signup-grid { grid-template-columns:1fr; gap:30px; }.signup-copy { padding-top:0; } }@media (max-width:760px) { .finance-cards { grid-template-columns:1fr; }.finance-row { grid-template-columns:1fr 1fr; }.finance-head { display:none; }.form-grid { grid-template-columns:1fr; }.onboarding-step { grid-template-columns:auto 1fr; }.onboarding-step > .button { grid-column:1/-1; } }@media (max-width:620px) { .active-workspace,.workspace-switcher,.date-nav,.meal-row,.active-order,.publish-bar,.inline-form,.onboarding-ready { align-items:stretch; flex-direction:column; }.workspace-switcher select,.inline-form select { width:100%; max-width:none; }.meal-action { justify-content:space-between; }.date-filter { align-items:stretch; flex-direction:column; }.finance-row { grid-template-columns:1fr; } }
