/* Approved MAXFOOD dashboard and workspace shell. Business renderers unchanged. */
:root{--green:#185c43;--muted:#5d6e65;--line:#e0e7e3;background:#f6f8f7;color:#213c2e;font-family:Inter,"Segoe UI",sans-serif}
.app{padding-left:252px}.sidebar{width:252px;padding:30px 20px 18px;background:#123c2d;box-shadow:none;border-right:1px solid #204d3b}.logo-link{margin-bottom:30px}.logo-mark{background:#fff;box-shadow:none;border-radius:12px}.logo-copy strong{font-size:20px}.logo-copy small{font-size:11px;color:#b7cec1}.nav-group-title{font-size:10px;letter-spacing:.13em;color:#afc8ba;margin:22px 12px 9px}.nav{min-height:48px;padding:9px 12px;border:1px solid transparent;border-radius:10px;font-size:12px;color:#c9dbd1;box-shadow:none}.nav-label{font-size:12px}.nav-icon{width:28px;height:28px;background:transparent}.nav:hover{background:#204d3c}.nav.active{background:#2d624b;border-color:#3f765c;box-shadow:none}.nav.active:before{display:none}.nav.active .nav-icon{background:transparent}.sidebar-footer>span{font-size:10px;color:#bad0c3}.sidebar-footer .user-password-button,.sidebar-footer .logout{font-size:12px;min-height:44px;border-radius:9px}.topbar{height:80px;padding:0 36px;border-bottom:1px solid var(--line);background:#fff;box-shadow:none}.topbar-context .eyebrow{font-size:9px;letter-spacing:.14em}.topbar-context>strong{font-size:14px}.topbar-actions{gap:15px}.user-box{border:0;background:transparent;padding:0;gap:10px}.user-box #clock{font-size:12px;color:#5d6e65;margin-right:12px}.avatar{background:#e7f0e9;color:#185c43;border:1px solid #d2e2d8}.user-identity strong{font-size:12px}.user-identity small{font-size:11px;color:#5d6e65}.notification-button{width:44px;height:44px;background:#f6f8f7;border:1px solid var(--line);border-radius:12px}.content{max-width:1540px;margin:0 auto;padding:28px 36px 110px}.welcome{margin-bottom:28px;align-items:center}.welcome h1{font-size:32px;letter-spacing:-.04em;font-weight:700}.welcome .muted{font-size:13px;line-height:1.6;margin:7px 0 0}.welcome .eyebrow{font-size:10px}#dashboard-view .primary{background:#185c43;box-shadow:0 3px 5px #123c2d12;border-radius:9px;font-size:12px;min-height:44px;padding:12px 18px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.metrics article{padding:22px;min-height:160px;border-radius:12px;box-shadow:0 2px 4px #16382404;grid-template-columns:1fr auto;gap:9px}.metrics article>p{grid-column:1;grid-row:1;font-size:11px;text-transform:none;letter-spacing:0;color:#50665a;font-weight:600;margin:2px 0}.metrics .metric-icon{grid-column:2;grid-row:1/4;align-self:start;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.metric-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.metrics strong{grid-column:1;grid-row:2;font-size:38px;line-height:1.15;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.metrics small{grid-column:1;grid-row:3;font-size:12px;color:#5d6e65}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:20px;align-items:start}.dashboard-sales-panel{grid-column:1;grid-row:1}.workflow-panel{grid-column:2;grid-row:1}#dashboard-view .panel{padding:23px;border-radius:12px;box-shadow:0 2px 4px #16382404}#dashboard-view .panel-head h2{font-size:16px;font-weight:650;letter-spacing:-.02em}#dashboard-view .panel-head p{font-size:12px;line-height:1.6;color:#5d6e65;margin-top:6px}.dashboard-sales-list{max-height:340px;margin-top:20px;border:0;border-radius:0}.dashboard-sales-head,.dashboard-sales-row{grid-template-columns:minmax(110px,1fr) repeat(3,minmax(54px,.45fr));padding:14px 10px;gap:8px}.dashboard-sales-head{font-size:10px;background:#f4f7f5;border-radius:7px;letter-spacing:.02em;color:#52665a}.dashboard-sales-row{font-size:13px;min-height:51px}.dashboard-sales-row strong{font-weight:550;color:#2b4939}.dashboard-sales-row:nth-child(odd){background:#fff}.dashboard-sales-row span{font-weight:600}.workflow-panel .steps{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 12px;align-items:start;margin-top:22px}.steps>span{width:30px;height:30px;min-width:30px;background:#eef4f0;color:#275c40;border:1px solid #d9e7df;font-size:11px}.steps>p{margin:0;display:grid;gap:4px;padding-top:1px}.steps b{font-size:12px;font-weight:600}.steps small{font-size:11px;line-height:1.6;color:#5d6e65}.workflow-panel .steps i{grid-column:1;width:1px;height:23px;min-width:1px;margin:5px auto;background:#d9e7df}.menu-button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}button:focus-visible,a:focus-visible{outline:3px solid #cf9b34;outline-offset:3px}button{transition:background .18s,border-color .18s}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.workflow-panel{grid-column:1;grid-row:2}.metrics article{padding:18px}.content{padding:24px}.topbar{padding:0 24px}}
@media(max-width:760px){.app{padding-left:0}.sidebar{width:272px;z-index:60;padding-top:24px;box-shadow:20px 0 60px #123c2d33}.topbar{height:70px;padding:0 16px;gap:10px}.menu-button{width:44px;height:44px;display:grid;place-items:center;background:#f6f8f7;border:1px solid var(--line);border-radius:10px}.topbar-context{flex:1}.topbar-context>strong{font-size:12px}.topbar-context .eyebrow{font-size:8px;margin-bottom:5px}.topbar-actions{gap:6px}.notification-button{width:40px;height:40px}.user-box{gap:0}.avatar{width:34px;height:34px;font-size:11px}.content{padding:20px 16px 116px}#dashboard-view .welcome{gap:16px;margin-bottom:22px}#dashboard-view .welcome h1{font-size:27px}#dashboard-view .welcome .eyebrow{font-size:10px;margin-bottom:7px}#dashboard-view .welcome .muted{font-size:13px;line-height:1.6;margin-top:8px}#dashboard-view .welcome .primary{font-size:12px;padding:12px 16px;min-height:44px}#dashboard-view .metrics{gap:12px;margin-bottom:20px}#dashboard-view .metrics article{padding:16px;min-height:145px;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-radius:12px}#dashboard-view .metrics article:first-child{min-height:130px}#dashboard-view .metrics article>p{grid-column:1;grid-row:1;font-size:12px;line-height:1.4;letter-spacing:0;text-transform:none}#dashboard-view .metric-icon{grid-column:2;grid-row:1;width:30px;height:30px;border-radius:8px}#dashboard-view .metric-icon svg{width:18px;height:18px}#dashboard-view .metrics article:not(:first-child) .metric-icon{display:none}#dashboard-view .metrics strong{grid-column:1;grid-row:2;font-size:32px;line-height:1.1;margin:0}#dashboard-view .metrics small{grid-column:1/-1;grid-row:3;font-size:11px;margin:0}#dashboard-view .panel-grid{gap:16px;margin-top:0}#dashboard-view .panel{padding:18px;border-radius:12px}#dashboard-view .panel-head h2{font-size:16px}#dashboard-view .panel-head p{font-size:12px;line-height:1.6}#dashboard-view .dashboard-sales-list{margin-top:16px;max-height:370px}#dashboard-view .dashboard-sales-head{display:none}#dashboard-view .dashboard-sales-row{padding:13px;gap:8px;margin-bottom:10px;background:#fbfcfb;border-radius:9px}#dashboard-view .dashboard-sales-row strong{font-size:13px;padding-bottom:8px}#dashboard-view .dashboard-sales-row span{font-size:16px;gap:5px}#dashboard-view .dashboard-sales-row span:before{font-size:10px;letter-spacing:0;text-transform:none;color:#5d6e65;font-weight:500}#dashboard-view .workflow-panel .steps{grid-template-columns:30px minmax(0,1fr);gap:0 12px;margin-top:20px}#dashboard-view .workflow-panel .steps>span{width:30px;height:30px;min-width:30px;font-size:11px}#dashboard-view .workflow-panel .steps b{font-size:13px}#dashboard-view .workflow-panel .steps small{font-size:12px;line-height:1.6}#dashboard-view .workflow-panel .steps i{height:20px}.team-activity-fab,.announcement-fab{box-shadow:0 4px 12px #123c2d26}}
.workflow-panel .steps>span{grid-column:1}.workflow-panel .steps>p{grid-column:2}.workflow-panel .steps>i{grid-column:1/-1!important;justify-self:start;margin-left:14px!important}.workflow-panel .steps b{font-size:12px}.workflow-panel .steps small{font-size:11px;line-height:1.6}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.preview-banner{top:80px}.topbar-context .eyebrow{display:block}.sidebar nav{margin-bottom:12px}#dashboard-view .metrics article:first-child{grid-column:auto}
@media(max-width:760px){.preview-banner{top:70px}.menu-button{min-width:44px}.sidebar{padding-bottom:calc(18px + env(safe-area-inset-bottom))}#dashboard-view .metrics article:first-child{grid-column:1/-1}.content{padding-bottom:calc(116px + env(safe-area-inset-bottom))}}