/* Dashboard references: forest contrast, sage/rose metrics, bounded navigation cards. */
:root{--ux-ink:var(--ui-ink);--ux-forest:var(--ui-accent);--ux-sage:var(--ui-soft);--ux-blue:var(--ui-soft);--ux-rose:var(--ui-soft);--ux-line:var(--ui-line)}
body:not(.platform-body){background:var(--ui-soft)}body:not(.platform-body)>main{max-width:1380px;margin-inline:auto;padding:28px clamp(16px,3vw,40px) 44px;box-sizing:border-box}
.ref-welcome{margin-bottom:22px}.ref-welcome h1{font-family:inherit;font-size:clamp(28px,2.6vw,38px);line-height:1.4;letter-spacing:-.025em;color:var(--ux-ink)}.ref-welcome p{font-size:15px;line-height:1.8;color:var(--ui-muted)}.ref-eyebrow{color:var(--ui-ink);font-size:10px;letter-spacing:.16em}
.ref-metrics{gap:16px;margin-bottom:8px}.ref-metric{height:130px;padding:20px;grid-template-columns:42px minmax(0,1fr) 12px;gap:14px;border-radius:18px;border-color:var(--ui-line);background:var(--ui-soft);box-shadow:0 4px 16px #183e3705}.ref-metric-icon{width:42px;height:42px;padding:11px;background:#dcebe1}.ref-metric strong{font-size:29px;letter-spacing:-.025em;color:var(--ui-ink)}.ref-metric-label{font-size:13px;color:var(--ui-ink)}.ref-metric small{font-size:11px;gap:8px;margin-top:10px}.ref-food-cost{background:var(--ui-soft);border-color:var(--ui-line)}.ref-food-cost .ref-metric-icon{background:#dde8f6}.ref-waste{background:var(--ui-soft);border-color:var(--ui-line)}.ref-waste .ref-metric-icon{background:#efdae2}.ref-top-seller{background:var(--ui-soft);border-color:var(--ui-line)}.ref-top-seller .ref-metric-icon{background:#eee2c9}.ref-top-seller strong{font-size:20px}.ux-source-note{font-size:11px;line-height:1.8;color:var(--ui-muted);margin:8px 0 22px}
.ref-card-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.ref-card-rows>.ref-primary-row,.ref-card-rows>.ref-secondary-row,.ref-card-rows>.ref-compact-row,.ref-card-rows>.ref-footer-row{display:contents}
.reference-home .ref-tile{grid-column:auto!important;height:auto;min-height:164px;max-width:none;padding:21px;border-radius:18px;display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;gap:14px;border:1px solid var(--ux-line);background:var(--ui-panel);box-shadow:0 5px 20px #173f3505;transition:transform .18s,border-color .18s,box-shadow .18s}.reference-home .ref-tile:hover{transform:translateY(-2px);border-color:#8ba99e;box-shadow:0 9px 24px #173f3510}.reference-home .ref-tile-icon{position:static;width:42px;height:42px;padding:10px;border-radius:13px;background:var(--ux-sage);margin:0}.reference-home .ref-tile-copy{display:block;padding:0;min-width:0}.reference-home .ref-tile-copy b{font-size:18px;line-height:1.5;color:var(--ux-ink);letter-spacing:-.02em;display:block;margin:2px 0 8px}.reference-home .ref-tile-copy small{font-size:12px;line-height:1.8;display:block;color:var(--ui-muted);max-width:none;white-space:normal}.reference-home .ref-tile-arrow{position:static;width:23px;height:23px;padding:6px;grid-column:2;justify-self:end;margin-top:0;background:var(--ui-soft);border-radius:50%}.reference-home .ref-primary{min-height:174px;background:#183e37;border-color:#183e37}.reference-home .ref-primary .ref-tile-copy b{color:#fff;font-size:20px}.reference-home .ref-primary .ref-tile-copy small{color:var(--ui-muted)}.reference-home .ref-primary .ref-tile-icon{background:color-mix(in srgb,var(--ui-panel) 93%,transparent)}.reference-home .ref-primary .ref-tile-arrow{background:color-mix(in srgb,var(--ui-panel) 85%,transparent)}.reference-home .ref-primary.ref-menu{background:#254b59;border-color:#254b59}.reference-home .ref-primary.ref-purchasing{background:#334863;border-color:#334863}.reference-home .ref-secondary .ref-tile-icon{background:var(--ui-soft)}.reference-home .ref-marketing .ref-tile-icon{background:var(--ui-soft)}.reference-home .ref-team .ref-tile-icon{background:#f7efdf}.reference-home .ref-apps .ref-tile-icon{background:var(--ui-soft)}
/* Fixed-size tracks keep two or three cards from becoming oversized laptop panels. */
.op-hub,.mw-nav-grid,.commerce-cards,.inventory-section-cards,.inventory-category-cards,.mw-category-grid,.inventory-supplier-grid,.inventory-location-grid,.workspace-card-grid,.ix-family-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,300px))!important;gap:16px!important;justify-content:start;align-items:stretch}
.op-card,.mw-nav-card,.commerce-card,.inventory-section-card,.ix-family-card{grid-column:auto!important;min-height:178px!important;padding:21px!important;border-radius:18px!important;border:1px solid var(--ui-line)!important;box-shadow:0 4px 16px #163c3505!important;background:linear-gradient(140deg,var(--ui-panel) 45%,var(--ui-soft))!important;gap:12px!important}.op-card:nth-child(3n+2),.mw-nav-card:nth-child(3n+2),.commerce-card:nth-child(3n+2),.ix-family-card:nth-child(3n+2){background:linear-gradient(140deg,var(--ui-panel) 45%,var(--ui-soft))!important}.op-card:nth-child(3n),.mw-nav-card:nth-child(3n),.commerce-card:nth-child(3n),.ix-family-card:nth-child(3n){background:linear-gradient(140deg,var(--ui-panel) 45%,var(--ui-soft))!important}.op-card strong,.mw-nav-card strong,.commerce-card strong{font-size:19px!important;line-height:1.5;color:var(--ux-ink)}.op-card p,.mw-card-description,.commerce-card p,.ix-family-card p{font-size:12px!important;line-height:1.85!important;color:var(--ui-muted)!important;margin-block:0}.op-symbol,.mw-card-icon{width:42px!important;height:42px!important;border-radius:12px!important}.op-symbol img,.mw-card-icon img{width:23px!important;height:23px!important}.op-card-bottom,.mw-card-open{font-size:11px!important;padding-top:12px!important}.mw-nav-card[data-mw-section=products]{grid-column:auto!important}.inventory-card-copy b{font-size:18px!important}.inventory-card-copy small,.inventory-card-footer{font-size:12px!important;line-height:1.75}.inventory-section-card{height:auto!important;min-height:170px!important}.rc-report-cards{grid-template-columns:repeat(auto-fill,minmax(190px,250px))!important}.rc-report-cards button{min-height:112px;padding:17px}.rc-report-cards small{font-size:12px}.mw-product-grid{grid-template-columns:repeat(auto-fill,minmax(210px,280px))!important}
/* Logical outer edge: avatar first, date immediately inward, mirrored by document direction. */
.maxdash-header{background:color-mix(in srgb,var(--ui-panel) 92%,transparent)!important;border-bottom:1px solid var(--ui-line)!important;padding:14px clamp(16px,3vw,40px)!important}.maxdash-header>.topbar-first{display:grid!important;grid-template-columns:auto minmax(160px,1fr) auto!important;gap:24px!important;align-items:center!important;min-height:48px!important}.maxdash-header .max-pulse{display:none!important}.maxdash-header .maxdash-brand{grid-column:1!important;grid-row:1!important}.maxdash-header .ref-global-search{grid-column:2!important;grid-row:1!important;max-width:520px!important;width:100%!important;margin:0!important}.maxdash-header>.topbar-first>.toolbar{display:flex!important;flex-direction:row-reverse!important;direction:inherit!important;grid-column:3!important;grid-row:1!important;gap:10px!important;justify-self:stretch!important;align-items:center!important}.maxdash-header .profile-control{display:contents!important}.maxdash-header .toolbar #profile{order:0!important;position:static!important;grid-column:auto!important;grid-row:auto!important;flex:0 0 40px!important;width:40px!important;height:40px!important;background:#183e37!important;color:white!important;border:1px solid #183e37!important}.maxdash-header .toolbar #dateSelect{order:1!important;position:static!important;grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important;height:40px!important;font-size:12px!important;padding:0 11px!important;gap:8px!important}.maxdash-header .toolbar #languageToggle{order:2!important;position:static!important;grid-column:auto!important;grid-row:auto!important;min-width:55px!important;height:40px!important}.maxdash-header .toolbar #notifications{order:3!important;position:static!important;grid-column:auto!important;grid-row:auto!important;flex:0 0 36px!important;width:36px!important;height:40px!important}.maxdash-header #dateSelect span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maxdash-header #activeBranchLabel{display:none!important}.ux-maxrs-panel{max-width:900px}.ux-maxrs-status{display:flex;align-items:center;gap:10px;padding:16px 20px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-soft);margin:20px 0;color:var(--ui-ink)}.ux-maxrs-status img{width:23px;height:23px}.ux-maxrs-status p{margin:0;line-height:1.8;font-size:13px}.ux-maxrs-link{text-decoration:none;color:inherit}.ux-maxrs-source{font-size:12px;color:var(--ui-muted)}
@media(min-width:1600px){.ref-card-rows{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-tile{max-width:320px}}
@media(max-width:1100px){.maxdash-header>.topbar-first{gap:14px!important;grid-template-columns:auto minmax(130px,1fr) auto!important}.maxdash-header .toolbar #dateSelect{font-size:11px!important}.maxdash-header>.topbar-first>.toolbar{gap:7px!important}.ref-metric{padding:18px 14px;gap:10px;grid-template-columns:34px minmax(0,1fr) 9px}.ref-metric-icon{width:34px;height:34px;padding:9px}.ref-metric strong{font-size:25px}.ref-top-seller strong{font-size:18px}.ref-metric small{font-size:10px}}
@media(max-width:800px){.maxdash-header>.topbar-first{grid-template-columns:auto 1fr!important;gap:12px!important}.maxdash-header .maxdash-brand{grid-column:1!important;grid-row:1!important}.maxdash-header .ref-global-search{grid-column:1/-1!important;grid-row:2!important;max-width:none!important}.maxdash-header>.topbar-first>.toolbar{grid-column:2!important;grid-row:1!important;justify-self:end!important}.ref-card-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-metric{height:126px}.op-hub,.mw-nav-grid,.commerce-cards,.inventory-section-cards,.inventory-category-cards,.mw-category-grid,.inventory-supplier-grid,.inventory-location-grid,.workspace-card-grid,.ix-family-grid{grid-template-columns:repeat(auto-fill,minmax(220px,280px))!important}}
@media(max-width:600px){.maxdash-header>.topbar-first{grid-template-columns:1fr!important;gap:10px!important}.maxdash-header .maxdash-brand{grid-column:1!important;grid-row:1!important;justify-self:start!important}.maxdash-header>.topbar-first>.toolbar{grid-column:1!important;grid-row:2!important;justify-self:stretch!important;width:100%!important}.maxdash-header .ref-global-search{grid-column:1!important;grid-row:3!important}.maxdash-header .toolbar #dateSelect{flex:1!important}.reference-home .ref-tile{min-height:158px;padding:17px;grid-template-columns:36px minmax(0,1fr);gap:11px}.reference-home .ref-tile-copy b{font-size:17px}.reference-home .ref-primary .ref-tile-copy b{font-size:18px}.reference-home .ref-tile-icon{width:36px;height:36px;padding:9px}.ref-metric{display:block;min-height:134px;height:auto;padding:15px}.ref-metric-icon{float:inline-start;margin-inline-end:9px;margin-inline-start:0}.ref-metric-label{font-size:12px;padding:0;min-height:30px}.ref-metric strong{clear:both;font-size:26px}.ref-top-seller strong{font-size:18px}.ref-metric-arrow{display:none}.op-hub,.mw-nav-grid,.commerce-cards,.inventory-section-cards,.inventory-category-cards,.mw-category-grid,.inventory-supplier-grid,.inventory-location-grid,.workspace-card-grid,.ix-family-grid,.mw-product-grid{grid-template-columns:1fr!important}.op-card,.mw-nav-card,.commerce-card,.inventory-section-card,.ix-family-card{min-height:160px!important}.ref-card-rows{gap:12px}}
@media(max-width:420px){.ref-card-rows{grid-template-columns:1fr}.reference-home .ref-tile{min-height:136px}.ref-welcome h1{font-size:28px}.ref-welcome p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.reference-home .ref-tile{transition:none}.reference-home .ref-tile:hover{transform:none}}

.reference-home .ref-tile .ref-icon{filter:none}.reference-home .ref-tile:not(.ref-primary)::before,.reference-home .ref-tile:not(.ref-primary)::after{content:none}
html[dir=rtl] .maxdash-header>.topbar-first,html[dir=rtl] .maxdash-header>.topbar-first>.toolbar{direction:rtl!important}
html[dir=ltr] .maxdash-header>.topbar-first,html[dir=ltr] .maxdash-header>.topbar-first>.toolbar{direction:ltr!important}
html[lang=ar] .reference-home{font-family:Tahoma,Arial,sans-serif}
html[lang=ar] .reference-home .ref-tile-copy b{font-size:18px;font-weight:700;letter-spacing:0}
html[lang=ar] .reference-home .ref-tile-copy small{font-size:12px;line-height:1.9}
.maxdash-header>.topbar-first>.toolbar{min-width:0!important}.maxdash-header .toolbar #dateSelect{min-inline-size:0!important}.maxdash-header .toolbar #dateSelect .date-label{min-width:0!important}
@media(max-width:360px){.maxdash-header{padding-inline:14px!important}.maxdash-header>.topbar-first>.toolbar{gap:5px!important}.maxdash-header .toolbar #dateSelect{padding-inline:6px!important;font-size:10px!important;flex:1 1 0!important}.maxdash-header .toolbar #languageToggle{min-width:49px!important;padding-inline:5px!important}.maxdash-header .toolbar #notifications{flex-basis:28px!important;width:28px!important}.ref-metrics{grid-template-columns:1fr!important}.ref-metric{min-height:114px}.ref-metric strong{display:block}}
