/* Approved calm home reference. Card order and hierarchy are intentionally fixed. */
body{background:var(--ui-panel);color:var(--ui-ink)}
main{max-width:1680px;padding:31px clamp(22px,3vw,46px) 16px}
main>.heading,main>.metrics,main>.middle,main>.bottom{display:none!important}
.reference-home{margin:0;padding:0}
.ref-welcome{margin:0 0 20px}
.ref-eyebrow{display:block;font-size:11px;line-height:14px;font-weight:700;letter-spacing:.23em;color:var(--ui-ink);margin:0 0 8px}
.ref-welcome h1{margin:0 0 6px;color:var(--ui-ink);font:750 clamp(34px,3.15vw,48px)/1.08 'DM Sans',Arial,sans-serif;letter-spacing:-.045em}
.ref-welcome p{margin:0;color:var(--ui-muted);font-size:17px;line-height:25px;letter-spacing:-.015em}
.ref-icon{display:block;width:100%;height:100%;object-fit:contain;flex:none}
.ref-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}
.ref-metric{min-width:0;height:152px;display:grid;grid-template-columns:56px minmax(0,1fr) 12px;align-items:start;gap:16px;padding:24px 20px;text-align:start;border:1px solid var(--ui-line);border-radius:13px;background:var(--ui-soft);box-shadow:0 2px 7px #33243c02;transition:border-color .18s}
.ref-metric:hover{border-color:#a8bbdf}
.ref-metric-icon{height:56px;width:56px;display:grid;place-items:center;padding:15px;border-radius:50%;background:var(--ui-soft)}
.ref-metric-copy{min-width:0;padding-top:1px;display:block}
.ref-metric-label{display:block;font-size:15px;line-height:21px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}
.ref-metric strong{display:block;white-space:nowrap;font-size:clamp(23px,2.15vw,34px);font-weight:750;line-height:1.14;letter-spacing:-.045em}
.ref-metric small{display:flex;align-items:center;gap:12px;color:var(--ui-muted);font-size:12px;line-height:18px;margin-top:12px;white-space:nowrap}
.ref-delta{color:var(--ui-ink);font-weight:650;white-space:nowrap}
.ref-metric-arrow{display:block;width:12px;height:15px;margin-top:24px;opacity:.85}
.ref-food-cost{background:var(--ui-soft);border-color:var(--ui-line)}.ref-food-cost .ref-metric-icon{background:var(--ui-soft)}
.ref-waste{background:var(--ui-soft);border-color:var(--ui-line)}.ref-waste .ref-metric-icon{background:var(--ui-soft)}
.ref-top-seller{background:var(--ui-soft);border-color:var(--ui-line)}.ref-top-seller .ref-metric-icon{background:var(--ui-soft)}
.ref-top-seller strong{font-size:clamp(17px,1.5vw,24px);line-height:1.3;letter-spacing:-.03em}.ref-top-seller small{margin-top:9px;font-size:14px}
.ref-card-rows{display:grid;gap:16px}
.ref-primary-row{display:grid;grid-template-columns:1.17fr 1fr 1.03fr;gap:16px}
.ref-secondary-row{display:grid;grid-template-columns:1fr 1.06fr 1.1fr;gap:16px}
.ref-compact-row{display:grid;grid-template-columns:1fr 1.05fr 1fr 1.02fr;gap:16px}
.ref-footer-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ref-tile{position:relative;min-width:0;overflow:hidden;text-align:start;color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:13px;background:var(--ui-panel);padding:23px 24px;box-shadow:0 2px 9px #36233c02;transition:border-color .18s,box-shadow .18s}
.ref-tile:hover{border-color:var(--ui-line);box-shadow:0 7px 20px #243b6410}
.ref-tile:focus-visible,.ref-metric:focus-visible{outline:3px solid #7ba1ef;outline-offset:3px}
.ref-tile-icon{display:grid;place-items:center;position:relative;z-index:1;width:56px;height:56px;padding:14px;border-radius:50%;background:var(--ui-soft);flex:none}
.ref-tile-copy{position:relative;z-index:1;display:block;min-width:0}
.ref-tile-copy b{display:block;font-size:21px;line-height:1.2;font-weight:750;letter-spacing:-.035em}
.ref-tile-copy small{display:block;margin-top:7px;color:var(--ui-muted);font-size:14px;line-height:1.55;letter-spacing:-.015em;font-weight:400}
.ref-tile-arrow{position:absolute;z-index:1;right:22px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;padding:11px;background:color-mix(in srgb,var(--ui-panel) 60%,transparent);border-radius:50%}
.ref-primary{height:202px;padding:25px 28px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.ref-primary .ref-tile-icon{width:46px;height:46px;margin-bottom:20px;padding:0;background:transparent;border-radius:0}
.ref-primary .ref-tile-copy b{font-size:27px;line-height:1.18}
.ref-primary .ref-tile-copy small{font-size:16px;line-height:1.45;margin-top:8px}
.ref-primary .ref-tile-arrow{width:36px;height:36px;padding:11px;right:28px}
.ref-inventory{background:linear-gradient(125deg,#274b96,#244c9c 68%,#203e7c);border-color:#284b92;color:#fff}
.ref-inventory .ref-tile-icon .ref-icon{filter:brightness(0) invert(1)}
.ref-inventory .ref-tile-copy small{color:#e3eafb}
.ref-inventory .ref-tile-arrow{background:color-mix(in srgb,var(--ui-panel) 11%,transparent)}.ref-inventory .ref-tile-arrow .ref-icon{filter:brightness(0) invert(1)}
.ref-inventory::before,.ref-inventory::after{content:"";position:absolute;pointer-events:none;right:-40px;top:-32px;width:180px;height:330px;border:1px solid #ffffff12;border-radius:45%;transform:rotate(31deg)}
.ref-inventory::after{right:-76px;top:-16px;box-shadow:-22px -1px 0 0 #ffffff03}
.ref-menu{background:linear-gradient(125deg,var(--ui-soft),var(--ui-soft))}
.ref-menu::after{content:"";position:absolute;width:210px;height:230px;border-radius:48%;right:-75px;bottom:-150px;background:#e9dbca40;box-shadow:-22px -12px 0 #efe4d240}
.ref-purchasing{background:linear-gradient(120deg,var(--ui-soft),var(--ui-soft))}
.ref-secondary{height:138px;display:flex;align-items:center;gap:18px;padding:20px 22px}
.ref-secondary .ref-tile-copy{padding-right:24px}.ref-secondary .ref-tile-icon{align-self:flex-start;margin-top:0}
.ref-reports{background:linear-gradient(120deg,var(--ui-soft),var(--ui-soft));border-color:var(--ui-line)}.ref-reports .ref-tile-icon{background:var(--ui-soft)}
.ref-compact{height:128px;display:flex;align-items:flex-start;gap:15px;padding:20px 18px}
.ref-compact .ref-tile-icon{width:48px;height:48px;padding:12px}
.ref-compact .ref-tile-copy{padding:7px 12px 0 0}
.ref-compact .ref-tile-copy b{font-size:19px}
.ref-compact .ref-tile-copy small{font-size:13px;line-height:1.45;margin-top:7px}
.ref-compact .ref-tile-arrow{width:28px;height:28px;padding:9px;right:13px}
.ref-footer{height:104px;display:flex;align-items:center;gap:22px;padding:20px 24px}
.ref-footer .ref-tile-copy b{font-size:21px}.ref-footer .ref-tile-copy small{font-size:13px;margin-top:5px}
.ref-footer .ref-tile-arrow{right:26px}
/* Header from the same reference. The selected branch remains global. */
.maxdash-header{position:relative!important;height:66px!important;min-height:66px!important;padding:9px clamp(22px,3vw,46px)!important;gap:0!important;background:color-mix(in srgb,var(--ui-panel) 93%,transparent)!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:0 2px 8px #15274403!important}
.maxdash-header>.topbar-first{display:grid!important;grid-template-columns:max-content minmax(120px,1fr) max-content!important;grid-template-rows:1fr!important;align-items:center!important;gap:18px!important;height:48px!important;min-height:0!important;direction:ltr}
.max-pulse{display:none!important}
.maxdash-header>.topbar-first>.toolbar{display:flex!important;align-items:center!important;gap:10px!important;grid-column:auto!important;grid-row:auto!important;direction:ltr}
.maxdash-header .profile-control{display:contents!important}
.maxdash-header #dateSelect{display:flex!important;order:1!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:168px!important;height:40px!important;border-radius:9px!important;font-size:12px!important;padding:0 12px!important;background:var(--ui-panel)!important}
.maxdash-header #dateSelect svg{width:17px!important;height:17px!important;stroke-width:1.8!important;color:var(--ui-ink)!important}
.maxdash-header #activeBranchLabel{order:2!important;display:flex!important;align-items:center;gap:8px;position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:190px!important;height:40px!important;border:1px solid var(--ui-line)!important;border-radius:9px!important;background:var(--ui-panel)!important;color:var(--ui-ink)!important;padding:0 12px!important;font-size:11px!important;cursor:pointer;white-space:nowrap}
#activeBranchLabel::before{content:"";width:17px;height:17px;flex:none;background:url('icons/phosphor/regular/storefront.svg') center/contain no-repeat}
.maxdash-header #notifications{order:3!important;height:40px!important;width:40px!important;border:0!important;background:transparent!important;grid-column:auto!important;grid-row:auto!important}
.maxdash-header #profile{order:4!important;width:40px!important;height:40px!important;background:#31538c!important;color:#fff!important;font-weight:500!important;grid-column:auto!important;grid-row:auto!important}
.maxdash-header #languageToggle{order:5!important;grid-column:auto!important;grid-row:auto!important;height:30px!important;padding:0 7px!important;font-size:10px!important;min-width:0!important;line-height:1;border:1px solid var(--ui-line)!important;background:transparent!important}
.ref-global-search{display:flex;align-items:center;gap:10px;width:min(335px,100%);height:40px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-panel);padding:0 12px;justify-self:end;direction:ltr}
.ref-global-search img{width:18px;height:18px}.ref-global-search input{width:100%;min-width:0;outline:none;border:0;background:transparent;font:12px 'DM Sans',Arial,sans-serif;color:var(--ui-ink)}.ref-global-search input::placeholder{color:var(--ui-muted)}
/* Transparent lockup exterior, original black interior within the gold M emblem. */
.maxdash-header>.topbar-first>.maxdash-brand{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;gap:9px!important;height:46px!important;overflow:visible!important}
.maxdash-brand .brand-mark{width:46px!important;height:44.4px!important;background:transparent!important;border-radius:11.3px!important;clip-path:inset(0 round 11.3px);overflow:hidden!important}
.maxdash-brand .brand-mark img{width:196.63px!important;height:auto!important;left:-2.16px!important;top:-3.25px!important;max-width:none!important;mix-blend-mode:normal!important}
.maxdash-brand .brand-name{font-size:22px!important;letter-spacing:0!important}
.maxdash-brand .brand-name b{color:var(--ui-ink)!important}.maxdash-brand .brand-name strong{background:linear-gradient(105deg,#13b5ed,#315fc7)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.maxdash-brand .brand-subtitle{font-size:6px!important;letter-spacing:.22em!important;color:var(--ui-muted)!important}
html[dir=rtl] .ref-tile-arrow,html[dir=rtl] .ref-metric-arrow{right:auto;left:22px}
html[dir=rtl] .ref-tile-arrow img,html[dir=rtl] .ref-metric-arrow img{transform:scaleX(-1)}
html[dir=rtl] .ref-secondary .ref-tile-copy{padding-right:0;padding-left:24px}
html[dir=rtl] .ref-welcome h1,html[dir=rtl] .ref-tile-copy b{letter-spacing:0}
@media(max-width:1200px){.ref-tile-copy b{font-size:19px}.ref-primary .ref-tile-copy b{font-size:24px}.ref-primary .ref-tile-copy small{font-size:14px}.ref-secondary .ref-tile-copy small{font-size:12px}.ref-compact{padding:18px 14px;gap:10px}.ref-compact .ref-tile-icon{width:40px;height:40px;padding:9px}.ref-compact .ref-tile-copy b{font-size:17px}.ref-compact .ref-tile-copy small{font-size:11px}.ref-compact .ref-tile-arrow{right:7px;width:24px;height:24px;padding:8px}.ref-metric{padding:22px 15px;gap:10px;grid-template-columns:48px minmax(0,1fr) 10px}.ref-metric-icon{width:48px;height:48px;padding:12px}.ref-metric-label{font-size:13px}.ref-metric small{font-size:10px;gap:7px}.maxdash-header>.topbar-first{gap:12px!important}.maxdash-header #activeBranchLabel{max-width:150px!important;font-size:10px!important}.maxdash-header #dateSelect{min-width:148px!important;font-size:10px!important}.maxdash-header>.topbar-first>.toolbar{gap:7px!important}.ref-global-search{max-width:260px}}
@media(max-width:900px){main{padding:26px 20px 20px}.ref-welcome h1{font-size:37px}.ref-welcome p{font-size:14px}.ref-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ref-metric{height:134px;grid-template-columns:48px minmax(0,1fr) 10px;padding:21px 20px;gap:14px}.ref-metric strong{font-size:29px}.ref-top-seller strong{font-size:22px}.ref-metric small{font-size:11px}.ref-primary-row{grid-template-columns:1fr 1fr}.ref-inventory{grid-column:1/-1}.ref-primary{height:180px;padding:24px}.ref-secondary-row{grid-template-columns:1fr 1fr}.ref-customers{grid-column:1/-1}.ref-compact-row{grid-template-columns:1fr 1fr}.ref-compact{height:116px;padding:20px;gap:14px}.ref-compact .ref-tile-copy b{font-size:19px}.ref-compact .ref-tile-copy small{font-size:13px}.ref-footer-row{grid-template-columns:1fr}.ref-secondary .ref-tile-copy small{font-size:13px}.ref-footer{height:96px}.maxdash-header{height:auto!important;min-height:0!important;padding:11px 20px!important}.maxdash-header>.topbar-first{display:flex!important;flex-wrap:wrap!important;gap:8px!important;height:auto!important;min-height:0!important}.maxdash-header>.topbar-first>.toolbar{display:contents!important}.maxdash-header>.topbar-first>.maxdash-brand{order:0!important;flex:1!important;min-width:170px!important}.maxdash-header #notifications{order:1!important;width:34px!important;height:34px!important}.maxdash-header #languageToggle{order:2!important;font-size:9px!important;padding:0 5px!important}.maxdash-header #profile{order:3!important;width:34px!important;height:34px!important}.maxdash-header #dateSelect{order:4!important;min-width:0!important;flex:1!important;height:38px!important;font-size:11px!important;justify-content:space-between!important}.maxdash-header #activeBranchLabel{order:5!important;flex:1!important;max-width:none!important;min-width:0!important;height:38px!important;font-size:10px!important;justify-content:center!important}.ref-global-search{order:6!important;width:100%!important;max-width:none!important;height:38px!important}.maxdash-header .brand-mark{width:38px!important;height:36.7px!important;border-radius:9.4px!important;clip-path:inset(0 round 9.4px)}.maxdash-brand .brand-mark img{width:162.43px!important;left:-1.79px!important;top:-2.69px!important}.maxdash-brand .brand-name{font-size:20px!important}.maxdash-brand .brand-subtitle{font-size:5.5px!important}}
@media(max-width:560px){main{padding:23px 14px 16px}.ref-welcome{margin-bottom:18px}.ref-eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:7px}.ref-welcome h1{font-size:30px;line-height:1.12;letter-spacing:-.04em}.ref-welcome p{font-size:12px;line-height:1.6;max-width:290px}.ref-metrics{gap:9px;margin-bottom:14px}.ref-metric{height:153px;display:block;position:relative;padding:14px 13px;border-radius:12px}.ref-metric-icon{float:left;margin-right:9px;width:32px;height:32px;padding:8px}.ref-metric-copy{padding:0}.ref-metric-label{min-height:32px;display:flex;align-items:center;font-size:11px;margin-bottom:8px;padding-right:8px}.ref-metric strong{clear:both;font-size:26px}.ref-top-seller strong{font-size:18px;white-space:normal;line-height:1.25;min-height:32px}.ref-metric small{font-size:9px;gap:5px;margin-top:9px;white-space:normal;line-height:1.3}.ref-metric-arrow{position:absolute;right:10px;top:22px;width:8px;height:12px;margin:0}.ref-top-seller small{font-size:10px}.ref-card-rows,.ref-primary-row,.ref-secondary-row,.ref-compact-row,.ref-footer-row{gap:10px}.ref-primary{height:176px;padding:19px 16px}.ref-inventory{height:180px;padding:23px}.ref-primary .ref-tile-icon{width:34px;height:34px;margin-bottom:15px}.ref-primary .ref-tile-copy b{font-size:19px}.ref-primary .ref-tile-copy small{font-size:11px;line-height:1.5}.ref-primary .ref-tile-arrow{width:29px;height:29px;padding:9px;right:13px;top:32px;transform:none}.ref-inventory .ref-tile-copy b{font-size:25px}.ref-inventory .ref-tile-copy small{font-size:14px}.ref-inventory .ref-tile-arrow{right:23px;top:50%;transform:translateY(-50%);width:35px;height:35px;padding:11px}.ref-secondary{height:151px;display:block;padding:15px}.ref-secondary .ref-tile-icon{width:34px;height:34px;padding:8px;margin:0 0 10px}.ref-secondary .ref-tile-copy{padding:0}.ref-secondary .ref-tile-copy b{font-size:19px}.ref-secondary .ref-tile-copy small{font-size:11px;line-height:1.45;margin-top:5px}.ref-secondary .ref-tile-arrow{top:22px;right:13px;transform:none;width:27px;height:27px;padding:9px}.ref-customers{height:115px;display:flex;gap:14px;align-items:center}.ref-customers .ref-tile-icon{margin:0;width:44px;height:44px;padding:11px}.ref-customers .ref-tile-arrow{top:50%;transform:translateY(-50%)}.ref-compact{height:128px;display:block;padding:14px}.ref-compact .ref-tile-icon{width:32px;height:32px;padding:8px;margin-bottom:9px}.ref-compact .ref-tile-copy{padding:0}.ref-compact .ref-tile-copy b{font-size:17px}.ref-compact .ref-tile-copy small{font-size:10px;margin-top:5px}.ref-compact .ref-tile-arrow{right:10px;top:23px;transform:none}.ref-footer{height:92px;padding:18px;gap:16px}.ref-footer .ref-tile-icon{width:42px;height:42px;padding:10px}.ref-footer .ref-tile-copy b{font-size:18px}.ref-footer .ref-tile-copy small{font-size:10px;line-height:1.4;padding-right:12px}.ref-footer .ref-tile-arrow{right:14px;width:27px;height:27px;padding:9px}.maxdash-header{padding:9px 14px!important}html[dir=rtl] .ref-metric-icon{float:right;margin-right:0;margin-left:9px}html[dir=rtl] .ref-metric-label{padding-right:0;padding-left:8px}html[dir=rtl] .ref-secondary .ref-tile-copy{padding:0}}
@media(prefers-reduced-motion:reduce){.ref-tile,.ref-metric{transition:none}}
.ref-header-icon{display:block;width:18px;height:18px;flex:none;object-fit:contain}.maxdash-header #dateSelect .ref-header-icon:last-child{width:12px;height:12px}.ref-global-search:focus-within{border-color:#a7b9dd;box-shadow:0 0 0 2px #315fc70a}

/* Active branch is selected only from the account circle. */
.maxdash-header #activeBranchLabel[hidden]{display:none!important}