/* app.css */
:root{--maroon:#761529;--wine:#941f3b;--cream:#fbf9f6;--paper:#fff;--ink:#211d1e;--muted:#72686b;--line:#e8dee0;--green:#16805e;--green-soft:#e9f7f1;--red:#c63d50;--red-soft:#fff0f2;--amber:#b87912;--amber-soft:#fff8e8;--blue:#246da8;--shadow:0 10px 34px rgba(70,17,30,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 4%,#f8e9eb 0,transparent 22%),var(--cream);color:var(--ink);font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}button,.button{min-height:44px;border:0;border-radius:10px;background:var(--maroon);color:#fff;padding:10px 17px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.button.small,button.small{min-height:36px;padding:7px 12px;font-size:.88rem}.ghost{background:#fff;color:var(--maroon);border:1px solid #cdaeb5}.danger{background:var(--red-soft);color:var(--red);border:1px solid #f0c6cd}
.site-header{min-height:78px;background:linear-gradient(120deg,#68101f,#84172e);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100vw - 1320px)/2));box-shadow:0 6px 25px rgba(70,10,25,.2);position:relative;z-index:4}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand>span:last-child{display:grid}.brand strong{font-size:1.05rem}.brand small{opacity:.78;font-size:.78rem}.mark{width:48px;height:48px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;font:700 1rem Georgia,serif;background:rgba(255,255,255,.04)}nav{display:flex;gap:22px}nav a{color:#fff;text-decoration:none;font-weight:650;font-size:.93rem}
main{max-width:1320px;margin:auto;padding:30px 24px 70px;min-height:calc(100vh - 160px)}footer{text-align:center;color:var(--muted);font-size:.84rem;padding:24px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 5px!important;letter-spacing:.14em;font-size:.75rem!important;font-weight:900;color:var(--wine)!important}.dashboard-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.dashboard-title h1{margin:2px 0 4px;font:800 2.15rem/1.08 Georgia,serif}.dashboard-title p{margin:0;color:var(--muted)}.settings-button,.access-badge{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 14px;text-decoration:none;font-size:.88rem}.access-badge{color:var(--green);font-weight:800}.settings-button{color:var(--maroon)}
.dashboard-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#eee4e6;border-radius:14px;padding:6px;margin-bottom:16px}.dashboard-tabs a{text-align:center;text-decoration:none;padding:11px 12px;border-radius:10px;color:#6f555b;font-weight:800}.dashboard-tabs a.active{background:var(--maroon);color:#fff;box-shadow:0 5px 14px rgba(112,20,39,.18)}.filters{display:flex;align-items:end;gap:12px;margin:0 0 18px}.filters label{min-width:210px}.filters input,.filters select{width:100%}label{display:grid;gap:6px;font-size:.88rem;font-weight:750}input,select{min-height:44px;border:1px solid #d8ced0;border-radius:10px;background:#fff;padding:8px 11px;color:var(--ink)}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-head h2{margin:2px 0 4px;font-size:1.35rem}.section-head p{margin:0;color:var(--muted)}.month-chip,.target-label{padding:7px 10px;border-radius:999px;background:#f6eff1;color:var(--maroon);font-weight:800;font-size:.8rem;white-space:nowrap}.snapshot{padding:24px;margin-bottom:18px}.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}.metric{border:1px solid var(--line);border-radius:14px;padding:16px;min-height:120px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#d8c8cc}.metric.positive:after{background:var(--green)}.metric.negative:after{background:var(--red)}.metric>span,.metric small{display:block;color:var(--muted);font-size:.78rem}.metric>strong{display:block;font-size:1.35rem;margin:6px 0}.metric.wide{grid-column:span 2}.metric-split{border-top:1px solid var(--line);margin-top:11px;padding-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-split span,.metric-split small{display:block;color:var(--muted);font-size:.72rem}.metric-split b{font-size:.95rem}.compliance-pills{display:flex;gap:8px;margin-top:10px}.compliance-pills span{background:#f7f2f3;padding:7px 9px;border-radius:9px;font-size:.75rem}.compliance-pills b{display:block;font-size:1rem}.ticker{margin-top:16px;border-radius:11px;padding:11px 14px;display:flex;gap:12px;overflow:hidden;white-space:nowrap;font-size:.78rem;letter-spacing:.04em}.ticker b{flex:none}.ticker span{display:block;animation:ticker 16s linear infinite}.ticker-warn{background:var(--red-soft);border:1px solid #efc1c9;color:#951e34}.ticker-ok{background:var(--green-soft);border:1px solid #b7e0d0;color:#116d50}@keyframes ticker{from{transform:translateX(25%)}to{transform:translateX(-100%)}}
.health-panel,.outlet-health{margin-bottom:18px}.group-score{display:grid;text-align:right}.group-score span{font-size:.75rem;color:var(--muted)}.group-score b{font-size:1.35rem}.health-panel details>summary,.outlet-health details>summary{cursor:pointer;margin-top:14px;color:var(--maroon);font-weight:800}.table-wrap{overflow:auto;margin:14px -22px -10px}.health-table{width:100%;border-collapse:collapse;min-width:980px}.health-table th,.health-table td{padding:12px 13px;text-align:left;border-bottom:1px solid var(--line);font-size:.82rem}.health-table th{background:#f7f1f2;color:#67313d;position:sticky;top:0}.health-table td small{display:block;color:var(--muted)}.score{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:900}.green{background:var(--green)}.red{background:var(--red)}.amber{background:var(--amber)}.status-pill{display:inline-block;padding:6px 9px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:800;white-space:nowrap}.score-note{font-size:.76rem;color:var(--muted);margin:16px 0 0}.positive-text{color:var(--green)!important}.negative-text{color:var(--red)!important}.health-orb{min-width:86px;height:86px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;box-shadow:inset 0 0 0 7px rgba(255,255,255,.2)}.health-orb b{font-size:1.55rem;line-height:1}.health-orb span{font-size:.7rem}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.score-grid article{border:1px solid var(--line);border-radius:13px;padding:14px}.score-grid span,.score-grid p{font-size:.78rem;color:var(--muted)}.score-grid b{display:block;font-size:1.25rem;margin:5px 0}.score-grid small{font-size:.7rem}.score-grid p{margin:0}
.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.chart-card{min-height:355px}.trend-chart{height:230px;margin-top:30px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line);position:relative;padding:0 6px}.trend-col{height:100%;flex:1;min-width:18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.trend-col>span{font-size:.65rem;color:var(--muted);margin-bottom:4px}.trend-col i{width:min(28px,75%);border-radius:5px 5px 0 0;min-height:3px}.bar-red{background:linear-gradient(#db6172,#ad263b)}.bar-green{background:linear-gradient(#55b893,#197d5d)}.trend-col small{position:absolute;bottom:-24px;font-size:.68rem;color:var(--muted)}.target-line{position:absolute;left:0;right:0;border-top:1px dashed #b84054;z-index:2}.target-line span{position:absolute;right:0;top:-18px;color:#a4253b;font-size:.65rem}.purchase-bars{display:grid;gap:14px;margin-top:22px}.purchase-bars article>div:first-child{display:flex;justify-content:space-between;gap:10px}.purchase-bars article span{color:var(--muted);font-size:.75rem}.purchase-bars article>b{font-size:.78rem}.bar-track{height:10px;border-radius:999px;background:#eee7e9;overflow:hidden;margin:6px 0}.bar-track i{display:block;height:100%;border-radius:999px}.bar-track .ck{background:var(--maroon)}.bar-track .out{background:#d98b35}.bar-track .gas{background:#357cad}.bar-track .voucher{background:#8164ad}.purchase-total{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:flex;justify-content:space-between}.purchase-total span{color:var(--muted)}
.action-row{display:flex;gap:10px;margin:18px 0}.records{margin-bottom:18px}.record-list{display:grid;gap:9px;margin-top:16px}.record-list details{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.record-list details.incomplete{border-color:#e5a8b2;background:#fffafb}.record-list summary{display:grid;grid-template-columns:1.6fr .7fr 1fr .8fr;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}.record-list summary::-webkit-details-marker{display:none}.record-list summary:after{content:"+";font-weight:900;color:var(--maroon);justify-self:end}.record-list details[open] summary:after{content:"−"}.record-list summary time{font-weight:850}.record-list summary span{font-size:.78rem;color:var(--muted)}.record-list summary b{display:block;color:var(--ink);font-size:.9rem}.record-detail,.entry-detail{border-top:1px solid var(--line);background:#faf7f8;padding:14px 16px;display:flex;gap:24px;flex-wrap:wrap}.record-detail span,.entry-detail span{font-size:.75rem;color:var(--muted)}.record-detail b,.entry-detail b{display:block;color:var(--ink)}.entry-detail{display:grid;grid-template-columns:repeat(3,1fr)}.entry-detail .wide,.entry-actions{grid-column:1/-1}.entry-actions{display:flex;gap:8px}.entry-actions form{margin:0}.empty-state{min-height:110px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}
.settings-panel,.utility-panel,.sharing-panel{margin:18px 0}.settings-list{margin-top:16px;border-top:1px solid var(--line)}.settings-row{display:grid;grid-template-columns:minmax(170px,1fr) repeat(2,minmax(150px,.65fr)) auto;gap:12px;align-items:end;padding:13px 0;border-bottom:1px solid var(--line)}.lock-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:22px;align-items:end}.lock-row h3{grid-column:1/-1;margin:0}.success-note,.notice{padding:12px 15px;border-radius:10px;margin:14px 0}.success-note{background:var(--green-soft);color:var(--green)}.notice{background:var(--amber-soft);border:1px solid #efd79b;color:#76520b}.utility-panel{display:flex;justify-content:space-between;gap:18px;align-items:center}.utility-panel h2{margin:2px 0}.utility-panel p{margin:0;color:var(--muted)}.inline{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.link-grid>div{display:grid;grid-template-columns:150px 1fr auto auto;gap:8px;align-items:center}.link-grid input{font-size:.75rem;color:var(--muted)}.logout{text-align:center;margin-top:20px}
.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.entry-panel,.stock-panel{margin:18px 0}.entry-panel h2{margin:2px 0}.form-actions{display:flex;gap:9px}.stock-panel summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer}.stock-panel summary span:first-child{display:grid}.stock-panel summary small{font-weight:400;color:var(--muted)}.check{display:flex;align-items:center;gap:9px}.check input{min-height:auto}.warning-modal{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 28px));background:#fff;border:1px solid #e8bac2;border-radius:18px;padding:25px;box-shadow:0 30px 90px rgba(50,0,12,.3)}.warning-modal>button{position:absolute;right:12px;top:10px;background:transparent;color:var(--ink);font-size:1.5rem;padding:0;min-height:32px;width:32px}.warning-modal h2{margin:4px 0 12px}.warning-modal ul{margin:0;padding-left:20px}.warning-modal li+li{margin-top:8px}.modal-shade{position:fixed;z-index:19;inset:0;background:rgba(31,12,16,.45);backdrop-filter:blur(2px)}
.grid{display:grid;gap:14px}.home-title{margin-top:8px}.outlet-links{grid-template-columns:repeat(2,1fr)}.outlet-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.outlet-card h2{font-size:1.08rem;margin:0}.outlet-card p{font-size:.8rem;color:var(--muted);margin:3px 0}.outlet-number{width:42px;height:42px;border-radius:50%;background:#f7edef;color:var(--maroon);display:grid;place-items:center;font-weight:900;font-size:.8rem}.master-access{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.master-access h2{margin:2px 0}.master-access p{margin:0;color:var(--muted)}.login-shell{min-height:65vh;display:grid;place-items:center}.login{width:min(480px,100%)}.login h1{font:800 2.35rem/1.08 Georgia,serif;margin:5px 0}.login>p{color:var(--muted)}.login form{display:grid;gap:14px;margin-top:20px}.error{color:var(--red);margin:0}
@media(max-width:1050px){.snapshot-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.chart-card{min-height:330px}.form-grid{grid-template-columns:repeat(2,1fr)}.settings-row{grid-template-columns:1fr 1fr}.settings-row strong,.settings-row button{grid-column:1/-1}.link-grid{grid-template-columns:1fr}}
@media(max-width:720px){.site-header{padding:13px 16px}.brand small{display:none}.mark{width:44px;height:44px}nav{gap:12px}nav a:first-child{display:none}main{padding:22px 13px 54px}.dashboard-title{align-items:flex-start}.dashboard-title h1{font-size:1.75rem}.access-badge{font-size:.72rem}.dashboard-tabs{grid-template-columns:1fr}.filters{align-items:stretch}.filters label{min-width:0;flex:1}.snapshot,.card{padding:16px;border-radius:15px}.snapshot-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:13px;min-height:108px}.metric.wide{grid-column:1/-1}.metric>strong{font-size:1.12rem}.metric.compliance{grid-column:1/-1}.ticker{margin-left:-16px;margin-right:-16px;border-radius:0}.section-head h2{font-size:1.16rem}.health-panel .section-head{display:grid;grid-template-columns:1fr auto}.table-wrap{margin-left:-16px;margin-right:-16px}.score-grid{grid-template-columns:1fr}.analytics-grid{gap:13px}.chart-card{min-height:320px}.trend-chart{gap:4px}.trend-col i{width:70%}.action-row{display:grid;grid-template-columns:1fr 1fr}.action-row a:last-child{grid-column:1/-1}.record-list summary{grid-template-columns:1fr 1fr;padding:12px}.record-list summary:after{position:absolute;right:23px}.entry-detail{grid-template-columns:1fr 1fr}.settings-row,.lock-row{grid-template-columns:1fr}.settings-row strong,.settings-row button,.lock-row h3{grid-column:auto}.utility-panel,.master-access{display:grid}.link-grid>div{grid-template-columns:1fr auto}.link-grid>div strong,.link-grid input{grid-column:1/-1}.form-grid{grid-template-columns:1fr 1fr}.outlet-links{grid-template-columns:1fr}.outlet-card{grid-template-columns:auto 1fr}.outlet-card .button{grid-column:1/-1}.warning-modal{padding:22px 18px}}
@media(max-width:430px){body{font-size:15px}.site-header nav a{font-size:.8rem}.brand strong{font-size:.95rem}.dashboard-title{display:grid}.snapshot-grid{grid-template-columns:1fr}.metric.wide,.metric.compliance{grid-column:auto}.metric-split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.record-list summary{grid-template-columns:1fr}.record-list summary span b{display:inline;margin-left:5px}.entry-detail{grid-template-columns:1fr}.health-orb{min-width:72px;height:72px}.chart-card{min-height:300px}.trend-chart{height:200px}.purchase-total{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span{animation:none}}
.report-panel{display:block}.report-form{display:grid;grid-template-columns:1.4fr repeat(4,1fr) auto;gap:10px;align-items:end;margin-top:18px}
@media(max-width:1050px){.report-form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.report-form{grid-template-columns:1fr}}

/* v2.1 visual parity layer — mirrors the established live dashboard language. */
:root{--maroon:#6d1025;--wine:#6d1025;--dark:#490919;--gold:#c99a48;--cream:#f8f4f1;--ink:#251b1e;--muted:#776a6d;--line:#eadfe1;--green:#16794b;--red:#bd2c38;--shadow:0 6px 20px rgba(74,23,32,.04)}
body{background:var(--cream);font-family:Arial,Helvetica,sans-serif}
.site-header{min-height:78px;height:78px;position:sticky;top:0;background:rgba(255,255,255,.97);color:var(--dark);border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1180px)/2));box-shadow:0 4px 18px rgba(80,16,32,.045);backdrop-filter:saturate(135%) blur(10px)}
.site-header .brand{color:var(--dark)}.site-header .brand strong{color:var(--maroon);font-size:1rem}.site-header .brand small{color:var(--muted);font-size:.7rem}.site-header .mark{width:46px;height:46px;color:var(--maroon);border:1px solid #d8bcc2;background:#fff}.site-header nav a{color:var(--maroon);border-radius:9px;padding:8px 11px;font-size:.78rem;font-weight:800}.site-header nav a:last-child{color:#fff;background:var(--maroon)}
main{max-width:1180px;padding:32px 24px 64px}.card{border-radius:16px;box-shadow:var(--shadow)}
.dashboard-title{align-items:flex-start;margin-bottom:20px}.dashboard-title h1{color:var(--dark);font-size:2rem}.dashboard-title p:not(.eyebrow){font-size:.82rem;color:var(--muted)}.settings-button{color:#fff;background:var(--maroon);border-color:var(--maroon);box-shadow:0 4px 12px rgba(109,16,37,.14);font-size:.75rem;font-weight:900}
.dashboard-tabs{background:#fff;border:1px solid var(--line);padding:5px;box-shadow:var(--shadow)}.dashboard-tabs a{font-size:.75rem;letter-spacing:.01em}.dashboard-tabs a.active{background:var(--maroon)}
.filters{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:16px}.filters:has(label+label){grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto}.filters label{min-width:0}.filters button{min-width:132px}
.snapshot{padding:0;overflow:hidden;border-color:#dfcfd3;box-shadow:0 14px 38px rgba(74,23,32,.07)}.snapshot>.section-head{padding:17px 20px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fff,#fbf5f0);align-items:center}.snapshot>.section-head h2{font:700 1.3rem Georgia,serif;color:var(--dark)}.snapshot-grid{margin:0;background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px}.metric{border:0;border-radius:0;background:#fff;min-height:124px;padding:18px}.metric:after{top:0;bottom:auto;height:4px}.metric>span{letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:900}.metric>strong{color:var(--dark);font-size:1.3rem}.metric.positive>strong{color:var(--green)}.metric.negative>strong{color:var(--red)}.metric.wide{grid-column:span 2}.metric-split{margin-top:auto}.ticker{margin:0;border:0;border-radius:0;padding:12px 16px}.ticker-warn{border-top:1px solid #efc1c9}.ticker-ok{border-top:1px solid #b7e0d0}
.health-panel,.outlet-health{overflow:hidden}.health-panel>.section-head,.outlet-health>.section-head{padding:22px 26px;margin:-22px -22px 0;background:linear-gradient(125deg,#fff,#fbf6f4);border-bottom:1px solid var(--line);align-items:center}.health-panel .section-head h2,.outlet-health .section-head h2{font:700 1.7rem Georgia,serif;color:var(--dark)}.group-score{min-width:145px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.health-orb{box-shadow:none}.score-grid article{background:#fff}.analytics-grid{gap:14px}.chart-card{overflow:hidden}.chart-card>.section-head{margin:-22px -22px 0;padding:18px 20px 10px}.chart-card>.section-head h2{font:700 1.15rem Georgia,serif;color:var(--maroon)}
.purchase-bars{margin-top:14px}.purchase-bars article{padding:8px 0}.bar-track{height:12px}.records>.section-head,.settings-panel>.section-head,.sharing-panel>.section-head{padding-bottom:14px;border-bottom:1px solid var(--line)}
.link-grid{grid-template-columns:1fr;gap:8px}.link-grid>div{grid-template-columns:190px minmax(240px,1fr) auto auto;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#fcf9f8}.link-grid>div strong{font-size:.82rem}.link-grid input{min-width:0;width:100%}
.settings-row{grid-template-columns:minmax(190px,1fr) repeat(2,minmax(170px,.7fr)) auto}.utility-panel{margin-top:14px}.report-form{grid-template-columns:minmax(180px,1.25fr) repeat(3,minmax(140px,1fr)) minmax(170px,1fr) auto}
footer{border-top:1px solid var(--line);background:#fff;font-size:.7rem}
@media(max-width:900px){.snapshot-grid{grid-template-columns:repeat(2,1fr)}.metric.wide{grid-column:span 2}.settings-row{grid-template-columns:1fr 1fr}.settings-row strong,.settings-row button{grid-column:1/-1}.report-form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.site-header{height:auto;min-height:70px;padding:11px 15px}.site-header nav{gap:4px}.site-header nav a{padding:7px 8px}main{padding:23px 14px 44px}.dashboard-title h1{font-size:1.7rem}.filters,.filters:has(label+label){grid-template-columns:1fr}.filters button{width:100%}.dashboard-tabs{grid-template-columns:1fr}.snapshot>.section-head{padding:14px 15px}.metric{min-height:104px;padding:15px}.health-panel>.section-head,.outlet-health>.section-head{padding:18px 17px}.health-panel .section-head h2,.outlet-health .section-head h2{font-size:1.45rem}.link-grid>div{grid-template-columns:1fr auto auto}.link-grid>div strong,.link-grid input{grid-column:1/-1}.report-form{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:430px){.snapshot-grid{grid-template-columns:1fr 1fr}.metric.wide{grid-column:1/-1}.metric.compliance{grid-column:1/-1}.metric>strong{font-size:1.05rem}.dashboard-title{display:grid}.settings-button{justify-self:start}.link-grid>div{grid-template-columns:1fr 1fr}.link-grid>div .button,.link-grid>div button{width:100%}}

/* v2.2 Master Dashboard management drawer and contained alert strip. */
.brand-logo{width:48px;height:48px;display:block;flex:none}.settings-button{cursor:pointer}.ticker{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center}.ticker-window{display:block;min-width:0;overflow:hidden}.ticker-window>span{display:inline-block;animation:ticker 16s linear infinite}.menu-shade{position:fixed;inset:0;background:rgba(29,17,20,.42);backdrop-filter:blur(2px);z-index:20}.master-menu{position:fixed;right:0;top:0;bottom:0;width:min(540px,100vw);background:#fbf8f7;z-index:21;box-shadow:-18px 0 45px rgba(38,10,17,.18);transform:translateX(105%);transition:transform .24s ease;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}.master-menu.open{transform:translateX(0)}.menu-is-open{overflow:hidden}.menu-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 15px;background:#fff;border-bottom:1px solid var(--line)}.menu-head h2{margin:0;font:700 1.45rem Georgia,serif}.menu-close{width:42px;height:42px;padding:0;border-radius:50%;font-size:1.65rem;line-height:1}.menu-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px;background:#f4ecee;border-bottom:1px solid var(--line)}.menu-nav button{display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left;background:#fff;color:var(--maroon);border:1px solid var(--line);padding:10px 11px;font-size:.76rem}.menu-nav button:last-child{grid-column:1/-1}.menu-nav button.active{background:var(--maroon);color:#fff;border-color:var(--maroon)}.menu-content{overflow:auto;padding:22px}.menu-section{display:none}.menu-section.active{display:block}.menu-section>h2{margin:3px 0 6px;font-size:1.45rem}.menu-section>p:not(.eyebrow){margin:0 0 18px;color:var(--muted);font-size:.86rem}.drawer-form{display:grid;gap:13px}.drawer-form label,.drawer-settings-row label{display:grid;gap:5px;font-size:.77rem;font-weight:800}.drawer-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.drawer-settings-row strong,.drawer-settings-row button{grid-column:1/-1}.drawer-links{display:grid;gap:10px}.drawer-links article{display:grid;grid-template-columns:1fr auto;gap:8px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.drawer-links article>strong,.drawer-links article>input{grid-column:1/-1}.drawer-links article>div{grid-column:1/-1;display:flex;gap:8px}.drawer-links article>div>*{flex:1;text-align:center}.menu-logout{padding:13px 22px 18px;background:#fff;border-top:1px solid var(--line)}.menu-logout button{width:100%}
@media(max-width:700px){.brand-logo{width:46px;height:46px}.ticker{grid-template-columns:1fr;gap:5px;white-space:normal}.ticker-window{white-space:nowrap}.master-menu{width:100%}.menu-head{padding:16px}.menu-nav{grid-template-columns:1fr 1fr;padding:9px}.menu-nav button{font-size:.7rem;padding:9px}.menu-content{padding:18px}.drawer-settings-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ticker-window>span{animation:none}.master-menu{transition:none}}
.ticker>.ticker-window{animation:none}

/* v2.3 compact visual parity with the established live Master Dashboard. */
html,body,button,input,select,textarea{font-family:Calibri,"Segoe UI",Arial,sans-serif}.dashboard-title h1,.snapshot>.section-head h2,.health-panel h2,.outlet-health h2,.chart-card h2,.records h2,.menu-head h2{font-family:Calibri,"Segoe UI",Arial,sans-serif;font-weight:700}.site-header{height:64px;min-height:64px}.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:50%}.site-header .brand strong{font-size:.94rem}.site-header .brand small{font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}.site-header nav a{padding:7px 10px}.dashboard-title{margin-bottom:14px}.dashboard-title h1{font-size:1.65rem}.filters{padding:12px 14px;margin-bottom:13px}.snapshot>.section-head{padding:13px 17px}.snapshot-grid.live-layout{display:grid;grid-template-columns:repeat(6,1fr)}.snapshot-grid.live-layout>.metric{grid-column:span 2;min-height:92px;padding:14px 16px}.snapshot-grid.live-layout>.metric.half{grid-column:span 3;min-height:86px}.snapshot-grid.live-layout .metric>strong{font-size:1.2rem;margin:5px 0}.snapshot>.compliance{border:0;border-radius:0;min-height:88px;padding:13px 16px}.snapshot>.compliance:after{background:var(--green)}.snapshot>.compliance>strong{font-size:1.08rem;margin:4px 0}.snapshot>.compliance .compliance-pills{display:grid;grid-template-columns:1fr 1fr}.snapshot>.compliance .compliance-pills span{text-align:center}.ticker{padding:9px 12px;font-size:.68rem}.health-panel{padding:13px 17px}.health-panel>.section-head{align-items:center}.health-panel>.section-head p:not(.eyebrow){display:none}.health-panel details>summary{float:right;margin-top:-42px}.analytics-grid{grid-template-columns:1fr 1fr;gap:12px}.chart-card{min-height:285px;padding:17px}.chart-card h2{font-size:1.13rem}.trend-chart{height:190px}.records{margin-top:14px}.records>.section-head{padding-bottom:10px}
@media(max-width:900px){.snapshot-grid.live-layout{grid-template-columns:repeat(2,1fr)}.snapshot-grid.live-layout>.metric,.snapshot-grid.live-layout>.metric.half{grid-column:span 1}.snapshot-grid.live-layout>.metric:first-child{grid-column:1/-1}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:700px){.site-header{min-height:58px;padding:8px 13px}.brand-logo{width:36px;height:36px}.snapshot-grid.live-layout{grid-template-columns:1fr 1fr}.snapshot-grid.live-layout>.metric:first-child{grid-column:1/-1}.snapshot-grid.live-layout>.metric{min-height:88px;padding:12px}.health-panel details>summary{float:none;margin-top:10px}.chart-card{min-height:270px}.ticker{font-size:.65rem}}

/* v2.4 live outlet parity — shared by every secure outlet link. */
.outlet-tabs{background:#f5eeee;border-radius:10px;padding:4px;gap:4px}.outlet-tabs button{background:transparent;color:var(--maroon);border:0;min-height:34px;padding:7px 12px;font-size:.75rem}.outlet-tabs button.active{background:var(--maroon);color:#fff;box-shadow:0 3px 8px rgba(109,16,37,.14)}.control-strip{max-width:1180px;margin:14px auto 0;display:grid;grid-template-columns:110px minmax(0,1fr);background:#160e10;color:#ff485c;border:4px solid #7b1026;border-radius:9px;overflow:hidden;font:700 .65rem/1.2 monospace}.control-strip>span{display:grid;place-content:center;padding:8px;background:#7b1026;color:#fff;font-family:Calibri,"Segoe UI",sans-serif}.control-strip>span b{display:block;font-size:.8rem}.control-strip>div{overflow:hidden;white-space:nowrap;padding:10px}.control-strip i{display:inline-block;font-style:normal;animation:control-scroll 24s linear infinite;padding-right:60px}@keyframes control-scroll{to{transform:translateX(-100%)}}.outlet-view[hidden]{display:none}.outlet-title{align-items:center}.target-badge{min-width:90px;text-align:center;border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px 14px}.target-badge span,.target-badge small{display:block;color:var(--muted);font-size:.65rem}.target-badge strong{display:block;color:var(--maroon);font-size:1.25rem}.live-entry-form{display:grid;gap:13px}.entry-identity{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}.entry-identity label,.entry-fields label{display:grid;gap:6px;font-size:.78rem;font-weight:800}.entry-identity small,.entry-fields small{display:block;color:var(--muted);font-weight:400}.entry-step{padding:0;overflow:hidden}.entry-step>header{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;background:linear-gradient(120deg,#fff,#fcf7f5);border-bottom:1px solid var(--line)}.entry-step>header>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--maroon);color:#fff;font-weight:900;flex:none}.entry-step h2{font-size:1.1rem;margin:1px 0}.entry-step p{margin:2px 0 0;color:var(--muted);font-size:.75rem}.entry-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px}.entry-fields .wide,.entry-fields fieldset.wide{grid-column:1/-1}.entry-fields fieldset{border:1px solid var(--line);border-radius:12px;padding:0;margin:0;overflow:hidden}.entry-fields fieldset legend{margin-left:12px;padding:0 6px;font-size:.8rem;font-weight:900}.entry-fields fieldset legend small{display:inline;margin-left:5px}.entry-fields fieldset .entry-fields{padding:14px}.money-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #d9cdd0;border-radius:9px;overflow:hidden;background:#fff}.money-input i{font-style:normal;padding:0 10px;color:var(--muted);font-size:.7rem}.money-input input{border:0;border-left:1px solid var(--line);border-radius:0}.calculated-line{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#f7f2f3;border-top:1px solid var(--line);font-size:.78rem}.entry-calculations{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.entry-calculations article{background:#fff;padding:14px 16px}.entry-calculations span,.entry-calculations small{display:block;color:var(--muted);font-size:.67rem}.entry-calculations strong{display:block;color:var(--maroon);margin:4px 0;font-size:1rem}.entry-submit{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.entry-submit>button{min-width:190px}.entry-submit label{display:grid;gap:5px;font-size:.75rem;font-weight:800}.entry-submit textarea{min-height:48px;resize:vertical}.outlet-filters{grid-template-columns:1fr 1fr auto}.live-warning{text-align:center;width:min(650px,calc(100% - 28px))}.warning-symbol{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:var(--red);color:#fff;font-weight:900;font-size:1.5rem}.warning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.warning-stats article{border:1px solid var(--line);border-radius:10px;padding:11px}.warning-stats span,.warning-stats small{display:block;color:var(--muted);font-size:.68rem}.warning-stats strong{display:block;color:var(--red);font-size:1rem;margin:3px 0}.record-controls{display:flex;gap:7px}.stock-panel{margin:14px 0}.stock-panel>.section-head{padding-bottom:12px;border-bottom:1px solid var(--line)}
@media(max-width:700px){.control-strip{margin:8px 10px 0;grid-template-columns:82px 1fr}.control-strip>div{padding:8px}.entry-identity,.entry-fields{grid-template-columns:1fr}.entry-fields label,.entry-fields .wide,.entry-fields fieldset.wide{grid-column:1}.entry-fields fieldset .entry-fields{grid-template-columns:1fr 1fr}.entry-calculations{grid-template-columns:1fr}.entry-submit{grid-template-columns:1fr}.entry-submit>button{min-width:0}.outlet-filters{grid-template-columns:1fr}.warning-stats{grid-template-columns:1fr}.record-controls{width:100%;margin-top:9px}.record-controls>*{flex:1}.outlet-tabs button{padding:7px 9px;font-size:.7rem}}
@media(max-width:430px){.entry-fields fieldset .entry-fields{grid-template-columns:1fr}.outlet-title{grid-template-columns:1fr auto}.target-badge{min-width:76px;padding:8px}.control-strip{grid-template-columns:70px 1fr;font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.control-strip i{animation:none}}

/* v2.5 trendline and circular health-score presentation. */
.health-gauge{--gauge-color:var(--green);position:relative;display:grid;place-items:center;width:92px;height:92px;flex:0 0 92px;border-radius:50%;background:conic-gradient(var(--gauge-color) calc(var(--score)*1%),#e7e5e5 0);isolation:isolate}.health-gauge:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff;z-index:-1}.health-gauge span{display:grid;text-align:center;line-height:1}.health-gauge b{font-size:1.65rem;color:var(--dark)}.health-gauge small{margin-top:4px;font-size:.62rem;color:var(--muted)}.health-gauge.critical{--gauge-color:#cf2744}.health-gauge.attention{--gauge-color:#d7952f}.health-gauge.good{--gauge-color:#7654bb}.health-gauge.excellent{--gauge-color:#1a9a72}.health-gauge.small{width:70px;height:70px;flex-basis:70px}.health-gauge.small:before{inset:7px}.health-gauge.small b{font-size:1.28rem}.health-gauge.large{width:112px;height:112px;flex-basis:112px}.health-gauge.large:before{inset:11px}.health-gauge.large b{font-size:2rem}.health-summary{display:flex;align-items:center;gap:13px;text-align:left;min-width:245px}.health-summary>div:last-child{display:grid;gap:4px}.health-summary>div:last-child>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.health-summary>div:last-child>strong,.health-rating{color:var(--gauge-color,var(--maroon));font-size:1rem}.health-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.health-score-card{display:flex;align-items:center;gap:13px;min-width:0;padding:13px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 15px rgba(74,23,32,.035)}.health-card-copy{min-width:0;flex:1}.health-card-copy h3{margin:0 0 3px;font-size:.95rem;color:var(--dark)}.health-card-copy>.health-rating{font-size:.78rem;color:var(--maroon)}.health-card-copy p{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 0}.health-card-copy p span{font-size:.63rem;color:var(--muted)}.health-card-copy p b{display:block;margin-top:2px;font-size:.72rem;color:var(--dark)}.outlet-health{padding:0}.outlet-health-summary{display:flex;align-items:center;gap:22px;padding:22px 25px;background:linear-gradient(125deg,#fff,#fbf6f4);border-bottom:1px solid var(--line)}.outlet-health-summary h2{margin:2px 0 3px!important;font-size:1.55rem!important}.outlet-health-summary h3{margin:0 0 4px;font-size:.92rem;color:var(--dark)}.outlet-health-summary>div:last-child>p:last-child{margin:5px 0 0;color:var(--muted);font-size:.76rem}.outlet-health>details{padding:0 22px 18px}.outlet-health>details>summary{margin-top:14px;float:none}.line-chart-wrap{margin-top:10px}.chart-legend{display:flex;justify-content:flex-end;gap:17px;padding:0 4px 4px;font-size:.65rem;color:var(--muted)}.chart-legend span:before{content:"";display:inline-block;width:18px;height:3px;margin:0 6px 2px 0;border-radius:3px;background:var(--maroon)}.chart-legend .legend-without:before{background:var(--green)}.line-chart{display:block;width:100%;height:auto;min-height:205px;overflow:visible}.grid-line{stroke:#eee6e7;stroke-width:1}.axis-label,.day-label,.point-label,.benchmark-label{font-family:Calibri,"Segoe UI",Arial,sans-serif;fill:var(--muted);font-size:10px}.point-label{fill:var(--maroon);font-size:9px;font-weight:700}.benchmark-label{fill:#a4253b;font-size:9px}.benchmark-line{fill:none;stroke-width:1.5;stroke-dasharray:6 6}.with-target{stroke:#b84054}.without-target{stroke:#5e9b83;opacity:.7}.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-line.with-gas{stroke:var(--maroon)}.trend-line.without-gas{stroke:var(--green);stroke-width:2.4}.trend-point{stroke:#fff;stroke-width:2}.trend-point.with-gas{fill:var(--maroon)}.trend-point.without-gas{fill:var(--green)}
@media(max-width:900px){.health-card-grid{grid-template-columns:1fr}.health-card-copy p{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.health-panel>.section-head{grid-template-columns:1fr}.health-summary{min-width:0;margin-top:12px}.outlet-health-summary{gap:15px;padding:18px}.health-gauge.large{width:92px;height:92px;flex-basis:92px}.health-gauge.large:before{inset:9px}.health-gauge.large b{font-size:1.65rem}.line-chart{min-width:560px}.line-chart-wrap{overflow-x:auto;padding-bottom:4px}.chart-legend{position:sticky;left:0}.health-card-copy p{grid-template-columns:1fr 1fr}.health-card-copy p span:last-child{grid-column:1/-1}}
@media(max-width:430px){.health-score-card{align-items:flex-start}.health-gauge.small{width:62px;height:62px;flex-basis:62px}.health-gauge.small b{font-size:1.12rem}.outlet-health-summary{align-items:flex-start}.outlet-health-summary h2{font-size:1.25rem!important}.health-gauge.large{width:82px;height:82px;flex-basis:82px}.health-gauge.large b{font-size:1.45rem}}
.health-panel>details>summary{float:none;margin-top:12px}
.health-gauge:before{z-index:0}.health-gauge>span{position:relative;z-index:1}.health-rating.critical{color:#cf2744}.health-rating.attention{color:#b77a1e}.health-rating.good{color:#7654bb}.health-rating.excellent{color:#168963}

/* v2.6 mobile alignment and manual-refresh-only controls. */
html,body{max-width:100%;overflow-x:hidden}.outlet-tabs{display:grid;grid-template-columns:1fr 1fr;width:250px;flex:none}.outlet-tabs button{width:100%;min-width:0}.entry-identity>label{grid-template-rows:auto 50px auto;align-content:start}.entry-identity select,.entry-identity input,.outlet-filters select,.outlet-filters input{display:block;width:100%;height:50px;min-height:50px;max-height:50px;margin:0;padding:0 13px;text-align:left;box-sizing:border-box}.entry-identity input::-webkit-date-and-time-value,.outlet-filters input::-webkit-date-and-time-value{text-align:left}.entry-identity select:disabled,.outlet-filters select:disabled{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink);background-color:#fff}.outlet-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.outlet-filters label{display:grid;grid-template-rows:auto 50px;min-width:0}.outlet-filters button{height:50px;min-height:50px}.metric>strong,.purchase-total strong,.health-card-copy{overflow-wrap:anywhere}
@media(max-width:700px){main{width:100%;padding:18px 12px 44px}.site-header{gap:10px}.site-header .brand{min-width:0}.outlet-tabs{width:210px}.outlet-filters{grid-template-columns:1fr 1fr}.outlet-filters button{grid-column:1/-1;width:100%}.entry-identity{gap:12px;padding:14px}.entry-step>header{padding:13px 14px}.entry-fields{padding:14px}.snapshot,.card{max-width:100%}.section-head{flex-wrap:wrap}.line-chart-wrap{max-width:100%}.record-list summary{position:relative}}
@media(max-width:430px){.site-header{padding:9px 10px;gap:7px}.brand{gap:7px}.brand-logo{width:34px;height:34px}.site-header .brand strong{font-size:.82rem;white-space:nowrap}.outlet-tabs{width:170px;padding:3px}.outlet-tabs button{min-height:36px;padding:6px 5px;font-size:.66rem}.dashboard-title.outlet-title{grid-template-columns:1fr;gap:10px}.outlet-title .access-badge,.outlet-title .target-badge{justify-self:start}.dashboard-title h1{font-size:1.55rem}.dashboard-title p:not(.eyebrow){font-size:.78rem}.outlet-filters{grid-template-columns:1fr}.outlet-filters button{grid-column:auto}.entry-identity{grid-template-columns:1fr}.entry-identity select,.entry-identity input,.outlet-filters select,.outlet-filters input{height:48px;min-height:48px;max-height:48px}.outlet-filters label{grid-template-rows:auto 48px}.outlet-filters button{height:48px;min-height:48px}.snapshot-grid.live-layout{gap:1px}.snapshot-grid.live-layout>.metric{padding:11px 10px}.snapshot-grid.live-layout .metric>strong{font-size:1rem}.snapshot>.section-head{align-items:flex-start}.month-chip{font-size:.7rem}.chart-card{padding:14px}.record-controls{display:grid;grid-template-columns:1fr 1fr}.entry-detail{padding:12px}.entry-submit{padding:13px}}

/* v2.8 fixed two-column KPI pairing for every individual outlet view. */
.individual-snapshot .snapshot-grid.live-layout{grid-template-columns:1fr 1fr}.individual-snapshot .snapshot-grid.live-layout>.metric,.individual-snapshot .snapshot-grid.live-layout>.metric:first-child,.individual-snapshot .snapshot-grid.live-layout>.metric.half{grid-column:span 1}.individual-snapshot .sales-incl{order:1}.individual-snapshot .daily-average{order:2}.individual-snapshot .sales-target{order:3}.individual-snapshot .sales-forecast{order:4}.individual-snapshot .cost-with-gas{order:5}.individual-snapshot .cost-without-gas{order:6}
@media(max-width:430px){.individual-snapshot .snapshot-grid.live-layout>.metric{min-width:0;min-height:112px}.individual-snapshot .snapshot-grid.live-layout>.metric>span{font-size:.54rem;line-height:1.3}.individual-snapshot .snapshot-grid.live-layout>.metric>strong{font-size:.94rem;line-height:1.2}.individual-snapshot .snapshot-grid.live-layout>.metric small{font-size:.66rem;line-height:1.3}}

/* v2.9 health eligibility, aligned filters, true trendlines and master entry review. */
.health-gauge.unavailable{--gauge-color:#c8c2c3}.health-expand{padding-top:4px}.health-expand>summary{display:flex;justify-content:flex-end;list-style:none}.health-expand>summary::-webkit-details-marker{display:none}.health-expand>summary:before{content:"＋";margin-right:6px}.health-expand[open]>summary:before{content:"−"}.collapse-label,.health-expand[open] .expand-label,.outlet-health details[open] .expand-label{display:none}.health-expand[open] .collapse-label,.outlet-health details[open] .collapse-label{display:inline}.outlet-health details>summary{list-style:none}.outlet-health details>summary::-webkit-details-marker{display:none}
.outlet-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.outlet-filters label,.outlet-filters input,.outlet-filters select,.outlet-filters button{width:100%;box-sizing:border-box}.outlet-filters input,.outlet-filters select{height:50px!important;min-height:50px!important;padding:0 14px!important;text-align:left!important;font-size:.9rem;font-weight:700}.outlet-filters input::-webkit-date-and-time-value{text-align:left!important}.outlet-filters button{height:50px;min-width:132px}
.master-day-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;background:#faf7f8;border-top:1px solid var(--line)}.master-entry-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:none}.master-entry-card:hover{border-color:var(--maroon)}.master-entry-card span{display:grid;gap:3px;color:var(--muted);font-size:.7rem}.master-entry-card span:first-child{grid-column:1/-1}.master-entry-card strong{color:var(--ink);font-size:.9rem}.master-entry-card>b{grid-column:1/-1;color:var(--maroon);font-size:.72rem}.entry-review-modal{position:fixed;z-index:32;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 28px));max-height:min(82vh,760px);overflow:auto;background:#fff;border:1px solid #e4cfd3;border-radius:18px;padding:24px;box-shadow:0 30px 90px rgba(50,0,12,.32)}.entry-review-modal h2{margin:3px 0}.entry-review-modal>p{margin:4px 0;color:var(--muted)}.modal-close{position:absolute;right:12px;top:10px;width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;background:#f5edef;color:var(--maroon);font-size:1.35rem}.entry-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden}.entry-review-grid span{display:grid;gap:5px;background:#fff;padding:12px;color:var(--muted);font-size:.7rem}.entry-review-grid b{color:var(--ink);font-size:.86rem}.entry-review-grid .wide{grid-column:1/-1}.entry-review-shade{z-index:31}.modal-is-open{overflow:hidden}
.live-warning{box-sizing:border-box;max-height:calc(100vh - 28px);overflow:auto;padding:24px 22px}.live-warning>button[data-close]{right:12px;top:12px;z-index:2;border-radius:50%;background:#f5edef}.live-warning h2{max-width:90%;margin:5px auto 12px;line-height:1.18}.live-warning>p{max-width:560px;margin:10px auto;line-height:1.4}.live-warning>[data-warning-review]{position:static;width:100%;margin-top:12px}
@media(max-width:700px){.outlet-filters{grid-template-columns:1fr 1fr}.outlet-filters button{grid-column:1/-1}.master-day-entries{grid-template-columns:1fr}.entry-review-grid{grid-template-columns:1fr 1fr}.health-expand>summary{justify-content:stretch;padding:10px 0}.live-warning{width:calc(100% - 24px);padding:22px 16px 18px}.live-warning h2{font-size:1.35rem}.warning-stats{grid-template-columns:1fr;gap:7px;margin:12px 0}.warning-stats article{padding:9px}}
@media(max-width:430px){.outlet-filters{grid-template-columns:1fr 1fr;gap:9px}.outlet-filters button{grid-column:1/-1}.outlet-filters label{font-size:.75rem}.outlet-filters input,.outlet-filters select{height:48px!important;min-height:48px!important;font-size:.76rem;padding:0 9px!important}.entry-review-modal{padding:20px 14px}.entry-review-grid{grid-template-columns:1fr 1fr}.entry-review-grid span{padding:10px 9px}.master-entry-card{grid-template-columns:1fr 1fr}.health-summary{align-items:center}.health-summary .health-gauge{width:78px;height:78px;flex-basis:78px}.health-summary .health-gauge:before{inset:8px}}

/* v2.10 compact outlet controls, editable stock, compliance drill-down and component gauges. */
.outlet-dashboard-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:16px}.outlet-dashboard-head h1{margin:2px 0;font-size:1.45rem}.outlet-dashboard-head p:last-child{margin:2px 0}.outlet-dashboard-head .access-badge{align-self:center;justify-self:end;white-space:nowrap}.stock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.stock-summary span{display:grid;gap:5px;padding:14px;background:#fff;color:var(--muted);font-size:.72rem}.stock-summary b{color:var(--ink);font-size:.88rem}.stock-actions{display:flex;gap:9px;margin-top:13px}.compliance-pills button{display:grid;gap:4px;width:100%;min-height:58px;padding:10px;text-align:center;background:#f7f2f3;color:var(--ink);border:1px solid transparent;border-radius:10px;box-shadow:none}.compliance-pills button:hover,.compliance-pills button:focus{border-color:var(--maroon);transform:none}.compliance-pills button b{font-size:1rem}.compliance-modal{z-index:34}.compliance-shade{z-index:33}.compliance-detail-list{display:grid;gap:7px;margin:17px 0;max-height:48vh;overflow:auto}.compliance-detail-list span{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.78rem}.compliance-detail-list b{color:var(--ink)}.compliance-record-link{width:100%}.component-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-component{display:flex!important;align-items:center;gap:13px;min-height:96px}.score-component>div:last-child{display:grid;gap:4px}.score-component>div:last-child>span{font-weight:800;color:var(--ink)}.score-component p{margin:0!important}.line-chart.compact-trend{min-width:0;max-width:100%;margin:0 auto 0 0}.line-chart-wrap{overflow-x:hidden}
@media(max-width:700px){.outlet-dashboard-head{padding:13px 14px}.outlet-dashboard-head h1{font-size:1.28rem}.outlet-filters{grid-template-columns:1fr 1fr;align-items:end}.outlet-filters button{grid-column:1/-1}.stock-summary{grid-template-columns:1fr 1fr}.component-score-grid{grid-template-columns:1fr 1fr}.line-chart{min-width:0}.line-chart-wrap{overflow-x:hidden}}
@media(max-width:430px){.outlet-dashboard-head{grid-template-columns:minmax(0,1fr) auto;gap:8px}.outlet-dashboard-head p:last-child{display:none}.outlet-dashboard-head .access-badge{font-size:.65rem;padding:8px 10px}.outlet-filters{grid-template-columns:1fr 1fr;gap:8px}.outlet-filters label{grid-template-rows:18px 48px}.outlet-filters input,.outlet-filters select{font-size:.72rem!important}.component-score-grid{grid-template-columns:1fr}.score-component{min-height:86px}.stock-actions{display:grid;grid-template-columns:1fr 1fr}.compliance-detail-list span{display:grid;gap:3px}}

/* v2.11 KPI trend arrows and reliable lock-state feedback. */
.metric-trend{position:absolute;z-index:2;right:12px;top:10px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f4f1f2;font-style:normal;font-size:1rem;font-weight:900;line-height:1}.metric-trend.trend-good{color:var(--green);background:var(--green-soft)}.metric-trend.trend-bad{color:var(--red);background:var(--red-soft)}.metric-trend.trend-neutral{color:#94898c;background:#f3f0f1}.metric>span:first-child{padding-right:30px}
@media(max-width:430px){.metric-trend{right:7px;top:7px;width:22px;height:22px;border-radius:7px;font-size:.88rem}.metric>span:first-child{padding-right:24px}}

/* v2.12 custom zigzag arrows. SVG prevents device emoji substitution. */
.metric-trend{width:31px;height:31px;border-radius:0;background:transparent!important;color:#92888a;overflow:visible}.metric-trend svg{display:block;width:29px;height:29px;overflow:visible}.metric-trend path{fill:none;stroke:currentColor;stroke-width:3.6;stroke-linecap:square;stroke-linejoin:miter}.metric-trend .trend-shape{transform-origin:14px 14px}.metric-trend.down .trend-shape{transform:scaleY(-1)}.metric-trend:not(.flat) .flat-shape{display:none}.metric-trend.flat .trend-shape{display:none}.metric-trend.trend-good{color:#11a866;filter:drop-shadow(0 2px 3px rgba(17,168,102,.24))}.metric-trend.trend-bad{color:#d91f37;filter:drop-shadow(0 2px 3px rgba(217,31,55,.22))}.metric-trend.trend-neutral{color:#9b9294;filter:none}.metric-trend.trend-animate{animation:trend-arrow-arrive .72s cubic-bezier(.2,.9,.25,1.25) both}.metric-trend.trend-animate .trend-stem,.metric-trend.trend-animate .trend-head{stroke-dasharray:46;stroke-dashoffset:46;animation:trend-arrow-draw .72s ease-out forwards}.metric-trend.trend-animate .trend-head{animation-delay:.18s}.metric-trend.trend-animate .flat-shape path{stroke-dasharray:46;stroke-dashoffset:46;animation:trend-arrow-draw .55s ease-out forwards}@keyframes trend-arrow-arrive{0%{opacity:0;transform:translate(-7px,7px) scale(.65)}65%{opacity:1;transform:translate(1px,-1px) scale(1.1)}100%{opacity:1;transform:none}}@keyframes trend-arrow-draw{to{stroke-dashoffset:0}}
@media(max-width:430px){.metric-trend{width:26px;height:26px}.metric-trend svg{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.metric-trend.trend-animate,.metric-trend.trend-animate path{animation:none!important;stroke-dasharray:none;stroke-dashoffset:0}}

/* v2.14 secure branded access portal and account controls. */
.access-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:42px;min-height:310px;margin:-32px calc(50% - 50vw) 0;padding:62px max(24px,calc((100vw - 1180px)/2));overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(255,255,255,.16),transparent 18%),linear-gradient(125deg,#3f0715 0%,#751126 52%,#9f243a 100%)}.access-hero:after{content:"";position:absolute;right:-80px;bottom:-170px;width:430px;height:430px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.access-hero-copy{position:relative;z-index:1;max-width:770px}.access-hero .eyebrow{color:#f5cbd3!important}.access-hero h1{max-width:720px;margin:9px 0 17px;font:700 clamp(2rem,4.5vw,4.15rem)/1.03 Georgia,serif;letter-spacing:-.025em}.access-hero-copy>p:not(.eyebrow){max-width:650px;margin:0;color:#f2dfe3;font-size:1rem}.access-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.access-trust span{padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:.7rem;font-weight:800}.access-emblem{position:relative;z-index:1;display:grid;place-items:center;width:190px;height:190px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 11px rgba(255,255,255,.045),0 22px 55px rgba(35,0,10,.22);backdrop-filter:blur(8px)}.access-emblem img{width:82px;height:82px;object-fit:contain;border-radius:50%;background:#fff}.access-emblem span{margin-top:-8px;font-size:.58rem;letter-spacing:.2em}.access-emblem strong{margin-top:-25px;font-size:1.05rem;letter-spacing:.06em}.access-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:28px}.access-card{padding:28px}.access-card-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.access-card-head h2{margin:2px 0 4px;color:var(--dark);font:700 1.65rem Georgia,serif}.access-card-head p:last-child{margin:0;color:var(--muted);font-size:.8rem}.access-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f7ecef;color:var(--maroon);font-size:.7rem;font-weight:900}.access-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.access-form label:first-child,.access-form>button{grid-column:1/-1}.access-form input,.access-form select{width:100%;height:50px}.access-form>button{margin-top:2px;justify-content:space-between;padding-inline:19px}.password-field{position:relative}.password-field input{width:100%;padding-right:63px}.password-field button{position:absolute;right:6px;top:6px;min-height:38px;padding:5px 9px;background:#f5eef0;color:var(--maroon);font-size:.7rem}.login-alert{padding:11px 13px;margin:14px 0 0;border:1px solid #f0c3cb;border-radius:10px;background:var(--red-soft);color:var(--red);font-size:.78rem;font-weight:700}.management-access{background:linear-gradient(145deg,#fff,#fbf5f2)}.management-features{display:grid;gap:0;margin:17px 0}.management-features span{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem}.management-features span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:.65rem;font-weight:900}.management-button{width:100%;justify-content:space-between}.management-access>small{display:block;margin-top:11px;text-align:center;color:var(--muted);font-size:.67rem}.management-login-shell{min-height:calc(100vh - 220px)}.login-back{display:inline-block;margin-bottom:20px;color:var(--maroon);font-size:.75rem;font-weight:800;text-decoration:none}.login .password-field input{width:100%}.account-admin-list{display:grid;gap:12px;margin-top:18px}.account-admin-row{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(180px,1fr) auto auto;gap:12px;align-items:end;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.account-identity{display:grid;gap:3px;min-width:0}.account-identity strong{color:var(--dark)}.account-identity span{overflow-wrap:anywhere;color:var(--maroon);font-size:.72rem}.account-identity small{color:var(--muted);font-size:.65rem}.account-toggle{display:flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap}.account-toggle input{min-height:0;width:17px;height:17px}.account-security{padding:0;margin-bottom:18px;overflow:hidden}.account-security summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;cursor:pointer;list-style:none;background:linear-gradient(120deg,#fff,#fbf5f2)}.account-security summary::-webkit-details-marker{display:none}.account-security summary span{display:grid}.account-security summary small{color:var(--wine);font-size:.58rem;font-weight:900;letter-spacing:.12em}.account-security summary strong{color:var(--dark);font-size:1rem}.account-security summary>b{color:var(--maroon);font-size:.75rem}.account-security-body{padding:19px;border-top:1px solid var(--line)}.account-security-body h2{margin:3px 0;font-size:1rem;overflow-wrap:anywhere}.account-security-body>div>p:last-child{margin:3px 0 16px;color:var(--muted);font-size:.75rem}.account-security-body>form:not(.outlet-logout){display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.outlet-logout{margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}
@media(max-width:850px){.access-hero{grid-template-columns:1fr 150px;gap:24px}.access-emblem{width:145px;height:145px}.access-emblem img{width:62px;height:62px}.access-grid{grid-template-columns:1fr}.account-admin-row{grid-template-columns:1fr 1fr}.account-identity{grid-column:1/-1}.account-security-body>form:not(.outlet-logout){grid-template-columns:1fr 1fr}.account-security-body>form:not(.outlet-logout) button{grid-column:1/-1}}
@media(max-width:560px){.access-hero{grid-template-columns:1fr;min-height:0;margin-top:-18px;padding-top:38px;padding-bottom:38px}.access-hero h1{font-size:2.15rem}.access-emblem{display:none}.access-trust{gap:6px}.access-trust span{font-size:.62rem}.access-grid{margin-top:16px;gap:14px}.access-card{padding:19px 16px}.access-card-head h2{font-size:1.35rem}.access-form{grid-template-columns:1fr}.access-form label:first-child,.access-form>button{grid-column:auto}.account-admin-row,.account-security-body>form:not(.outlet-logout){grid-template-columns:1fr}.account-admin-row>*{grid-column:auto}.account-security-body>form:not(.outlet-logout) button{grid-column:auto}.management-login-shell{min-height:calc(100vh - 160px)}}

/* v2.15 always-visible outlet account access. */
.outlet-tabs{grid-template-columns:1fr 1fr auto;width:340px}.outlet-tabs .account-tab{min-width:76px;background:#fff;color:var(--maroon);border:1px solid #dbc8cc}.outlet-tabs .account-tab:hover,.outlet-tabs .account-tab:focus{background:#f8eef0;border-color:var(--maroon)}.account-security{scroll-margin-top:92px}.account-security>details[open]>summary{background:#f8eef0}.account-security>details[open]>summary>b{font-size:0}.account-security>details[open]>summary>b:after{content:"Close ×";font-size:.75rem}
@media(max-width:700px){.outlet-tabs{width:285px;grid-template-columns:1fr 1fr auto}.outlet-tabs .account-tab{min-width:66px;padding-inline:7px}}
@media(max-width:430px){.outlet-tabs{width:230px}.outlet-tabs button{font-size:.6rem}.outlet-tabs .account-tab{min-width:55px;padding-inline:4px}.account-security{scroll-margin-top:75px}}

/* v2.15 landing polish. */
.access-emblem{display:flex;align-items:center;justify-content:center;padding:14px}.access-emblem img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:transparent}
@media(max-width:850px){.access-emblem img{width:100%;height:100%}}
@media(max-width:560px){.access-emblem{display:none}}

/* v2.16 professional UI and mobile experience. */
.nav-short{display:none}.outlet-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:360px;gap:5px;padding:4px;border-radius:13px;background:#f5edef}.outlet-tabs button,.outlet-tabs .account-tab{min-width:0;min-height:40px;padding:8px;border:0;border-radius:9px;background:transparent;color:var(--maroon);box-shadow:none}.outlet-tabs button.active{background:var(--maroon);color:#fff;box-shadow:0 5px 15px rgba(116,13,37,.18)}
.outlet-start-card{padding:0;overflow:hidden;border-color:#dfcfd2}.outlet-start-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:linear-gradient(125deg,#fff,#fbf4f5)}.outlet-start-head h2{margin:3px 0 0;font-size:1.35rem}.outlet-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.outlet-start-grid article{display:grid;gap:6px;padding:16px 18px;background:#fff}.outlet-start-grid span{color:var(--muted);font-size:.7rem}.outlet-start-grid strong{font-size:1rem}.outlet-start-card>button{width:calc(100% - 36px);margin:14px 18px;justify-content:space-between}.status-pill.grey{background:#f1eeee;color:#766d70}.status-pill.amber{background:#fff0ce;color:#8a5a00}.status-pill.green{background:#e2f5ed;color:#087851}
.metric{display:flex;flex-direction:column;justify-content:center}.metric>strong{line-height:1.15}.metric.awaiting{background:#faf9f9!important;color:#756d70!important}.metric.awaiting:after{background:#bdb6b8!important}.metric.awaiting>strong{font-size:1rem;color:#756d70}.metric.awaiting .metric-trend{display:none}.ticker-awaiting{background:#f1eeee!important;color:#6d6567!important;border-color:#d5d0d1!important}.ticker-awaiting .ticker-window>span{animation:none}
.page-loader{position:fixed;z-index:80;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:rgba(255,252,251,.86);backdrop-filter:blur(7px);color:var(--maroon)}.page-loader[hidden]{display:none}.page-loader span{width:42px;height:42px;border:4px solid #eadcdf;border-top-color:var(--maroon);border-radius:50%;animation:page-spin .75s linear infinite}.page-loader strong{font-size:.8rem;letter-spacing:.04em}@keyframes page-spin{to{transform:rotate(360deg)}}
.app-toast{position:fixed;z-index:70;right:22px;top:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:min(390px,calc(100% - 28px));padding:13px 14px;border:1px solid #addfc9;border-radius:13px;background:#f1fbf7;color:#087851;box-shadow:0 16px 42px rgba(20,60,45,.17);animation:toast-in .3s ease-out both}.app-toast>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0c8b60;color:#fff}.app-toast strong{font-size:.78rem}.app-toast button{width:30px;height:30px;min-height:30px;padding:0;background:transparent;color:inherit;font-size:1.1rem}.app-toast.leaving{animation:toast-out .25s ease-in both}@keyframes toast-in{from{opacity:0;transform:translateY(-10px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}
.entry-step>header{grid-template-columns:auto minmax(0,1fr) auto}.entry-step>header [data-step-toggle]{display:grid;place-items:center;align-self:center;width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;background:#f5edef;color:var(--maroon);font-size:1.15rem;box-shadow:none}.entry-step.collapsed>header{border-bottom:0}.entry-step.collapsed [data-step-body]{display:none}.entry-step.collapsed>header p{display:none}.live-entry-form{scroll-margin-top:80px}.save-entry-button{position:sticky;bottom:10px;z-index:8;box-shadow:0 10px 28px rgba(86,10,28,.24)}
.outlet-view[data-outlet-panel="dashboard"]{display:flex;flex-direction:column}.outlet-view[data-outlet-panel="dashboard"][hidden]{display:none!important}.outlet-view[data-outlet-panel="dashboard"]>*{order:50}.outlet-view[data-outlet-panel="dashboard"]>.outlet-dashboard-head{order:1}.outlet-view[data-outlet-panel="dashboard"]>.outlet-filters{order:2}.outlet-view[data-outlet-panel="dashboard"]>.snapshot{order:3}.outlet-view[data-outlet-panel="dashboard"]>.analytics-grid{display:contents}.outlet-view[data-outlet-panel="dashboard"]>.analytics-grid>.chart-card:first-child{order:4}.outlet-view[data-outlet-panel="dashboard"]>.outlet-health{order:5}.outlet-view[data-outlet-panel="dashboard"]>.analytics-grid>.chart-card:last-child{order:6}.outlet-view[data-outlet-panel="dashboard"]>.records{order:7}.outlet-view[data-outlet-panel="dashboard"]>.stock-panel{order:8}.outlet-view[data-outlet-panel="dashboard"]>.account-security{order:9}.outlet-view[data-outlet-panel="dashboard"]>.notice{order:10}.outlet-view[data-outlet-panel="dashboard"]>.entry-review-modal,.outlet-view[data-outlet-panel="dashboard"]>.modal-shade{order:90}
.outlet-filters{padding:14px;gap:12px}.outlet-filters label{gap:6px}.outlet-filters button{align-self:end}.chart-card{min-height:260px}.line-chart-wrap{margin-top:4px}.line-chart.compact-trend{max-height:230px;cursor:pointer}.line-chart.compact-trend .point-label{opacity:0;transition:opacity .18s}.line-chart.compact-trend:hover .point-label,.line-chart.compact-trend:focus .point-label,.line-chart.compact-trend.show-values .point-label{opacity:1}.warning-modal.live-warning{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 28px));text-align:center}.live-warning .warning-stats article{min-width:0}.live-warning .warning-symbol{margin-inline:auto}.live-warning>button[data-close]{display:grid;place-items:center}
@media(max-width:700px){.site-header .brand>span{display:none}.site-header .brand{flex:none}.outlet-tabs{width:min(330px,calc(100vw - 76px))}.outlet-start-grid{grid-template-columns:1fr 1fr}.outlet-start-grid article:first-child{grid-column:1/-1}.outlet-start-card{margin-bottom:14px}.snapshot-grid.live-layout>.metric{min-height:102px}.app-toast{top:72px;right:14px}.chart-card{min-height:245px}.warning-modal.live-warning{top:calc(50% - 8px)}}
@media(max-width:430px){.nav-full{display:none}.nav-short{display:inline}.site-header{justify-content:flex-start}.outlet-tabs{flex:1;width:auto}.outlet-tabs button,.outlet-tabs .account-tab{min-height:38px;font-size:.68rem}.outlet-start-head{align-items:flex-start;padding:15px}.outlet-start-head h2{font-size:1.12rem}.outlet-start-grid article{padding:13px}.outlet-start-grid strong{font-size:.88rem}.outlet-start-card>button{width:calc(100% - 28px);margin:12px 14px}.outlet-dashboard-head{padding:12px}.outlet-dashboard-head h1{font-size:1.12rem}.outlet-filters{padding:11px;gap:8px}.snapshot-grid.live-layout>.metric{min-height:108px}.metric.awaiting>strong{font-size:.78rem!important}.app-toast{top:66px;right:10px;width:calc(100% - 20px)}.entry-step>header [data-step-toggle]{width:31px;height:31px;min-height:31px}.save-entry-button{bottom:8px}.warning-modal.live-warning{max-height:calc(100dvh - 24px);padding:20px 15px 16px}.warning-modal.live-warning h2{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.page-loader span,.app-toast{animation:none}}

/* v2.17 prevent iPhone Safari from zooming the page when a form control receives focus. */
@media(max-width:700px){
input,select,textarea,
.entry-identity input,.entry-identity select,
.entry-fields input,.entry-fields select,.entry-fields textarea,
.outlet-filters input,.outlet-filters select,
.access-form input,.access-form select,
.account-security input,.account-security select,
.drawer-form input,.drawer-form select,
.drawer-settings-row input,.drawer-settings-row select,
.account-admin-row input,.account-admin-row select{
font-size:16px!important;
}
}

/* v2.18 TEST — Modern Executive Hospitality visual direction. */
:root{
--maroon:#651025;--wine:#7d1730;--dark:#23191c;--gold:#b98a42;--gold-soft:#f7f0e3;
--cream:#f5f3f1;--paper:#fff;--ink:#241d1f;--muted:#746a6d;--line:#e5dddf;
--green:#117957;--red:#bd3043;--amber:#a96e13;
--shadow:0 16px 42px rgba(42,27,31,.075);
}
body{background:linear-gradient(180deg,#f8f7f5 0,#f3f0ee 100%);color:var(--ink)}
main{max-width:1220px;padding-top:30px}
.site-header{min-height:68px;height:68px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(185,138,66,.28);box-shadow:0 8px 30px rgba(42,27,31,.055);backdrop-filter:blur(16px) saturate(140%)}
.brand-logo{width:42px;height:42px;filter:drop-shadow(0 3px 7px rgba(101,16,37,.14))}
.site-header .brand strong{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;letter-spacing:.01em}
.site-header nav a:last-child,.outlet-tabs button.active{background:linear-gradient(135deg,#72152d,#551020);box-shadow:0 7px 18px rgba(101,16,37,.2)}
.card,.outlet-dashboard-head,.outlet-start-card{border:1px solid rgba(108,73,81,.16);border-radius:20px;box-shadow:var(--shadow)}
.dashboard-title h1,.snapshot>.section-head h2,.health-panel .section-head h2,.outlet-health .section-head h2,.chart-card>.section-head h2,.records h2,.access-card-head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.015em}
.eyebrow{color:var(--gold)!important;letter-spacing:.18em!important}
.dashboard-tabs,.outlet-tabs{border:1px solid rgba(101,16,37,.1);background:#f2edef;box-shadow:0 8px 24px rgba(42,27,31,.05)}
button,.button{border-radius:12px;background:linear-gradient(135deg,#72152d,#571020);box-shadow:0 7px 18px rgba(101,16,37,.13);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
button:hover,.button:hover{filter:brightness(1.04);box-shadow:0 10px 22px rgba(101,16,37,.18);transform:translateY(-1px)}
button:active,.button:active{transform:translateY(0)}
.ghost,.danger,.password-field button,.entry-step>header [data-step-toggle],.compliance-pills button{box-shadow:none}
.button.ghost,button.ghost{background:#fff;color:var(--maroon);border:1px solid #cdaeb5;box-shadow:none}
.button.ghost:hover,button.ghost:hover{background:#fbf4f5;color:#571020;border-color:#a86b78;filter:none}
input,select,textarea{border-color:#d9cfd2;border-radius:12px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(185,138,66,.14)}
.snapshot{background:#fff;overflow:hidden}
.snapshot>.section-head{padding:20px 22px;background:linear-gradient(120deg,#fff 15%,#fbf8f2);border-bottom:1px solid rgba(185,138,66,.22)}
.snapshot-grid.live-layout{gap:12px;padding:14px;background:#f8f6f4}
.snapshot-grid.live-layout>.metric,.snapshot-grid.live-layout>.metric.half{min-height:116px;border:1px solid rgba(108,73,81,.14);border-radius:15px;background:linear-gradient(155deg,#fff,#fdfcfb);box-shadow:0 7px 20px rgba(42,27,31,.045)}
.metric:after{left:14px;right:14px;top:auto;bottom:0;height:3px;border-radius:3px 3px 0 0}
.metric>span{font-size:.68rem;letter-spacing:.13em;color:#71666a}
.metric>strong{font-size:1.42rem;letter-spacing:-.02em}
.month-chip,.target-label{border:1px solid rgba(185,138,66,.25);background:var(--gold-soft);color:#714c13}
.ticker{margin:0 14px 14px;border-radius:12px}
.health-panel>.section-head,.outlet-health>.section-head,.outlet-health-summary{background:linear-gradient(120deg,#fff 20%,#fbf8f2);border-bottom-color:rgba(185,138,66,.22)}
.health-summary,.group-score{border-color:rgba(185,138,66,.23);box-shadow:0 7px 20px rgba(42,27,31,.04)}
.health-gauge{filter:drop-shadow(0 7px 12px rgba(42,27,31,.09))}
.health-gauge:before{box-shadow:inset 0 0 0 1px rgba(185,138,66,.12)}
.health-score-card,.score-component{border-color:rgba(108,73,81,.14);box-shadow:0 8px 22px rgba(42,27,31,.045)}
.chart-card{background:linear-gradient(160deg,#fff,#fdfcfb)}
.chart-card>.section-head{padding-bottom:14px;border-bottom:1px solid rgba(185,138,66,.18)}
.line-chart .grid-line{stroke:#e9e3e2}.trend-line{filter:drop-shadow(0 2px 2px rgba(42,27,31,.08))}
.bar-track{background:#ebe6e5;box-shadow:inset 0 1px 2px rgba(42,27,31,.08)}
.record-list details{border-color:rgba(108,73,81,.15);border-radius:15px;box-shadow:0 6px 18px rgba(42,27,31,.035)}
.record-list summary{background:linear-gradient(120deg,#fff,#fdfbf8)}
.record-detail,.entry-detail{background:#f8f6f4}
.outlet-dashboard-head,.outlet-start-head{background:linear-gradient(120deg,#fff 20%,#faf6ee)}
.status-pill{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.entry-step{border-color:rgba(108,73,81,.16)}
.entry-step>header{background:linear-gradient(120deg,#fff,#fbf8f2);border-bottom-color:rgba(185,138,66,.2)}
.entry-step>header>span{background:var(--gold);box-shadow:0 5px 12px rgba(185,138,66,.22)}
.access-hero{background:radial-gradient(circle at 82% 20%,rgba(211,171,102,.2),transparent 22%),linear-gradient(125deg,#28151c 0%,#651025 52%,#861b34 100%)}
.access-hero h1{font-family:Georgia,"Times New Roman",serif}.access-trust span{border-color:rgba(231,200,143,.32);background:rgba(255,255,255,.07)}
.access-emblem{border-color:rgba(231,200,143,.42);box-shadow:inset 0 0 0 11px rgba(255,255,255,.035),0 24px 60px rgba(28,4,11,.3)}
.access-card{border-top:3px solid var(--gold)}
.warning-modal{border-color:rgba(189,48,67,.35);box-shadow:0 34px 100px rgba(35,12,18,.32)}
.app-toast{box-shadow:0 18px 50px rgba(17,73,55,.18)}
footer{background:transparent;border-top-color:rgba(185,138,66,.2)}
@media(max-width:700px){
main{padding-top:18px}.site-header{height:62px;min-height:62px}.brand-logo{width:38px;height:38px}
.card,.outlet-dashboard-head,.outlet-start-card{border-radius:17px}
.snapshot-grid.live-layout{gap:8px;padding:9px}.snapshot-grid.live-layout>.metric,.snapshot-grid.live-layout>.metric.half{min-height:108px;border-radius:12px;padding:13px}
.metric>strong{font-size:1.08rem}.metric>span{font-size:.62rem}.ticker{margin:0 9px 9px}
}
@media(max-width:430px){
body{font-size:16px}.snapshot-grid.live-layout{grid-template-columns:1fr 1fr}.snapshot-grid.live-layout>.metric:first-child{grid-column:1/-1}
.snapshot-grid.live-layout>.metric>strong{font-size:1rem}.snapshot-grid.live-layout>.metric>span{font-size:.59rem}
}
@media(prefers-reduced-motion:reduce){button,.button,input,select,textarea{transition:none}}

/* v2.19 Master-only Comparative Outlet Intelligence. */
.comparison-panel{padding:0;margin-bottom:18px;overflow:hidden}
.comparison-head{align-items:center;padding:22px 24px;background:linear-gradient(120deg,#fff 20%,#faf6ee);border-bottom:1px solid rgba(185,138,66,.22)}
.comparison-head h2{margin:2px 0 4px;font:700 1.55rem Georgia,"Times New Roman",serif;color:var(--dark)}
.comparison-head p:last-child{margin:0;color:var(--muted);font-size:.82rem}
.comparison-groups{display:grid;gap:12px;padding:16px;background:#f8f6f4}
.comparison-group{overflow:hidden;border:1px solid rgba(108,73,81,.16);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(42,27,31,.04)}
.comparison-group>summary{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none;background:linear-gradient(120deg,#fff,#fdfaf5)}
.comparison-group>summary::-webkit-details-marker{display:none}
.comparison-group>summary>span{display:grid;gap:2px}.comparison-group>summary small{color:var(--muted);font-size:.63rem;font-weight:800;letter-spacing:.1em}.comparison-group>summary strong{color:var(--dark);font-size:.94rem}
.comparison-group>summary>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold-soft);color:#744e14;font-size:1.15rem}
.comparison-group[open]>summary>b{font-size:0}.comparison-group[open]>summary>b:after{content:"−";font-size:1.15rem}
.comparison-summary{text-align:right}.comparison-summary strong{color:var(--maroon)!important}
.comparison-body{padding:16px;border-top:1px solid rgba(185,138,66,.2)}
.comparison-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px}
.comparison-insight{position:relative;display:grid;gap:3px;min-height:92px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#fbfaf9;overflow:hidden}
.comparison-insight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}
.comparison-insight.best:before,.comparison-insight.efficient:before{background:var(--green)}.comparison-insight.review:before{background:var(--red)}
.comparison-insight span{color:var(--muted);font-size:.7rem}.comparison-insight strong{font-size:.98rem;color:var(--dark)}.comparison-insight small{color:var(--muted);font-size:.65rem}
.comparison-callout{margin:10px 0 14px;padding:11px 13px;border:1px solid #ead6a9;border-radius:11px;background:#fff9ec;color:#6b511e;font-size:.76rem}
.comparison-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.comparison-outlet{position:relative;overflow:hidden;border:1px solid rgba(108,73,81,.15);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(42,27,31,.035)}
.comparison-outlet>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);background:#fdfcfb}
.comparison-outlet h3{margin:0;color:var(--dark);font-size:.9rem}.comparison-outlet header small{color:var(--muted);font-size:.64rem}
.comparison-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold-soft);color:#744e14;font-weight:900;font-size:.75rem}
.comparison-badge,.comparison-score{padding:5px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.62rem}.comparison-score{background:#f3eff0;color:var(--maroon)}
.comparison-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.comparison-metrics>span{display:grid;gap:3px;min-height:82px;padding:11px 13px;background:#fff;color:var(--muted);font-size:.64rem}
.comparison-metrics b{color:var(--dark);font-size:.82rem}.comparison-metrics small{font-size:.62rem}
.comparison-outlet>footer{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:10px 13px;background:#faf8f7;color:var(--muted);font-size:.62rem}
.comparison-outlet>footer a{justify-self:end;color:var(--maroon);font-weight:800;text-decoration:none}
.comparison-outlet.limited{opacity:.7}.comparison-limited{margin:0;padding:8px 13px;background:#f2eeee;color:#736a6c;font-size:.63rem;font-weight:700}
.comparison-method{margin:0;padding:11px 20px;border-top:1px solid rgba(185,138,66,.18);background:#fcfaf7;color:var(--muted);font-size:.67rem;text-align:center}
.empty-state.compact{min-height:70px}
@media(max-width:800px){.comparison-insights{grid-template-columns:1fr}.comparison-cards{grid-template-columns:1fr}}
@media(max-width:560px){
.comparison-head{align-items:flex-start;padding:17px}.comparison-head h2{font-size:1.3rem}.comparison-head p:last-child{font-size:.75rem}.comparison-groups{padding:10px;gap:9px}
.comparison-group>summary{grid-template-columns:minmax(0,1fr) auto;padding:13px;gap:9px}.comparison-summary{grid-column:1/-1;grid-row:2;text-align:left}.comparison-group>summary>b{grid-column:2;grid-row:1}.comparison-body{padding:10px}
.comparison-metrics>span{min-height:78px;padding:10px}.comparison-outlet>footer{grid-template-columns:1fr 1fr}.comparison-outlet>footer a{grid-column:1/-1;justify-self:stretch;text-align:center;padding-top:5px;border-top:1px solid var(--line)}
}

/* v2.20 matched-date comparable-outlet analytics. */
.pair-list{display:grid;gap:12px;padding:16px;background:#f8f6f4}
.pair-card{overflow:hidden;border:1px solid rgba(108,73,81,.16);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(42,27,31,.045)}
.pair-card>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:17px 18px;cursor:pointer;list-style:none;background:linear-gradient(120deg,#fff,#fdf9f3)}
.pair-card>summary::-webkit-details-marker{display:none}.pair-card>summary>span:first-child{display:grid;gap:3px}.pair-card>summary small{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:var(--gold)}.pair-card>summary strong{font-size:1rem;color:var(--dark)}.pair-card>summary i{padding:0 5px;color:var(--muted);font:italic 400 .78rem Georgia,serif}
.matched-days{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:.7rem}.matched-days b{color:var(--maroon);font-size:1.1rem}
.pair-toggle{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold-soft);color:#744e14;font-size:1.05rem}.pair-card[open] .pair-toggle{font-size:0}.pair-card[open] .pair-toggle:after{content:"−";font-size:1.05rem}
.pair-body{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px;border-top:1px solid rgba(185,138,66,.2);background:#faf8f6}
.comparison-block{overflow:hidden;border:1px solid rgba(108,73,81,.14);border-radius:14px;background:#fff}
.comparison-block>header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fdfcfb}.comparison-block>header>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold-soft);color:#765016;font-size:.62rem;font-weight:900}.comparison-block h3{margin:0;color:var(--dark);font-size:.83rem}.comparison-block header p{margin:2px 0 0;color:var(--muted);font-size:.62rem}
.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.side-by-side article{display:grid;gap:4px;min-width:0;padding:13px;background:#fff}.side-by-side span{overflow:hidden;color:var(--muted);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.side-by-side strong{color:var(--dark);font-size:.86rem}
.difference-line{display:flex;align-items:center;gap:7px;margin:0;padding:10px 13px;background:#f8f5f2;color:var(--muted);font-size:.67rem}.difference-line b{color:var(--maroon);font-size:.82rem}.difference-line span{margin-left:auto;padding:4px 7px;border-radius:999px;background:var(--gold-soft);color:#744e14;font-weight:900}
.comparison-narrative{margin:0;padding:9px 13px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.comparison-narrative strong{color:var(--maroon)}
.vendor-block{grid-column:1/-1}.vendor-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.vendor-impact-grid article{display:grid;gap:4px;padding:13px;background:#fff}.vendor-impact-grid span{color:var(--gold);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vendor-impact-grid strong{color:var(--dark);font-size:.76rem}.vendor-impact-grid small{color:var(--muted);font-size:.65rem}
.corrective-action{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid #ecc5cc;border-radius:14px;background:#fff4f5;color:#652032}.corrective-action>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-weight:900}.corrective-action div{display:grid;gap:4px}.corrective-action small{font-size:.62rem;font-weight:900;letter-spacing:.1em}.corrective-action strong{font-size:.88rem}.corrective-action p{margin:0;color:#73565e;font-size:.72rem;line-height:1.5}
.comparison-empty{margin:16px}.outlet-comparison{margin-top:18px}
@media(max-width:650px){.pair-body{grid-template-columns:1fr}.vendor-block,.corrective-action{grid-column:auto}.pair-card>summary{grid-template-columns:minmax(0,1fr) auto;gap:8px}.matched-days{grid-column:1/-1;grid-row:2}.pair-toggle{grid-column:2;grid-row:1}.vendor-impact-grid{grid-template-columns:1fr}.comparison-head .month-chip{align-self:flex-start}}
@media(max-width:430px){.pair-list{padding:9px}.pair-body{padding:9px}.pair-card>summary{padding:13px}.side-by-side strong{font-size:.76rem}.comparison-block>header{padding:10px}.corrective-action{padding:12px}}

/* v2.21 Entry Compliance panel. */
.snapshot>.compliance .compliance-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.compliance-tabs button{position:relative;align-content:center;min-height:70px}.compliance-tabs button small{font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.compliance-tabs button.completed{background:#eef9f4;color:var(--green);border-color:#c8e7d9}.compliance-tabs button.today{background:#f6eff1;color:var(--maroon);border-color:#e4d0d5}.compliance-tabs button.missed.has-missed{background:#fff1f3;color:var(--red);border-color:#efc8cf}.compliance-tabs button.missed.clear{background:#f1f7f4;color:var(--green);border-color:#d4e4dc}
.compliance-modal{width:min(620px,calc(100% - 28px));max-height:min(82vh,760px);overflow:hidden;padding:24px;grid-template-rows:auto auto auto minmax(80px,1fr) auto}.compliance-modal:not([hidden]){display:grid}.compliance-modal>p{margin:3px 0 0}.compliance-detail-list{min-height:80px;max-height:none;margin:15px 0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
.compliance-detail-list article{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.compliance-detail-list time{color:var(--muted);font-size:.7rem}.compliance-detail-list strong{overflow:hidden;color:var(--ink);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.compliance-status{display:inline-flex!important;justify-content:center!important;width:max-content;padding:5px 7px!important;border:0!important;border-radius:999px!important;font-size:.56rem!important;font-weight:900;letter-spacing:.06em;white-space:nowrap}.compliance-status.completed{background:#e3f5ed;color:#087851}.compliance-status.today{background:#f2e7ea;color:var(--maroon)}.compliance-status.missed{background:#fde8eb;color:var(--red)}.compliance-status.pending{background:#fff1ce;color:#835a08}
.compliance-close-bottom{width:100%;margin-top:2px}.compliance-empty{padding:18px}
@media(max-width:560px){.snapshot>.compliance .compliance-tabs{gap:6px}.compliance-tabs button{min-height:64px;padding:8px 4px}.compliance-tabs button b{font-size:1.12rem}.compliance-tabs button small{font-size:.58rem}.compliance-modal{top:50%;padding:20px 14px 14px;max-height:calc(100dvh - 28px)}.compliance-detail-list article{grid-template-columns:88px minmax(0,1fr) auto}.compliance-detail-list article .pending{grid-column:2/-1;justify-self:start}.compliance-detail-list time{font-size:.62rem}.compliance-detail-list strong{font-size:.72rem}}
@media(max-width:390px){.compliance-detail-list article{grid-template-columns:1fr auto}.compliance-detail-list time{grid-column:1}.compliance-detail-list strong{grid-column:1;grid-row:2}.compliance-detail-list article>.compliance-status:not(.pending){grid-column:2;grid-row:1/3}.compliance-detail-list article .pending{grid-column:1/-1;grid-row:3}}

/* v2.23 installable dashboard experience. */
.install-app-open{overflow:hidden}.install-app-shade{position:fixed;z-index:59;inset:0;background:rgba(35,15,21,.55);backdrop-filter:blur(5px)}
.install-app-card{position:fixed;z-index:60;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(480px,calc(100% - 28px));padding:22px;border:1px solid rgba(185,138,66,.35);border-radius:22px;background:linear-gradient(145deg,#fff,#fcf8f3);box-shadow:0 26px 75px rgba(42,13,22,.3)}
.install-app-card[hidden],.install-app-shade[hidden]{display:none}.install-app-x{position:absolute;right:12px;top:12px;width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;background:#f5edef;color:var(--maroon);box-shadow:none;font-size:1.3rem}
.install-app-head{display:flex;align-items:center;gap:14px;padding-right:35px}.install-app-head img{width:64px;height:64px;border-radius:18px;box-shadow:0 8px 20px rgba(101,16,37,.16)}.install-app-head p{margin:0;color:var(--gold);font-size:.66rem;font-weight:900;letter-spacing:.15em}.install-app-head h2{margin:2px 0 0;color:var(--dark);font:700 1.35rem/1.15 Georgia,serif}
.install-app-copy{margin:16px 0;color:var(--muted);font-size:.88rem}.ios-install-steps{display:grid;gap:8px;margin:0 0 17px;padding:13px 13px 13px 34px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font-size:.82rem}.ios-install-steps[hidden]{display:none}.install-app-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.install-app-actions button{width:100%}
@media(max-width:420px){.install-app-card{bottom:max(10px,env(safe-area-inset-bottom));padding:18px 16px;border-radius:19px}.install-app-head img{width:56px;height:56px;border-radius:15px}.install-app-head h2{font-size:1.2rem}.install-app-copy{margin:13px 0;font-size:.82rem}.install-app-actions{grid-template-columns:1fr}.install-app-actions button{min-height:48px}}

/* v2.24 compact dual trendlines, graph viewer, health shortcut and purchase columns. */
.outlet-dashboard-head .header-health-trigger{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:155px;padding:8px 12px;border:1px solid rgba(185,138,66,.3);border-radius:16px;background:linear-gradient(145deg,#fff,#fbf6ee);color:var(--dark);box-shadow:0 8px 22px rgba(42,27,31,.06);text-align:left}.header-health-trigger .health-gauge{grid-row:1/3}.header-health-trigger em{align-self:end;color:var(--muted);font-size:.62rem;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.header-health-trigger>strong{align-self:start;color:var(--maroon);font-size:.78rem}.outlet-filters .entry-status{align-self:end;height:50px;min-height:50px;padding:0 14px;gap:8px}.entry-status i{display:block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(20,143,97,.4);animation:entry-pulse 2.4s ease-out infinite}.entry-status.locked i{background:#94898c;animation:none}@keyframes entry-pulse{0%,45%{box-shadow:0 0 0 0 rgba(20,143,97,.42);opacity:1}75%,100%{box-shadow:0 0 0 7px rgba(20,143,97,0);opacity:.72}}
.outlet-health-modal{width:min(720px,calc(100% - 28px));max-height:min(88vh,780px);overflow:auto;padding:0}.outlet-health-modal:not([hidden]){display:block}.outlet-health-modal .outlet-health-summary{padding:24px 28px}.outlet-health-modal .component-score-grid{padding:18px 22px;margin:0}.health-modal-close-bottom{width:calc(100% - 44px);margin:0 22px 22px}.health-modal-shade{z-index:33}
.chart-open-button{display:block;width:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;text-align:initial;overflow-x:auto}.chart-open-button:hover,.chart-open-button:focus{transform:none;box-shadow:none;filter:none}.chart-expand-hint{display:block;width:max-content;margin:4px auto 0;padding:4px 9px;border-radius:999px;background:#f5edef;color:var(--maroon);font-size:.62rem;font-weight:800}.chart-legend .legend-with:before{background:#c5233d}.chart-legend .legend-without:before{background:#2479b8}.trend-line.with-gas{stroke:#c5233d}.trend-line.without-gas{stroke:#2479b8;stroke-width:2.6}.without-target{stroke:#2479b8;opacity:.55}.point-label{fill:#b51f39}.line-chart.compact-trend{margin-inline:auto;max-width:none}
.graph-modal{position:fixed;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1040px,calc(100% - 28px));max-height:92dvh;padding:24px;border:1px solid rgba(185,138,66,.32);border-radius:21px;background:#fff;box-shadow:0 30px 90px rgba(35,12,18,.3);overflow:auto}.graph-modal[hidden]{display:none}.graph-modal:fullscreen{width:100%;height:100%;max-height:none;border:0;border-radius:0;padding:clamp(18px,4vw,48px)}.graph-modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-right:42px}.graph-modal-head h2{margin:3px 0;font:700 clamp(1.4rem,3vw,2.2rem) Georgia,serif;color:var(--dark)}.graph-modal-head p:last-child{margin:0;color:var(--muted)}.graph-actions{display:flex;gap:8px}.graph-modal-canvas{display:grid;place-items:center;min-height:360px;margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:auto}.graph-modal-canvas svg{width:min(900px,100%);height:auto;min-height:300px}.graph-modal-canvas .point-label{opacity:1}.graph-close-bottom{width:100%}.graph-modal-shade{z-index:39}
.purchase-column-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;height:235px;margin-top:20px;padding:0 4px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 45px,#f0ebea 46px)}.purchase-column-chart article{display:grid;grid-template-rows:auto 150px auto;align-items:end;height:100%;min-width:0;text-align:center}.purchase-value{display:grid;gap:2px;align-self:start;min-height:40px}.purchase-value strong{font-size:.7rem;color:var(--dark);overflow-wrap:anywhere}.purchase-value span{font-size:.62rem;color:var(--muted)}.purchase-column-track{display:flex;align-items:flex-end;justify-content:center;height:150px}.purchase-column-track i{display:block;width:min(62px,75%);min-height:3px;border-radius:11px 11px 3px 3px;box-shadow:0 7px 16px rgba(42,27,31,.12)}.purchase-column-track .ck{background:linear-gradient(#c52948,#761027)}.purchase-column-track .out{background:linear-gradient(#dda94c,#b77b24)}.purchase-column-track .gas{background:linear-gradient(#8c7386,#654f63)}.purchase-column-track .voucher{background:linear-gradient(#239b71,#087b54)}.purchase-column-chart article>b{align-self:start;min-height:32px;padding-top:8px;color:var(--muted);font-size:.61rem;line-height:1.15;text-transform:uppercase}
@media(max-width:700px){.outlet-dashboard-head .header-health-trigger{min-width:130px;padding:7px 9px}.header-health-trigger .health-gauge.small{width:60px;height:60px;flex-basis:60px}.header-health-trigger .health-gauge.small b{font-size:1.05rem}.outlet-filters{grid-template-columns:1fr 1fr}.outlet-filters button,.outlet-filters .entry-status{width:100%}.graph-modal{padding:19px 13px}.graph-modal-head{display:grid;padding-right:34px}.graph-actions{display:grid;grid-template-columns:1fr 1fr}.graph-modal-canvas{min-height:300px;padding:6px}.graph-modal-canvas svg{min-width:650px}.purchase-column-chart{gap:5px;height:220px}.purchase-column-chart article{grid-template-rows:auto 135px auto}.purchase-column-track{height:135px}.purchase-value strong{font-size:.61rem}.purchase-column-track i{width:70%}}
@media(max-width:430px){.outlet-dashboard-head{grid-template-columns:minmax(0,1fr) auto}.outlet-dashboard-head .header-health-trigger{min-width:76px;grid-template-columns:1fr;grid-template-rows:auto auto;padding:6px}.header-health-trigger .health-gauge{grid-row:auto;margin:auto}.header-health-trigger em{display:none}.header-health-trigger>strong{text-align:center;font-size:.58rem}.outlet-health-modal .outlet-health-summary{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:21px 15px}.outlet-health-modal .health-gauge.large{width:90px;height:90px;flex-basis:90px}.outlet-health-modal .component-score-grid{padding:12px}.purchase-column-chart{margin-left:-6px;margin-right:-6px}.purchase-column-chart article>b{font-size:.54rem}.purchase-value strong{font-size:.55rem}.purchase-value span{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.entry-status i{animation:none}}

/* v2.25 single-line food-cost graph and corrected outlet controls. */
.outlet-health-modal{z-index:36!important;background:#fff;filter:none!important;backdrop-filter:none!important;isolation:isolate}.health-modal-shade{z-index:35;background:rgba(31,12,16,.46);backdrop-filter:blur(2px)}
.outlet-filters>button{grid-column:auto!important;min-width:0}.outlet-filters .entry-status{display:flex;align-items:center;justify-content:center;min-width:0;white-space:nowrap;text-align:center}.outlet-filters .entry-status i{flex:0 0 9px}
.trend-card{overflow:hidden}.trend-card .line-chart-wrap{padding:13px 0 2px}.trend-card .line-chart{min-height:225px}.trend-card .grid-line{stroke:#eee9e8;stroke-width:1}.trend-card .benchmark-line{stroke:#c5953f;stroke-width:1.7;stroke-dasharray:7 6}.trend-card .benchmark-label{fill:#9a6b1f;font-size:9px}.trend-card .trend-line.with-gas{stroke:#7b1028;stroke-width:3.4;filter:drop-shadow(0 3px 3px rgba(93,10,31,.12))}.trend-card .trend-point.with-gas,.graph-modal-canvas .trend-point.with-gas{fill:#fff;stroke:#7b1028;stroke-width:3}.trend-card .point-label,.graph-modal-canvas .point-label{opacity:1!important;fill:#661025;font-size:9.5px;font-weight:800}.trend-card .day-label{fill:#756d70;font-size:9.5px}.chart-expand-hint{margin-top:2px;background:#faf5ee;border:1px solid rgba(185,138,66,.22);color:#754f18}
.graph-modal{z-index:41;background:#fff;filter:none!important;backdrop-filter:none!important}.graph-modal-shade{z-index:40}.graph-modal-canvas{background:linear-gradient(180deg,#fff,#fefdfc)}
@media(max-width:700px){.outlet-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.outlet-filters>button,.outlet-filters .entry-status{height:48px;min-height:48px}.trend-card .line-chart-wrap{padding-top:9px}.trend-card .line-chart{min-height:215px}.graph-modal-canvas svg{min-width:560px}}
@media(max-width:390px){.outlet-filters .entry-status{padding-inline:8px;font-size:.68rem}}

/* v2.26 simplified graph, landscape mobile viewer and aligned month control. */
.graph-modal-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.graph-overall{display:grid;gap:3px;min-width:132px;padding:10px 13px;border:1px solid rgba(185,138,66,.28);border-radius:13px;background:#fbf6ec;text-align:center}.graph-overall span{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.graph-overall strong{color:var(--maroon);font-size:1.2rem}.trend-card>.section-head{padding-right:0}.trend-card .section-head>div{width:100%}
.outlet-filters input[type="month"]{-webkit-appearance:none;appearance:none;min-width:0;line-height:50px}.outlet-filters input[type="month"]::-webkit-datetime-edit{display:flex;align-items:center;height:100%;padding:0}.outlet-filters input[type="month"]::-webkit-date-and-time-value{display:flex;align-items:center;height:100%;text-align:left}
@media(max-width:560px){.outlet-filters>label{grid-column:1/-1}.outlet-filters>button,.outlet-filters .entry-status{grid-column:auto}.outlet-filters input[type="month"]{line-height:48px}.graph-modal-head{grid-template-columns:minmax(0,1fr) auto}.graph-overall{grid-column:2;grid-row:1/3}.graph-actions{grid-column:1/-1}}

/* v2.27 quantity-only Daily Food Wastage sample. */
.module-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 15px;padding:5px;border:1px solid rgba(185,138,66,.25);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.module-tabs a{padding:12px;border-radius:10px;color:var(--maroon);font-weight:850;text-align:center;text-decoration:none}.module-tabs a.active{background:linear-gradient(135deg,#72152d,#551020);color:#fff;box-shadow:0 7px 18px rgba(101,16,37,.18)}
.outlet-tabs{grid-template-columns:repeat(5,minmax(0,1fr));width:min(720px,62vw)}.outlet-tabs .account-tab{min-width:0}
.wastage-title{background:radial-gradient(circle at 88% 12%,rgba(185,138,66,.13),transparent 24%),linear-gradient(120deg,#fff 15%,#faf6ee)}.quantity-mark{display:grid;align-content:center;min-width:142px;padding:12px 16px;border:1px solid rgba(185,138,66,.35);border-radius:16px;background:#fff;text-align:center;box-shadow:0 8px 24px rgba(65,32,39,.06)}.quantity-mark strong{color:var(--maroon);font-size:1.25rem}.quantity-mark small{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.zero-wastage-card{margin-bottom:14px;padding:0;overflow:hidden}.zero-wastage-card label{display:flex;align-items:center;gap:13px;padding:18px;cursor:pointer}.zero-wastage-card input{width:22px;height:22px;accent-color:var(--green)}.zero-wastage-card span{display:grid;gap:2px}.zero-wastage-card strong{font-size:1rem}.zero-wastage-card small{color:var(--muted);font-weight:500}
.wastage-items{display:grid;gap:14px}.wastage-item{padding:0;overflow:hidden}.wastage-item>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid rgba(185,138,66,.2);background:linear-gradient(120deg,#fff,#fbf8f2)}.wastage-item>header div{display:grid}.wastage-item>header span{color:var(--gold);font-size:.64rem;font-weight:900;letter-spacing:.13em}.wastage-item h2{margin:2px 0 0;font:700 1.15rem Georgia,serif}.wastage-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:17px}.wastage-fields .wide{grid-column:span 2}.wastage-fields input,.wastage-fields select{width:100%}.wastage-form.is-zero .wastage-items,.wastage-form.is-zero .add-wastage-button{display:none}.add-wastage-button{width:100%;margin:14px 0}.wastage-submit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-bottom:18px}.wastage-submit textarea{width:100%;min-height:82px}.wastage-submit button{min-width:220px}
.wastage-filters{grid-template-columns:minmax(220px,1fr) auto auto}.wastage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.wastage-kpis article{position:relative;overflow:hidden;min-height:128px;padding:18px;border:1px solid rgba(108,73,81,.16);border-radius:17px;background:linear-gradient(150deg,#fff,#fdfaf6);box-shadow:var(--shadow)}.wastage-kpis article:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--gold)}.wastage-kpis span,.wastage-kpis small{display:block;color:var(--muted)}.wastage-kpis span{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.wastage-kpis strong{display:block;margin:10px 0 5px;color:var(--maroon);font:700 1.45rem Georgia,serif}.wastage-kpis small{font-size:.68rem}
.wastage-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-bottom:18px}.wastage-layout>.card{padding:0;overflow:hidden}.wastage-layout .section-head,.master-wastage-records>.section-head{padding:18px 20px;border-bottom:1px solid rgba(185,138,66,.2);background:linear-gradient(120deg,#fff,#fbf8f2)}.wastage-ranking{display:grid;padding:10px 17px 17px}.wastage-ranking article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.wastage-ranking article>b,.outlet-wastage-list article>div>b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--gold-soft);color:#765018;font-size:.75rem}.wastage-ranking span{display:grid}.wastage-ranking small{color:var(--muted)}.wastage-ranking em{color:var(--maroon);font-style:normal;font-weight:900;white-space:nowrap}
.wastage-records details{overflow:hidden}.wastage-records summary{grid-template-columns:auto 1fr auto}.wastage-records summary>b{color:var(--maroon)}.wastage-record-detail{display:grid;gap:9px;padding:14px 16px;background:#f8f6f4}.wastage-record-detail>p{margin:0;color:var(--muted)}.wastage-record-detail>article{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.wastage-record-detail>article span{display:grid}.wastage-record-detail small{color:var(--muted)}.wastage-record-detail>article>b{color:var(--maroon);white-space:nowrap}.record-actions{display:flex;justify-content:flex-end;gap:8px}.record-actions form{margin:0}
.master-wastage-layout{grid-template-columns:1.2fr .8fr}.outlet-wastage-list{display:grid;padding:8px 17px 17px}.outlet-wastage-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.outlet-wastage-list article>div{display:flex;align-items:center;gap:10px}.outlet-wastage-list article span{display:grid}.outlet-wastage-list small{color:var(--muted)}.outlet-wastage-list dl{display:grid;grid-template-columns:repeat(3,auto);gap:13px;margin:0}.outlet-wastage-list dl div{display:grid;text-align:right}.outlet-wastage-list dt{color:var(--muted);font-size:.62rem;text-transform:uppercase}.outlet-wastage-list dd{margin:0;color:var(--maroon);font-weight:850}.master-wastage-records{padding:0;overflow:hidden}
@media(max-width:900px){.outlet-tabs{width:min(650px,72vw)}.outlet-tabs button{font-size:.7rem}.wastage-kpis{grid-template-columns:1fr 1fr}.wastage-layout,.master-wastage-layout{grid-template-columns:1fr}.wastage-fields{grid-template-columns:1fr 1fr}.outlet-wastage-list>article{grid-template-columns:1fr}.outlet-wastage-list dl div{text-align:left}}
@media(max-width:700px){.outlet-tabs{width:calc(100vw - 76px);gap:2px;padding:3px}.outlet-tabs button,.outlet-tabs .account-tab{padding:5px 3px;font-size:.6rem}.wastage-fields{grid-template-columns:1fr}.wastage-fields .wide{grid-column:auto}.wastage-submit{grid-template-columns:1fr}.wastage-submit button{width:100%}.wastage-filters{grid-template-columns:1fr 1fr}.wastage-filters label{grid-column:1/-1}.wastage-title{grid-template-columns:1fr auto}.quantity-mark{min-width:105px;padding:9px}.quantity-mark strong{font-size:1rem}.master-wastage-records .record-list summary{grid-template-columns:1fr 1fr}.master-wastage-records .record-list summary span:nth-of-type(2){grid-column:1/-1}}
@media(max-width:430px){.outlet-tabs{width:calc(100vw - 62px)}.outlet-tabs button,.outlet-tabs .account-tab{font-size:.54rem}.wastage-title{grid-template-columns:1fr}.quantity-mark{justify-self:start}.wastage-kpis{gap:8px}.wastage-kpis article{min-height:116px;padding:14px}.wastage-kpis strong{font-size:1.15rem}.outlet-wastage-list dl{gap:8px}.outlet-wastage-list dd{font-size:.78rem}}

/* v2.28 category-led quantity control. Unlike units are deliberately never added together. */
.wastage-category-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.wastage-category-kpis article{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(108,73,81,.16);border-radius:18px;background:linear-gradient(145deg,#fff,#fbf7ef);box-shadow:var(--shadow)}.wastage-category-kpis article:after{content:"";position:absolute;inset:auto 18px 0;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--gold),var(--maroon))}.wastage-category-kpis>article>span{display:block;color:var(--maroon);font-weight:900}.wastage-category-kpis>article>small{display:block;margin-top:12px;color:var(--muted)}.quantity-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.quantity-breakdown b{padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font-size:.85rem}
.wastage-trend{display:grid;padding:8px 18px 18px}.wastage-trend article{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.wastage-trend time{color:var(--maroon);font-weight:900}.wastage-trend article>div{display:grid;gap:5px}.wastage-trend span{display:grid;grid-template-columns:32px 1fr 62px;align-items:center;gap:7px}.wastage-trend i{color:var(--muted);font-size:.7rem;font-style:normal;font-weight:800}.wastage-trend b{position:relative;height:8px;overflow:hidden;border-radius:20px;background:#eee8e6}.wastage-trend b:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--bar);border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--maroon))}.wastage-trend em{text-align:right;color:var(--maroon);font-size:.74rem;font-style:normal;font-weight:900}.outlet-summary-card{padding:0;overflow:hidden;margin-bottom:18px}.outlet-wastage-list dl{grid-template-columns:repeat(4,auto)}
.wastage-instructions{display:grid;grid-template-columns:minmax(200px,.38fr) 1fr;gap:26px;margin:18px 0;background:radial-gradient(circle at 90% 20%,rgba(185,138,66,.12),transparent 30%),#fff}.wastage-instructions h2{margin:.2rem 0;font:700 1.4rem Georgia,serif}.wastage-instructions ol{display:grid;gap:10px;margin:0;padding-left:21px}.wastage-instructions li{padding-left:5px;color:var(--text);line-height:1.5}.wastage-submit>p{margin:0;color:var(--muted);line-height:1.5}
@media(max-width:900px){.wastage-category-kpis{grid-template-columns:1fr}.wastage-category-kpis article{min-height:auto}.wastage-instructions{grid-template-columns:1fr}.outlet-wastage-list dl{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.quantity-breakdown{grid-template-columns:1fr 1fr}.wastage-trend article{grid-template-columns:52px 1fr}.wastage-trend span{grid-template-columns:27px 1fr 52px}.outlet-wastage-list dl{grid-template-columns:1fr 1fr}.wastage-instructions{padding:18px}.wastage-entry-view input[type="search"]{font-size:16px}}

/* v2.29 executive wastage intelligence — compact, analytical and mobile-first. */
.executive-waste-title{position:relative;overflow:hidden;background:linear-gradient(122deg,#28151c 0%,#5b0920 58%,#87122f 100%);color:#fff}.executive-waste-title:before{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-160px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.025)}.executive-waste-title>div{position:relative;z-index:1}.executive-waste-title .eyebrow{color:#dfb765}.executive-waste-title h1{color:#fff}.executive-waste-title p{color:rgba(255,255,255,.74)}.executive-waste-title .quantity-mark{position:relative;z-index:1;min-width:126px;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.executive-waste-title .quantity-mark strong{color:#fff;font:700 2rem Georgia,serif}.executive-waste-title .quantity-mark small{color:rgba(255,255,255,.74)}
.waste-toolbar{align-items:end;margin-bottom:18px;padding:12px;border:1px solid rgba(108,73,81,.14);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(41,18,25,.06)}.waste-toolbar label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.waste-toolbar input,.waste-toolbar select{background:#fbfaf9;border-color:#ded6d8}.waste-toolbar button{height:48px}
.waste-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.waste-category-card{position:relative;overflow:hidden;min-height:190px;padding:18px;border:1px solid rgba(67,44,51,.13);border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(41,18,25,.08)}.waste-category-card:after{content:"";position:absolute;right:-32px;bottom:-48px;width:120px;height:120px;border:22px solid rgba(128,13,42,.045);border-radius:50%}.waste-category-card>header{display:flex;align-items:center;gap:11px}.category-monogram{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#74102b,#a72142);color:#fff;font:700 1rem Georgia,serif;box-shadow:0 7px 16px rgba(128,13,42,.2)}.waste-category-card header div{min-width:0}.waste-category-card header small{display:block;color:#a88a57;font-size:.58rem;font-weight:900;letter-spacing:.13em}.waste-category-card h2{margin:2px 0 0;color:#381922;font:800 .95rem/1.2 Arial,sans-serif}.category-result{display:flex;align-items:end;gap:9px;margin:18px 0 14px}.category-result strong{color:var(--maroon);font:700 2.4rem/1 Georgia,serif}.category-result span{padding-bottom:3px;color:var(--muted);font-size:.66rem;font-weight:800;line-height:1.15;text-transform:uppercase}.waste-category-card dl{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.waste-category-card dl div{display:flex;justify-content:space-between;gap:6px;padding:7px 8px;border-radius:8px;background:#f7f4f2}.waste-category-card dt{color:var(--muted);font-size:.61rem}.waste-category-card dd{margin:0;color:#321b22;font-size:.69rem;font-weight:900}.category-raw .category-monogram{background:linear-gradient(145deg,#9a641d,#c6943e)}.category-nonFood .category-monogram{background:linear-gradient(145deg,#295c52,#3f8a78)}
.waste-analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:18px}.waste-panel{padding:0;overflow:hidden}.waste-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #eee6e4;background:linear-gradient(115deg,#fff,#fbf8f3)}.waste-panel-head h2{margin:.15rem 0 0;color:#2f1920;font:700 1.2rem Georgia,serif}.waste-panel-head p:not(.eyebrow){margin:.3rem 0 0;color:var(--muted);font-size:.72rem}.panel-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#f3e9eb;color:var(--maroon);font-size:.65rem;font-weight:900}
.category-bars{display:grid;gap:18px;padding:21px}.category-bars>div>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.category-bars b{font-size:.8rem}.category-bars em{color:var(--maroon);font-size:.8rem;font-style:normal;font-weight:900}.category-bars i{display:block;overflow:hidden;height:11px;border-radius:20px;background:#eee9e7}.category-bars u{display:block;width:var(--width);height:100%;border-radius:inherit;background:linear-gradient(90deg,#be913e,#7a0c29);text-decoration:none}.category-bars>div:nth-child(2) u{background:linear-gradient(90deg,#d2a952,#a36b1d)}.category-bars>div:nth-child(3) u{background:linear-gradient(90deg,#55a68f,#2e695c)}.category-bars small{display:block;margin-top:5px;color:var(--muted);font-size:.62rem}
.waste-item-table>header,.waste-item-table>div{display:grid;grid-template-columns:minmax(0,1fr) 72px 105px;align-items:center;gap:10px}.waste-item-table>header{padding:11px 18px;background:#f7f4f2;color:var(--muted);font-size:.59rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.waste-item-table>header span:not(:first-child){text-align:right}.waste-item-table>div{padding:12px 18px;border-top:1px solid #f0e9e7}.waste-item-table>div>span{display:flex;align-items:center;gap:9px;min-width:0}.waste-item-table>div>span b{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:8px;background:#f3e8eb;color:var(--maroon);font-size:.62rem}.waste-item-table>div>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.waste-item-table>div>em{text-align:right;color:var(--muted);font-size:.76rem;font-style:normal}.waste-item-table>div>strong{text-align:right;color:var(--maroon);font-size:.77rem}.waste-empty{display:grid;place-items:center;gap:5px;padding:34px 20px;text-align:center}.waste-empty>b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e8f5ef;color:#26755e}.waste-empty small{color:var(--muted)}
.waste-trend-panel{grid-column:1/-1}.waste-spark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px}.waste-spark{overflow:hidden;padding:13px;border:1px solid #ebe3e1;border-radius:13px;background:#fff}.waste-spark header{display:flex;align-items:center;justify-content:space-between;gap:8px}.waste-spark header span{color:var(--muted);font-size:.66rem;font-weight:800}.waste-spark header strong{color:var(--maroon);font-size:.77rem}.waste-spark svg{display:block;width:100%;height:74px;margin-top:4px}.waste-spark svg line{stroke:#e8e0de;stroke-width:1}.waste-spark svg polyline{fill:none;stroke:#86112e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.waste-spark svg circle{fill:#fff;stroke:#86112e;stroke-width:2}.waste-spark footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.55rem}.spark-2 svg polyline,.spark-2 svg circle{stroke:#c28d33}.spark-3 svg polyline,.spark-3 svg circle{stroke:#34796a}.spark-4 svg polyline,.spark-4 svg circle{stroke:#716278}
.waste-focus-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.34fr) 1fr;align-items:start;padding:20px;background:linear-gradient(120deg,#311820,#681026);color:#fff}.waste-focus-panel .waste-panel-head{padding:0;border:0;background:transparent}.waste-focus-panel .eyebrow{color:#dfb765}.waste-focus-panel h2{color:#fff}.insight-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.28);border-radius:50%;font:700 1rem Georgia,serif}.waste-focus-panel ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.waste-focus-panel li{display:grid;grid-template-columns:27px 1fr;align-items:start;gap:10px;color:rgba(255,255,255,.88);font-size:.76rem;line-height:1.45}.waste-focus-panel li>b{display:grid;place-items:center;height:27px;border-radius:8px;background:rgba(255,255,255,.12);color:#dfb765}.waste-focus-panel>footer{grid-column:2;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}.waste-focus-panel>footer span{color:#dfb765;font-size:.58rem;font-weight:900;letter-spacing:.1em}.waste-focus-panel>footer p{margin:4px 0 0;color:rgba(255,255,255,.65);font-size:.68rem}
.waste-record-panel{padding:0;overflow:hidden;margin-bottom:18px}.waste-record-panel .record-list{padding:0 16px 16px}.outlet-summary-card .outlet-wastage-list{padding:4px 20px 18px}
@media(max-width:900px){.waste-spark-grid{grid-template-columns:1fr 1fr}.waste-focus-panel{grid-template-columns:1fr}.waste-focus-panel ol{margin-top:16px}.waste-focus-panel>footer{grid-column:1}.waste-analysis-grid{grid-template-columns:1fr}.waste-trend-panel,.waste-focus-panel{grid-column:auto}}
@media(max-width:650px){.executive-waste-title{grid-template-columns:1fr auto}.executive-waste-title h1{font-size:1.75rem}.executive-waste-title .quantity-mark{min-width:96px;padding:10px}.waste-category-grid{grid-template-columns:1fr 1fr;gap:10px}.waste-category-card{min-height:166px;padding:13px}.waste-category-card:nth-child(3){grid-column:1/-1}.waste-category-card h2{font-size:.78rem}.category-monogram{flex-basis:32px;height:32px}.category-result{margin:13px 0 10px}.category-result strong{font-size:2rem}.waste-category-card dl div{display:grid;gap:1px;padding:6px}.waste-category-card dd{font-size:.66rem}.waste-panel-head{padding:15px}.category-bars{padding:17px}.waste-item-table>header,.waste-item-table>div{grid-template-columns:minmax(0,1fr) 55px 82px;padding-left:14px;padding-right:14px}.waste-spark-grid{gap:8px;padding:11px}.waste-spark{padding:9px}.waste-spark header{display:grid}.waste-spark svg{height:62px}.waste-focus-panel{padding:17px}.waste-toolbar{grid-template-columns:1fr 1fr}.waste-toolbar label{grid-column:1/-1}.waste-toolbar button{width:100%}}

/* v2.30 rounded hero, circular composition and clean new-entry state. */
.executive-waste-title{width:100%;box-sizing:border-box;padding:23px 25px;border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:0 14px 38px rgba(51,15,27,.18)}.executive-waste-title h1{max-width:100%;font-size:clamp(1.55rem,4vw,2.15rem)!important;line-height:1.05;overflow-wrap:anywhere}.executive-waste-title .quantity-mark{border-radius:18px}
.waste-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eee7e5}.waste-activity-grid>div{min-height:92px;padding:16px 18px;background:#fff}.waste-activity-grid span,.waste-activity-grid small{display:block;color:var(--muted)}.waste-activity-grid span{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.waste-activity-grid strong{display:block;margin:5px 0 2px;color:var(--maroon);font:700 1.6rem Georgia,serif}.waste-activity-grid small{font-size:.62rem}
.waste-donut-layout{display:grid;grid-template-columns:220px minmax(220px,.8fr) minmax(260px,1fr);align-items:center;gap:24px;padding:24px}.waste-donut{display:grid;place-items:center;width:190px;height:190px;margin:auto;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(50,24,31,.05),0 10px 28px rgba(59,29,38,.1)}.waste-donut>div{display:grid;place-items:center;align-content:center;width:116px;height:116px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(67,44,51,.08)}.waste-donut strong{color:var(--maroon);font:700 2.2rem/1 Georgia,serif}.waste-donut span{margin-top:5px;color:var(--muted);font-size:.62rem;font-weight:900;line-height:1.1;text-align:center;text-transform:uppercase}.waste-donut-legend{display:grid;gap:7px}.waste-donut-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid #eee6e4;border-radius:11px;background:#fff}.legend-dot{width:9px;height:9px;border-radius:50%;background:#86112e}.legend-dot.dot-2{background:#c6953d}.legend-dot.dot-3{background:#3d8877}.waste-donut-legend span{display:grid}.waste-donut-legend strong{font-size:.72rem}.waste-donut-legend small{color:var(--muted);font-size:.58rem}.waste-donut-legend b{color:var(--maroon);font-size:.74rem}.waste-unit-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.waste-unit-summary>div{padding:13px;border-radius:12px;background:#f7f4f2}.waste-unit-summary span{display:block;color:var(--muted);font-size:.62rem;font-weight:800}.waste-unit-summary strong{display:block;margin-top:4px;color:#351a22;font-size:.9rem}
@media(max-width:900px){.waste-donut-layout{grid-template-columns:190px 1fr}.waste-unit-summary{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.executive-waste-title{grid-template-columns:minmax(0,1fr) 92px!important;gap:12px!important;padding:18px 16px;border-radius:21px}.executive-waste-title .eyebrow{font-size:.62rem!important;letter-spacing:.12em}.executive-waste-title h1{font-size:clamp(1.35rem,7vw,1.72rem)!important}.executive-waste-title p:not(.eyebrow){font-size:.68rem!important;line-height:1.35}.executive-waste-title .quantity-mark{min-width:0;width:92px;padding:10px 7px;border-radius:15px}.executive-waste-title .quantity-mark strong{font-size:1.75rem}.waste-donut-layout{grid-template-columns:1fr;padding:18px;gap:17px}.waste-donut{width:176px;height:176px}.waste-donut>div{width:108px;height:108px}.waste-donut-legend{width:100%}.waste-unit-summary{grid-column:auto;grid-template-columns:1fr 1fr}.waste-activity-grid>div{min-height:82px;padding:13px}.waste-activity-grid strong{font-size:1.35rem}}

/* v2.31 visual category cards, aligned hero counter and searchable item selector. */
.executive-waste-title{grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:24px}.executive-waste-title .quantity-mark{display:grid;place-content:center;justify-self:end;align-self:stretch;width:150px;min-height:132px;box-sizing:border-box;text-align:center}.executive-waste-title .quantity-mark strong,.executive-waste-title .quantity-mark small{display:block}.executive-waste-title .quantity-mark strong{line-height:1}.executive-waste-title .quantity-mark small{margin-top:8px;line-height:1.2}
.waste-category-grid{grid-template-columns:1fr!important;gap:14px}.waste-category-card,.waste-category-card:nth-child(3){grid-column:auto;display:grid;grid-template-columns:154px minmax(0,1fr);gap:18px;min-height:190px;padding:14px;overflow:hidden}.waste-category-photo{position:relative;z-index:1;display:block;align-self:center;width:154px;height:162px;border-radius:14px;object-fit:cover;box-shadow:0 8px 24px rgba(45,22,28,.14)}.waste-category-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:start;column-gap:20px}.waste-category-content>header{align-self:center}.waste-category-card h2{font:800 1.15rem/1.2 Arial,sans-serif}.waste-category-content .category-result{align-self:center;margin:0}.waste-category-content dl{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.waste-category-content dl div{display:grid;gap:4px;padding:11px 12px}.waste-category-content dt{font-size:.65rem}.waste-category-content dd{font-size:.78rem}
.wastage-item{overflow:visible}.wastage-item:focus-within{position:relative;z-index:8}.waste-item-field>label{display:block;margin-bottom:6px}.waste-combobox{position:relative}.waste-combobox>input{width:100%;padding-right:58px}.waste-combo-toggle{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:44px;height:calc(100% - 12px);min-height:0;padding:0;border:0;border-left:1px solid #e4dcde;border-radius:10px;background:#f7f2f3;color:var(--maroon);font-size:1.35rem;line-height:1;box-shadow:none}.waste-combo-toggle:hover,.waste-combo-toggle:focus{background:#efe3e6;color:var(--maroon);transform:none}.waste-combobox.is-open .waste-combo-toggle{transform:rotate(180deg)}.waste-combo-menu{position:absolute;z-index:30;top:calc(100% + 7px);right:0;left:0;max-height:250px;overflow-y:auto;padding:7px;border:1px solid #dcd0d3;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(48,21,30,.2)}.waste-combo-menu>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:10px 12px;border:0;border-radius:9px;background:#fff;color:#321b22;text-align:left;box-shadow:none}.waste-combo-menu>button:hover,.waste-combo-menu>button:focus{background:#f6edef;color:var(--maroon);transform:none}.waste-combo-menu>button+button{margin-top:2px}.waste-combo-menu>button span{font-size:.82rem;font-weight:800}.waste-combo-menu>button small{flex:0 0 auto;color:#9b7331;font-size:.58rem;font-weight:800}.waste-combo-menu>p{margin:0;padding:13px;color:var(--muted);font-size:.72rem;text-align:center}
@media(max-width:650px){.executive-waste-title{grid-template-columns:minmax(0,1fr) 92px!important;align-items:center;gap:12px!important}.executive-waste-title .quantity-mark{align-self:center;width:92px;min-height:108px;padding:10px 7px}.waste-category-card,.waste-category-card:nth-child(3){grid-template-columns:92px minmax(0,1fr);gap:11px;min-height:174px;padding:10px}.waste-category-photo{width:92px;height:92px;border-radius:12px}.waste-category-content{grid-template-columns:1fr}.waste-category-card h2{font-size:.9rem}.waste-category-content .category-result{margin:9px 0}.waste-category-content .category-result strong{font-size:1.8rem}.waste-category-content dl{grid-column:auto;grid-template-columns:1fr 1fr;gap:5px;margin-top:0}.waste-category-content dl div{padding:7px}.waste-category-content dt{font-size:.57rem}.waste-category-content dd{font-size:.65rem}.waste-combo-menu{max-height:225px}.waste-combo-menu>button{min-height:48px}.waste-combo-menu>button small{font-size:.54rem}}

/* v2.32 interactive category details and month/date-range reporting. */
.waste-category-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.waste-category-card:hover,.waste-category-card:focus-within{border-color:rgba(128,13,42,.34);box-shadow:0 16px 40px rgba(41,18,25,.13);transform:translateY(-1px)}.waste-category-trigger{position:absolute;z-index:3;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:inherit;background:transparent;color:transparent;box-shadow:none}.waste-category-trigger:hover,.waste-category-trigger:focus{background:transparent;color:transparent;transform:none;box-shadow:inset 0 0 0 2px rgba(128,13,42,.18)}.waste-category-trigger span{position:absolute;right:14px;bottom:11px;padding:5px 9px;border-radius:999px;background:#f5e9ec;color:var(--maroon);font-size:.58rem;font-weight:900;letter-spacing:.03em}
.waste-category-modal{position:fixed;z-index:44;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-rows:auto minmax(100px,1fr) auto;width:min(760px,calc(100% - 28px));max-height:min(88dvh,780px);padding:22px;border:1px solid rgba(185,138,66,.3);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(35,12,18,.34);overflow:hidden}.waste-category-modal[hidden]{display:none}.waste-category-shade{z-index:43}.waste-category-modal-head{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:16px;padding:0 38px 17px 0;border-bottom:1px solid var(--line)}.waste-category-modal-head img{width:82px;height:82px;border-radius:14px;object-fit:cover}.waste-category-modal-head h2{margin:2px 0;color:#351820;font:700 1.45rem Georgia,serif}.waste-category-modal-head p:last-child{margin:4px 0 0;color:var(--muted);font-size:.74rem}.waste-category-detail-list{display:grid;align-content:start;gap:8px;min-height:110px;margin:15px 0;overflow-y:auto;overscroll-behavior:contain}.waste-category-detail-list>article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(115deg,#fff,#fbf8f5)}.waste-category-detail-list article>div{display:grid;gap:3px;min-width:0}.waste-category-detail-list time{color:#a47c39;font-size:.62rem;font-weight:900;text-transform:uppercase}.waste-category-detail-list strong{overflow:hidden;text-overflow:ellipsis;color:#321a21;font-size:.82rem}.waste-category-detail-list small{color:var(--muted);font-size:.64rem}.waste-category-detail-list article>b{flex:0 0 auto;color:var(--maroon);font-size:.82rem;white-space:nowrap}
.waste-period-toolbar{display:flex;align-items:flex-end;gap:12px}.waste-period-controls{display:grid;flex:1;gap:9px;min-width:280px}.waste-period-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border-radius:12px;background:#f2edef}.waste-period-tabs button{height:38px;min-height:38px;padding:6px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.69rem;box-shadow:none}.waste-period-tabs button:hover,.waste-period-tabs button:focus{background:#fff;color:var(--maroon);transform:none}.waste-period-tabs button.active{background:linear-gradient(135deg,#86112e,#65091f);color:#fff;box-shadow:0 5px 14px rgba(101,9,31,.18)}.waste-period-month,.waste-period-range{display:grid;gap:9px}.waste-period-range{grid-template-columns:1fr 1fr}.waste-period-month label,.waste-period-range label{min-width:0}.waste-period-toolbar>button{flex:0 0 auto}.waste-period-toolbar>.ghost{min-width:132px}
@media(max-width:700px){.waste-period-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}.waste-period-toolbar>label,.waste-period-controls{grid-column:1/-1;min-width:0}.waste-period-toolbar>button{grid-column:auto!important;width:100%}.waste-category-trigger span{right:9px;bottom:8px}.waste-category-modal{max-height:calc(100dvh - 24px);padding:17px 12px 12px;border-radius:18px}.waste-category-modal-head{grid-template-columns:64px minmax(0,1fr);gap:12px;padding-right:34px}.waste-category-modal-head img{width:64px;height:64px;border-radius:11px}.waste-category-modal-head h2{font-size:1.15rem}.waste-category-detail-list>article{align-items:flex-start;padding:10px}.waste-category-detail-list small{line-height:1.35}}

/* v2.33 simplified analysis while future dashboard modules are planned. */
.waste-most-panel{grid-column:1/-1}

/* v2.34 unified Master navigation and centred reporting controls. */
.master-primary-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 15px;padding:5px;border:1px solid rgba(185,138,66,.25);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.master-primary-tabs a,.master-primary-tabs button{display:grid;place-items:center;min-height:48px;margin:0;padding:10px 12px;border:0;border-radius:11px;background:#fff;color:var(--maroon);font-size:.78rem;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;box-shadow:none}.master-primary-tabs a:hover,.master-primary-tabs a:focus,.master-primary-tabs button:hover,.master-primary-tabs button:focus{background:#f7edef;color:var(--maroon);transform:none}.master-primary-tabs a.active{background:linear-gradient(135deg,#78112c,#58091e);color:#fff;box-shadow:0 7px 18px rgba(101,16,37,.2)}
.master-waste-period{display:grid;grid-template-columns:1fr;justify-items:center;gap:12px;padding:16px}.master-waste-period .master-waste-outlet,.master-waste-period .waste-period-controls{width:min(720px,100%)}.waste-period-title{padding:10px 14px;border-radius:11px;background:linear-gradient(135deg,#78112c,#58091e);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-align:center;text-transform:uppercase}.master-waste-period .waste-period-tabs{width:100%;box-sizing:border-box}.master-waste-period .waste-period-month,.master-waste-period .waste-period-range{width:100%}.master-waste-period .waste-period-apply{justify-self:center;width:min(280px,100%)}
@media(max-width:700px){.master-primary-tabs{gap:4px;padding:4px}.master-primary-tabs a,.master-primary-tabs button{min-height:54px;padding:7px 4px;font-size:.61rem}.master-waste-period{grid-template-columns:1fr!important;padding:12px}.master-waste-period .master-waste-outlet,.master-waste-period .waste-period-controls,.master-waste-period .waste-period-apply{grid-column:1!important}.master-waste-period .waste-period-apply{width:min(250px,100%)}}

/* v2.35 consistent headline banners and compact Master navigation. */
.premium-headline-banner{position:relative;overflow:hidden;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;width:100%;padding:23px 25px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(122deg,#28151c 0%,#5b0920 58%,#87122f 100%)!important;color:#fff;box-shadow:0 14px 38px rgba(51,15,27,.18)}.premium-headline-banner:before{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-160px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.025)}.premium-headline-banner>*{position:relative;z-index:1}.premium-headline-banner .eyebrow{color:#dfb765!important}.premium-headline-banner h1{max-width:100%;color:#fff!important;font-size:clamp(1.55rem,4vw,2.15rem)!important;line-height:1.05;overflow-wrap:anywhere}.premium-headline-banner p:not(.eyebrow){color:rgba(255,255,255,.74)!important}.premium-headline-banner.headline-banner-single,.executive-waste-title.headline-banner-single{grid-template-columns:minmax(0,1fr)!important}.premium-headline-banner .target-badge{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.premium-headline-banner .target-badge span,.premium-headline-banner .target-badge small{color:rgba(255,255,255,.74)}.premium-headline-banner .target-badge strong{color:#fff}.premium-headline-banner.outlet-dashboard-head .header-health-trigger{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(8px)}.premium-headline-banner .header-health-trigger em{color:rgba(255,255,255,.7)}.premium-headline-banner .header-health-trigger>strong{color:#fff}
.master-primary-tabs{display:flex;justify-content:flex-end;gap:10px;margin:0 0 18px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.master-primary-tabs a,.master-primary-tabs button,.master-return-tabs a{display:grid;place-items:center;flex:0 1 176px;min-height:48px;box-sizing:border-box;margin:0;padding:9px 15px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:linear-gradient(135deg,#86112e,#5b091f);color:#fff;font-size:.76rem;font-weight:850;line-height:1.15;text-align:center;text-decoration:none;box-shadow:0 8px 20px rgba(101,16,37,.18)}.master-primary-tabs a:hover,.master-primary-tabs a:focus,.master-primary-tabs button:hover,.master-primary-tabs button:focus,.master-return-tabs a:hover,.master-return-tabs a:focus{background:linear-gradient(135deg,#97143a,#6a0a26);color:#fff;transform:translateY(-1px)}.master-primary-tabs a.active{border-color:#c89948;background:linear-gradient(135deg,#6a0b25,#3e0715);box-shadow:inset 0 0 0 1px rgba(223,183,101,.32),0 8px 20px rgba(101,16,37,.2)}.master-return-tabs{display:flex;justify-content:flex-end;margin:0 0 18px}.master-return-tabs a{flex-basis:176px}
@media(max-width:650px){.premium-headline-banner{gap:12px;padding:18px 16px;border-radius:21px}.premium-headline-banner .eyebrow{font-size:.62rem!important;letter-spacing:.12em}.premium-headline-banner h1{font-size:clamp(1.35rem,7vw,1.72rem)!important}.premium-headline-banner p:not(.eyebrow){font-size:.68rem!important;line-height:1.35}.premium-headline-banner .target-badge{min-width:82px;justify-self:end}.premium-headline-banner.outlet-dashboard-head{grid-template-columns:minmax(0,1fr) auto}.master-primary-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.master-primary-tabs a,.master-primary-tabs button{min-width:0;min-height:52px;padding:7px 5px;border-radius:11px;font-size:.61rem}.master-return-tabs a{min-height:46px;font-size:.68rem}}

/* v2.36 equal entry banners with live status. */
.entry-headline-banner{grid-template-columns:minmax(0,1fr) auto!important;min-height:132px}.entry-headline-banner>div:first-child{align-self:center}.live-banner-status{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-width:126px;box-sizing:border-box;padding:13px 15px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(8px)}.live-banner-status>i{display:block;flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#24ca83;box-shadow:0 0 0 0 rgba(36,202,131,.5);animation:live-status-pulse 2s ease-out infinite}.live-banner-status>span{display:grid;gap:2px}.live-banner-status strong{font-size:.92rem;line-height:1;text-transform:uppercase;letter-spacing:.06em}.live-banner-status small{color:rgba(255,255,255,.72);font-size:.62rem;white-space:nowrap}@keyframes live-status-pulse{0%,40%{box-shadow:0 0 0 0 rgba(36,202,131,.55);opacity:1}75%,100%{box-shadow:0 0 0 9px rgba(36,202,131,0);opacity:.78}}
@media(max-width:650px){.entry-headline-banner{min-height:122px;grid-template-columns:minmax(0,1fr) auto!important}.live-banner-status{min-width:82px;gap:7px;padding:10px 9px;border-radius:14px}.live-banner-status>i{flex-basis:10px;width:10px;height:10px}.live-banner-status strong{font-size:.72rem}.live-banner-status small{font-size:.54rem}}
@media(max-width:430px){.entry-headline-banner p:not(.eyebrow){display:none}.entry-headline-banner h1{margin-bottom:0}}

/* v2.37 unified reporting period and independent account modal. */
.unified-waste-period .waste-period-controls{gap:12px}.waste-period-unified{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr);align-items:end;gap:12px;width:100%}.waste-period-unified>.waste-period-month,.waste-period-unified>.waste-period-range{display:grid;width:100%;min-width:0;margin:0}.waste-period-unified label{display:grid;grid-template-rows:auto 50px;gap:6px;min-width:0;margin:0}.waste-period-unified label>span{font-size:.65rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.waste-period-unified input{width:100%;height:50px;min-height:50px;box-sizing:border-box;text-align:center}.account-security-modal{position:fixed;z-index:52;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 28px));max-height:min(88dvh,760px);overflow:auto;border:1px solid rgba(105,15,37,.2);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(35,12,18,.36)}.account-security-modal[hidden],.account-security-shade[hidden]{display:none}.account-security-modal>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#f9eef1,#fff)}.account-security-modal>header p{margin:0 0 4px;color:var(--maroon);font-size:.62rem;font-weight:900;letter-spacing:.13em}.account-security-modal>header h2{margin:0;color:#2d1a20;font:700 1.35rem Georgia,serif}.account-security-modal>header button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-height:38px;padding:0;border-radius:50%;background:#78112c;color:#fff;font-size:1.3rem}.account-security-modal .account-security-body{padding:22px;border-top:0}.account-security-modal .account-security-body h3{margin:4px 0;overflow-wrap:anywhere;color:#2d1a20;font-size:1.05rem}.account-security-modal .account-security-body>div>p:last-child{margin:4px 0 18px;color:var(--muted);font-size:.75rem}.account-security-modal .account-security-body>form:not(.outlet-logout){display:grid;grid-template-columns:1fr 1fr;gap:13px}.account-security-modal .account-security-body>form:not(.outlet-logout) label:first-of-type,.account-security-modal .account-security-body>form:not(.outlet-logout) button{grid-column:1/-1}.account-security-modal input{width:100%}.account-security-shade{z-index:51;background:rgba(31,12,16,.55);backdrop-filter:blur(4px)}
@media(max-width:760px){.waste-period-unified{grid-template-columns:1fr}.waste-period-unified>.waste-period-range{grid-template-columns:1fr 1fr}.account-security-modal{width:calc(100% - 22px);max-height:calc(100dvh - 22px);border-radius:18px}.account-security-modal .account-security-body>form:not(.outlet-logout){grid-template-columns:1fr}.account-security-modal .account-security-body>form:not(.outlet-logout) label:first-of-type,.account-security-modal .account-security-body>form:not(.outlet-logout) button{grid-column:auto}}
@media(max-width:430px){.waste-period-unified>.waste-period-range{grid-template-columns:1fr 1fr;gap:8px}.waste-period-unified input{padding-inline:8px;font-size:.72rem!important}.account-security-modal>header{padding:15px}.account-security-modal>header h2{font-size:1.12rem}.account-security-modal .account-security-body{padding:16px}.account-security-modal .outlet-logout button{width:100%}}

/* v2.38 category-wise discarded-item exports. */
.wastage-export-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);align-items:end;gap:22px;margin:-2px 0 18px;padding:18px 20px;background:linear-gradient(120deg,#fff,#fbf6ee)}.wastage-export-panel h2{margin:2px 0 5px;color:#321820;font:700 1.25rem Georgia,serif}.wastage-export-panel>div>p:last-child{max-width:620px;margin:0;color:var(--muted);font-size:.72rem}.wastage-export-panel form{display:grid;grid-template-columns:120px minmax(170px,1fr) auto;align-items:end;gap:9px}.wastage-export-panel label{display:grid;gap:5px;min-width:0;font-size:.64rem;font-weight:900}.wastage-export-panel select,.wastage-export-panel input,.wastage-export-panel button{height:46px;min-height:46px}.wastage-export-panel button{white-space:nowrap}
@media(max-width:900px){.wastage-export-panel{grid-template-columns:1fr}.wastage-export-panel form{grid-template-columns:120px 1fr auto}}
@media(max-width:600px){.wastage-export-panel{padding:16px}.wastage-export-panel form{grid-template-columns:1fr 1fr}.wastage-export-panel form button{grid-column:1/-1;width:100%}}

/* v2.40 authoritative matched-sales comparison analytics. */
.comparison-head-actions{display:flex;align-items:center;gap:8px}.comparison-head-actions button{min-height:38px;padding:8px 12px;border-radius:10px;font-size:.66rem}.comparison-panel.is-minimized [data-analytics-body]{display:none}.pair-body{display:grid;grid-template-columns:1fr;gap:12px}.comparison-category{overflow:hidden;border:1px solid rgba(108,73,81,.15);border-radius:14px;background:#fff}.comparison-category>h3,.vendor-impact-section>h3{margin:0;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbf8f7;color:#4a3138;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-align:center}.comparison-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.comparison-three article{display:grid;align-content:start;gap:5px;min-width:0;min-height:86px;padding:12px 11px;background:#fff}.comparison-three article>span{min-height:30px;color:var(--muted);font-size:.64rem;font-weight:750;line-height:1.25;text-align:center;overflow-wrap:anywhere}.comparison-three article strong{display:flex;align-items:flex-start;justify-content:center;gap:6px;min-width:0;color:var(--dark);font-size:.82rem;line-height:1.25;text-align:center;overflow-wrap:anywhere}.comparison-three article small{color:var(--muted);font-size:.62rem;line-height:1.3;text-align:center;overflow-wrap:anywhere}.comparison-three article.positive strong{color:var(--green)}.comparison-three article.negative strong{color:var(--red)}.comparison-three article.neutral strong{color:#746b6e}.status-light{display:inline-block;flex:0 0 8px;width:8px;height:8px;margin-top:.18em;border-radius:50%;background:#8e8588}.positive .status-light{background:var(--green);animation:comparison-green-pulse 2.3s ease-in-out infinite}.negative .status-light{background:var(--red);animation:comparison-red-pulse 2.3s ease-in-out infinite}.neutral .status-light{background:#8e8588;animation:none}.vendor-impact-section{overflow:hidden;border:1px solid rgba(108,73,81,.15);border-radius:14px;background:#fff}.vendor-impact-section .vendor-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-impact-section .vendor-impact-grid article{min-width:0;padding:13px}.vendor-impact-section .vendor-impact-grid span{display:flex;align-items:center;gap:7px}.vendor-impact-section .vendor-impact-grid strong,.vendor-impact-section .vendor-impact-grid small{overflow-wrap:anywhere}.corrective-action{grid-column:auto}.corrective-action ol{display:grid;gap:6px;margin:3px 0 0;padding-left:18px;color:#73565e;font-size:.72rem;line-height:1.45}.comparison-footnote{margin:0;padding:11px 18px;border-top:1px solid rgba(185,138,66,.2);background:#fcfaf7;color:var(--muted);font-size:.66rem;text-align:center}@keyframes comparison-green-pulse{0%,45%,100%{box-shadow:0 0 0 0 rgba(20,143,97,.05);opacity:1}70%{box-shadow:0 0 0 5px rgba(20,143,97,.18);opacity:.72}}@keyframes comparison-red-pulse{0%,45%,100%{box-shadow:0 0 0 0 rgba(184,35,60,.05);opacity:1}70%{box-shadow:0 0 0 5px rgba(184,35,60,.18);opacity:.72}}
@media(prefers-reduced-motion:reduce){.status-light{animation:none!important}}
@media(max-width:650px){.comparison-head{display:grid;grid-template-columns:minmax(0,1fr) auto}.comparison-head-actions{display:grid;justify-items:end}.comparison-head-actions button{min-height:34px;padding:6px 9px}.pair-body{display:grid;grid-template-columns:1fr}.comparison-three article{min-height:90px;padding:9px 6px}.comparison-three article>span{min-height:34px;font-size:.57rem}.comparison-three article strong{gap:4px;font-size:.68rem}.comparison-three article small{font-size:.56rem}.status-light{flex-basis:7px;width:7px;height:7px}.vendor-impact-section .vendor-impact-grid{grid-template-columns:1fr 1fr}.vendor-impact-section .vendor-impact-grid strong{font-size:.68rem}.corrective-action{grid-column:auto}.comparison-footnote{padding:10px;font-size:.59rem;line-height:1.4}}
@media(max-width:370px){.comparison-three article{padding:8px 4px}.comparison-three article>span{font-size:.52rem}.comparison-three article strong{font-size:.61rem}.comparison-three article small{font-size:.51rem}}

/* v2.45 authoritative compliance and comparable-sales selectors. */
.compliance-tabs button{grid-template-columns:auto 1fr;column-gap:5px}.compliance-tabs button>i{grid-row:1/3;align-self:center;font-style:normal;font-size:.82rem}.compliance-tabs button.pending{background:#fff6df;color:#835a08;border-color:#edd59a}.compliance-tabs button.today{background:#eef9f4;color:var(--green);border-color:#c8e7d9}
.pair-card{border-color:rgba(91,49,61,.19);box-shadow:0 10px 25px rgba(45,22,29,.09),0 2px 0 rgba(255,255,255,.9) inset}.pair-card>summary.pair-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0;background:#d8cfd1}.pair-selector .pair-half{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;min-width:0;min-height:78px;padding:13px 14px;background:linear-gradient(145deg,#f8f7f7,#ece8e9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.pair-selector .pair-half .status-light{grid-row:1/3}.pair-selector .pair-half strong{min-width:0;font-size:.82rem;line-height:1.2;overflow-wrap:anywhere}.pair-selector .pair-half small{font-size:.56rem;letter-spacing:.07em}.pair-selector .pair-half.positive{background:linear-gradient(145deg,#f0fbf6,#dff3e9)}.pair-selector .pair-half.positive strong,.pair-selector .pair-half.positive small{color:#087851}.pair-selector .pair-half.negative{background:linear-gradient(145deg,#fff4f5,#f8e2e6)}.pair-selector .pair-half.negative strong,.pair-selector .pair-half.negative small{color:#a51e37}.pair-selector .pair-half.neutral strong,.pair-selector .pair-half.neutral small{color:#6e6668}.pair-selector .pair-meta{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:5px;padding:9px 12px;background:linear-gradient(#fff,#f8f5f2);color:var(--muted);font-size:.65rem;letter-spacing:.02em}.pair-selector .pair-meta b{color:var(--maroon);font-size:.72rem}.pair-selector .pair-meta i{font-style:normal}.pair-card[open] .pair-meta{box-shadow:inset 0 -2px 0 var(--gold)}
@media(max-width:560px){.snapshot>.compliance .compliance-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.compliance-tabs button{min-height:58px}.pair-selector .pair-half{min-height:72px;padding:11px 9px}.pair-selector .pair-half strong{font-size:.7rem}.pair-selector .pair-half small{font-size:.49rem}.pair-selector .pair-meta{font-size:.58rem}}

/* v2.41 automatic wastage categories and live catalogue matching. */
.waste-auto-category output{display:flex;align-items:center;width:100%;min-height:50px;box-sizing:border-box;padding:10px 13px;border:1px solid #ded5d7;border-radius:12px;background:#f7f3f4;color:#887d80;font-size:.82rem;font-weight:800}
.waste-auto-category output.has-value{border-color:#d8c3c8;background:#fbf7f8;color:var(--maroon)}
.waste-combo-menu>button small{max-width:48%;text-align:right;white-space:normal}

/* v2.42 compact wastage controls and category movement indicators. */
.category-result strong{font-family:Arial,"Helvetica Neue",sans-serif!important;font-weight:900!important;font-variant-numeric:tabular-nums;letter-spacing:-.055em}
.category-result .waste-category-trend{position:relative;right:auto;top:auto;flex:0 0 29px;margin:0 0 1px 4px}
.wastage-entry-identity{grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:end}
.wastage-entry-identity>label{min-width:0}.wastage-entry-identity select,.wastage-entry-identity input{max-width:100%;min-width:0}
.unified-waste-period{padding:12px;gap:10px}.unified-waste-period .waste-period-controls{gap:7px}.unified-waste-period .waste-period-title{justify-self:start;padding:6px 10px;border:1px solid #ead8dd;border-radius:999px;background:#f6ecef;color:var(--maroon);font-size:.61rem;letter-spacing:.09em;box-shadow:none}
.unified-waste-period .waste-period-unified{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px}.unified-waste-period .waste-period-range{display:contents}.unified-waste-period .waste-period-unified label{grid-template-rows:auto 42px;gap:3px}.unified-waste-period .waste-period-unified label>span{margin:0;font-size:.56rem;letter-spacing:.06em}.unified-waste-period .waste-period-unified input{height:42px;min-height:42px;max-height:42px;padding:0 9px;border-radius:10px;font-size:.72rem!important;font-weight:750;text-align:left}.unified-waste-period>button{height:42px;min-height:42px}
@media(max-width:700px){.wastage-entry-identity{grid-template-columns:1fr}.wastage-entry-identity .wastage-entry-date{width:min(220px,100%)}.unified-waste-period{grid-template-columns:1fr 1fr!important;padding:10px}.unified-waste-period .waste-period-controls{grid-column:1/-1!important}.unified-waste-period .waste-period-unified{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.unified-waste-period .waste-period-unified input{padding:0 5px;font-size:.61rem!important}.unified-waste-period>button{grid-column:auto!important}.category-result .waste-category-trend{flex-basis:25px;width:25px;height:25px;margin-left:2px}.category-result .waste-category-trend svg{width:25px;height:25px}}

/* v2.46 responsive operations app shell. */
:root{--app-sidebar:248px;--app-rail:84px;--app-radius:18px;--app-shadow:0 12px 34px rgba(55,20,29,.075);--app-border:#e8dde0;--app-surface:#fff;--app-canvas:#f6f3f2}
.app-sidebar,.mobile-app-nav,.app-context-bar,.network-state{display:none}.app-master,.app-outlet{background:linear-gradient(145deg,#f8f6f5 0,#f4f0ef 55%,#f7f4f2 100%)}
.app-master main,.app-outlet main{animation:app-enter .28s ease both}.app-master .card,.app-outlet .card{border-color:var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow)}
.app-master .metric>strong,.app-outlet .metric>strong,.app-master .category-result strong,.app-outlet .category-result strong,.app-master .health-gauge b,.app-outlet .health-gauge b{font-family:"Segoe UI",Arial,sans-serif!important;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.035em}
.content-stage-label{display:flex;align-items:center;gap:10px;margin:24px 3px 10px;scroll-margin-top:92px}.content-stage-label>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dcc9ce;border-radius:10px;background:#fff;color:var(--maroon);font-size:.66rem;font-weight:900}.content-stage-label>div{display:grid}.content-stage-label small{color:#a67b39;font-size:.58rem;font-weight:900;letter-spacing:.13em}.content-stage-label strong{color:#3b272d;font-size:.86rem}
.action-centre{margin-bottom:16px;padding:18px 20px}.action-centre-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.action-centre-head h2{margin:0;color:#351e25;font:700 1.25rem Georgia,serif}.action-count{padding:6px 10px;border-radius:999px;font-size:.66rem;font-weight:900}.action-count.attention{background:#fff1d6;color:#86590a}.action-count.clear{background:#eaf7f1;color:#13734f}.action-centre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.action-tile{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:70px;padding:10px 11px;border:1px solid #ebe2e4;border-radius:13px;background:#fff;color:#332329;text-align:left;text-decoration:none;box-shadow:none}.action-tile:hover,.action-tile:focus{transform:translateY(-1px);border-color:#cbaeb5}.action-tile>i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf7f1;color:#13734f;font-style:normal;font-weight:900}.action-tile>span{display:grid;min-width:0}.action-tile strong{font-size:.76rem;white-space:nowrap}.action-tile small{overflow:hidden;color:#817579;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.action-tile>b{color:#9d8c91}.action-tile.red>i{background:#fff0f2;color:#b7273e}.action-tile.amber>i{background:#fff6df;color:#91630e}
.entry-progress{position:sticky;z-index:8;top:82px;display:grid;gap:6px;margin:0 0 13px;padding:12px 15px;border:1px solid #eadde0;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(49,17,26,.08);backdrop-filter:blur(12px)}.entry-progress>span{display:flex;justify-content:space-between;gap:15px}.entry-progress b{font-size:.72rem}.entry-progress small{color:var(--muted);font-size:.61rem}.entry-progress>i{height:7px;overflow:hidden;border-radius:99px;background:#eee8e9}.entry-progress>i>em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#78132b,#c19548);transition:width .25s ease}.entry-progress.complete>i>em{background:var(--green)}
.network-state{position:fixed;z-index:80;left:50%;top:14px;transform:translateX(-50%);padding:10px 15px;border-radius:999px;background:#3b2d31;color:#fff;font-size:.7rem;box-shadow:0 10px 30px rgba(0,0,0,.22)}.network-state span{margin-right:6px;color:#ffc862;font-weight:900}.network-state:not([hidden]){display:block}
.page-loader{background:rgba(248,245,244,.88);backdrop-filter:blur(8px)}.page-loader:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.7) 45%,transparent 65%);animation:skeleton-sweep 1.2s linear infinite}.page-loader strong{position:relative}.page-loader span{position:relative}
@keyframes app-enter{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes skeleton-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

@media(min-width:1180px){
  .app-master,.app-outlet{padding-left:var(--app-sidebar)}.app-master .site-header,.app-outlet .site-header{display:none}
  .app-sidebar{position:fixed;z-index:45;inset:0 auto 0 0;display:flex;flex-direction:column;width:var(--app-sidebar);padding:20px 14px;background:linear-gradient(175deg,#3a0a17 0,#681126 58%,#7e1830 100%);color:#fff;box-shadow:8px 0 32px rgba(45,8,18,.12)}
  .app-sidebar-brand{display:flex;align-items:center;gap:11px;margin:0 5px 26px;color:#fff;text-decoration:none}.app-sidebar-brand img{width:42px;height:42px;border-radius:50%;background:#fff}.app-sidebar-brand span{display:grid}.app-sidebar-brand strong{font-size:.82rem}.app-sidebar-brand small{color:#e7cbd2;font-size:.54rem;letter-spacing:.07em;text-transform:uppercase}
  .app-side-links{display:grid;gap:5px}.app-side-links a,.app-side-links button{display:grid;grid-template-columns:30px 1fr;align-items:center;justify-content:start;min-height:46px;padding:8px 10px;border:0;border-radius:11px;background:transparent;color:#ead9dd;font-size:.73rem;font-weight:800;text-align:left;text-decoration:none;box-shadow:none}.app-side-links a:hover,.app-side-links button:hover,.app-side-links .active,.app-side-links .active{background:rgba(255,255,255,.12);color:#fff;transform:none}.app-side-links .nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.08);font-size:.78rem}
  .app-side-status{display:flex;align-items:center;gap:9px;margin:auto 7px 2px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.07)}.app-side-status>i,.context-live>i{width:8px;height:8px;border-radius:50%;background:#34d590;box-shadow:0 0 0 5px rgba(52,213,144,.14);animation:comparison-green-pulse 2.3s ease-in-out infinite}.app-side-status span{display:grid}.app-side-status strong{font-size:.68rem}.app-side-status small{color:#dcc1c8;font-size:.54rem}
  .app-context-bar{position:sticky;z-index:40;top:0;display:flex;align-items:center;gap:20px;min-height:68px;padding:10px max(22px,calc((100vw - var(--app-sidebar) - 1180px)/2));border-bottom:1px solid #e7dcdf;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 4px 18px rgba(49,17,26,.04)}.app-context-bar>div:first-child{display:grid;margin-right:auto}.app-context-bar>div:first-child strong{font-size:.82rem}.app-context-bar small{display:block;color:#8b7e82;font-size:.55rem}.app-context-bar b{font-size:.68rem}.context-month,.context-refresh{display:grid}.context-live{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#edf8f3;color:#14734f}.context-refresh-button{width:38px;height:38px;min-height:38px;padding:0;border-radius:10px;background:#f4edef;color:var(--maroon)}
  .app-master main,.app-outlet main{max-width:1280px;padding-top:25px}.app-master footer,.app-outlet footer{margin-left:0}
}
@media(min-width:760px) and (max-width:1179px){
  .app-master,.app-outlet{padding-left:var(--app-rail)}.app-master .site-header,.app-outlet .site-header{display:none}
  .app-sidebar{position:fixed;z-index:45;inset:0 auto 0 0;display:flex;flex-direction:column;width:var(--app-rail);padding:14px 9px;background:linear-gradient(180deg,#430b1a,#74152b);color:#fff}.app-sidebar-brand{display:grid;place-items:center;margin-bottom:20px}.app-sidebar-brand img{width:46px;height:46px;border-radius:50%;background:#fff}.app-sidebar-brand>span{display:none}.app-side-links{display:grid;gap:7px}.app-side-links a,.app-side-links button{display:grid;place-items:center;width:64px;min-height:52px;padding:5px;border-radius:12px;background:transparent;color:#e8d6db;text-decoration:none}.app-side-links a>span:last-child,.app-side-links button>span:last-child{display:none}.app-side-links .nav-icon{font-size:1rem}.app-side-links .active{background:rgba(255,255,255,.14);color:#fff}.app-side-status{display:grid;place-items:center;margin-top:auto}.app-side-status>span{display:none}.app-side-status>i{width:9px;height:9px;border-radius:50%;background:#34d590;box-shadow:0 0 0 6px rgba(52,213,144,.15)}
  .app-context-bar{position:sticky;z-index:40;top:0;display:flex;align-items:center;gap:15px;min-height:64px;padding:9px 18px;border-bottom:1px solid #e7dcdf;background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.app-context-bar>div:first-child{display:grid;margin-right:auto}.app-context-bar>div:first-child strong{font-size:.8rem}.app-context-bar small{display:block;color:#8b7e82;font-size:.53rem}.app-context-bar b{font-size:.65rem}.context-month,.context-refresh{display:grid}.context-live{display:flex;align-items:center;gap:6px;color:#14734f}.context-live>i{width:7px;height:7px;border-radius:50%;background:#2bc887}.context-refresh-button{width:38px;height:38px;min-height:38px;padding:0;background:#f4edef;color:var(--maroon)}
  .app-master main,.app-outlet main{padding:24px 20px 62px}.action-centre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-outlet .live-entry-form{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:14px;align-items:start}.app-outlet .live-entry-form>.entry-progress,.app-outlet .live-entry-form>.entry-identity,.app-outlet .live-entry-form>.entry-submit{grid-column:1/-1}.app-outlet .live-entry-form>.entry-step{margin:0}.app-outlet .entry-submit{position:sticky;bottom:12px;z-index:10}
}
@media(max-width:759px){
  .app-master,.app-outlet{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-master .site-header,.app-outlet .site-header{position:sticky;top:0;min-height:58px;height:58px;padding:7px 13px}.app-master .site-header .brand>span,.app-outlet .site-header .brand>span,.app-master .site-header>nav,.app-outlet .site-header>.outlet-tabs{display:none}.app-master .site-header .brand-logo,.app-outlet .site-header .brand-logo{width:40px;height:40px}
  .app-context-bar{position:fixed;z-index:42;top:7px;left:64px;right:10px;display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 7px 5px 10px;border:1px solid #eadfe1;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 5px 20px rgba(43,15,22,.08);backdrop-filter:blur(12px)}.app-context-bar>div:first-child{display:grid;min-width:0;margin-right:auto}.app-context-bar>div:first-child strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.app-context-bar>div:first-child small{color:#8c7e82;font-size:.5rem}.context-month,.context-refresh{display:none}.context-live{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#edf8f3;color:#14734f}.context-live>i{width:6px;height:6px;border-radius:50%;background:#2bc887}.context-live b{font-size:.58rem}.context-refresh-button{width:32px;height:32px;min-height:32px;padding:0;border-radius:9px;background:#f5edef;color:var(--maroon)}
  .mobile-app-nav{position:fixed;z-index:48;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:2px;min-height:62px;padding:6px;border:1px solid rgba(93,31,47,.14);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 15px 45px rgba(44,13,22,.22);backdrop-filter:blur(18px)}.mobile-app-nav a,.mobile-app-nav button{display:grid;place-items:center;align-content:center;gap:1px;min-width:0;min-height:50px;padding:4px 2px;border-radius:12px;background:transparent;color:#786b6f;text-decoration:none;box-shadow:none}.mobile-app-nav span{font-size:.9rem;line-height:1}.mobile-app-nav b{font-size:.52rem}.mobile-app-nav .active{background:#f6e9ed;color:var(--maroon)}
  .app-master main,.app-outlet main{padding:16px 11px 32px}.app-master footer,.app-outlet footer{display:none}.premium-headline-banner{min-height:190px!important}.premium-headline-banner h1{font-size:clamp(1.75rem,8vw,2.65rem)!important}.content-stage-label{margin-top:19px}.action-centre{padding:15px}.action-centre-grid{grid-template-columns:1fr 1fr;gap:7px}.action-tile{grid-template-columns:29px minmax(0,1fr);min-height:62px;padding:8px}.action-tile>i{width:27px;height:27px}.action-tile>b{display:none}.action-tile strong{font-size:.67rem}.action-tile small{font-size:.55rem}.entry-progress{top:66px;margin-inline:2px}.entry-submit,.wastage-submit{position:sticky;z-index:12;bottom:calc(79px + env(safe-area-inset-bottom));box-shadow:0 -9px 28px rgba(52,18,27,.14)}
  .entry-review-modal,.graph-modal,.account-security-modal,.warning-modal{top:auto!important;right:7px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;left:7px!important;transform:none!important;width:auto!important;max-height:88dvh!important;border-radius:24px 24px 16px 16px!important;animation:sheet-up .25s ease both}.unified-waste-period .waste-period-title{display:none}.unified-waste-period .waste-period-unified{grid-template-columns:1fr!important}.unified-waste-period .waste-period-range{display:grid!important;grid-template-columns:1fr 1fr!important}.unified-waste-period .waste-period-unified label{grid-template-rows:auto 42px}.wastage-entry-identity .wastage-entry-date{width:100%!important}.entry-identity{padding:14px!important}.entry-identity input,.entry-identity select{height:46px!important;min-height:46px!important}
}
@media(max-width:420px){.action-centre-grid{grid-template-columns:1fr}.action-tile{min-height:58px}.premium-headline-banner{min-height:175px!important}.content-stage-label strong{font-size:.76rem}.mobile-app-nav b{font-size:.49rem}}
@keyframes sheet-up{from{opacity:.3;transform:translateY(32px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.app-master main,.app-outlet main,.entry-review-modal,.graph-modal,.account-security-modal,.warning-modal{animation:none}.entry-progress>i>em{transition:none}.app-side-status>i,.context-live>i{animation:none!important}}

/* v2.47 compact dashboard navigation and dedicated administration pages. */
.compact-view-switch{display:inline-flex;align-items:center;gap:3px;width:auto;margin:0 0 14px;padding:4px;border:1px solid #e5dadd;border-radius:12px;background:#f2edef;box-shadow:0 6px 18px rgba(48,18,27,.05)}.compact-view-switch a{display:grid;place-items:center;min-height:38px;padding:7px 17px;border-radius:9px;color:#74666a;font-size:.7rem;font-weight:850;text-decoration:none;white-space:nowrap}.compact-view-switch a.active{background:#fff;color:var(--maroon);box-shadow:0 4px 12px rgba(54,17,27,.1)}
.admin-page-hero{min-height:190px!important}.admin-page-hero h1{font-size:clamp(2rem,4.2vw,3.7rem)!important}.admin-page-jump{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.admin-page-jump a{padding:9px 13px;border:1px solid #dfd2d5;border-radius:999px;background:#fff;color:var(--maroon);font-size:.68rem;font-weight:850;text-decoration:none;box-shadow:0 5px 16px rgba(54,17,27,.05)}.admin-page-jump a:hover,.admin-page-jump a:focus{border-color:#cba7af;background:#fbf3f5}
.admin-workspace{padding:0;margin-bottom:16px;overflow:hidden;scroll-margin-top:86px}.admin-section-head{display:flex;align-items:flex-start;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fff,#fbf7f3)}.admin-section-head>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#f2e5e8;color:var(--maroon);font-size:.65rem;font-weight:900}.admin-section-head h2{margin:2px 0 4px;color:#351e25;font:700 1.45rem Georgia,serif}.admin-section-head p{margin:0;color:var(--muted);font-size:.76rem}.admin-section-head .eyebrow{color:#ae7c2f!important;font-size:.55rem!important}.admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:end;padding:20px 22px}.admin-form-grid label{min-width:0}.admin-form-grid input,.admin-form-grid select{width:100%;box-sizing:border-box}.admin-form-grid>button{min-height:44px}.admin-workspace>.success-note{margin:17px 22px 0}
.admin-link-grid{display:grid;gap:9px;padding:18px 22px 22px}.admin-link-grid article{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(240px,1.3fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #e8dde0;border-radius:13px;background:#fff}.admin-link-grid article>div:first-child{display:grid}.admin-link-grid article small{color:var(--muted);font-size:.62rem}.admin-link-grid input{min-width:0;width:100%}.admin-link-grid article>div:last-child{display:flex;gap:7px}.admin-link-grid .button{display:grid;place-items:center}
.settings-month-picker{display:flex;align-items:end;gap:10px;padding:17px 22px 0}.settings-month-picker label{max-width:230px}.outlet-admin-list{display:grid;gap:10px;padding:18px 22px 22px}.outlet-admin-list>details{overflow:hidden;border:1px solid #e5dadd;border-radius:14px;background:#fff}.outlet-admin-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;cursor:pointer;list-style:none}.outlet-admin-list summary::-webkit-details-marker{display:none}.outlet-admin-list summary span{display:grid;min-width:0}.outlet-admin-list summary strong{font-size:.82rem}.outlet-admin-list summary small{overflow-wrap:anywhere;color:var(--muted);font-size:.64rem}.outlet-admin-list summary>b{padding:5px 9px;border-radius:999px;font-size:.59rem}.status-active{background:#eaf7f1;color:#11724e}.status-inactive{background:#f1edef;color:#776a6e}.outlet-admin-list details>.outlet-settings-form{border-top:1px solid var(--line);background:#fcfaf9}.admin-check{display:flex!important;align-items:center;gap:8px;min-height:44px}.admin-check input{width:17px!important;min-height:17px;height:17px}.outlet-settings-form>button{grid-column:auto}
.outlet-wastage-list>.outlet-wastage-link{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.outlet-wastage-link>div{display:flex;align-items:center;gap:10px}.outlet-wastage-link>div>b{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:var(--gold-soft);color:#765018;font-size:.75rem}.outlet-wastage-link span{display:grid}.outlet-wastage-link>i{color:#a38189;font-size:1.4rem;font-style:normal}.outlet-wastage-link:hover,.outlet-wastage-link:focus{background:#fcf7f8}.outlet-wastage-link dl{display:grid;grid-template-columns:repeat(4,auto);gap:13px;margin:0}.outlet-wastage-link dl div{display:grid;text-align:right}.outlet-wastage-link dt{color:var(--muted);font-size:.62rem;text-transform:uppercase}.outlet-wastage-link dd{margin:0;color:var(--maroon);font-weight:850}
@media(max-width:900px){.admin-form-grid{grid-template-columns:1fr 1fr}.admin-link-grid article{grid-template-columns:1fr auto}.admin-link-grid article>input{grid-column:1/-1}.outlet-wastage-list>.outlet-wastage-link{grid-template-columns:1fr 20px}.outlet-wastage-link dl{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,1fr)}.outlet-wastage-link>i{grid-column:2;grid-row:1}}
@media(max-width:600px){.compact-view-switch{margin-bottom:11px}.compact-view-switch a{min-height:34px;padding:6px 12px;font-size:.63rem}.admin-page-hero{min-height:160px!important}.admin-page-jump{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.admin-page-jump a{flex:none}.admin-section-head{padding:16px}.admin-form-grid{grid-template-columns:1fr;padding:16px}.admin-workspace>.success-note{margin:14px 16px 0}.admin-link-grid,.outlet-admin-list{padding:14px 16px 18px}.admin-link-grid article{grid-template-columns:1fr}.admin-link-grid article>input,.admin-link-grid article>div{grid-column:1}.admin-link-grid article>div:last-child>*{flex:1}.settings-month-picker{padding:14px 16px 0}.outlet-wastage-link dl{grid-template-columns:1fr 1fr}.outlet-wastage-link dl div{text-align:left}}

/* v2.48 streamlined compliance, reporting and outlet home navigation. */
.outlet-tabs{grid-template-columns:repeat(4,minmax(0,1fr));width:min(590px,60vw)}
.outlet-home-switch{display:inline-flex;align-items:center;gap:3px;width:auto;margin:0 0 13px;padding:4px;border:1px solid #e4d8db;border-radius:12px;background:#f2edef;box-shadow:0 6px 18px rgba(48,18,27,.05)}.outlet-home-switch button{min-height:37px;padding:7px 15px;border-radius:9px;background:transparent;color:#75676b;font-size:.68rem;box-shadow:none}.outlet-home-switch button.active{background:#fff;color:var(--maroon);box-shadow:0 4px 12px rgba(54,17,27,.1)}
@media(max-width:759px){.app-outlet .mobile-app-nav{grid-template-columns:repeat(4,1fr)}.outlet-home-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;box-sizing:border-box}.outlet-home-switch button{min-width:0;padding:7px 6px;font-size:.61rem}.app-outlet .mobile-app-nav b{font-size:.55rem}}

/* v2.49 top dashboard navigation and viewport-safe popup layer. */
.outlet-home-switch a{display:grid;place-items:center;min-height:37px;padding:7px 15px;border-radius:9px;background:transparent;color:#75676b;font-size:.68rem;font-weight:850;text-decoration:none;box-shadow:none;white-space:nowrap}.outlet-home-switch a.active{background:#fff;color:var(--maroon);box-shadow:0 4px 12px rgba(54,17,27,.1)}
.master-dashboard-switch,.outlet-dashboard-switch{position:relative;z-index:3;margin:0 0 14px}.master-dashboard-switch{display:grid;grid-template-columns:1fr 1fr;width:min(560px,100%)}
.warning-modal,.entry-review-modal,.graph-modal,.account-security-modal,.waste-category-modal{z-index:70!important}.modal-shade{z-index:68!important}.modal-is-open{overflow:hidden;overscroll-behavior:none}
@media(max-width:759px){
  .master-dashboard-switch,.outlet-dashboard-switch{position:sticky;top:59px;z-index:39;width:100%;margin-bottom:12px;background:rgba(247,243,243,.96);backdrop-filter:blur(12px)}
  .outlet-home-switch a,.outlet-home-switch button{min-width:0;padding:7px 6px;font-size:.61rem;white-space:normal;text-align:center}
  .warning-modal,.entry-review-modal,.graph-modal,.account-security-modal,.waste-category-modal{position:fixed!important;top:auto!important;right:7px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;left:7px!important;transform:none!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 104px - env(safe-area-inset-bottom))!important;overflow:auto!important;border-radius:24px 24px 16px 16px!important;animation:sheet-up .25s ease both}
  .graph-modal{height:auto!important}
}

/* v2.50 single, top-anchored dashboard selectors and five-item master navigation. */
.dashboard-switch-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:4px;width:min(560px,100%);box-sizing:border-box;margin:0 0 14px;padding:4px;border:1px solid #e4d8db;border-radius:12px;background:#f2edef;box-shadow:0 6px 18px rgba(48,18,27,.05)}
.dashboard-switch-top>a,.dashboard-switch-top>button{display:grid;place-items:center;min-width:0;min-height:38px;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:#75676b;font:850 .68rem Arial,sans-serif;text-align:center;text-decoration:none;box-shadow:none;white-space:normal}
.dashboard-switch-top>.active{background:#fff;color:var(--maroon);box-shadow:0 4px 12px rgba(54,17,27,.1)}
.master-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:759px){.dashboard-switch-top{position:sticky;top:59px;z-index:39;width:100%;margin-bottom:12px;background:rgba(247,243,243,.97);backdrop-filter:blur(12px)}.dashboard-switch-top[hidden]{display:none!important}.dashboard-switch-top>a,.dashboard-switch-top>button{font-size:.61rem}.master-mobile-nav{display:grid!important}}

/* v2.52 vendor contribution, KPI drill-downs, and aligned without-gas trend. */
.master-kpi-card{position:relative;cursor:pointer}.master-kpi-card>em{position:relative;z-index:1;align-self:end;color:var(--maroon);font-style:normal;font-size:.58rem;font-weight:850}.metric-card-action{position:absolute!important;z-index:2;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important}.metric-card-action:focus-visible{outline:3px solid rgba(126,18,43,.28);outline-offset:-3px}.snapshot-grid.live-layout>.master-kpi-card.sales-incl,.snapshot-grid.live-layout>.previous-day-sales{grid-column:span 1}
.kpi-detail-modal{width:min(680px,calc(100% - 28px));max-height:min(86dvh,780px);overflow:auto}.kpi-detail-shade{z-index:33}.kpi-outlet-list,.previous-sales-history{display:grid;gap:8px;margin:16px 0;max-height:55vh;overflow:auto}.kpi-outlet-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff}.kpi-outlet-list article>span{display:grid;gap:3px;text-align:right}.kpi-outlet-list small{color:var(--muted);font-size:.65rem}.previous-sales-history section{overflow:hidden;border:1px solid var(--line);border-radius:12px}.previous-sales-history header,.previous-sales-history p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:10px 12px}.previous-sales-history header{background:#f7eff1;color:var(--maroon)}.previous-sales-history p+p{border-top:1px solid #eee7e8}.previous-sales-history p{font-size:.76rem}
.trend-card .line-chart-wrap{box-sizing:border-box;margin-top:10px;padding:12px 8px 4px;border:1px solid #ded2d5;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 7px 18px rgba(52,22,30,.05)}.trend-card .trend-line.without-gas{stroke:#138761;stroke-width:3.4;filter:drop-shadow(0 3px 3px rgba(19,135,97,.12))}.trend-card .trend-point.without-gas,.graph-modal-canvas .trend-point.without-gas{fill:#fff;stroke:#138761;stroke-width:3}.trend-card .point-label,.graph-modal-canvas .point-label{fill:#176d53}.graph-modal-canvas{border:2px solid #d9cdd0;box-shadow:inset 0 0 0 1px #fff,0 10px 28px rgba(48,17,26,.07)}
.purchase-column-chart{grid-template-columns:repeat(4,minmax(0,1fr));height:auto;min-height:390px;padding:10px;border:1px solid #e0d5d7;border-radius:14px;background:linear-gradient(#fff,#fcfaf9);background-image:none}.purchase-column-chart article{grid-template-rows:auto 112px auto;min-height:176px;padding:8px 3px;border-bottom:1px solid #f0e8e9}.purchase-column-track{height:112px}.purchase-column-track .vegetable{background:linear-gradient(#dfaa43,#b8791f)}.purchase-column-track .pepsi{background:linear-gradient(#4b9ec5,#27769e)}.purchase-column-track .yoghurt{background:linear-gradient(#bba7cb,#856a9c)}.purchase-column-track .momo{background:linear-gradient(#d97865,#ad4938)}.purchase-column-track .food-voucher{background:linear-gradient(#34a87d,#137756)}.purchase-column-track .nonfood-voucher{background:linear-gradient(#77828e,#4e5965)}
@media(max-width:700px){.snapshot-grid.live-layout>.master-kpi-card.sales-incl,.snapshot-grid.live-layout>.previous-day-sales{grid-column:span 1}.purchase-column-chart{grid-template-columns:repeat(2,minmax(0,1fr));min-height:700px}.graph-modal-head{grid-template-columns:minmax(0,1fr) auto}.graph-modal-head>div:first-child{min-width:0}.graph-modal-head h2{overflow-wrap:anywhere}.trend-card .line-chart-wrap{padding-inline:4px}}
@media(max-width:430px){.kpi-outlet-list article{grid-template-columns:1fr}.kpi-outlet-list article>span{text-align:left}.master-kpi-card>em{font-size:.52rem}.purchase-column-chart{margin-inline:0}}

/* v2.53 master wastage catalog and cost-value intelligence. */
.waste-category-content>header{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.waste-estimated-cost{display:grid;justify-items:end;flex:0 0 auto;padding:7px 10px;border:1px solid #ead7dc;border-radius:11px;background:#fff7f8;text-align:right}.waste-estimated-cost small{color:#8b6f77;font-size:.5rem;font-weight:900;letter-spacing:.08em}.waste-estimated-cost strong{color:var(--maroon);font-size:.82rem;white-space:nowrap}.waste-category-content>.category-result{grid-column:1/-1}.waste-detail-values{display:grid;justify-items:end;gap:3px;flex:0 0 auto}.waste-detail-values>b{color:var(--maroon);font-size:.82rem;white-space:nowrap}.waste-detail-values>small{color:#9b6c24!important;font-weight:850;white-space:nowrap}
.waste-catalog-manager{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:16px 18px}.waste-catalog-manager h2{margin:2px 0;font-size:1.05rem}.waste-catalog-manager p:last-child{margin:3px 0 0;color:var(--muted);font-size:.7rem}.waste-catalog-manager .button{flex:0 0 auto;min-height:42px;padding:9px 16px}.waste-catalog-modal{padding:22px}.waste-catalog-modal>header{display:block;margin:-22px -22px 18px;padding:18px 52px 16px 20px}.waste-catalog-modal>header h2{margin:2px 0}.waste-catalog-modal>header p:last-child{margin:4px 0 0;color:var(--muted);font-size:.7rem}.waste-catalog-modal>.modal-close{position:absolute;z-index:4;top:12px;right:12px}.waste-catalog-modal>form{display:grid;gap:13px}.waste-catalog-modal label{display:grid;gap:6px;font-size:.7rem;font-weight:850}.waste-catalog-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.waste-catalog-list{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.waste-catalog-list h3{margin:0 0 10px;font-size:.82rem}.waste-catalog-list>div{display:grid;gap:6px;max-height:230px;overflow:auto}.waste-catalog-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:10px}.waste-catalog-list article span{display:grid}.waste-catalog-list small,.field-hint{color:var(--muted);font-size:.58rem}.waste-catalog-list b{color:var(--maroon);font-size:.7rem;white-space:nowrap}.notice.success{border-color:#b9ddcf;background:#effaf6;color:#176d53}
@media(max-width:650px){.waste-estimated-cost{padding:5px 7px}.waste-estimated-cost small{font-size:.43rem}.waste-estimated-cost strong{font-size:.64rem}.waste-catalog-manager{align-items:flex-start}.waste-catalog-manager p:last-child{display:none}.waste-catalog-fields{grid-template-columns:1fr}.waste-category-content>.category-result{grid-column:auto}}

/* v2.55 labelled tablet navigation, KPI drill-downs and management popups. */
@media(min-width:760px) and (max-width:1179px){
  :root{--app-tablet-sidebar:220px}
  .app-master,.app-outlet{padding-left:var(--app-tablet-sidebar)}
  .app-sidebar{width:var(--app-tablet-sidebar);padding:18px 12px}
  .app-sidebar-brand{display:flex;place-items:initial;align-items:center;gap:10px;margin:0 4px 24px;color:#fff;text-decoration:none}
  .app-sidebar-brand img{width:42px;height:42px}.app-sidebar-brand>span{display:grid}.app-sidebar-brand strong{font-size:.75rem}.app-sidebar-brand small{color:#e7cbd2;font-size:.49rem;letter-spacing:.06em;text-transform:uppercase}
  .app-side-links{gap:5px}.app-side-links a,.app-side-links button{display:grid;grid-template-columns:29px minmax(0,1fr);place-items:initial;align-items:center;width:100%;min-height:46px;padding:7px 9px;border:0;border-radius:11px;background:transparent;color:#ead9dd;font-size:.66rem;font-weight:800;text-align:left;text-decoration:none;box-shadow:none}
  .app-side-links a>span:last-child,.app-side-links button>span:last-child{display:block;line-height:1.18}.app-side-links .nav-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.08);font-size:.78rem}.app-side-links a:hover,.app-side-links button:hover,.app-side-links .active{background:rgba(255,255,255,.13);color:#fff;transform:none}
  .app-side-status{display:flex;place-items:initial;align-items:center;gap:9px;margin:auto 4px 2px;padding:11px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.07)}.app-side-status>span{display:grid}.app-side-status strong{font-size:.62rem}.app-side-status small{color:#dcc1c8;font-size:.49rem}
}
.trend-card .line-chart.cost-good .trend-line.without-gas,.graph-modal-canvas .line-chart.cost-good .trend-line.without-gas{stroke:#138761}.trend-card .line-chart.cost-good .trend-point.without-gas,.graph-modal-canvas .line-chart.cost-good .trend-point.without-gas{stroke:#138761}.trend-card.cost-status-good .point-label,.graph-modal-canvas .line-chart.cost-good .point-label{fill:#176d53}
.trend-card .line-chart.cost-bad .trend-line.without-gas,.graph-modal-canvas .line-chart.cost-bad .trend-line.without-gas{stroke:#b51f39;filter:drop-shadow(0 3px 3px rgba(181,31,57,.14))}.trend-card .line-chart.cost-bad .trend-point.without-gas,.graph-modal-canvas .line-chart.cost-bad .trend-point.without-gas{stroke:#b51f39}.trend-card.cost-status-bad .point-label,.graph-modal-canvas .line-chart.cost-bad .point-label{fill:#9c1830}
.purchase-bars-stage{position:relative;margin-top:14px}.purchase-impact-line{position:absolute;z-index:3;left:10px;right:10px;top:57px;width:calc(100% - 20px);height:112px;overflow:visible;pointer-events:none}.purchase-impact-line polyline{fill:none;stroke:#47363b;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.76}.purchase-impact-line circle{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.purchase-impact-line circle.ck{fill:#c52948}.purchase-impact-line circle.vegetable{fill:#dfaa43}.purchase-impact-line circle.pepsi{fill:#4b9ec5}.purchase-impact-line circle.yoghurt{fill:#a389ba}.purchase-impact-line circle.momo{fill:#d97865}.purchase-impact-line circle.food-voucher{fill:#34a87d}.purchase-impact-line circle.nonfood-voucher{fill:#6c7784}.purchase-impact-line circle.gas{fill:#795f75}
.purchase-column-chart{grid-template-columns:repeat(8,minmax(0,1fr))!important;min-height:238px!important;height:238px!important;gap:5px!important;padding:8px 6px!important;background:repeating-linear-gradient(to top,#fff 0,#fff 42px,#f2eded 43px)!important;overflow:hidden}.purchase-column-chart article{grid-template-rows:48px 112px 48px!important;min-height:0!important;height:222px!important;padding:4px 1px!important;border-bottom:0!important}.purchase-column-track{height:112px!important}.purchase-column-track i{width:min(42px,72%)!important}.purchase-value{min-height:0!important;align-self:start}.purchase-value strong{font-size:.54rem!important;line-height:1.05}.purchase-value span{font-size:.52rem!important}.purchase-column-chart article>b{min-height:0!important;padding-top:7px!important;font-size:.48rem!important;line-height:1.05;overflow-wrap:anywhere}.purchase-card .purchase-total{margin-top:12px}
.outlet-wastage-list>.outlet-wastage-link{width:100%;min-height:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;font:inherit;text-align:left}.outlet-wastage-list>.outlet-wastage-link:hover,.outlet-wastage-list>.outlet-wastage-link:focus{transform:none;filter:none;box-shadow:none}.outlet-waste-modal{width:min(720px,calc(100% - 28px));max-height:min(86dvh,780px);overflow:auto}.outlet-waste-popup-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0}.outlet-waste-popup-totals span{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fbf8f7}.outlet-waste-popup-totals small{color:var(--muted);font-size:.56rem;text-transform:uppercase}.outlet-waste-popup-totals b{color:var(--maroon);font-size:.74rem}.outlet-waste-popup-list{display:grid;gap:9px;max-height:46vh;overflow:auto}.outlet-waste-popup-list section{overflow:hidden;border:1px solid var(--line);border-radius:12px}.outlet-waste-popup-list header,.outlet-waste-popup-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px}.outlet-waste-popup-list header{background:#f7eff1;color:var(--maroon);font-size:.72rem}.outlet-waste-popup-list article+article{border-top:1px solid #eee7e8}.outlet-waste-popup-list article span{display:grid}.outlet-waste-popup-list article small{color:var(--muted);font-size:.58rem}.outlet-waste-popup-list article>strong{color:var(--maroon);white-space:nowrap}.catalog-item-actions{display:flex!important;align-items:center;gap:8px}.catalog-item-actions .ghost{min-height:30px;padding:5px 9px;border-radius:8px;font-size:.58rem}.waste-catalog-list article>span:first-child{min-width:0}.waste-catalog-list article>span:first-child strong{overflow-wrap:anywhere}
@media(max-width:700px){.purchase-column-chart{grid-template-columns:repeat(8,minmax(0,1fr))!important;min-height:220px!important;height:220px!important;margin-inline:0!important;gap:2px!important;padding-inline:3px!important}.purchase-column-chart article{grid-template-rows:44px 104px 52px!important;height:204px!important}.purchase-column-track{height:104px!important}.purchase-impact-line{left:7px;right:7px;top:53px;width:calc(100% - 14px);height:104px}.purchase-value strong{font-size:.43rem!important}.purchase-value span{font-size:.45rem!important}.purchase-column-chart article>b{font-size:.39rem!important;letter-spacing:-.02em}.outlet-waste-popup-totals{grid-template-columns:1fr 1fr}.catalog-item-actions{display:grid!important;justify-items:end}}

/* v2.56 keep the outlet dashboard selector directly below the outlet banner. */
.outlet-view[data-outlet-panel="dashboard"]>*{order:10!important}
.outlet-view[data-outlet-panel="dashboard"]>.analytics-grid{display:grid!important;order:10!important}
.outlet-view[data-outlet-panel="dashboard"]>.analytics-grid>.chart-card{order:initial!important}
.outlet-view[data-outlet-panel="dashboard"]>.outlet-dashboard-head{order:1!important}
.outlet-view[data-outlet-panel="dashboard"]>.outlet-dashboard-switch{order:2!important}
.outlet-view[data-outlet-panel="dashboard"]>.outlet-filters{order:3!important}

/* v2.57 consolidated wastage value, password-free exports and fixed graph prompt. */
.waste-consolidated-amount{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:18px 22px;border:1px solid rgba(185,138,66,.32);border-radius:18px;background:linear-gradient(125deg,#fff,#fbf5e9);box-shadow:0 10px 28px rgba(65,23,31,.06)}
.waste-consolidated-amount span{display:grid;gap:4px}.waste-consolidated-amount small{color:#9b6c24;font-size:.68rem;font-weight:900;letter-spacing:.12em}.waste-consolidated-amount strong{color:var(--maroon);font:800 clamp(1.55rem,3vw,2.25rem)/1.05 Calibri,"Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}.waste-consolidated-amount p{max-width:360px;margin:0;color:var(--muted);font-size:.78rem;text-align:right}
.chart-open-button{overflow:hidden!important}.chart-scroll-viewport{display:block;width:100%;overflow-x:auto;overflow-y:hidden}.chart-expand-hint{position:relative;left:auto!important;right:auto!important;bottom:auto!important;clear:both;width:max-content!important;margin:7px auto 2px!important;visibility:visible!important;opacity:1!important}
@media(max-width:600px){.waste-consolidated-amount{align-items:flex-start;padding:16px}.waste-consolidated-amount p{max-width:145px;font-size:.7rem}.waste-consolidated-amount strong{font-size:1.48rem}}
/* Keep save controls in normal flow so they cannot cover sales inputs. */
.app-outlet .live-entry-form .entry-submit,.app-outlet .live-entry-form .save-entry-button{position:static;bottom:auto;z-index:auto}
.app-outlet .live-entry-form{grid-template-columns:minmax(0,1fr)}
.app-outlet .live-entry-form>.entry-step,.app-outlet .live-entry-form>.entry-submit{grid-column:1/-1;min-width:0}
.app-outlet .live-entry-form .money-input{grid-template-columns:auto minmax(0,1fr)}
.app-outlet .live-entry-form input{min-width:0;width:100%;box-sizing:border-box}
/* v2.62.3: readable single-row purchasing chart and responsive graph dialog. */
.purchase-card .purchase-bars-stage{overflow-x:auto;padding-bottom:8px}
.purchase-card .purchase-column-chart{min-width:760px;min-height:310px!important;height:310px!important;gap:12px!important;padding:16px!important;border:0;border-radius:8px;background:repeating-linear-gradient(to top,#fff 0,#fff 49px,#eee 50px)!important}
.purchase-card .purchase-column-chart article{grid-template-rows:48px 180px 48px!important;height:280px!important;padding:0!important}
.purchase-card .purchase-column-track{height:180px!important}
.purchase-card .purchase-column-track i{border-radius:5px 5px 0 0!important;box-shadow:none!important;filter:none!important;min-height:0!important}
.purchase-card .purchase-value strong{font-size:12px!important;line-height:1.4;white-space:nowrap}
.purchase-card .purchase-value span{font-size:11px!important}
.purchase-card .purchase-column-chart article>b{font-size:11px!important;line-height:1.3;overflow-wrap:normal;text-transform:none}
.graph-modal .graph-modal-head{display:flex;flex-wrap:wrap;gap:12px;padding-right:36px}
.graph-modal .graph-modal-head>div{min-width:0;max-width:100%}
.graph-modal .graph-modal-head>div:first-child{flex:1 1 220px}
.graph-modal .graph-actions{display:flex;flex-wrap:wrap}
.graph-modal .graph-modal-canvas{display:block;min-height:0;padding:12px;overflow:auto}
.graph-modal .graph-modal-canvas svg{min-width:0;min-height:0;max-width:none;height:auto;display:block}
.graph-modal.graph-expanded,.graph-modal:fullscreen{inset:0;transform:none;width:100%;height:100%;max-height:100%;border-radius:0;box-sizing:border-box}
@media(max-width:700px){.graph-modal .graph-modal-head{display:flex}.graph-modal .graph-actions{flex-basis:100%}.graph-modal .graph-modal-head h2{font-size:22px}.graph-modal{max-height:90vh;max-height:90dvh}}

/* outlet-documents.css */
.documents-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;margin:16px 0;background:#f3e9ec;border:1px solid #e1cdd4;border-radius:16px}.documents-tabs a{padding:15px 8px;text-align:center;color:#68142b;font-weight:700;border-radius:12px;min-width:0}.documents-tabs .active{background:#fff;box-shadow:0 4px 12px #48152518}.document-counts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.document-counts button{font-size:14px}.document-help{font-size:14px;color:#655b60;line-height:1.6}.document-group{padding:20px;margin:20px 0}.document-group h2{margin:0}.document-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.document-table{width:100%;min-width:960px;border-collapse:collapse;table-layout:fixed}.document-table th,.document-table td{padding:14px 10px;text-align:left;border-bottom:1px solid #e2d7db;vertical-align:top}.document-table thead th{background:#65152c;color:#fff;font-size:13px}.document-table th:first-child{width:25%}.document-table th:nth-child(2){width:19%}.document-table th:nth-child(3){width:16%}.document-table th:nth-child(4){width:17%}.document-table th:nth-child(5){width:23%}.document-table input,.document-table select,.document-table textarea{display:block;width:100%;min-width:0;font-size:16px;padding:10px;border:1px solid #cdbbc2;border-radius:8px;background:#fff;box-sizing:border-box}.document-table textarea{resize:vertical}.document-table small{display:block;font-weight:400;color:#77656d;font-size:11px;margin:6px 0}.document-table strong{font-size:15px}.document-table form{margin-top:10px}.document-status{display:flex;gap:6px;align-items:center;font-size:12px;margin-top:8px;font-weight:600}.document-status i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.tone-red{background:#fff1f2}.tone-red .document-status{color:#b11932}.tone-amber .document-status{color:#916314}.tone-green .document-status{color:#0b7958}.tone-neutral .document-status{color:#786771}.document-urgent i{animation:document-pulse 1.6s ease-in-out infinite}.document-scroll-hint{font-size:12px;color:#786771}.documents-footer{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.documents-footer form{margin:0}.document-row[hidden],.document-group[hidden]{display:none!important}@keyframes document-pulse{50%{opacity:.25;box-shadow:0 0 0 4px #b1193222}}@media(prefers-reduced-motion:reduce){.document-urgent i{animation:none}}@media(max-width:760px){.documents-tabs a{font-size:12px;padding:12px 5px}.document-group{padding:12px}.document-table{min-width:940px}}
/* Three tabs on existing dashboards, including mixed button/link outlet tabs. */
.master-dashboard-switch,.outlet-dashboard-switch{grid-template-columns:repeat(3,minmax(0,1fr))!important}.outlet-dashboard-switch>a{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;color:#74152d;padding:14px 10px;font-weight:700;font-size:inherit}
.master-dashboard-switch{width:100%}.outlet-dashboard-switch>a{white-space:normal;font-size:.75rem}@media(max-width:760px){.outlet-dashboard-switch>a{font-size:.61rem;padding:7px 6px}}
.document-group>summary{cursor:pointer;padding:12px 4px;color:#68142b;font-size:20px}.document-group>summary span{display:inline-block;margin-left:20px;font-size:13px;color:#786771}.document-section{margin-top:26px}.document-section h2{font-size:19px}.document-table{min-width:1250px}.document-table.staff-table{min-width:1420px}.document-table th:nth-child(n){width:auto}.document-table th:first-child{width:220px}.document-table th:last-child{width:240px}.document-table .no-expiry{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:13px}.document-table .no-expiry input{width:auto}.document-table input[readonly]{background:#f3eeef}.document-add{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:16px;background:#f7f0f2;border-radius:12px;margin-top:14px}.document-add label{display:grid;gap:5px;min-width:180px}.document-add input,.document-add select{font-size:16px}.document-table a{color:#72142e;text-decoration:underline}.document-table [data-doc-file]{font-size:12px;margin:10px 0}.document-group:not([open]){padding-block:10px}

/* notification-bell.css */
.app-context-bar .notification-bell{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#f4edef;color:#781529;text-decoration:none}.notification-bell:focus-visible{outline:2px solid #781529;outline-offset:2px}@media(max-width:600px){.app-context-bar .notification-bell{flex-basis:34px;width:34px;height:34px}.app-context-bar .context-live{display:none}}

/* dashboard-refinements.css */
/* Equal desktop cards: four sales cards, then two equal cards per row. */
@media(min-width:901px){.app-master .snapshot-grid.live-layout{grid-template-columns:repeat(4,minmax(0,1fr))}.app-master .snapshot-grid.live-layout>.metric{grid-column:span 2;min-width:0}.app-master .snapshot-grid.live-layout>.metric:nth-child(-n+4){grid-column:span 1}.app-master .snapshot-grid.live-layout>.metric strong{overflow-wrap:anywhere}}
/* Desktop document summaries expand only when Edit is selected. */
@media(min-width:1025px){
.documents-page .document-table,.documents-page .document-table.staff-table,.documents-page .document-table tbody{display:block;min-width:0;width:100%}
.documents-page .document-table thead{display:none}
.documents-page .document-row{display:block;border-bottom:1px solid #e9e1e4}
.documents-page .document-table th:first-child{display:block;width:100%;border:0;padding:14px 10px}
.documents-page .document-row:not(.document-editing) td,.documents-page .document-row:not(.document-editing) th>form,.documents-page .document-row:not(.document-editing) th>[name=document_name]{display:none}
.documents-page .document-table .mobile-staff-name,.documents-page .document-table .document-row-toggle{display:inline-block}
.documents-page .document-editing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#faf7f8}
.documents-page .document-editing th:first-child{grid-column:1/-1;padding:4px 8px}
.documents-page .document-editing td{display:block;border:0;min-width:0;padding:8px}
.documents-page .document-editing td:before{content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:7px;color:#725863}
.documents-page .document-editing .mobile-staff-name{display:none}
.documents-page .document-editing .document-mobile-save{display:none}
}
.documents-page .document-alert{color:#b11932!important;border-color:#d99ba6!important;background:#fff0f2!important;animation:document-alert-pulse 1.8s ease-in-out infinite}
.documents-page [data-doc-status=expiring] .document-status,.documents-page [data-doc-status=expired] .document-status,.documents-page [data-doc-status=missing] .document-status,.documents-page [data-doc-status=unupdated] .document-status{color:#b11932;animation:document-alert-pulse 1.8s ease-in-out infinite}
@keyframes document-alert-pulse{50%{color:#e13c55;background-color:#fbd2da;box-shadow:0 0 0 2px #b1193218}}
@media(prefers-reduced-motion:reduce){.documents-page .document-alert,.documents-page .document-status{animation:none!important}}
[data-export-preview]{padding:16px;border:1px solid #e6d7dc;border-radius:12px;margin-top:14px}[data-export-preview] .button{margin:6px}[data-export-preview] img{display:block;max-width:100%;height:auto}
#staff-transfer-dialog{width:min(520px,calc(100% - 28px));max-height:85vh;overflow:auto;padding:24px;border:1px solid #dfced5;border-radius:14px;color:#33272d;background:white}#staff-transfer-dialog::backdrop{background:#24151c99}#staff-transfer-dialog p{font-size:14px;line-height:1.5}#staff-transfer-dialog select{width:100%;font-size:16px;min-height:44px;margin:8px 0 16px}#staff-transfer-dialog .document-row-actions{display:flex;gap:10px}
.staff-vacation-dialog{width:min(620px,92vw);max-height:85vh;overflow:auto;border:1px solid #d8c7ce;border-radius:18px;padding:24px}.staff-vacation-dialog label,.vacation-return label{display:block;margin:12px 0}.staff-vacation-dialog input:not([type=checkbox]),.staff-vacation-dialog textarea,.vacation-return select,.vacation-return input{width:100%;min-height:44px;font-size:16px}.staff-vacation-dialog fieldset{max-height:240px;overflow:auto}.staff-vacation-dialog [hidden]{display:none!important}.vacation-card{padding:18px!important;margin:16px 0}.vacation-card summary{cursor:pointer}.vacation-card summary span,.vacation-card summary small{display:block;margin-top:6px}.vacation-record{padding:14px 0;border-top:1px solid #e2d9dc}.vacation-return{border-top:1px solid #e2d9dc;margin-top:16px;padding-top:12px}.vacation-record .document-alert{display:inline-block}
.document-row-actions .row-order-controls{display:inline-flex!important;gap:4px;margin:0}.row-order-controls button{min-width:38px!important;padding:7px!important}.outlet-order-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0}.outlet-order-controls form{display:flex;gap:6px}.food-grade{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.grade-badge{display:inline-block;background:#fff;color:#68142c;border-radius:10px;padding:8px 18px;font-size:28px;line-height:1.2;box-shadow:0 3px 8px #0003}.grade-badge.grade-green{color:#18783d}.grade-badge.grade-gold{color:#9c7418;background:linear-gradient(135deg,#fff,#fff0b7)}.grade-editor{margin-top:10px}.grade-editor summary{cursor:pointer}.grade-editor form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;background:#fff;color:#30232a;padding:16px;border-radius:12px;margin-top:10px}.grade-editor label{display:grid;gap:4px}.grade-editor input,.vacation-details input,.vacation-details textarea{font-size:16px;min-height:42px;max-width:100%}.vacation-details{margin-top:18px}.vacation-details label{display:grid;gap:6px;margin:12px 0}.grade-editor button{background:#68142c;color:white}.grade-editor input{background:white;color:#30232a}
.documents-grade-banner{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center!important;gap:24px!important}.documents-grade-banner>div:first-child{min-width:0}.documents-grade-banner .food-grade{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:220px}.documents-grade-banner .grade-badge{width:132px;height:132px;box-sizing:border-box;border-radius:50%;border:5px solid #ead4a1;outline:1px solid #fff5;outline-offset:5px;display:flex;align-items:center;justify-content:center;padding:16px;font-size:32px;font-weight:800;line-height:1.05;overflow-wrap:anywhere;box-shadow:0 8px 20px #0004}.documents-grade-banner .food-grade>span{font-size:12px;letter-spacing:.06em}.documents-grade-banner .food-grade small{font-size:11px}.documents-grade-banner>.button{justify-self:end}.document-section>summary{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}.document-section>summary .sequence-edit{margin-left:auto}.outlet-sequence-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.outlet-sequence-heading h2{margin:0}.sequence-edit{white-space:nowrap}#sequence-dialog{width:min(580px,92vw);max-height:88vh;box-sizing:border-box;border:1px solid #dccbd2;border-radius:18px;padding:24px;overflow:auto}#sequence-dialog::backdrop{background:#23151c88}#sequence-dialog ol{list-style:none;margin:16px 0;padding:0;max-height:50vh;overflow-y:auto;overscroll-behavior:contain}#sequence-dialog li{display:flex;align-items:center;gap:12px;background:#faf7f8;border:1px solid #e3d7dc;border-radius:9px;padding:10px;margin-bottom:8px;min-height:46px}.sequence-handle{touch-action:none;user-select:none;cursor:grab;background:#efe5e9!important;color:#68142c!important;min-width:44px;min-height:44px;font-size:26px;padding:4px!important}.sequence-dragging{background:#f2e0e7!important;box-shadow:0 4px 12px #68142c33;border-color:#68142c!important}.sequence-actions{display:flex;gap:10px;justify-content:flex-end}.sequence-handle:active{cursor:grabbing}
@media(max-width:600px){.documents-grade-banner{grid-template-columns:minmax(0,1fr) 110px;gap:16px!important}.documents-grade-banner .grade-badge{width:100px;height:100px;font-size:25px;border-width:4px;padding:12px}.documents-grade-banner>.button{grid-column:1/-1}.documents-grade-banner .food-grade{max-width:110px}.documents-grade-banner .grade-editor[open]{position:relative}.grade-editor form{min-width:0}.grade-editor label{width:100%}.grade-editor input{width:100%;box-sizing:border-box}.document-section>summary .sequence-edit{font-size:12px;padding:7px 10px}}

/* mobile-v276.css */
.site-loading{position:fixed;z-index:2147483646;top:max(4px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(180px,45vw);height:4px;overflow:hidden;border-radius:999px;background:#e9e6e8;pointer-events:none;box-shadow:0 0 0 2px #ffffffaa}.site-loading[hidden]{display:none}.site-loading i{display:block;height:100%;width:35%;background:#168be8;border-radius:inherit;animation:site-loading-slide 1.1s ease-in-out infinite}.site-loading.is-complete i{width:100%;animation:none;transform:none}@keyframes site-loading-slide{from{transform:translateX(-110%)}to{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.site-loading i{animation:none;width:60%}}
.purchase-card .purchase-bars-stage{overflow:visible;padding-bottom:0;min-width:0}.purchase-card .purchase-column-chart{width:100%;min-width:0;gap:4px!important;padding:8px 2px!important}.purchase-card .purchase-column-track i{width:min(28px,58%)!important}.purchase-card .purchase-column-chart article>b{overflow-wrap:anywhere}
@media(max-width:700px){.purchase-card{min-width:0}.purchase-card .purchase-column-chart{gap:2px!important;min-height:230px!important;height:230px!important}.purchase-card .purchase-column-chart article{grid-template-rows:42px 128px 44px!important;height:218px!important;min-width:0}.purchase-card .purchase-column-track{height:128px!important}.purchase-card .purchase-value strong{white-space:normal;font-size:9px!important;line-height:1.2;overflow-wrap:anywhere}.purchase-card .purchase-value span{font-size:9px!important}.purchase-card .purchase-column-chart article>b{font-size:9px!important;line-height:1.2}.purchase-card .purchase-column-track i{width:52%!important;max-width:22px}.purchase-card .purchase-total{font-size:12px}}
.waste-compliance{margin:18px 0}.waste-compliance>p{font-size:12px;color:#796870}.waste-compliance-dialog{width:min(720px,94vw);max-height:85dvh;overflow:auto;border:1px solid #dbcbd2;border-radius:16px;padding:20px;color:#382b31}.waste-compliance-dialog::backdrop{background:#29141db3}.waste-compliance-dialog article{gap:9px;flex-wrap:wrap}.waste-compliance-dialog h2{font-size:22px}
.waste-compliance .compliance-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.waste-compliance .compliance-tabs button{min-width:0;width:100%;white-space:normal}.waste-compliance .compliance-tabs small{white-space:normal}@media(max-width:600px){.waste-compliance .compliance-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

.purchase-compact{display:none!important}@media(max-width:700px){.purchase-card .purchase-full{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.purchase-card .purchase-compact{display:inline!important;white-space:normal}.purchase-card .purchase-value strong{white-space:nowrap}.purchase-card .purchase-column-chart article>b{overflow-wrap:normal}}

/* design-v277.css */
/* Compact document overview and data-driven sales banner. */
.ui-icon{display:block;width:23px;height:23px;flex:none}.mobile-app-nav .ui-icon{width:22px;height:22px;margin:0 auto 3px}.mobile-app-nav{padding-bottom:max(7px,env(safe-area-inset-bottom))!important}
.sales-banner{padding:24px 28px;margin:18px 0 24px;border-radius:25px;background:linear-gradient(120deg,#40101f,#77132d);color:#fff8e9;box-shadow:0 15px 32px #54162918;overflow:hidden}.sales-banner-top{display:flex;justify-content:space-between;gap:12px;color:#d9bc79;font-size:12px;font-weight:600;letter-spacing:.04em}.sales-banner-top time{white-space:nowrap}.sales-banner h1{font:600 13px/1.4 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:22px 0 8px;color:#e7cbd1}.sales-banner h1 small{font-size:10px;letter-spacing:0;margin-left:5px}.sales-banner-total{display:block;font-size:clamp(25px,5.5vw,48px);line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sales-banner-chart{max-width:850px;margin-top:10px}.sales-banner-chart svg{display:block;width:100%;height:125px;overflow:visible}.sales-line{fill:none;stroke:#ceb16b;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}.sales-baseline{stroke:#ffffff18;stroke-width:1}.sales-point{fill:#ceb16b}.sales-head{fill:#fff8e9;stroke:#ceb16b;stroke-width:2}.sales-halo{fill:#ceb16b;opacity:.18}.sales-halo.is-current{animation:sales-pulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.sales-chart-caption{display:flex;justify-content:space-between;gap:8px;color:#d3b6bd;font-size:11px}.sales-banner-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #ffffff25;margin-top:18px;padding-top:14px}.sales-banner-stats small{display:block;color:#d3b6bd;font-size:11px}.sales-banner-stats b{display:block;color:#e0c686;font-size:17px;margin-top:4px}.sales-banner-note{color:#c5a6af;font-size:10px;margin:12px 0 0}.sales-empty{color:#dac5cb;font-size:13px;padding:22px 0}@keyframes sales-pulse{50%{transform:scale(1.65);opacity:.05}}
.documents-page .document-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.documents-page .status-tile{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:15px 17px!important;border:1px solid #75404f!important;border-radius:17px!important;background:linear-gradient(125deg,#532332,#3e1d28)!important;color:#fff8ed!important;box-shadow:none!important;text-align:left}.status-tile-label{display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500;color:#e1cbd0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none;background:#9299a4}.dot-valid{background:#19a75b}.dot-expiring{background:#ec970b}.dot-expired{background:#e84248}.status-tile-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.status-tile-value b{font-size:29px;line-height:1.1;font-variant-numeric:tabular-nums}.status-tile-value small{font-size:10px;font-weight:400;color:#d5bec5}.documents-page .status-tile[aria-pressed=true]{outline:3px solid #c7a963;outline-offset:2px}.status-other-filters{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;margin-top:3px}.documents-page .status-other-filters button{padding:7px 12px!important;min-height:36px;font-size:11px!important;border-radius:20px!important}.documents-page .document-counts{gap:8px}.documents-page .document-counts button{min-height:36px;font-size:11px!important;padding:7px 12px!important}.documents-page .document-group{padding:0!important;overflow:hidden;border-radius:20px;background:#fff}.documents-page .document-group>summary{padding:19px!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.documents-page .document-group>summary strong{font-size:17px}.documents-page .outlet-document-badges{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.documents-page .outlet-document-badges b{font-size:10px;padding:5px 8px;border-radius:20px}.document-categories-heading{display:flex;justify-content:space-between;gap:8px;padding:14px 18px;background:#fbf8f1;color:#887b69;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.document-categories-heading span{text-transform:none;letter-spacing:0}.documents-page .document-section{margin:0!important;padding:0!important;border-top:1px solid #eee8dc;background:#fcf9f2}.documents-page .document-section>summary{display:grid!important;grid-template-columns:38px minmax(0,1fr) 35px 14px!important;gap:12px!important;padding:16px 18px!important;min-height:82px!important;position:relative}.documents-page.documents-master .document-section>summary{grid-template-columns:38px minmax(0,1fr) 35px 32px 14px!important}.documents-page .document-section>summary:before{display:none!important}.documents-page .document-section>summary:after{content:'›';font-size:23px;color:#b8ac99;justify-self:end;grid-column:-2}.documents-page .document-section[open]>summary:after{transform:rotate(90deg)}.documents-page .document-section>summary .document-category-icon{margin:0!important;display:grid;place-items:center;width:38px;height:43px;background:#fff;border:1px solid #e9e2d6;border-radius:12px;color:#651d35}.documents-page .document-section>summary .document-section-title{white-space:normal!important;font-size:13px!important;font-weight:650;line-height:1.4;color:#252321}.documents-page .document-section-title small{display:flex;align-items:center;gap:5px;font-weight:400;font-size:10px;color:#877d6d;margin-top:5px}.documents-page .document-section>summary .document-section-count{margin:0!important;white-space:normal;text-align:right;color:#252321}.document-section-count b{display:block;font-size:17px;font-weight:650}.document-section-count small{display:block;font-size:8px;color:#958a7b}.documents-page .document-section>summary .sequence-edit{width:32px!important;height:32px;min-height:32px!important;padding:0!important;font-size:0!important;border-radius:9px!important}.documents-page .document-section>summary .sequence-edit:after{content:'↕';font-size:17px}.documents-page .document-table-scroll{background:white;padding:12px}.documents-page .document-section>form{padding:15px}
@media(max-width:600px){.sales-banner{padding:21px;border-radius:22px}.sales-banner h1{margin-top:18px}.sales-banner-chart svg{height:100px}.sales-banner-stats b{font-size:15px}.documents-page .document-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.documents-page .status-tile{padding:13px!important}.status-tile-value b{font-size:27px}.documents-page .document-section>summary{gap:8px!important;padding:13px 12px!important;grid-template-columns:33px minmax(0,1fr) 27px 10px!important}.documents-page.documents-master .document-section>summary{grid-template-columns:33px minmax(0,1fr) 27px 28px 10px!important}.documents-page .document-section>summary .document-category-icon{width:33px;height:39px}.documents-page .document-section>summary .document-section-title{font-size:12px!important}.documents-page .document-section>summary .sequence-edit{width:28px!important}.documents-page .document-group>summary{padding:15px!important}.documents-page .outlet-document-badges{margin-left:0}.documents-page .document-section-title small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sales-halo.is-current{animation:none}}

.outlet-view[data-outlet-panel="dashboard"]>.sales-banner{order:4!important}.outlet-view[data-outlet-panel="dashboard"]>.sales-health-link{order:5!important;align-self:flex-start;font-size:12px;margin:0 0 16px;min-height:36px}
/* v2.78: shorter banner; stable action, count and badge columns. */
.sales-banner{display:grid;grid-template-columns:minmax(0,1fr) 135px;column-gap:14px;padding:18px 22px;margin:12px 0 18px;border-radius:22px}.sales-banner-top,.sales-banner h1,.sales-banner-total{grid-column:1/-1}.sales-banner h1{font-size:11px;margin:12px 0 6px;letter-spacing:.06em}.sales-banner-total{font-size:clamp(26px,5.5vw,40px)}.sales-banner-chart{margin-top:8px;min-width:0}.sales-banner-chart svg{height:65px;overflow:visible}.sales-chart-caption{font-size:9px;gap:5px}.sales-chart-caption span:first-child{max-width:65%}.sales-banner-stats{display:flex;flex-direction:column;justify-content:center;gap:9px;border:0;margin:8px 0 0;padding:0;text-align:right}.sales-banner-stats small{font-size:9px}.sales-banner-stats b{font-size:12px;margin-top:2px;overflow-wrap:anywhere}.sales-banner-note{grid-column:1/-1;font-size:8px;margin:9px 0 0;line-height:1.3}.sales-baseline{display:none}.sales-halo.is-current{animation:sales-visible-halo 1.8s ease-in-out infinite;fill:#ffe29a;opacity:.65}.sales-head.is-current{animation:sales-visible-head 1.8s ease-in-out infinite;stroke-width:3;fill:#fff}.sales-line{stroke-width:3.5}@keyframes sales-visible-halo{0%,100%{transform:scale(1);opacity:.65}55%{transform:scale(2.2);opacity:.05}}@keyframes sales-visible-head{0%,100%{fill:#fff;stroke:#f8dc88}55%{fill:#efbd48;stroke:#fff}}
.documents-page .document-group>summary{display:grid!important;grid-template-columns:16px minmax(0,1fr) 220px;gap:12px!important;min-height:84px;align-items:center;list-style:none}.documents-page .document-group>summary strong{font-size:15px!important;min-width:0}.documents-page .document-group>summary .outlet-document-badges{display:grid!important;grid-template-columns:1.2fr 1fr;gap:6px;margin:0!important;min-width:0}.documents-page .outlet-document-badges b{text-align:center;white-space:nowrap;margin:0!important;font-size:10px!important;padding:6px 7px!important}.documents-page.documents-master .document-section>summary{grid-template-columns:38px minmax(0,1fr) 35px 14px!important}.documents-page .document-section-tools{padding:9px 16px;background:#fff;text-align:right}.documents-page .document-section-tools:empty{display:none}.documents-page .document-section-tools .sequence-edit{width:auto!important;min-height:34px!important;font-size:11px!important;padding:6px 11px!important;border-radius:8px!important}.documents-page .document-section-tools .sequence-edit:after{content:none!important}
.documents-page .document-row-actions{display:block!important;width:100%;margin-top:10px!important}.documents-page .document-primary-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.documents-page .document-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}.documents-page .document-secondary-actions:empty{display:none}.documents-page .document-row-actions template{display:none!important}.documents-page .document-primary-actions>button,.documents-page .document-primary-actions>a,.documents-page .document-secondary-actions>button,.documents-page .document-secondary-actions>form>button{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:40px!important;margin:0!important;padding:5px 3px!important;border-radius:8px!important;font:600 10px/1.25 system-ui,sans-serif!important;white-space:normal!important;text-align:center;text-decoration:none!important;box-shadow:none!important}.documents-page .document-secondary-actions>form{display:flex;width:100%;margin:0}.documents-page .document-secondary-actions>button,.documents-page .document-secondary-actions>form>button{font-size:11px!important}.documents-page .shared-document-row .document-row-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.documents-page .shared-document-row .document-row-actions>*{margin:0!important;min-height:40px;font-size:11px;text-align:center;text-decoration:none}
.documents-page .document-add-disclosure{margin:12px 16px 16px!important;padding:0!important;border:0!important;background:#fff;border-radius:10px}.documents-page .document-add-disclosure>summary{display:inline-flex!important;align-items:center;justify-content:center;list-style:none;background:#68142c;color:#fff;font:600 12px/1.2 system-ui,sans-serif;padding:10px 16px!important;border-radius:9px;cursor:pointer;min-height:38px;box-sizing:border-box}.documents-page .document-add-disclosure>summary:before,.documents-page .document-add-disclosure>summary:after{content:none!important}.documents-page .document-add-disclosure>summary::-webkit-details-marker{display:none}.documents-page .document-add-disclosure:not([open])>form{display:none!important}.documents-page .document-add-disclosure .document-add{margin:10px 0 0!important;padding:12px!important}.document-add-disclosure[open]>summary{background:#4e192b}
@media(max-width:600px){.sales-banner{grid-template-columns:minmax(0,1fr) 108px;padding:17px 18px;column-gap:10px}.sales-banner-top{font-size:10px}.sales-banner-chart svg{height:62px}.sales-banner-total{font-size:28px}.sales-banner-stats b{font-size:11px}.sales-banner-note{font-size:8px}.documents-page .document-group>summary{grid-template-columns:12px minmax(0,1fr);gap:7px 9px!important;padding:14px!important;min-height:82px}.documents-page .document-group>summary strong{font-size:14px!important}.documents-page .document-group>summary .outlet-document-badges{grid-column:2;grid-template-columns:125px 100px;justify-content:start}.documents-page .document-group>summary:before{grid-row:1/3}.documents-page.documents-master .document-section>summary{grid-template-columns:33px minmax(0,1fr) 27px 10px!important}}
@media(prefers-reduced-motion:reduce){.sales-head.is-current,.sales-halo.is-current{animation:none}}

/* design-v279.css */
/* Revised October reference designs. Scoped to application screens, never the login or grade banner. */
:root{--bc-wine:#50051c;--bc-red:#870326;--bc-gold:#f6d47a;--bc-cream:#fff4dd;--bc-paper:#fff8ec;--bc-rose:#f8c4d0;--bc-green:#22c77b;--bc-surface:linear-gradient(120deg,#420517 0%,#65041e 58%,#870526 100%);--bc-edge:1px solid #b73c53;--bc-shadow:0 8px 20px #6e13221a}
body.app-master,body.app-outlet{background:#fff7e9!important;color:#32101b}
body.app-master main,body.app-outlet main{min-width:0}
.app-master button,.app-outlet button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ba8728!important;outline-offset:3px}
[hidden]{display:none!important}
.ui-icon{flex:none}
.app-master .content-stage-label,.app-outlet .content-stage-label{margin:22px 0 13px}
.app-master .content-stage-label strong,.app-outlet .content-stage-label strong{font-family:Georgia,serif;color:#3b081b}
.app-master .filters,.app-outlet .filters{gap:10px;margin-bottom:14px}
.app-master .filters input,.app-master .filters select,.app-outlet .filters input,.app-outlet .filters select{min-width:0;max-width:100%}
.sales-banner{display:block!important;padding:20px 22px!important;border:var(--bc-edge);border-radius:21px!important;background:var(--bc-surface)!important;box-shadow:var(--bc-shadow);margin:14px 0 16px!important;color:var(--bc-cream)}
.sales-banner-top{font-size:12px;color:var(--bc-gold);letter-spacing:0;align-items:center}
.sales-banner-top>span,.sales-banner-top time{display:flex;align-items:center;gap:8px}
.sales-banner-top .ui-icon{width:20px;height:20px}
.sales-banner h1{font-size:12px!important;letter-spacing:.12em!important;margin:14px 0 5px!important;color:#dcc0c2}
.sales-banner h1 small{font-size:10px;color:#fff4dd;font-weight:400}
.sales-banner-total{font-size:clamp(27px,5.7vw,43px)!important;letter-spacing:-.025em;line-height:1.2}
.sales-banner-chart{max-width:none;margin-top:7px}
.sales-banner-chart svg{height:85px!important;width:100%;overflow:visible}
.sales-line{stroke:#f2d078;stroke-width:2.8}
.sales-point{fill:#f2d078}
.sales-head{fill:#fff6d7;stroke:#e9ba5c;stroke-width:2.2}
.sales-halo.is-current{animation:bc-end-pulse 1.6s ease-out infinite!important;transform-box:fill-box;transform-origin:center;fill:#ffd684}
.sales-head.is-current{animation:bc-end-light 1.6s ease-in-out infinite!important}
@keyframes bc-end-pulse{0%{transform:scale(.85);opacity:.7}80%,100%{transform:scale(2);opacity:0}}
@keyframes bc-end-light{0%,100%{fill:#fff9e9;stroke:#ffda82}50%{fill:#ffdf7f;stroke:#fff}}
.sales-chart-caption{font-size:10px;padding-top:7px;border-top:1px solid #ffffff2b;color:#f3e5e3}
.sales-banner-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px -7px 0!important;padding:0!important;text-align:left!important}
.sales-banner .banner-stat{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;padding:10px 8px!important;border:1px solid #a33b505e!important;border-radius:12px!important;background:linear-gradient(140deg,#ffffff08,#39031433)!important;color:var(--bc-cream)!important;box-shadow:inset 0 1px 1px #ffffff0c!important;text-align:left;min-height:76px}
.banner-stat-label{display:flex;gap:6px;align-items:center;font-size:10px;line-height:1.25}
.banner-stat-label i{display:grid;place-items:center;background:#d69a4425;width:26px;height:26px;border-radius:50%;color:var(--bc-gold)}
.banner-stat-label .ui-icon{width:16px;height:16px}
.sales-banner .banner-stat-label b{margin-left:auto;border-radius:50%;background:#dc8c3030;font-size:19px;color:var(--bc-gold);width:20px;text-align:center}
.sales-banner .banner-stat>strong{font-size:clamp(12px,2.6vw,20px);font-variant-numeric:tabular-nums;color:var(--bc-gold);white-space:nowrap;letter-spacing:-.03em}
.sales-banner-note{font-size:9px!important;margin:10px 0 0!important;padding-top:8px;border-top:1px solid #ffffff26;color:#ddc6c9;line-height:1.5}
.app-master .snapshot,.app-outlet .snapshot{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.snapshot>.section-head{display:none!important}
.snapshot .revised-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.snapshot .revised-kpis>.metric{position:relative;display:flex!important;flex-direction:column;grid-column:auto!important;grid-row:auto!important;min-width:0;min-height:178px!important;border:var(--bc-edge)!important;border-bottom:3px solid #bd5c4d!important;border-radius:17px!important;padding:17px!important;background:var(--bc-surface)!important;box-shadow:var(--bc-shadow)!important;color:#fff9ed!important;overflow:hidden}
.revised-kpis>.metric>.ui-icon{width:31px;height:31px;box-sizing:content-box;padding:9px;border-radius:50%;background:#e9b46020;color:var(--bc-gold);margin-bottom:9px}
.snapshot .revised-kpis>.metric>span{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;color:#d6b6ba!important;font-weight:650;line-height:1.4}
.snapshot .revised-kpis>.metric>strong{font-size:clamp(18px,3.7vw,30px)!important;line-height:1.25!important;margin:5px 0!important;color:#fff9ed!important;letter-spacing:-.03em;overflow-wrap:normal!important;font-variant-numeric:tabular-nums}
.snapshot .revised-kpis>.metric>small{color:#ecd9da!important;font-size:12px!important;line-height:1.45!important;min-height:32px}
.snapshot .revised-kpis>.metric>em{font-size:12px!important;color:var(--bc-gold)!important;margin-top:auto;padding-top:11px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;align-items:center;font-style:normal}
.revised-kpis .metric-card-action{position:absolute;inset:0;z-index:2;background:transparent!important;border:0!important;width:100%;height:100%;box-shadow:none!important;border-radius:17px!important}
.revised-kpis em b{font-size:24px;line-height:26px;text-align:center;width:26px;background:#e3a74325;border-radius:50%}
.snapshot .ticker{display:flex!important;align-items:center;gap:14px;background:var(--bc-surface)!important;border:1px solid #d08a37!important;border-bottom:3px solid #eea348!important;border-radius:16px;padding:17px!important;margin:15px 0 22px;box-shadow:0 5px 15px #a03d271a;color:var(--bc-gold)!important;min-height:70px;flex-wrap:wrap}
.ticker>b{font-size:13px!important;color:var(--bc-gold)!important;white-space:normal!important}
.ticker-window{font-size:11px!important;min-width:0;flex-basis:100%;color:#ead3d3}
.ticker-window>span{animation:none!important;white-space:normal!important;padding:0!important}
.metric.compliance{background:var(--bc-surface)!important;color:var(--bc-cream)!important;border:var(--bc-edge)!important;border-bottom:2px solid #f4b24a!important;border-radius:19px!important;padding:22px!important;margin:18px 0 24px;box-shadow:var(--bc-shadow)!important;display:block!important}
.metric.compliance>span{font-size:12px!important;letter-spacing:.2em;color:var(--bc-gold)!important;text-transform:uppercase;font-weight:600}
.metric.compliance>strong{display:block!important;font-size:clamp(22px,4.5vw,32px)!important;color:#fffaf1!important;margin:7px 0 15px!important;line-height:1.2}
.metric.compliance>p{color:#ebd9db!important;font-size:12px;margin:0 0 14px}
.compliance .compliance-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.compliance .compliance-tabs>button{display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;grid-template-rows:auto auto;gap:0 12px;align-items:center;background:linear-gradient(120deg,#4c1720,#500519)!important;border:1px solid #778e485e!important;border-radius:13px!important;box-shadow:inset 0 1px 2px #ffffff12!important;text-align:left!important;padding:14px 12px!important;min-width:0;min-height:86px!important;position:relative;color:#eee2d2!important}
.compliance .compliance-tabs>button.missed{border-color:#cd2648!important;background:linear-gradient(120deg,#6d0925,#55081b)!important}
.compliance .compliance-tabs>button.pending{border-color:#c18c32!important}
.compliance .compliance-tabs>button>i{grid-column:1;grid-row:1/3;display:grid!important;place-items:center;border-radius:50%;background:#b27a252c!important;color:var(--bc-gold)!important;width:38px!important;height:38px!important;font:600 25px/1 sans-serif!important;margin:0!important}
.compliance .compliance-tabs>button>b{grid-column:2;font-size:32px!important;line-height:1.1;color:#27d887!important;font-variant-numeric:tabular-nums}
.compliance .compliance-tabs>button.missed>b{color:#ff5a7e!important}
.compliance .compliance-tabs>button.pending>b{color:#ffd780!important}
.compliance .compliance-tabs>button>small{grid-column:2;font-size:10px!important;line-height:1.25;text-transform:uppercase;color:#f2e3d8!important;font-weight:600;margin-top:5px}
.compliance .compliance-tabs>button:after{content:'›';grid-column:3;grid-row:1/3;font-size:27px;color:var(--bc-gold)}
.health-v279{padding:0!important;margin:20px 0;background:transparent!important;border:0!important;box-shadow:none!important}
.health-hero{border:var(--bc-edge);border-radius:19px;padding:22px;background:var(--bc-surface);color:#fff8ee;box-shadow:var(--bc-shadow)}
.health-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.health-heading h2{font-size:26px;color:#fff8ee;margin:5px 0}.health-heading .eyebrow{color:var(--bc-gold);font-size:11px}
.health-heading .month-chip{background:transparent;border:1px solid #c3899355;color:#fff4dd;font-size:12px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.health-overall{display:flex;gap:23px;align-items:center;margin:18px 0}
.health-overall .health-gauge{width:130px;height:130px;flex:none}
.health-overall .health-gauge span{background:#fff!important;color:#171717}
.health-overall>div>p{letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:#f3e2df}
.health-overall>div>span{font-size:12px;text-transform:uppercase}
.health-overall-status{display:table;background:#258747;border-radius:25px;font-size:15px;padding:6px 14px;margin-top:10px}
.health-status-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.health-status-tabs button{display:flex;gap:8px;align-items:center;min-width:0;padding:10px!important;background:#ffffff06!important;border:1px solid #b5536860!important;border-radius:12px!important;color:#fff6e9!important;box-shadow:none!important;text-align:left}
.health-status-tabs button>.ui-icon{color:#32d387;width:23px}.health-status-tabs .health-status-attention>.ui-icon{color:#f2b33d}.health-status-tabs .health-status-critical>.ui-icon{color:#ff5e7c}.health-status-tabs .health-status-empty>.ui-icon{color:#c7bbbf}
.health-status-tabs b{font-size:24px;display:block;line-height:1.1}.health-status-tabs small{font-size:10px;display:block}.health-status-tabs em{margin-left:auto;font:24px sans-serif}.health-status-tabs [aria-pressed=true]{outline:2px solid var(--bc-gold)}
.health-outlets{background:#fffdf8;border:1px solid #e8dfd7;border-radius:18px;padding:17px;margin-top:14px}
.health-outlets>header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.health-outlets h3{font-size:16px;margin:0}.health-outlets h3 small{font-size:10px;background:#840027;color:white;border-radius:20px;padding:4px 8px;margin-left:7px}
.health-outlets label{display:flex;align-items:center;gap:7px;font-size:10px}.health-outlets select{font-size:11px!important;padding:8px!important;width:auto;min-width:0}
.health-v279 .health-card-grid{display:grid;grid-template-columns:1fr;gap:10px}
.health-v279 .health-score-card{display:grid;grid-template-columns:80px minmax(0,1fr) 26px;align-items:center;gap:15px;background:white;border:1px solid #e7dfe0;border-radius:16px;padding:17px;text-decoration:none;color:#211b1d;box-shadow:0 4px 12px #6a173408}
.health-v279 .health-gauge.small{width:80px;height:80px}.health-v279 .health-card-copy h3{font-size:18px;margin:0 0 6px}
.health-v279 .health-rating{font-size:11px;border-radius:20px;padding:4px 10px;display:inline-block;background:#dff3e6;color:#157644}.health-v279 .rating-critical{background:#ffd3dd;color:#b80036}.health-v279 .rating-attention{background:#ffe8b5;color:#7b4b00}.health-v279 .rating-empty{background:#eee;color:#68636a}
.health-v279 .health-card-copy p{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0}.health-v279 .health-card-copy p span{display:block;font-size:10px;line-height:1.3;padding-right:7px;border-right:1px solid #e8e1e4}.health-v279 .health-card-copy p span:last-child{border:0}.health-v279 .health-card-copy p b{display:block;font-size:17px;margin-top:4px}.health-go{color:#7b1730;background:#fceddf;border-radius:50%;text-align:center;font-size:25px}
.revised-charts{display:grid!important;grid-template-columns:1fr!important;gap:20px}
.revised-charts .chart-card{padding:0!important;border:var(--bc-edge)!important;border-radius:20px!important;overflow:hidden;background:var(--bc-surface)!important;box-shadow:var(--bc-shadow)}
.revised-charts .section-head{display:flex;align-items:center;gap:12px;padding:20px!important;margin:0!important;color:#fff4df}
.revised-charts .section-head>.ui-icon{width:30px;height:30px;padding:10px;box-sizing:content-box;border-radius:50%;background:#eab44b22;color:var(--bc-gold)}
.revised-charts .section-head>div{flex:1;min-width:0}.revised-charts .section-head h2{color:#fff8ed!important;font-size:23px!important;margin:0 0 6px}.revised-charts .section-head p{color:#e3cfd2!important;font-size:12px!important;margin:0}.revised-charts .target-label,.revised-charts .month-chip{font-size:11px;color:#ffedc0;background:#ab660f50;border:1px solid #b37a36;padding:8px 12px;border-radius:20px;white-space:nowrap}
.trend-white-panel,.purchase-white-panel{background:#fff;border-radius:17px;padding:16px;margin:0 11px 11px;min-width:0}
.trend-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.trend-title h3{display:flex;align-items:center;gap:8px;color:#790c2d;font-size:18px;margin:0}.trend-title button{border-radius:20px!important;background:#fff0f4!important;color:#790c2d;font-size:10px!important;min-height:32px!important}
.revised-charts .line-chart-wrap{display:block!important;width:100%;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.revised-charts .chart-scroll-viewport{display:block;overflow-x:auto;max-width:100%;width:100%;scrollbar-width:thin}
.revised-charts .compact-trend{min-width:100%;max-width:100%;height:auto;display:block;aspect-ratio:2.4}.revised-charts .trend-line{stroke:#b8083c!important;stroke-width:3!important;fill:none}.revised-charts .trend-point{fill:white!important;stroke:#b8083c!important;stroke-width:3}.revised-charts .point-label{font:600 11px system-ui!important;fill:#9f0732!important;paint-order:normal!important;stroke:none!important}.revised-charts .day-label,.revised-charts .axis-label{font:11px system-ui;fill:#817982}.revised-charts .grid-line{stroke:#e7e1e5;stroke-dasharray:3 3}
.trend-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.trend-statistics article{display:flex;align-items:center;gap:10px;border:1px solid #f3e5e9;border-radius:12px;background:#fff6f8;padding:13px;min-width:0}.trend-statistics article:nth-child(2){background:#f2faf6}.trend-statistics article:nth-child(3){background:#f6f4fb}.trend-statistics .ui-icon{width:24px;height:24px;color:#93042e}.trend-statistics span{display:block;font-size:12px;color:#776c71}.trend-statistics b{display:block;font-size:23px;color:#93042e;margin:3px 0}.trend-statistics article:nth-child(2) b{color:#137848}.trend-statistics article:nth-child(3) b{color:#27202c}.trend-statistics small{font-size:10px;color:#8d8186}
.purchase-legend{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.purchase-chip{--category:#db0a46;min-width:0;text-align:center;border-radius:9px;background:color-mix(in srgb,var(--category) 6%,white);padding:8px 3px}.purchase-chip.vegetable{--category:#ed9f17}.purchase-chip.pepsi{--category:#1998cf}.purchase-chip.yoghurt{--category:#b749dd}.purchase-chip.momo{--category:#ed6865}.purchase-chip.food-voucher{--category:#12a384}.purchase-chip.nonfood-voucher{--category:#999}.purchase-chip.gas{--category:#854586}.purchase-chip>span{display:block;min-height:28px;font-size:10px;color:#241d25;line-height:1.25}.purchase-chip i{display:inline-block;width:6px;height:6px;background:var(--category);border-radius:50%;margin-right:4px}.purchase-chip b{display:block;font-size:16px;margin-top:6px}.purchase-chip small{font-size:12px;color:var(--category)}
.revised-charts .purchase-bars-stage{overflow:visible!important;min-width:0!important;padding:20px 0 0!important}
.revised-charts .purchase-column-chart{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important;min-width:0!important;padding:0!important;margin:0!important}
.revised-charts .purchase-column-chart>article{display:flex!important;flex-direction:column;min-width:0!important;padding:0!important;background:transparent!important;border:0!important}
.revised-charts .purchase-column-track{height:190px!important;position:relative;width:100%!important;display:flex!important;align-items:flex-end;justify-content:center;border-bottom:1px solid #d1c8d0;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#eee9ed 37px,#eee9ed 38px)!important;border-radius:0!important;margin:0!important;overflow:visible!important}
.revised-charts .purchase-column-track>i{display:block!important;width:58%!important;max-width:42px!important;min-height:0!important;border-radius:6px 6px 0 0!important;background:linear-gradient(#df0a46,#850222)}
.revised-charts .purchase-column-track>i.vegetable{background:linear-gradient(#f7b631,#b37815)}.revised-charts .purchase-column-track>i.pepsi{background:linear-gradient(#24b4e7,#167cad)}.revised-charts .purchase-column-track>i.yoghurt{background:linear-gradient(#ca72fa,#a330d2)}.revised-charts .purchase-column-track>i.momo{background:linear-gradient(#fa8680,#db5451)}.revised-charts .purchase-column-track>i.food-voucher{background:linear-gradient(#29c7a8,#087e6a)}.revised-charts .purchase-column-track>i.nonfood-voucher{background:#999}.revised-charts .purchase-column-track>i.gas{background:linear-gradient(#a16b9e,#603263)}
.bar-value{position:absolute;font-size:11px!important;background:#fbedf0;padding:3px 4px;border-radius:5px;white-space:nowrap;color:#4d0920}
.revised-charts .purchase-column-chart>article>b{font-size:10px!important;text-align:center;margin:8px 0 0!important;color:#625961;white-space:normal;line-height:1.3;min-height:26px}
.purchase-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.purchase-totals article{display:flex;gap:10px;padding:16px 12px;background:#fff8ec;border-radius:12px;min-width:0}.purchase-totals article+article{background:#fff1f4}.purchase-totals .ui-icon{color:#9a6414;width:26px;height:26px}.purchase-totals article+article .ui-icon{color:#9b0334}.purchase-totals h3{font-size:12px;margin:0 0 7px;color:#754717}.purchase-totals article+article h3{color:#87072f}.purchase-totals strong{display:block;font-size:22px;letter-spacing:-.03em;color:#723c0b}.purchase-totals article+article strong{color:#84072d}.purchase-totals small{display:block;font-size:10px;color:#8c8085;margin-top:6px}
.app-master .records,.app-outlet .records{padding:0!important;border:1px solid #e8dadb;border-radius:20px;overflow:hidden;background:white;box-shadow:var(--bc-shadow)}
.records>.section-head{padding:20px!important;margin:0!important;background:var(--bc-surface);color:#fff4df}.records>.section-head h2{color:#fff8ef;font-size:24px}.records>.section-head p{color:#ecdce1;font-size:12px}.records>.record-list{padding:12px}.records .record-list>details{border:1px solid #e9e2e4!important;border-radius:15px!important;margin:0 0 12px!important;background:#fff!important;overflow:hidden}
.records .record-summary-v279{display:grid!important;grid-template-columns:95px minmax(0,1fr)!important;align-items:stretch!important;padding:0!important;gap:12px!important;list-style:none;min-height:135px}
.record-summary-v279::-webkit-details-marker{display:none}.record-summary-v279:before,.record-summary-v279:after{display:none!important}.record-summary-v279>time{background:#fcf2f2;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;margin:0!important;border-radius:14px;font-weight:600!important;text-transform:uppercase;line-height:1.2!important;color:#780928}.record-summary-v279>time small{font-size:10px;color:#75626a}.record-summary-v279>time b{font-size:47px;line-height:1.1}.record-summary-v279>time span{font-size:11px;color:#75626a}.record-summary-body{padding:12px 12px 12px 0;min-width:0}.record-count{display:flex;gap:8px;align-items:center;margin-bottom:10px;color:#56434b;font-size:12px}.record-count .ui-icon{width:18px;height:18px}.record-count span>b{font-size:17px;color:#84042d}.record-count i{margin-left:auto;background:#ffe7ee;color:#8c0733;border-radius:50%;text-align:center;width:27px;font:24px/27px sans-serif}.record-summary-values{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}.record-summary-values>span{display:flex;align-items:center;gap:9px;border-radius:11px;background:#fff3f6;padding:12px;min-width:0}.record-summary-values .ui-icon{width:23px;height:23px;color:#890832}.record-summary-values>span>span{font-size:10px;color:#83747b;line-height:1.4}.record-summary-values b{display:block;font-size:17px;color:#890832}.record-summary-values>span.record-cost-ok{background:#f1faf4}.record-cost-ok b,.record-cost-ok .ui-icon{color:#13805c}.record-summary-values>span.record-cost-high{background:#ffedf1}.record-cost-high b{color:#ba063e}
.waste-consolidated-amount{background:#fffaf1!important;border:1px solid #d8bd8c!important;border-radius:19px!important;padding:22px!important;box-shadow:none!important}.waste-consolidated-amount small{color:#95611c!important;font-size:12px!important;letter-spacing:.08em}.waste-consolidated-amount strong{font-size:34px!important;color:#82062c!important}.waste-consolidated-amount p{color:#82717a!important;font-size:13px!important}
.waste-category-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}
.waste-category-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:18px!important;padding:18px!important;border:1px solid #ece0dd!important;background:#fffdfa!important;border-radius:20px!important;box-shadow:var(--bc-shadow)!important;position:relative;min-width:0}
.waste-category-photo{width:112px!important;height:130px!important;object-fit:cover;border-radius:15px!important;align-self:center}
.waste-category-content{min-width:0}.waste-category-content>header{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.waste-category-content header h2{font-size:21px!important;margin:4px 0}.waste-category-content header>div>small{font-size:9px!important;letter-spacing:.14em;color:#b38b4d}.waste-estimated-cost{text-align:right;padding:8px 10px!important;border-radius:12px;background:#fff4f4;border:1px solid #f0dde0}.waste-estimated-cost strong{font-size:13px!important;color:#8c0931}.waste-category-content .category-result{margin:5px 0 9px}.category-result>strong{font-size:34px!important;color:#96082b!important}.category-result>span{font-size:9px!important}.waste-category-trend{width:23px!important;height:23px!important}
.waste-category-content .waste-quantity-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;margin:0 0 28px!important}
.waste-quantity-tiles>div{position:relative!important;display:grid!important;grid-template-columns:1fr!important;border:1px solid #bf263b!important;border-bottom:2px solid #d88730!important;border-radius:10px!important;padding:8px 30px 8px 40px!important;min-width:0!important;background:var(--bc-surface)!important;box-shadow:0 3px 7px #9b262719!important;text-align:left!important;min-height:51px;box-sizing:border-box}
.waste-quantity-tiles dt{font-size:10px!important;color:#e7ccca!important;text-transform:none!important;letter-spacing:0!important}.waste-quantity-tiles dt .ui-icon{position:absolute;left:10px;top:15px;width:20px;height:20px;color:var(--bc-gold)}.waste-quantity-tiles>div:nth-child(2) .ui-icon{color:#35bdf6}.waste-quantity-tiles>div:nth-child(4) .ui-icon{color:#c160ef}.waste-quantity-tiles dd{font-size:16px!important;font-weight:700!important;color:var(--bc-gold)!important;margin:2px 0 0!important;line-height:1.1}.waste-quantity-tiles dd.zero-quantity{color:#4cdb9e!important}.waste-quantity-tiles button{position:absolute;inset:0;width:100%;height:100%;padding:0 10px 0 0!important;text-align:right;font-size:25px!important;background:transparent!important;border:0!important;color:var(--bc-gold)!important;box-shadow:none!important}
.waste-category-card .waste-category-trigger{position:absolute!important;inset:auto 18px 13px auto!important;width:auto!important;height:28px!important;border-radius:20px!important;background:#ffe9ee!important;color:#8b0b2e!important;box-shadow:none!important;font-size:11px!important;padding:4px 12px!important;border:1px solid #f6d6df!important}.waste-category-trigger:after{content:none!important}
.waste-analysis-grid{grid-template-columns:1fr!important}.waste-most-panel{background:var(--bc-surface)!important;border:var(--bc-edge)!important;border-bottom:3px solid #e99540!important;padding:20px!important;border-radius:20px!important;color:#fff8ef!important}.waste-most-panel .eyebrow{color:var(--bc-gold)!important;letter-spacing:.18em}.waste-most-panel h2{color:#fff8ef!important;font-family:Georgia,serif;font-size:28px!important}.waste-most-panel .panel-badge{background:#810022!important;border:1px solid #b61b48;color:var(--bc-gold)!important}.waste-most-panel .waste-item-table{background:transparent!important;border:0!important}.waste-item-table>header,.waste-most-panel .waste-item-table>div{display:grid!important;grid-template-columns:minmax(0,1fr) 80px 100px!important;gap:8px!important;align-items:center;padding:13px!important;border:1px solid #c05038!important;border-radius:12px!important;margin-bottom:8px;background:linear-gradient(125deg,#9e002027,#32001033)!important}.waste-item-table>header{color:var(--bc-gold)!important;text-transform:uppercase;letter-spacing:.06em;font-size:10px!important}.waste-most-panel .waste-item-table>div>span{display:flex;gap:12px;align-items:center;min-width:0;color:#fff8ef!important}.waste-item-table>div>span>b{flex:none;background:#a70730!important;color:white!important;border:1px solid #e63a61;border-radius:9px;padding:8px!important;font-size:14px!important}.waste-item-table>div>span>strong{font-size:15px!important;color:#fff8ef!important}.waste-item-table>div>em{color:#e6ced2!important;font-size:16px!important;font-style:normal;text-align:center}.waste-item-table>div>strong{color:var(--bc-gold)!important;font-size:17px!important;text-align:center}
.documents-page .document-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.documents-page .status-tile{position:relative;background:var(--bc-surface)!important;border:1px solid #57a95a!important;padding:20px!important;border-radius:16px!important;box-shadow:0 4px 12px #446a2318!important;min-height:112px}
.documents-page .status-tile[data-doc-filter=expiring]{border-color:#d49c2f!important}.documents-page .status-tile[data-doc-filter=expired]{border-color:#ea3559!important}.documents-page .status-tile[data-doc-filter=missing]{border-color:#8d7b8b!important}.status-tile:after{content:'›';position:absolute;right:15px;bottom:23px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:var(--bc-gold);background:#eaa14c25;font-size:26px}.status-tile-label{font-size:12px!important;color:#fff5ed!important;letter-spacing:.12em!important;font-weight:650!important}.status-tile-value{gap:10px!important;padding-right:35px}.status-tile-value b{font-size:38px!important;color:#6ee5a0}.status-tile[data-doc-filter=expiring] .status-tile-value b{color:#ffde79}.status-tile[data-doc-filter=expired] .status-tile-value b{color:#ff7b9b}.status-tile[data-doc-filter=missing] .status-tile-value b{color:#e8e5ef}.status-tile-value small{font-size:12px!important;color:#fff0ec!important}.status-dot{width:8px;height:8px}.status-other-filters button,.document-counts button,.outlet-sequence-heading .sequence-edit{background:var(--bc-surface)!important;color:var(--bc-gold)!important;border:1px solid #c99646!important;box-shadow:var(--bc-shadow)!important}.status-other-filters button[aria-pressed=true]{outline:2px solid #cf8b32}
.documents-page .document-group{background:#fff5e5!important;border:0!important;box-shadow:none!important;border-radius:15px!important;margin:0 0 12px!important;overflow:visible!important}
.documents-page .document-group>summary{display:grid!important;grid-template-columns:28px minmax(0,1fr) 255px!important;gap:10px!important;align-items:center;background:var(--bc-surface)!important;border:1px solid #ae1939;border-radius:14px;padding:15px!important;min-height:66px!important;color:#fff!important;box-shadow:var(--bc-shadow)}
.documents-page .document-group>summary:before{content:'›'!important;display:grid!important;place-items:center;grid-column:1;grid-row:1!important;background:#d47f3227;border-radius:50%;width:28px;height:28px;font:26px/1 system-ui;color:var(--bc-gold)!important;margin:0!important}.documents-page .document-group[open]>summary:before{transform:rotate(90deg)}
.documents-page .document-group>summary strong{font-size:15px!important;color:#fff8ee!important;grid-column:2;line-height:1.25}.documents-page .document-group>summary .outlet-document-badges{display:grid!important;grid-column:3!important;grid-template-columns:1.15fr 1fr!important;gap:7px!important;margin:0!important;width:auto}
.documents-page .outlet-document-badges b{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px!important;padding:8px 5px!important;font-size:10px!important;border:1px solid #c9184b;background:#97002e!important;color:#fff0e8!important;white-space:nowrap;font-weight:500!important}.documents-page .outlet-document-badges b:before{content:'!';display:inline-grid;place-items:center;font-weight:800;font-size:12px;width:17px;height:17px;border-radius:50%;background:#ff376b;color:#650423}.documents-page .outlet-document-badges b+b{background:#8b3d0a80!important;border-color:#b77728}.documents-page .outlet-document-badges b+b:before{content:'◷';color:#ffd478;background:transparent;font-size:21px}
.document-categories-heading{background:#fff6e6!important;border-bottom:1px solid #e8d8c0;color:#5f2a29;font-size:11px!important;margin-top:8px;border-radius:15px 15px 0 0;padding:16px!important}
.documents-page .document-section{margin:10px!important;border:1px solid #f0e2cf!important;background:#fffbf4!important;border-radius:14px!important;overflow:hidden;box-shadow:0 5px 12px #98663209}
.documents-page .document-section>summary,.documents-page.documents-master .document-section>summary{grid-template-columns:40px minmax(0,1fr) 36px 10px!important;gap:10px!important;padding:14px!important;min-height:80px!important;background:#fffbf4!important}
.documents-page.documents-master .document-section>summary{grid-template-columns:40px minmax(0,1fr) 36px 30px 10px!important}
.documents-page .document-section>summary .document-category-icon{width:40px!important;height:43px!important;border:1px solid #f4e3da!important;background:#fff0e9!important;border-radius:12px!important;color:#810d31}.documents-page .document-category-icon .ui-icon{width:25px;height:25px}.documents-page .document-section>summary .document-section-title{font-size:14px!important;color:#4e081b!important}.documents-page .document-section-title small{font-size:11px!important;color:#87685f!important}.documents-page .document-section-count b{font-size:21px!important;color:#500921}.documents-page .document-section-count small{font-size:9px!important}.documents-page .document-section>summary:after{grid-column:-2!important;color:#733d35!important;font-size:24px!important}
.documents-page .document-section>summary .sequence-edit{width:30px!important;height:36px!important;min-height:36px!important;font-size:0!important;border:1px solid #dfbcb1!important;background:#fff0e9!important;padding:5px!important;border-radius:8px!important;box-shadow:none!important}.documents-page .document-section>summary .sequence-edit:after{content:none!important}.sequence-edit .ui-icon{width:18px;height:23px;stroke-width:4}
.documents-page .document-primary-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}.documents-page .document-primary-actions>button,.documents-page .document-primary-actions>a{background:#fff8f4!important;color:#790c2e!important;border:1px solid #d2adb6!important;min-height:40px!important;font-size:10px!important}.documents-page .document-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.documents-page .document-add-disclosure>summary{background:var(--bc-surface)!important;color:#ffe5aa!important;border:1px solid #d3a359!important}
.app-master .mobile-app-nav,.app-outlet .mobile-app-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;background:var(--bc-surface)!important;border:1px solid #e2b578!important;border-radius:25px!important;box-shadow:0 5px 20px #6d14352b,inset 0 0 3px #fff6b0!important;padding:6px!important;gap:3px!important;min-height:66px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;overflow:hidden}
.app-master .master-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.mobile-app-nav>a,.mobile-app-nav>button{min-width:0!important;min-height:54px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent!important;border:1px solid transparent!important;color:#fff1d8!important;border-radius:19px!important;padding:5px 1px!important;box-shadow:none!important;text-decoration:none}.mobile-app-nav .ui-icon{width:24px!important;height:24px!important;margin:0!important;stroke-width:1.7}.mobile-app-nav b{font-size:11px!important;line-height:1.2;font-weight:600!important}.mobile-app-nav .active{background:linear-gradient(140deg,#cd3959,#6d0b25)!important;border-color:#e45b6e!important;box-shadow:inset 0 0 6px #ffda9455!important;color:#fff4d9!important}
@media(min-width:760px){.app-master .mobile-app-nav,.app-outlet .mobile-app-nav{display:none!important}}
@media(max-width:600px){
 .app-master main,.app-outlet main{padding-left:12px!important;padding-right:12px!important;padding-bottom:105px!important}
 .sales-banner{padding:16px!important;border-radius:17px!important}.sales-banner-top{font-size:11px}.sales-banner-chart svg{height:67px!important}.sales-banner h1{font-size:10px!important;margin-top:13px!important}.sales-banner h1 small{font-size:8px}.sales-banner-total{font-size:29px!important}.sales-banner-stats{gap:5px;margin:11px -7px 0!important}.sales-banner .banner-stat{padding:8px 5px!important;min-height:71px;gap:6px;border-radius:9px!important}.banner-stat-label{font-size:8px;gap:3px;min-height:27px}.banner-stat-label i{display:none}.sales-banner .banner-stat-label b{font-size:16px;width:14px;flex:none}.sales-banner .banner-stat>strong{font-size:11px}.sales-chart-caption{font-size:9px}.sales-banner-note{font-size:8px!important}
 .snapshot .revised-kpis{gap:9px!important}.snapshot .revised-kpis>.metric{padding:13px!important;min-height:175px!important;border-radius:14px!important}.revised-kpis>.metric>.ui-icon{width:22px;height:22px;padding:7px}.snapshot .revised-kpis>.metric>span{font-size:10px!important}.snapshot .revised-kpis>.metric>strong{font-size:19px!important}.snapshot .revised-kpis>.metric>small{font-size:10px!important;min-height:34px}.snapshot .revised-kpis>.metric>em{font-size:10px!important}
 .metric.compliance{padding:16px!important;border-radius:16px!important}.metric.compliance>strong{font-size:23px!important}.metric.compliance>p{font-size:10px}.compliance .compliance-tabs{gap:7px!important}.compliance .compliance-tabs>button{padding:12px 8px!important;grid-template-columns:29px minmax(0,1fr) 10px!important;gap:0 7px;min-height:77px!important}.compliance .compliance-tabs>button>i{width:29px!important;height:29px!important;font-size:21px!important}.compliance .compliance-tabs>button>b{font-size:27px!important}.compliance .compliance-tabs>button>small{font-size:8px!important}.compliance .compliance-tabs>button:after{font-size:22px}
 .health-hero{padding:16px}.health-heading h2{font-size:22px}.health-heading .month-chip{font-size:9px;padding:6px}.health-heading .month-chip .ui-icon{display:none}.health-overall .health-gauge{width:105px;height:105px}.health-status-tabs{gap:5px}.health-status-tabs button{padding:8px 4px!important;gap:3px}.health-status-tabs .ui-icon{display:none}.health-status-tabs b{font-size:22px}.health-status-tabs small{font-size:8px}.health-status-tabs em{font-size:18px}.health-outlets{padding:11px}.health-outlets>header h3{font-size:14px}.health-v279 .health-score-card{grid-template-columns:60px minmax(0,1fr) 17px;padding:12px 9px;gap:9px}.health-v279 .health-gauge.small{width:60px;height:60px}.health-v279 .health-gauge.small b{font-size:22px}.health-v279 .health-card-copy h3{font-size:15px}.health-v279 .health-rating{font-size:9px}.health-v279 .health-card-copy p{gap:5px}.health-v279 .health-card-copy p span{font-size:8px;padding:0 3px 0 0}.health-v279 .health-card-copy p b{font-size:12px}
 .revised-charts .section-head{padding:15px 12px!important;gap:8px}.revised-charts .section-head>.ui-icon{width:22px;height:22px;padding:7px}.revised-charts .section-head h2{font-size:18px!important}.revised-charts .section-head p{font-size:10px!important}.revised-charts .month-chip{display:none}.revised-charts .target-label{font-size:9px;padding:7px}.trend-white-panel,.purchase-white-panel{margin:0 7px 7px;padding:10px;border-radius:13px}.trend-title h3{font-size:15px}.trend-title .ui-icon{width:19px;height:19px}.trend-title button{font-size:9px!important;padding:5px 9px!important}.trend-statistics{gap:5px;margin-top:7px}.trend-statistics article{padding:10px 6px;gap:4px}.trend-statistics .ui-icon{display:none}.trend-statistics b{font-size:19px}.trend-statistics span{font-size:10px}.trend-statistics small{font-size:8px}.revised-charts .compact-trend{max-width:100%;width:100%!important;min-width:0;height:auto;aspect-ratio:auto}.revised-charts .chart-scroll-viewport{max-height:250px}
 .purchase-legend{gap:3px}.purchase-chip{padding:7px 2px}.purchase-chip>span{font-size:8px;min-height:31px}.purchase-chip i{width:4px;height:4px;margin-right:2px}.purchase-chip b{font-size:11px;margin-top:4px}.purchase-chip small{font-size:9px}.revised-charts .purchase-column-chart{gap:3px!important}.revised-charts .purchase-column-track{height:155px!important}.bar-value{font-size:8px!important;padding:3px 2px}.revised-charts .purchase-column-chart>article>b{font-size:8px!important}.purchase-totals{gap:6px}.purchase-totals article{padding:10px 8px}.purchase-totals .ui-icon{display:none}.purchase-totals h3{font-size:10px;min-height:24px;line-height:1.25}.purchase-totals strong{font-size:16px}.purchase-totals small{font-size:8px}
 .records>.section-head{padding:16px!important}.records>.section-head h2{font-size:20px}.records>.section-head p{font-size:10px}.records>.record-list{padding:8px}.records .record-summary-v279{grid-template-columns:67px minmax(0,1fr)!important;gap:8px!important;min-height:120px}.record-summary-v279>time small{font-size:8px}.record-summary-v279>time b{font-size:36px}.record-summary-v279>time span{font-size:8px}.record-summary-body{padding:10px 8px 10px 0}.record-count{font-size:10px;gap:5px;margin-bottom:9px}.record-count span>b{font-size:14px}.record-count .ui-icon{width:15px;height:15px}.record-summary-values{gap:5px}.record-summary-values>span{padding:9px 6px;gap:3px}.record-summary-values .ui-icon{display:none}.record-summary-values>span>span{font-size:8px}.record-summary-values b{font-size:12px;white-space:nowrap}
 .waste-consolidated-amount{padding:17px!important;gap:10px!important}.waste-consolidated-amount small{font-size:10px!important}.waste-consolidated-amount strong{font-size:28px!important}.waste-consolidated-amount p{font-size:10px!important}.waste-category-card{grid-template-columns:65px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;border-radius:16px!important}.waste-category-photo{width:65px!important;height:84px!important}.waste-category-content header h2{font-size:16px!important}.waste-category-content header>div>small{font-size:8px!important}.waste-estimated-cost{padding:5px 6px!important}.waste-estimated-cost small{font-size:6px!important;letter-spacing:0!important}.waste-estimated-cost strong{font-size:10px!important}.category-result>strong{font-size:28px!important}.category-result>span{font-size:8px!important}.waste-quantity-tiles>div{padding:7px 17px 7px 27px!important;min-height:47px}.waste-quantity-tiles dt{font-size:9px!important}.waste-quantity-tiles dt .ui-icon{left:6px;top:14px;width:15px;height:15px}.waste-quantity-tiles dd{font-size:13px!important}.waste-quantity-tiles button{padding-right:5px!important;font-size:20px!important}.waste-category-card .waste-category-trigger{right:12px!important;bottom:10px!important;font-size:9px!important}.waste-most-panel{padding:14px!important}.waste-most-panel h2{font-size:23px!important}.waste-item-table>header,.waste-most-panel .waste-item-table>div{grid-template-columns:minmax(0,1fr) 54px 65px!important;padding:10px 8px!important;gap:5px!important}.waste-item-table>header{font-size:8px!important}.waste-item-table>div>span>b{font-size:11px!important;padding:6px!important}.waste-most-panel .waste-item-table>div>span{gap:8px}.waste-item-table>div>span>strong{font-size:12px!important}.waste-item-table>div>em{font-size:13px!important}.waste-item-table>div>strong{font-size:13px!important}
 .documents-page .document-status-grid{gap:9px!important}.documents-page .status-tile{padding:13px!important;min-height:96px}.status-tile-label{font-size:10px!important}.status-tile-value{gap:7px!important;padding-right:18px}.status-tile-value b{font-size:30px!important}.status-tile-value small{font-size:9px!important}.status-tile:after{right:8px;bottom:15px;width:24px;height:24px;font-size:22px}.documents-page .document-group>summary{grid-template-columns:20px minmax(0,1fr) 175px!important;gap:6px!important;padding:11px 9px!important;min-height:63px!important}.documents-page .document-group>summary:before{width:20px;height:25px;font-size:23px}.documents-page .document-group>summary strong{font-size:12px!important}.documents-page .document-group>summary .outlet-document-badges{grid-column:3!important;gap:5px!important}.documents-page .outlet-document-badges b{font-size:8px!important;padding:7px 3px!important;gap:3px!important}.documents-page .outlet-document-badges b:before{width:13px;height:13px;font-size:10px}.documents-page .outlet-document-badges b+b:before{font-size:17px}.document-categories-heading{font-size:9px!important;padding:12px!important}.documents-page .document-section{margin:8px!important}.documents-page .document-section>summary{grid-template-columns:30px minmax(0,1fr) 25px 9px!important;gap:7px!important;padding:12px 9px!important;min-height:72px!important}.documents-page.documents-master .document-section>summary{grid-template-columns:30px minmax(0,1fr) 25px 25px 9px!important;gap:7px!important}.documents-page .document-section>summary .document-category-icon{width:30px!important;height:36px!important;border-radius:9px!important}.documents-page .document-category-icon .ui-icon{width:22px;height:22px}.documents-page .document-section>summary .document-section-title{font-size:12px!important}.documents-page .document-section-title small{font-size:9px!important}.documents-page .document-section-count b{font-size:17px!important}.documents-page .document-section-count small{font-size:7px!important}.documents-page .document-section>summary .sequence-edit{width:25px!important;height:32px!important;min-height:32px!important;padding:4px!important}.sequence-edit .ui-icon{width:15px;height:21px}
}
@media(max-width:360px){.sales-banner .banner-stat>strong{font-size:9px}.banner-stat-label{font-size:7px}.snapshot .revised-kpis>.metric>strong{font-size:17px!important}.documents-page .document-group>summary{grid-template-columns:18px minmax(0,1fr) 153px!important}.documents-page .outlet-document-badges b{font-size:7px!important}.documents-page .outlet-document-badges b:before{display:none}.documents-page .document-group>summary strong{font-size:11px!important}.mobile-app-nav b{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.sales-halo.is-current,.sales-head.is-current{animation:none!important}}

.sales-banner + .content-stage-label{display:none}

/* design-v280.css */
/* Interaction polish: compact reference tabs, real trend indicators and visible motion. */
.master-dashboard-switch,.outlet-dashboard-switch,.documents-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:6px!important;border:1px solid #dcc5ab!important;border-radius:22px!important;background:#fff7ed!important;box-shadow:0 7px 18px #6b341b18!important;overflow:hidden}
.master-dashboard-switch>a,.outlet-dashboard-switch>button,.outlet-dashboard-switch>a,.documents-tabs>a{display:flex!important;align-items:center;justify-content:center;gap:9px!important;min-width:0!important;min-height:60px!important;padding:12px 8px!important;background:transparent!important;color:#645650!important;border:1px solid transparent!important;border-radius:17px!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important;line-height:1.25;text-align:center}
.master-dashboard-switch .active,.outlet-dashboard-switch .active,.documents-tabs .active{background:var(--bc-surface)!important;color:#fff4dc!important;border-color:#e5bb70!important;box-shadow:inset 0 0 3px #ffe8a8,0 4px 8px #7c183229!important}
.master-dashboard-switch .ui-icon,.outlet-dashboard-switch .ui-icon,.documents-tabs .ui-icon{width:30px!important;height:30px!important;flex:none}
.compact-view-switch>a{display:inline-flex!important;align-items:center;gap:10px;border:1px solid #d8b998!important;background:#fff7eb!important;color:#68152b!important;border-radius:15px!important;padding:12px 18px!important}.compact-view-switch .ui-icon{width:25px;height:25px}.compact-view-switch b{font-size:25px;margin-left:18px}
.trend-badge{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 29px;width:29px!important;height:29px!important;aspect-ratio:1;border-radius:50%!important;background:#e8b45219;color:#ecd18b;box-sizing:border-box;line-height:1;overflow:hidden;vertical-align:middle}
.trend-badge svg{width:18px!important;height:18px!important;display:block;max-width:none}.trend-badge-good{color:#27dd86!important;background:#31c97919!important}.trend-badge-bad{color:#ff5774!important;background:#f029561c!important}.trend-badge-neutral{color:#efd27f!important}
.banner-stat-label{width:100%}.banner-stat-label>span:not(.trend-badge){flex:1;min-width:0}.banner-stat-label .trend-badge{margin-left:auto}.sales-banner .banner-stat{position:relative;cursor:pointer;touch-action:manipulation}.sales-banner .banner-stat:hover{border-color:#e3b75f!important}.sales-banner .banner-stat:active{filter:brightness(1.2)}
.snapshot .revised-kpis>.metric>.trend-badge{position:absolute;right:16px;top:16px;width:36px!important;height:36px!important;z-index:1}.snapshot .revised-kpis>.metric>.trend-badge svg{width:23px!important;height:23px!important}
.health-heading{flex-wrap:wrap}.health-heading>div{margin-right:auto}.health-collapse{display:flex;align-items:center;gap:8px;background:#ffffff0d!important;border:1px solid #bc738766!important;border-radius:12px!important;color:#ffdda0!important;padding:8px 12px!important;font-size:12px!important;min-height:36px}.health-collapse span{font-size:18px}.health-outlets[hidden]{display:none!important}
.pair-selector .pair-half>.status-light{width:10px!important;height:10px!important;min-width:10px!important;max-width:10px!important;min-height:10px!important;max-height:10px!important;flex:0 0 10px!important;aspect-ratio:1/1!important;border-radius:50%!important;padding:0!important;box-sizing:border-box!important;transform:none!important;align-self:center;animation:bc-status-glow 1.8s ease-in-out infinite!important}
@keyframes bc-status-glow{0%,100%{opacity:1;box-shadow:0 0 0 3px #ffffff15}50%{opacity:.45;box-shadow:0 0 0 5px #ffffff05}}
.revised-charts .purchase-column-track>i{transform-origin:bottom;will-change:transform}.purchase-animate .purchase-column-track>i{animation:bc-purchase-rise 900ms cubic-bezier(.18,.75,.2,1) both}.purchase-animate article:nth-child(2n) .purchase-column-track>i{animation-delay:80ms}.purchase-animate article:nth-child(3n) .purchase-column-track>i{animation-delay:140ms}
@keyframes bc-purchase-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.revised-charts .trend-point.without-gas,.graph-modal .trend-point.without-gas{animation:bc-cost-dot 1.8s ease-in-out infinite!important}
@keyframes bc-cost-dot{0%,100%{fill:#fff;stroke:#b8083c;opacity:1}50%{fill:#f06c95;stroke:#ed235c;opacity:.45}}
.snapshot .ticker .ticker-window{display:block!important;overflow:hidden!important;white-space:nowrap!important;width:100%;max-width:100%}.snapshot .ticker .ticker-window>span{display:inline-block!important;white-space:nowrap!important;padding-left:100%!important;animation:bc-warning-run 18s linear infinite!important}.snapshot .ticker:hover .ticker-window>span{animation-play-state:paused!important}
@keyframes bc-warning-run{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.kpi-detail-modal{z-index:120!important}.kpi-detail-shade{z-index:119!important}
@media(max-width:600px){.master-dashboard-switch,.outlet-dashboard-switch,.documents-tabs{border-radius:16px!important;padding:4px!important;gap:3px!important}.master-dashboard-switch>a,.outlet-dashboard-switch>button,.outlet-dashboard-switch>a,.documents-tabs>a{min-height:54px!important;gap:5px!important;padding:8px 4px!important;border-radius:12px!important;font-size:10px!important}.master-dashboard-switch .ui-icon,.outlet-dashboard-switch .ui-icon,.documents-tabs .ui-icon{width:21px!important;height:21px!important}.banner-stat-label{flex-wrap:wrap}.banner-stat-label>.trend-badge{flex:0 0 22px;width:22px!important;height:22px!important}.banner-stat-label>.trend-badge svg{width:15px!important;height:15px!important}.health-collapse{font-size:10px!important;padding:6px 8px!important}.health-heading .month-chip{font-size:10px}.compact-view-switch>a{font-size:12px!important;padding:10px 14px!important}.snapshot .revised-kpis>.metric>.trend-badge{right:12px;top:12px;width:30px!important;height:30px!important}}
@media(prefers-reduced-motion:reduce){.purchase-animate .purchase-column-track>i,.revised-charts .trend-point.without-gas,.graph-modal .trend-point.without-gas,.pair-selector .pair-half>.status-light,.snapshot .ticker .ticker-window>span{animation:none!important}.snapshot .ticker .ticker-window>span{white-space:normal!important;padding-left:0!important}}

.master-dashboard-switch .wastage-leaf,.outlet-dashboard-switch .wastage-leaf,.documents-tabs .wastage-leaf{fill:#78a640;stroke:#78a640}.master-dashboard-switch .wastage-leaf-vein,.outlet-dashboard-switch .wastage-leaf-vein,.documents-tabs .wastage-leaf-vein{stroke:#fff7e9}

/* design-v281.css */
/* Compact summary layouts matched to the approved master/outlet reference proportions. */
.banner-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 5px}.banner-welcome h2{font:700 24px/1.15 Georgia,serif;color:#fff6df;margin:0 0 5px}.banner-welcome p{font-size:12px;line-height:1.35;color:#eddbd3;margin:0}.today-submission-chip{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #bf556e60;background:#a30d3420;border-radius:12px;text-decoration:none;color:#fff0d9;font-size:10px;max-width:46%}.today-submission-chip .ui-icon{width:23px;height:23px;color:#f6d47a}.today-submission-chip small{display:block;font-size:9px;color:#e7c78e;margin-top:4px}.today-submission-chip b{font-size:22px;color:#f6d47a}
.banner-target{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;font-size:12px;padding:9px 0 11px;border-bottom:1px solid #ffffff20;margin-bottom:8px}.banner-target>strong{color:#f5d277;font-size:12px}.target-progress{height:9px;min-height:9px;background:#ae4b616b;border-radius:20px;overflow:hidden;width:100%;margin:8px 0;position:relative}.target-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe598,#ffbd3f);max-width:100%;min-width:0}.banner-target>.target-progress{flex-basis:100%;max-width:80%;margin:0}
.sales-banner-chart svg{height:95px!important}.sales-banner-total{font-family:Georgia,serif!important}.sales-banner .banner-stat-label i{display:grid!important}.banner-stat-label{flex-wrap:wrap}.banner-stat-label>span:not(.trend-badge){min-width:40px}.banner-stat{min-height:85px!important}
.snapshot .summary-outlet>.summary-compliance{grid-column:1/-1!important}.snapshot .revised-kpis>.summary-compliance{margin:0!important;display:flex!important;justify-content:flex-start;min-height:0!important}.snapshot .revised-kpis>.summary-compliance>strong{font-size:19px!important;margin:4px 0 9px!important}.summary-compliance>.compliance-tabs{gap:6px!important;margin:4px 0 10px!important}.summary-compliance .compliance-tabs>button{grid-template-columns:25px minmax(0,1fr)!important;gap:1px 5px!important;padding:8px 6px!important;min-height:59px!important}.summary-compliance .compliance-tabs>button>i{width:25px!important;height:25px!important;font-size:19px!important}.summary-compliance .compliance-tabs>button>b{font-size:23px!important}.summary-compliance .compliance-tabs>button>small{font-size:8px!important;margin:0!important}.summary-compliance .compliance-tabs>button:after{display:none!important}.summary-outlet>.summary-compliance .compliance-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.compliance-view-all{display:flex;justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:auto;background:none!important;border:0!important;border-top:1px solid #ffffff25!important;border-radius:0!important;box-shadow:none!important;color:#f6d47a!important;padding:10px 0 0!important;font-size:12px!important;min-height:36px}.compliance-view-all b{font-size:24px}.sales-change{align-self:flex-start;background:#ffffff10;padding:6px 9px;border-radius:20px;font-size:10px;color:#e1c7b6;margin:7px 0 12px}.sales-change.positive>b,.sales-change.positive{color:#43d492}.sales-change.negative>b,.sales-change.negative{color:#ff7895}.metric-detail-note{color:#f2ded5!important;font-size:11px!important;margin:3px 0 12px!important;line-height:1.4}.revised-kpis .metric>strong{font-family:Georgia,serif!important}.snapshot .revised-kpis>.metric>.trend-badge{display:none!important}
.app-master .app-context-bar,.app-outlet .app-context-bar{display:flex!important;align-items:center;gap:12px;padding:10px 14px!important;background:#fffdfa!important;border:1px solid #e4d6ca;border-radius:18px;margin:10px 14px;min-height:64px;box-shadow:0 5px 16px #74331a10}.context-brand{display:flex;flex:none}.context-brand img{width:48px;height:48px;object-fit:contain}.app-context-bar>div{margin-right:auto;min-width:0}.app-context-bar>div>strong{font-size:16px!important;line-height:1.2;color:#50051c}.app-context-bar>div>small{font-size:11px!important}.app-context-bar .context-month,.app-context-bar .context-live,.app-context-bar .context-refresh{display:none!important}.app-context-bar .context-refresh-button,.app-context-bar .notification-bell{display:grid!important;place-items:center;width:42px!important;height:42px!important;flex:none;padding:0!important;background:#f7ede9!important;color:#650521;border-radius:13px!important;border:0!important;min-height:42px!important}
.master-dashboard-switch,.outlet-dashboard-switch,.documents-tabs{padding:7px!important;gap:5px!important;border:1px solid #e0c5a2!important;border-radius:20px!important}.master-dashboard-switch>a,.outlet-dashboard-switch>button,.outlet-dashboard-switch>a,.documents-tabs>a{min-height:70px!important;border:1px solid #ead5ba!important;gap:10px!important}.master-dashboard-switch .ui-icon,.outlet-dashboard-switch .ui-icon,.documents-tabs .ui-icon{padding-right:9px;border-right:1px solid #d7b39a60;width:36px!important;box-sizing:content-box}.master-dashboard-switch span,.outlet-dashboard-switch span,.documents-tabs span{max-width:120px;text-align:left}
.compact-view-switch{display:grid!important;grid-template-columns:minmax(90px,.8fr) minmax(0,2.2fr)!important;gap:10px!important;padding:10px!important;border:1px solid #e3cbb6!important;border-radius:18px;background:#fff8ef!important;margin:14px 0!important}.compact-view-switch>a{display:flex!important;justify-content:center;min-height:47px;font-size:14px!important;margin:0!important}.compact-view-switch>a.active{background:var(--bc-surface)!important;color:#fff6e1!important;border-color:#d5ad62!important}.compact-view-switch>a:last-child b{margin-left:auto}.compact-view-switch .ui-icon{flex:none}
.app-master .filters,.app-outlet .outlet-filters{display:grid!important;grid-template-columns:1fr!important;padding:14px!important;border:1px solid #e2cdb3!important;border-radius:18px!important;background:#fff9ee!important;gap:11px!important}.app-master .filters label,.app-outlet .outlet-filters label{display:grid!important;grid-template-rows:auto 48px!important;gap:7px!important;font-size:14px!important}.app-master .filters input,.app-master .filters select,.app-outlet .outlet-filters input{width:100%!important;height:48px!important;min-height:48px!important;border:1px solid #d8c0a8!important;border-radius:13px!important;font-size:17px!important;padding:9px 13px!important;box-sizing:border-box;text-align:center}.app-master .filters>button,.app-outlet .outlet-filters>button{height:47px!important;min-height:47px!important;font-size:17px!important;border-radius:13px!important}.app-outlet .outlet-filters{grid-template-columns:1fr 1fr!important}.app-outlet .outlet-filters>label{grid-column:1/-1}.app-outlet .outlet-filters>.entry-status{display:flex!important;align-items:center;justify-content:center;gap:9px;min-height:47px!important;border:1px solid #ddd2c8!important;border-radius:13px!important;font-size:14px!important;margin:0!important;background:#fff!important}.app-outlet .outlet-filters>.entry-status i{width:10px;height:10px;border-radius:50%;flex:none}
@media(max-width:759px){.app-master>.site-header,.app-outlet>.site-header{display:none!important}.app-master .app-context-bar,.app-outlet .app-context-bar{position:relative!important;top:auto!important;left:auto!important;width:auto!important;margin:8px 10px;padding:8px 10px!important;gap:9px}.context-brand img{width:38px;height:38px}.app-context-bar>div>strong{font-size:14px!important}.app-context-bar>div>small{font-size:10px!important}.app-context-bar .context-refresh-button,.app-context-bar .notification-bell{width:35px!important;height:35px!important;min-height:35px!important}.banner-welcome h2{font-size:21px}.banner-welcome p{font-size:10px}.today-submission-chip{font-size:8px;padding:7px;gap:5px}.today-submission-chip small{font-size:8px}.today-submission-chip .ui-icon{width:17px;height:17px}.sales-banner{padding:15px!important}.sales-banner-chart svg{height:77px!important}.banner-target{font-size:10px}.banner-target>strong{font-size:10px}.banner-welcome{margin:9px 0}.sales-banner .banner-stat-label i{width:22px;height:22px}.sales-banner .banner-stat{min-height:84px!important}.sales-banner .banner-stat>strong{font-size:clamp(9px,2.55vw,12px)!important}.snapshot .revised-kpis{gap:10px!important}.snapshot .revised-kpis>.metric{padding:12px!important;min-height:182px!important}.snapshot .revised-kpis>.metric>strong{font-size:clamp(13px,3.9vw,24px)!important;white-space:nowrap}.snapshot .revised-kpis>.metric>small{font-size:10px!important;min-height:27px}.snapshot .revised-kpis>.summary-compliance>strong{font-size:14px!important}.summary-compliance .compliance-tabs>button{grid-template-columns:20px minmax(0,1fr)!important;gap:1px 3px!important;padding:7px 4px!important;min-height:54px!important}.summary-compliance .compliance-tabs>button>i{width:20px!important;height:20px!important;font-size:16px!important}.summary-compliance .compliance-tabs>button>b{font-size:20px!important}.summary-compliance .compliance-tabs>button>small{font-size:7px!important}.snapshot .revised-kpis>.metric>em,.compliance-view-all{font-size:10px!important}.metric-detail-note{font-size:9px!important}.sales-change{font-size:9px;padding:5px 7px}.master-dashboard-switch>a,.outlet-dashboard-switch>button,.outlet-dashboard-switch>a,.documents-tabs>a{min-height:62px!important;font-size:10px!important;gap:6px!important;padding:7px 5px!important}.master-dashboard-switch .ui-icon,.outlet-dashboard-switch .ui-icon,.documents-tabs .ui-icon{width:23px!important;height:25px!important;padding-right:6px}.compact-view-switch>a{font-size:12px!important;padding:9px!important;min-height:40px}.compact-view-switch .ui-icon{width:21px;height:21px}.compact-view-switch{padding:8px!important;gap:7px!important}.summary-outlet>.summary-compliance .compliance-tabs{gap:5px!important}}
@media(max-width:360px){.summary-outlet>.summary-compliance .compliance-tabs>button{grid-template-columns:1fr!important;text-align:center!important}.summary-outlet>.summary-compliance .compliance-tabs>button>i{display:none!important}.summary-outlet>.summary-compliance .compliance-tabs>button>b,.summary-outlet>.summary-compliance .compliance-tabs>button>small{grid-column:1!important}.today-submission-chip .ui-icon{display:none}.app-context-bar>div>strong{font-size:12px!important}.banner-welcome h2{font-size:18px}}

.snapshot .revised-kpis>.metric{order:0!important}.sales-banner.sales-outlet .sales-banner-top{display:none!important}

/* design-v282.css */
/* Summary sizing: content-sized rows, without legacy panel padding or spacer heights. */
.app-context-bar>div>strong{display:block;overflow-wrap:anywhere}
.snapshot .snapshot-grid.revised-kpis{padding:0!important;margin:0!important;background:transparent!important;grid-auto-rows:auto;align-items:stretch}
.snapshot .revised-kpis>.metric{justify-content:flex-start!important;gap:0!important;min-height:0!important;height:auto!important;box-sizing:border-box}
.snapshot .revised-kpis>.metric:after{display:none!important}
.snapshot .revised-kpis>.metric>small{min-height:0!important;margin:0!important}
.snapshot .revised-kpis>.metric>em{align-self:stretch!important;width:100%;justify-content:flex-end;gap:8px;margin-top:auto!important;padding-top:6px!important}
.snapshot .revised-kpis>.metric>.ui-icon{flex-shrink:0;width:25px;height:25px;padding:7px;margin:0 0 6px}
.snapshot .revised-kpis .metric-detail-note{margin:2px 0 7px!important}
.snapshot .revised-kpis .sales-change{margin:6px 0 8px;padding:4px 7px}
.snapshot .revised-kpis .target-progress{flex-shrink:0;margin:7px 0 4px;height:8px;min-height:8px}
.snapshot .revised-kpis>.summary-compliance>span{padding-right:0!important}
.snapshot .revised-kpis>.summary-compliance>.compliance-view-all{min-height:28px;padding:5px 0 0!important;line-height:1.2}
/* Explicit min-width and auto rows prevent native Safari month fields from
   extending the grid or overlapping Refresh. */
.app-master .filters,.app-outlet .outlet-filters{grid-auto-rows:auto!important;align-items:stretch!important}
.app-master .filters>label,.app-outlet .outlet-filters>label{min-width:0!important;width:100%!important;grid-template-rows:auto auto!important;margin:0!important}
.app-master .filters input,.app-master .filters select,.app-outlet .outlet-filters input{display:block;min-width:0!important;max-width:100%!important;margin:0!important}
.app-master .filters>button,.app-outlet .outlet-filters>button{margin:0!important;position:static!important;width:100%!important}
@media(max-width:759px){
 .snapshot .snapshot-grid.revised-kpis{gap:8px!important}
 .snapshot .revised-kpis>.metric{padding:10px!important;border-radius:13px!important}
 .snapshot .revised-kpis>.metric>.ui-icon{width:19px;height:19px;padding:6px;margin-bottom:5px}
 .snapshot .revised-kpis>.metric>span{font-size:9px!important;line-height:1.2!important;letter-spacing:.08em}
 .snapshot .revised-kpis>.metric>strong{font-size:clamp(14px,4.25vw,24px)!important;line-height:1.2!important;margin:4px 0!important;letter-spacing:-.035em}
 .snapshot .revised-kpis>.metric>small{font-size:9px!important;line-height:1.3!important}
 .snapshot .revised-kpis>.metric>em{font-size:9px!important;line-height:1.2!important;min-height:25px}
 .snapshot .revised-kpis>.metric>em b{width:23px;line-height:23px;font-size:22px}
 .snapshot .revised-kpis .metric-detail-note{font-size:8px!important;line-height:1.3!important}
 .snapshot .revised-kpis .sales-change{font-size:8px;line-height:1.3}
 .snapshot .revised-kpis>.summary-compliance>strong{font-size:13px!important;line-height:1.2!important;margin:3px 0 5px!important}
 .snapshot .summary-compliance>.compliance-tabs{gap:4px!important;margin:2px 0 6px!important}
 .snapshot .summary-compliance .compliance-tabs>button{min-height:44px!important;padding:5px 4px!important;grid-template-columns:18px minmax(0,1fr)!important;gap:0 3px!important;border-radius:9px!important}
 .snapshot .summary-compliance .compliance-tabs>button>i{width:18px!important;height:18px!important;font-size:15px!important}
 .snapshot .summary-compliance .compliance-tabs>button>b{font-size:19px!important;line-height:1!important}
 .snapshot .summary-compliance .compliance-tabs>button>small{font-size:6.5px!important;line-height:1.15!important}
 .snapshot .revised-kpis>.summary-compliance>.compliance-view-all{font-size:9px!important;min-height:25px}
 .snapshot .summary-outlet>.summary-compliance .compliance-tabs>button{min-height:51px!important}
 .sales-banner .banner-stat{min-height:68px!important;padding:6px!important;gap:4px!important}
 .sales-banner .banner-stat-label{position:relative;padding-right:20px;min-height:30px;gap:3px;align-content:start}
 .sales-banner .banner-stat-label>.trend-badge{position:absolute;right:0;top:2px;width:19px!important;height:19px!important;min-width:19px!important}
 .sales-banner .banner-stat-label>i{width:20px;height:20px;flex:0 0 20px}
 .sales-banner .banner-stat-label>span:not(.trend-badge){min-width:0!important;font-size:8px;line-height:1.2}
 .sales-banner .banner-stat>strong{white-space:nowrap;font-size:clamp(9px,2.65vw,13px)!important}
 .app-master .filters,.app-outlet .outlet-filters{gap:9px!important;padding:12px!important}
 .master-dashboard-switch>a,.outlet-dashboard-switch>button,.outlet-dashboard-switch>a,.documents-tabs>a{min-height:54px!important}
}
@media(max-width:360px){
 .snapshot .summary-outlet>.summary-compliance .compliance-tabs>button{grid-template-columns:1fr!important;text-align:center!important}
 .snapshot .summary-outlet>.summary-compliance .compliance-tabs>button>i{display:none!important}
 .snapshot .revised-kpis>.metric{padding:9px!important}
 .sales-banner .banner-stat-label>i{display:none!important}
}

/* design-v283.css */
/* Shared master/outlet reporting-period layout, including native iOS fields. */
.app-master .filters.unified-waste-period,.app-outlet .filters.unified-waste-period{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;justify-items:stretch!important;align-items:stretch!important;padding:12px!important}
.filters.unified-waste-period .waste-period-controls,.filters.unified-waste-period .waste-period-unified,.filters.unified-waste-period .waste-period-range{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box}
.filters.unified-waste-period .waste-period-controls{grid-column:1/-1!important}
.filters.unified-waste-period .waste-period-unified{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
.filters.unified-waste-period .waste-period-range{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.app-master .filters.unified-waste-period label,.app-outlet .filters.unified-waste-period label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-column:auto!important;gap:6px!important;min-width:0!important;max-width:100%!important;width:100%!important;margin:0!important}
.app-master .filters.unified-waste-period input:not([type=hidden]),.app-outlet .filters.unified-waste-period input:not([type=hidden]),.filters.unified-waste-period select{display:block!important;-webkit-appearance:none;appearance:none;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;line-height:normal!important;padding:8px!important;margin:0!important;font-size:16px!important;text-align:center;border:1px solid #d8c0a8!important;border-radius:12px!important;background:#fff;color:#351e25}
.filters.unified-waste-period input::-webkit-date-and-time-value{min-width:0;max-width:100%;text-align:center;margin:0;line-height:26px}
.filters.unified-waste-period input::-webkit-datetime-edit{padding:0;min-width:0;max-width:100%}
.filters.unified-waste-period>button{position:static!important;grid-column:1/-1!important;justify-self:stretch!important;width:100%!important;min-width:0!important;margin:0!important;height:44px!important;min-height:44px!important}
/* The generic panel header was painting cream behind cream text. */
.waste-most-panel>.waste-panel-head{display:flex!important;align-items:flex-start;justify-content:space-between;gap:12px;background:transparent!important;border:0!important;padding:4px 0 14px!important;margin:0!important}
.waste-most-panel>.waste-panel-head>div{min-width:0;flex:1}
.waste-most-panel>.waste-panel-head h2{display:block!important;color:#fff8ef!important;margin:4px 0 0!important;line-height:1.2;overflow-wrap:normal}
.waste-most-panel>.waste-panel-head .eyebrow{color:#f3d078!important;margin:0 0 6px!important}
.waste-most-panel>.waste-panel-head .panel-badge{flex:none;white-space:nowrap}
@media(max-width:360px){.filters.unified-waste-period .waste-period-range{grid-template-columns:minmax(0,1fr)!important}.waste-most-panel>.waste-panel-head h2{font-size:20px!important}}

/* dashboard-motion.css */
/* One animation owner for purchase bars; JS also supports cloned chart dialogs. */
.purchase-column-chart.purchase-animate .purchase-column-track>i{animation:none!important}
[data-progress-bar]{transition:width .55s ease!important}
@media(prefers-reduced-motion:reduce){
 [data-progress-bar]{transition:none!important}
 .sales-halo,.sales-head,.trend-point{animation:none!important}
}

/* operations-v285.css */
.staff-workspace{max-width:1200px;margin:20px auto;color:#4d0920}.staff-add{margin-bottom:14px}.staff-list{display:grid;gap:10px}.staff-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.3fr) auto;align-items:center;gap:16px;padding:14px;background:#fffaf2;border:1px solid #e7d6c2;border-radius:18px;box-shadow:0 5px 18px #58162a08}.staff-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:0 0 54px}.staff-identity{display:flex;gap:12px;align-items:center;min-width:0}.staff-identity strong{overflow-wrap:anywhere}.staff-workspace small{display:block;color:#746762;font-size:12px;margin-top:4px}.staff-statuses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;text-align:center}.staff-status{display:inline-block;padding:6px 8px;border-radius:9px;font-size:12px;font-weight:700;line-height:1.35}.staff-status.green{color:#13714d;background:#dcf2e4}.staff-status.amber{color:#8b5107;background:#fff0c9}.staff-status.red{color:#a71e3d;background:#fbe0e5}.staff-status.grey{color:#62616c;background:#ededf0}.staff-role{display:inline-block;background:#f9df9d;color:#613e0c;font:700 11px/1.4 system-ui;padding:3px 7px;border-radius:6px;vertical-align:middle}.staff-footer-nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:13px}.staff-profile{background:#fffdf8;padding:20px;border:1px solid #e8d3bd;border-radius:22px}.staff-profile>header{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}.staff-profile>header .staff-avatar{width:84px;height:84px;flex-basis:84px}.staff-profile h1{font-size:clamp(22px,3vw,32px);line-height:1.2;margin:0;overflow-wrap:anywhere}.staff-profile header p{margin:8px 0}.staff-cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.staff-cert{background:#fff6ef;padding:16px;border:1px solid #efdad2;border-radius:16px;min-width:0}.staff-cert h2{font-size:19px;margin-top:0}.staff-workspace dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:13px}.staff-workspace dd{margin:0;overflow-wrap:anywhere}.staff-workspace dt{color:#766764}.staff-actions{display:flex;flex-wrap:wrap;gap:8px}.staff-upload{display:block;margin-top:14px;font-size:13px}.staff-upload input{display:block;font-size:12px;max-width:100%;margin-top:6px}.staff-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-form fieldset{border:1px solid #e3cdb5;border-radius:18px;padding:20px;margin:20px 0;background:#fffaf3}.staff-form legend{font-weight:700;padding:0 8px}.staff-workspace label{min-width:0}.staff-fields input,.staff-fields select,.staff-fields textarea,.staff-management input,.staff-management select,.staff-management textarea{width:100%;min-width:0;box-sizing:border-box;margin-top:6px}.staff-check{display:flex;align-items:center;gap:10px}.staff-check input{width:auto}.staff-management{display:grid;gap:12px;margin:20px 0}.staff-management details,.staff-history{padding:16px;border:1px solid #e9d6c4;border-radius:14px;background:#fff8ee}.staff-management form{display:grid;gap:12px}.staff-history article{border-bottom:1px solid #e8d5bf;padding:12px 0}.staff-review-table{max-height:480px;overflow:auto;margin:16px 0}.staff-review-table label{display:flex;gap:12px;padding:12px;border-bottom:1px solid #eadbcc}.staff-review-table input{width:20px;flex:0 0 20px}.staff-review-table small{display:block}.profile-menu{position:relative;flex-shrink:0}.profile-menu summary{list-style:none;width:42px;height:42px;border-radius:14px;background:#f5eae5;color:#700c2a;display:grid;place-items:center;cursor:pointer;font-size:23px}.profile-menu[open]>div{position:absolute;right:0;top:48px;z-index:1000;background:#fffaf3;box-shadow:0 12px 35px #35001933;border:1px solid #dfc6a7;border-radius:14px;min-width:190px;padding:12px;display:grid;gap:12px}.master-dashboard-switch.dashboard-switch-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.master-dashboard-switch.dashboard-switch-top>a{min-width:0}.coming-soon-label{display:block;font-size:11px;background:#f9e0a6;border-radius:8px;padding:3px 8px;width:fit-content}.staff-profile button,.staff-profile .button,.staff-row .button{white-space:normal}.staff-workspace input[type=date],.staff-workspace input[type=month]{appearance:none;min-height:44px}.staff-workspace form>button{margin-top:12px}.outlet-access-list details{border:1px solid #e4d4c4;border-radius:12px;background:#fffaf4;margin:8px 0;padding:12px}.outlet-access-list summary{cursor:pointer;font-weight:700}.outlet-access-list input{width:100%;min-width:0;font-size:12px}.outlet-access-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
@media(max-width:700px){.staff-workspace{margin:12px 0}.staff-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.staff-statuses{grid-column:1/-1;grid-row:2}.staff-row .staff-avatar{width:42px;height:42px;flex-basis:42px}.staff-identity{gap:8px;font-size:13px}.staff-row .button{font-size:11px;padding:9px}.staff-cert-grid{grid-template-columns:1fr}.staff-profile{padding:14px}.staff-profile>header{gap:12px}.staff-profile>header>a{flex-basis:auto}.staff-profile h1{font-size:23px}.staff-fields{grid-template-columns:1fr}.staff-form fieldset{padding:14px}.staff-status{font-size:10px;padding:5px}.staff-statuses small{font-size:10px}.app-context-bar{gap:8px!important}.app-context-bar>div:not(.profile-menu){min-width:0}.profile-menu summary{width:34px;height:34px}.master-dashboard-switch.dashboard-switch-top>a{padding:12px!important;min-height:78px!important;font-size:12px!important;gap:8px!important}.master-dashboard-switch.dashboard-switch-top svg{width:24px!important;height:28px!important;flex-shrink:0}.master-dashboard-switch.dashboard-switch-top span{overflow-wrap:anywhere}.staff-workspace .card{padding:16px}}
.comparison-meter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.comparison-meter-grid>section,.vendor-paired-bars{padding:14px;border:1px solid #e6d1b7;border-radius:14px;background:#fff8ee}.comparison-meter-grid p{display:flex;justify-content:space-between;gap:12px;font-size:12px}.comparison-meter{position:relative;overflow:visible!important}.benchmark-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:#861330}.comparison-meter-grid small,.vendor-paired-bars small{display:block;font-size:11px;margin:7px 0 12px}.vendor-paired-bars{margin:10px 0}.vendor-paired-bars p{font-size:12px;margin:8px 0}.staff-fields input,.staff-fields select,.staff-fields textarea{font-size:16px}.outlet-dashboard-switch.dashboard-switch-top{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.outlet-dashboard-switch.dashboard-switch-top>*{min-width:0}.staff-workspace .staff-profile>header{background:transparent!important;color:#4d0920!important}.staff-cert h2{color:#600b26!important}.staff-management summary,.staff-history summary{cursor:pointer;font-weight:700}.staff-statuses>div{min-width:0}.staff-list .staff-row .staff-status{white-space:normal}.staff-form p{font-size:13px}.staff-workspace .staff-review-table input{min-height:20px}.staff-workspace .staff-footer-nav{justify-content:flex-start}.staff-migration-preview{max-height:320px;overflow:auto}.staff-error{color:#a91433}.staff-form [data-form-upload-status]{overflow-wrap:anywhere}
@media(max-width:700px){.comparison-meter-grid{grid-template-columns:1fr}.outlet-dashboard-switch.dashboard-switch-top>*{min-height:76px!important;padding:10px!important;font-size:11px!important}.staff-workspace .staff-profile>header>div{flex:1 1 180px}.staff-fields fieldset{min-width:0}.staff-workspace .staff-actions .button,.staff-workspace .staff-actions button{font-size:12px}.profile-menu{margin-left:0}.staff-row .staff-identity small{font-size:11px}.outlet-access-list input{font-size:16px}}

/* operations-v286.css */
/* Compact outlet documents and unified staff. */
.document-staff-category{display:flex;align-items:center;gap:14px;margin:12px 0;padding:20px 18px;background:#fffbf5;border:1px solid #eedcc5;border-radius:20px;text-decoration:none;color:#570820;min-height:84px;box-sizing:border-box}.document-staff-category .document-section-title{flex:1}.document-staff-category small{display:block;margin-top:5px;font-size:12px;color:#77675d}.staff-category-open{font-size:12px;white-space:nowrap}.staff-category-open b{margin-left:12px;font-size:25px}.staff-workspace{max-width:1100px}.staff-list{gap:8px}.staff-row{padding:10px 12px;border-radius:14px;box-shadow:0 3px 10px #66102206}.staff-identity strong{font-size:14px}.staff-identity small{font-size:11px}.staff-statuses .staff-status{width:100%;box-sizing:border-box;min-height:30px;display:flex;align-items:center;justify-content:center}.staff-row .staff-avatar{width:46px;height:46px;flex-basis:46px}.staff-profile{padding:18px}.staff-cert-grid{gap:10px;margin:16px 0}.staff-cert{padding:0;overflow:hidden}.staff-cert>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:13px;cursor:pointer;min-height:76px;background:#fff5ef;color:#610923}.staff-cert>summary::-webkit-details-marker{display:none}.staff-cert>summary>span:nth-child(2){flex:1;min-width:0}.staff-cert summary strong{font-size:16px}.staff-cert summary p{display:block;width:fit-content;margin:6px 0 0;padding:0;background:none}.staff-cert-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:#fbe5df;border-radius:50%;color:#780b2c}.staff-cert-icon svg{width:28px;height:28px}.staff-cert-chevron{font-size:24px;color:#a14a5d}.staff-cert[open] .staff-cert-chevron{transform:rotate(90deg)}.staff-cert-expanded{padding:0 14px 14px}.staff-form fieldset{margin:12px 0;padding:16px}.staff-form legend{font-size:16px;color:#650a25}.staff-form fieldset>button{padding:10px 15px;font-size:13px}.staff-profile .staff-management{grid-template-columns:1fr 1fr}.staff-profile .staff-management summary{font-size:14px}.staff-profile h1{font-family:Georgia,serif;font-size:25px}.staff-profile>header .staff-avatar{width:72px;height:72px;flex-basis:72px}.staff-profile>header>div{flex:1;min-width:0}.staff-profile header p{font-size:14px}.staff-form [data-form-upload-status]:not(:empty){position:sticky;bottom:90px;padding:12px;border:1px solid #d9b981;border-radius:12px;background:#fff5df;z-index:4;color:#6b132b}
/* Comparison: one set of paired rows, no repeated analytical blocks. */
.comparison-v286.comparison-panel{background:#fff8e9!important;padding:0!important;border:0!important;box-shadow:none!important}.comparison-v286 .comparison-title{display:flex;align-items:center;gap:10px;background:#fffdf8;border:1px solid #ebd5b5;border-radius:15px;padding:12px;box-shadow:0 4px 12px #a36c1c12;margin-bottom:12px}.comparison-v286 h2{font-size:21px!important;line-height:1.2;margin:0!important;color:#650921}.comparison-v286 .comparison-title p{margin:5px 0 0;font-size:12px}.comparison-v286 .comparison-title>div{flex:1;min-width:0}.comparison-v286 .month-chip{font-size:12px;white-space:nowrap;padding:8px;border:1px solid #efd4d7;border-radius:10px}.comparison-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;background:linear-gradient(130deg,#3d0516,#990d30);color:#ffe4a3;border-radius:9px;font-size:24px}.comparison-icon svg{width:25px;height:25px}.comparison-v286 .pair-card{position:relative!important;margin:0 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.comparison-v286 .pair-selector{position:relative;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important;background:transparent!important;list-style:none!important;border:0!important}.comparison-v286 .pair-selector:after{display:none!important}.comparison-v286 .pair-half{position:relative;display:grid!important;grid-template-columns:10px minmax(0,1fr)!important;gap:6px 9px!important;padding:14px 12px!important;border-radius:14px!important;border:1px solid #c5dfc9!important;min-height:72px!important;align-content:center!important;background:linear-gradient(120deg,#fcfff5,#e5f5e6)!important}.comparison-v286 .pair-half.negative{background:linear-gradient(120deg,#fff8f6,#fde9ed)!important;border-color:#ebc0c8!important}.comparison-v286 .pair-half.neutral{background:#f2eee7!important;border-color:#dfd3bd!important}.comparison-v286 .pair-half>strong{font-size:15px!important;line-height:1.25!important;grid-column:2!important;margin:0!important}.comparison-v286 .pair-half>small{grid-column:2!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important;border-radius:20px;padding:4px 7px;background:#dff3df;width:fit-content}.comparison-v286 .pair-half.negative>small{background:#fbdbe1}.comparison-v286 .pair-half>.status-light{grid-column:1!important;grid-row:1!important;position:static!important}.comparison-vs{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:33px;height:33px;display:grid;place-items:center;background:#670c23;color:#fff1b9;border:2px solid #d4a23c;border-radius:50%;font-size:12px;font-weight:800;z-index:2;box-shadow:0 3px 8px #804b2a33}.comparison-v286 .pair-meta{grid-column:1/-1!important;font-size:11px!important;padding:5px!important;background:transparent!important;border:0!important}.comparison-v286 .pair-body{padding:0!important;background:transparent!important;display:grid;gap:10px}.comparison-insight{display:flex;gap:12px;align-items:center;background:linear-gradient(110deg,#fff2cc,#ffedc0);border:1px solid #d7ac55;border-radius:13px;padding:12px;color:#641328}.comparison-insight h3,.comparison-verdict h3{font-size:15px;margin:0 0 4px}.comparison-insight p,.comparison-verdict p{font-size:13px;margin:0;line-height:1.4}.comparison-v286 .comparison-metric,.comparison-vendors{border:1px solid #e9d3bd;border-radius:13px;background:#fffdf7;box-shadow:0 4px 10px #956f2c0c;overflow:hidden}.comparison-v286 .comparison-metric>header,.comparison-vendors>header{display:flex!important;align-items:center;gap:8px;background:#fcf3eb!important;color:#630d24!important;padding:8px 10px!important;border-bottom:1px solid #eddfd2;min-height:0!important}.comparison-v286 .comparison-metric h3,.comparison-vendors h3{font-size:15px!important;margin:0!important;flex:1}.comparison-v286 .comparison-metric header>small{font-size:10px;border:1px solid #efd2d4;border-radius:10px;padding:4px;color:#991c35;max-width:34%}.comparison-metric-row{display:grid;grid-template-columns:1.2fr 1.1fr 1fr .6fr;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #f1e7dc;font-size:12px}.comparison-metric-row>span{line-height:1.3}.comparison-metric-row>strong{text-align:right;font-size:12px;white-space:nowrap}.comparison-v286 .target-progress{margin:0!important;height:9px!important;border-radius:8px;background:#e8e5e3!important;position:relative;min-width:0}.comparison-v286 .target-progress>i{background:linear-gradient(90deg,#198e60,#3dcc86)!important;border-radius:8px;height:100%!important;display:block}.comparison-v286 .negative .target-progress>i{background:linear-gradient(90deg,#ec3457,#cb2648)!important}.comparison-v286 .neutral .target-progress>i{background:#ad9161!important}.comparison-difference{font-size:12px;padding:6px 3px;text-align:center;background:#e3f5e5;border-radius:8px;color:#14613e;white-space:nowrap}.negative .comparison-difference{background:#fce1e7;color:#b81938}.comparison-v286 .benchmark-marker{width:0;border-left:2px dashed #bd882a;background:none;top:-5px;bottom:-5px}.comparison-note{font-size:10px!important;color:#78695e!important;margin:0!important;padding:7px 12px!important;line-height:1.4}.vendor-unit-toggle{display:flex;border:1px solid #e0c5b0;border-radius:18px;overflow:hidden}.vendor-unit-toggle button{padding:5px 12px!important;font-size:11px!important;background:transparent!important;color:#70132b!important;border:0!important;border-radius:18px!important;box-shadow:none!important;min-height:0!important}.vendor-unit-toggle button[aria-pressed=true]{background:#680d25!important;color:#fff0bf!important}.comparison-vendors table{width:100%;table-layout:fixed;border-collapse:collapse;min-width:0!important}.comparison-vendors th,.comparison-vendors td{padding:9px 7px!important;border:1px solid #efe4d5!important;white-space:normal!important;background:transparent!important;font-size:11px!important;text-align:center;vertical-align:middle;overflow-wrap:anywhere}.comparison-vendors thead th{font-size:10px!important;font-weight:600!important;color:#4b2330!important}.comparison-vendors th:first-child{text-align:left;width:21%}.comparison-vendors td b,.comparison-vendors td strong{font-size:11px;color:#6c0b24;display:block;margin-top:5px}.comparison-vendors td small{display:block;font-size:9px;color:#806a62;margin-top:3px}.comparison-vendors [hidden]{display:none!important}.comparison-actions{border-radius:14px;border:1px solid #d5a43a;background:linear-gradient(115deg,#4c051a,#850927);color:#fff7e3;padding:13px}.comparison-actions summary{display:flex;justify-content:space-between;gap:10px;font-weight:700;cursor:pointer;font-size:14px}.comparison-actions summary small{white-space:nowrap;font-size:11px;color:#ffe5a6}.comparison-actions ol{padding-left:24px;margin:10px 0 0}.comparison-actions li{padding:6px 0;font-size:12px;line-height:1.45}.comparison-verdict{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #b8dbb6;border-radius:13px;background:linear-gradient(110deg,#f6ffe9,#ebf9eb);color:#21482b}.comparison-verdict strong{font-size:14px}.comparison-verdict .comparison-icon{background:#237444}.comparison-v286 .comparison-footnote{font-size:10px;padding:6px}
@media(max-width:700px){.document-staff-category{padding:14px 12px;min-height:78px}.staff-category-open{font-size:10px}.staff-row{padding:10px;gap:8px}.staff-identity strong{font-size:13px}.staff-row .staff-avatar{width:40px;height:40px;flex-basis:40px}.staff-statuses .staff-status{min-height:28px}.staff-profile .staff-management{grid-template-columns:1fr}.staff-cert-grid{grid-template-columns:1fr 1fr}.staff-cert>summary{gap:8px;padding:10px;min-height:88px;align-items:flex-start}.staff-cert-icon{width:30px;height:30px;flex-basis:30px}.staff-cert-icon svg{width:21px;height:21px}.staff-cert summary strong{font-size:12px}.staff-cert summary p{font-size:10px}.staff-cert-chevron{font-size:19px}.staff-cert[open]{grid-column:1/-1}.staff-profile>header{gap:10px}.staff-profile h1{font-size:20px}.staff-profile>header .staff-avatar{width:58px;height:58px;flex-basis:58px}.staff-profile>header>div{flex:1 1 150px!important}.comparison-v286 h2{font-size:16px!important}.comparison-v286 .comparison-title{padding:10px;gap:8px}.comparison-v286 .comparison-title p{font-size:10px}.comparison-v286 .month-chip{font-size:10px;padding:6px}.comparison-v286 .comparison-title .comparison-icon{width:30px;height:30px;flex-basis:30px}.comparison-v286 .pair-half{padding:11px 9px!important;gap:5px 6px!important;min-height:80px!important}.comparison-v286 .pair-half>strong{font-size:12px!important}.comparison-v286 .pair-half>small{font-size:9px!important;padding:3px 5px}.comparison-vs{width:26px;height:26px;font-size:9px;top:36px}.comparison-v286 .pair-meta{font-size:10px!important}.comparison-insight{padding:10px;gap:8px}.comparison-insight p,.comparison-verdict p{font-size:11px}.comparison-insight h3,.comparison-verdict h3{font-size:13px}.comparison-icon{width:28px;height:28px;flex-basis:28px}.comparison-icon svg{width:20px;height:20px}.comparison-v286 .comparison-metric h3,.comparison-vendors h3{font-size:12px!important}.comparison-v286 .comparison-metric header>small{font-size:8px;padding:3px}.comparison-metric-row{grid-template-columns:1.15fr .9fr 1fr .6fr;gap:6px;padding:9px 8px;font-size:10px}.comparison-metric-row>strong{font-size:10px}.comparison-difference{font-size:10px;padding:5px 2px}.comparison-note{font-size:9px!important;padding:6px 8px!important}.comparison-vendors th,.comparison-vendors td{font-size:9px!important;padding:7px 4px!important}.comparison-vendors td b,.comparison-vendors td strong{font-size:9px}.comparison-vendors thead th{font-size:8px!important}.comparison-vendors td small{font-size:8px}.comparison-actions{padding:11px}.comparison-actions summary{font-size:12px}.comparison-actions li{font-size:11px}.comparison-verdict{padding:11px;gap:8px}.comparison-verdict strong{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.sales-banner .sales-halo,.sales-banner .sales-head{animation-duration:4s!important}.snapshot .ticker .ticker-window>span{animation-duration:36s!important}.metric-trend.trend-animate{animation-duration:2.4s!important}}
.staff-profile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.staff-profile-actions .button,.staff-profile-actions button{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;min-height:54px;padding:10px!important;border:1px solid #edcfd0!important;background:#fff5f1!important;color:#780b2d!important;border-radius:10px!important;box-shadow:none!important;font-size:12px!important}.staff-profile-actions svg{width:25px;height:25px;flex:0 0 25px}.staff-profile-actions button:disabled{opacity:.55}.staff-profile-actions small{font-size:9px;margin-left:auto}@media(max-width:600px){.staff-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-profile-actions .button,.staff-profile-actions button{font-size:10px!important;gap:7px;min-height:48px}.staff-profile-actions svg{width:20px;height:20px;flex-basis:20px}}

.staff-footer-nav a:first-child{display:block!important}.staff-form fieldset{min-width:0}.staff-form input,.staff-form select,.staff-form textarea{max-width:100%;box-sizing:border-box}.comparison-v286 .pair-selector::-webkit-details-marker{display:none}

/* operations-v287.css */
.staff-back-documents{display:inline-flex!important;padding:10px 0;color:#70152e;font-size:13px;font-weight:700;text-decoration:none;margin-bottom:5px}.staff-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.staff-list-toolbar .staff-add{margin:0}.staff-list-toolbar>button{font-size:12px;padding:10px 14px}.staff-row{grid-template-columns:minmax(0,1fr) auto}.staff-five-tabs{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}.staff-certificate-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:49px;padding:7px 4px!important;text-align:center;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;text-decoration:none;font:600 11px/1.2 system-ui!important;white-space:normal!important}.staff-certificate-tab b{font-size:10px;white-space:nowrap}.staff-certificate-tab span{font-size:10px}.staff-certificate-tab.green{background:#dcf3e5!important;color:#156443!important;border-color:#c5e7d2!important}.staff-certificate-tab.red{background:#fbe0e5!important;color:#a41e3e!important;border-color:#f1c6d0!important}.staff-certificate-tab.amber{background:#ffeacb!important;color:#98500c!important;border-color:#f2d0a0!important}.staff-certificate-tab.grey{background:#e9e9ed!important;color:#6b6772!important;border-color:#dbdbe1!important}.staff-certificate-tab:disabled{opacity:1!important;cursor:default}.staff-name-link{text-decoration:none;color:#650c28}.staff-name-link:hover{text-decoration:underline}.staff-name-link:focus-visible,.staff-certificate-tab:focus-visible{outline:3px solid #d5a03d;outline-offset:2px}.staff-workspace .profession-label.profession-supervisor{background:#fae4b5;color:#764b10;display:inline-block;padding:3px 8px;border-radius:6px;font-weight:700;width:fit-content}.staff-workspace .profession-label.profession-cashier{background:#e9dff5;color:#663c81;display:inline-block;padding:3px 8px;border-radius:6px;font-weight:700;width:fit-content}.staff-delete-entry{margin:16px 0}.staff-delete-entry .danger{background:#a3203e;color:#fff;padding:10px 15px;border:0}.staff-row:target{outline:2px solid #d1a341;scroll-margin-top:85px}#staff-order-dialog{border:1px solid #d5b786;border-radius:18px;background:#fff9ee;color:#61132b;width:min(92vw,560px);padding:18px;max-height:80dvh;overflow:auto}#staff-order-dialog::backdrop{background:#25030f88}#staff-order-dialog ol{padding:0;list-style:none}#staff-order-dialog li{display:flex;align-items:center;gap:7px;padding:8px;border-bottom:1px solid #e8d8c2;font-size:13px}#staff-order-dialog li span{flex:1}#staff-order-dialog li button{min-width:36px;min-height:36px;padding:5px}#staff-order-dialog h2{font-size:20px}#staff-order-dialog p{font-size:12px}
@keyframes staff-expiry-pulse{0%,100%{box-shadow:0 0 0 0 #b9193920;filter:brightness(1)}50%{box-shadow:0 0 0 3px #b9193940;filter:brightness(.88)}}@keyframes staff-soon-pulse{0%,100%{box-shadow:0 0 0 0 #cf780f20;filter:brightness(1)}50%{box-shadow:0 0 0 3px #cf780f40;filter:brightness(.9)}}
@media(prefers-reduced-motion:no-preference){.staff-certificate-tab.blink-expired{animation:staff-expiry-pulse 4.5s ease-in-out infinite}.staff-certificate-tab.blink-expiring{animation:staff-soon-pulse 4.5s ease-in-out infinite}.sales-banner .sales-halo,.sales-banner .sales-head{animation-duration:7s!important}}
@media(max-width:600px){.staff-five-tabs{gap:4px!important}.staff-certificate-tab{min-height:47px;padding:6px 2px!important}.staff-certificate-tab b{font-size:8px}.staff-certificate-tab span{font-size:8px}.staff-row{padding:10px;gap:9px}.staff-back-documents{font-size:12px}.staff-list-toolbar>button{padding:9px 11px}.staff-name-link strong{font-size:13px}.staff-row .staff-avatar{width:43px;height:43px;flex-basis:43px}}

/* operations-v288.css */
/* Shared, compact dashboard selectors. Keep equal icon columns and left-aligned labels. */
.master-dashboard-switch.dashboard-switch-top,.outlet-dashboard-switch.dashboard-switch-top,.documents-page .documents-tabs[aria-label="Dashboards"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:9px!important;box-sizing:border-box;width:100%;}
.master-dashboard-switch.dashboard-switch-top>a,.outlet-dashboard-switch.dashboard-switch-top>*,.documents-page .documents-tabs[aria-label="Dashboards"]>a{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;justify-content:initial!important;text-align:left!important;gap:10px!important;min-width:0!important;min-height:70px!important;padding:10px!important;font:700 12px/1.3 system-ui!important;box-sizing:border-box;}
.master-dashboard-switch.dashboard-switch-top svg,.outlet-dashboard-switch.dashboard-switch-top svg,.documents-page .documents-tabs[aria-label="Dashboards"] svg{width:27px!important;height:30px!important;padding:0!important;margin:0!important;}
.dashboard-switch-top span,.documents-tabs[aria-label="Dashboards"] span{min-width:0;overflow-wrap:normal!important;}
.coming-soon-label{font-size:10px!important;margin-top:4px!important;}
.filters,.filters>label{min-width:0;box-sizing:border-box;}.filters input,.filters select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}.filters input[type=month],.filters input[type=date]{appearance:none;min-inline-size:0;}
.documents-page .document-section>summary .document-section-title,.documents-page .document-staff-category .document-section-title{font:700 15px/1.3 system-ui!important;color:#650c28!important;}
.documents-page .document-section-title small{font:400 11px/1.4 system-ui!important;margin-top:6px;}
.documents-page .document-staff-category{display:flex!important;align-items:center;gap:12px;padding:16px!important;min-height:84px!important;box-sizing:border-box;}
.document-staff-category .document-section-title{flex:1;}.document-staff-category .document-section-count{margin-left:auto;text-align:center;min-width:36px;}.document-staff-category .document-section-count b{font:700 22px system-ui;}.document-staff-category .document-section-count small{display:block;font-size:10px;}.document-staff-category .staff-category-open{font-size:26px!important;}.document-staff-category .document-category-icon{width:32px!important;height:36px!important;}
.document-secondary-nav{display:flex;justify-content:flex-end;margin:8px 0;}.document-secondary-nav>a{font:600 12px system-ui;padding:10px;color:#70152e;}
.documents-page .document-status-grid{gap:8px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.documents-page .document-status-grid .status-tile{min-height:78px!important;padding:10px!important;border-radius:14px!important;}
.documents-page .status-tile-label{font-size:10px!important;letter-spacing:.5px!important;gap:5px!important;}
.documents-page .status-tile-value{gap:6px!important;align-items:baseline;}.documents-page .status-tile-value b{font-size:25px!important;line-height:1.2!important;}.documents-page .status-tile-value small{font-size:9px!important;}
.documents-page .status-tile:after{display:none!important;}.documents-page .status-other-filters{gap:6px!important;}.documents-page .status-other-filters button{font-size:11px!important;padding:8px 12px!important;min-height:34px!important;}
.staff-list-counts{display:flex;gap:12px;flex-wrap:wrap;font:500 12px system-ui;color:#70152e;margin:8px 0 12px;}
.comparison-v286 .neutral .target-progress>i{background:#9b9293!important;}.comparison-v286 .neutral .comparison-difference{background:#ece8e8;color:#655b5e;}
@keyframes bc-expiry-visible{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.5;filter:brightness(1.35)}}
@media(prefers-reduced-motion:no-preference){.staff-certificate-tab.blink-expired,.staff-certificate-tab.blink-expiring,.document-row[data-doc-status="expired"] .document-status,.document-row[data-doc-status="expiring"] .document-status,.document-alert,.document-section-title .dot-expired,.document-section-title .dot-expiring{animation:bc-expiry-visible 4s ease-in-out infinite!important;}}
@media(max-width:420px){.documents-page .document-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.documents-page .status-tile-value small{font-size:10px!important;}.documents-page .document-section>summary .document-section-title,.documents-page .document-staff-category .document-section-title{font-size:13px!important;}}
.compact-view-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}.compact-view-switch>a{min-width:0!important;min-height:48px!important;box-sizing:border-box;font-size:13px!important;padding:10px!important;}.compact-view-switch>a svg{width:24px!important;flex-shrink:0;}.compact-view-switch>a span{min-width:0;}
@media(prefers-reduced-motion:no-preference){.documents-page .status-tile.has-expiry-alert .status-tile-value b,.documents-page .status-tile.has-expiry-alert .status-dot{animation:bc-expiry-visible 4s ease-in-out infinite!important;}}

/* operations-v289.css */
.staff-certificate-tab svg{width:18px;height:18px;flex-shrink:0;}.staff-certificate-tab{gap:3px!important;}.staff-training-role{display:block!important;width:fit-content;background:#f3dde3!important;color:#79223e!important;padding:3px 7px;border-radius:6px;font-size:11px!important;}
.documents-page .document-section>summary,.documents-page .document-staff-category{display:grid!important;grid-template-columns:34px minmax(0,1fr) 42px 28px 16px!important;gap:10px!important;align-items:center!important;padding:16px!important;}.documents-page .document-section-count{grid-column:3!important;margin:0!important;text-align:center!important;min-width:0!important;}.documents-page .document-section-count b{font:700 22px/1.3 system-ui!important;font-variant-numeric:tabular-nums;}.documents-page .document-section-count small{font-size:10px!important;}.document-staff-category .staff-category-open{grid-column:5;}.documents-page .document-category-icon{width:34px!important;margin:0!important;}.documents-page .document-section>summary .sequence-edit{grid-column:4;padding:4px!important;min-width:0!important;width:28px!important;}.document-section>summary:after{grid-column:5!important;}.document-outlet-submit[hidden]{display:none!important;}
.chart-open-button .chart-scroll-viewport{max-height:190px!important;}.chart-open-button .compact-trend{height:185px!important;max-height:185px!important;}.trend-card{padding:12px!important;}.trend-card h2{margin:0 0 8px!important;font-size:17px!important;}
.compliance-live-bar{display:flex;justify-content:flex-end;gap:8px;align-items:center;position:absolute;top:10px;right:12px;}.summary-compliance,.waste-compliance{position:relative;}.compliance-live-bar button{background:transparent!important;color:#f3dd99!important;border:1px solid #c79a6277!important;border-radius:12px;padding:3px 7px!important;font-size:9px!important;min-height:22px!important;}.live-state{font:700 9px system-ui!important;color:#58e19b!important;}.unusual-entry-tab{font-size:11px!important;padding:6px 10px!important;min-height:30px!important;margin-top:6px!important;background:#ffebc5!important;color:#79162f!important;border:1px solid #c28e41!important;}.live-compliance-dialog{width:min(92vw,650px);box-sizing:border-box;max-height:85dvh;overflow:auto;background:#fff8ed;border:1px solid #c99e59;border-radius:18px;padding:18px;color:#5c1028;}.live-compliance-dialog::backdrop{background:#28071688;}.live-compliance-dialog h2{font-size:20px;}.live-compliance-dialog p{font-size:13px;line-height:1.45;}.live-compliance-dialog article{padding:12px 0;border-bottom:1px solid #dfcbbc;}.live-compliance-dialog button{font-size:12px;padding:8px 12px;}.live-compliance-dialog small{font-size:11px;}
@media(max-width:600px){.compliance-live-bar{position:static;float:right;margin-top:-2px;gap:4px;}.compliance-live-bar button{font-size:8px!important;}.staff-certificate-tab svg{width:15px;height:15px;}.documents-page .document-section>summary,.documents-page .document-staff-category{grid-template-columns:26px minmax(0,1fr) 30px 24px 12px!important;gap:6px!important;padding:12px!important;}.documents-page .document-category-icon{width:26px!important;}.documents-page .document-section-count b{font-size:20px!important;}}

/* operations-v292.css */
.staff-outlet-picker{margin:14px 0;width:100%;padding:14px 16px;border:1px solid #e1cfb8;border-radius:16px;background:#fffaf2}.staff-outlet-picker label{display:block;font-weight:700;color:#650921}.staff-outlet-picker select{display:block;width:100%;margin-top:7px;min-height:46px;font-size:16px}
.comparison-panel .target-progress>i,.comparison-panel .status-light{animation:none!important;opacity:1!important;transition:width .3s ease!important}
.document-row[data-doc-status="expired"] .document-status,.document-row[data-doc-status="expiring"] .document-status{background:#ffe0e5!important;color:#b40025!important;border-color:#d52244!important;font-weight:800}
.documents-page .status-tile.has-expiry-alert .status-tile-value b,.documents-page .status-tile.has-expiry-alert .status-dot{color:#ff4968!important}
.documents-page .status-tile.has-expiry-alert .status-dot,.document-section-title .dot-expired,.document-section-title .dot-expiring{background:#e52345!important}
@media(prefers-reduced-motion:no-preference){.document-row[data-doc-status="expired"] .document-status,.document-row[data-doc-status="expiring"] .document-status{animation:bc-document-red-alert 3.6s ease-in-out infinite!important}}
@keyframes bc-document-red-alert{0%,100%{box-shadow:0 0 0 0 #e5234500;opacity:1}50%{box-shadow:0 0 0 4px #e5234530;opacity:.55}}

/* operations-v293.css */
.staff-form fieldset[data-staff-section]{padding:18px;border:1px solid #decdbd;border-radius:16px;margin:16px 0}
.staff-form [data-staff-section="staff"]{background:#fff1de}
.staff-form [data-staff-section="pic"]{background:#f9e7ee}
.staff-form [data-staff-section="hygiene"]{background:#e8f3ed}
.staff-form [data-staff-section="ohc"]{background:#e7f0f8}
.staff-form [data-staff-section="fire"]{background:#fff0e5}
.staff-form [data-staff-section="firstaid"]{background:#efebf9}
.staff-file-status{display:block;margin:7px 0 0;font-size:12px;font-weight:600;line-height:1.4;color:#766764;overflow-wrap:anywhere}
.staff-file-status.is-uploaded{color:#167044}.staff-file-status.is-pending{color:#926008}
.staff-photo-upload{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.staff-photo-upload .button{position:relative;cursor:pointer}.staff-camera-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.documents-page .document-alert{background:#bd1839!important;color:#fff!important;border-color:#ef4567!important;opacity:1!important}
.staff-certificate-tab.blink-expired,.staff-certificate-tab.blink-expiring,.staff-certificate-tab.blink-missing,.staff-status.blink-missing,.documents-page .document-row:is([data-doc-status="expired"],[data-doc-status="expiring"],[data-doc-status="missing"]) .document-status{background:#ffd1d9!important;color:#97001e!important;border-color:#db2547!important;opacity:1!important}
@media(prefers-reduced-motion:no-preference){
 .staff-certificate-tab:is(.blink-expired,.blink-expiring,.blink-missing),.staff-status.blink-missing,.documents-page .document-row:is([data-doc-status="expired"],[data-doc-status="expiring"],[data-doc-status="missing"]) .document-status,.documents-page .document-alert{animation:bc-red-pulse-293 3.6s ease-in-out infinite!important}
 .staff-certificate-tab.blink-valid-missing,.staff-status.blink-valid-missing{animation:bc-green-pulse-293 4s ease-in-out infinite!important;opacity:1!important}
 .documents-page .status-tile.has-expiry-alert .status-tile-value b,.documents-page .status-tile.has-expiry-alert .status-dot{animation:bc-red-pulse-293 3.6s ease-in-out infinite!important;opacity:1!important}
}
@keyframes bc-red-pulse-293{0%,100%{filter:brightness(1);box-shadow:inset 0 0 0 0 #db254700}50%{filter:brightness(.82) saturate(1.7);box-shadow:inset 0 0 0 3px #db2547}}
@keyframes bc-green-pulse-293{0%,100%{filter:brightness(1);box-shadow:inset 0 0 0 0 #16835400}50%{filter:brightness(.85) saturate(1.5);box-shadow:inset 0 0 0 3px #168354}}

/* operations-v295.css */
.bc-refresh-icon,.bc-profile-icon{width:26px;height:26px;display:inline-block;vertical-align:middle;flex-shrink:0}.bc-profile-icon{color:#790d2c}.filters button .bc-refresh-icon,.waste-toolbar button .bc-refresh-icon{background:#fff3ec;border-radius:50%;padding:3px;box-sizing:content-box;margin-right:8px;width:21px;height:21px}.context-refresh-button,.profile-menu>summary{display:grid!important;place-items:center!important}.context-refresh-button[aria-busy="true"] .bc-refresh-icon{animation:bc-refresh-spin 2s linear infinite}.profile-menu>summary{color:#790d2c!important}
@keyframes bc-refresh-spin{to{transform:rotate(360deg)}}
.documents-page .document-section{margin:14px 0!important;padding:0!important}.documents-page .document-section>summary,.documents-page .document-staff-category{min-height:100px!important}
.documents-page .document-section>summary,.documents-page .document-staff-category{display:grid!important;grid-template-columns:40px minmax(0,1fr) 52px 34px 14px!important;gap:10px!important;align-items:center!important;padding:18px 14px!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
.documents-page .document-section>summary .document-category-icon,.documents-page .document-staff-category .document-category-icon{grid-column:1;width:40px!important;height:44px!important;display:grid!important;place-items:center!important;border:1px solid #ead5cc!important;border-radius:12px!important;background:#fff0ea!important;margin:0!important;padding:0!important}
.documents-page .document-category-icon svg{width:26px!important;height:26px!important}.documents-page .document-section-title{grid-column:2!important;min-width:0!important;margin:0!important}.documents-page .document-section-count{grid-column:3!important;text-align:center!important;margin:0!important;min-width:0!important}.documents-page .sequence-edit{grid-column:4!important;width:32px!important;padding:4px!important;margin:0!important}.documents-page .document-section>summary:after,.documents-page .staff-category-open{grid-column:5!important;grid-row:1!important;position:static!important;margin:0!important}.documents-page .document-staff-category{margin-top:14px!important}.file-remove-form{display:inline-block;margin:8px 0}.file-remove-form button{font-size:12px;padding:8px 12px}
@media(max-width:380px){.documents-page .document-section>summary,.documents-page .document-staff-category{grid-template-columns:32px minmax(0,1fr) 36px 27px 10px!important;gap:6px!important;padding:14px 10px!important}.documents-page .document-section>summary .document-category-icon,.documents-page .document-staff-category .document-category-icon{width:32px!important}.documents-page .sequence-edit{width:26px!important}}
@media(prefers-reduced-motion:reduce){.context-refresh-button[aria-busy="true"] .bc-refresh-icon{animation:none}}

/* operations-v296.css */
.documents-page .outlet-sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.documents-page .outlet-sequence-heading>.sequence-edit{width:auto!important;min-width:116px!important;padding:12px 18px!important;white-space:nowrap!important;flex:0 0 auto!important;max-width:100%;font-size:16px}
.documents-page .document-section>summary,.documents-page a.document-staff-category{grid-template-columns:44px minmax(0,1fr) 52px 32px 14px!important;column-gap:12px!important}
.documents-page .document-section>summary>*,.documents-page a.document-staff-category>*{grid-row:1!important;position:static!important;transform:none!important}
.documents-page .document-section>summary>.document-category-icon,.documents-page a.document-staff-category>.document-category-icon{grid-column:1!important;width:44px!important;justify-self:center}
.documents-page .document-section>summary>.document-section-title,.documents-page a.document-staff-category>.document-section-title{grid-column:2!important;padding:0!important;align-self:center!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important}
.documents-page .document-section-title small{display:block!important;font-size:12px!important;font-weight:400!important;margin-top:7px!important}
.documents-page .document-section>summary>.document-section-count,.documents-page a.document-staff-category>.document-section-count{grid-column:3!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-self:stretch!important;padding:0!important;width:auto!important}
.documents-page .document-section-count b{font-size:25px!important;line-height:1.2!important}.documents-page .document-section-count small{font-size:11px!important}
.documents-page .document-section>summary>.sequence-edit{grid-column:4!important;width:32px!important;min-width:0!important}
.outlet-module-fields{grid-column:1/-1;min-width:0;border:1px solid #dec4b7;border-radius:14px;padding:18px;background:#fff7ef}.outlet-module-fields legend{font-weight:700;color:#790d2c}.outlet-module-fields p,.outlet-module-fields small{font-size:13px}.outlet-module-fields .admin-check{display:flex;gap:10px;margin:14px 0;align-items:center}.outlet-module-fields input[type=checkbox]{width:20px;height:20px;accent-color:#790d2c}.profession-manager{margin:16px 0;padding:14px;border:1px solid #dec4b7;border-radius:12px}.profession-manager form{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.profession-manager label{flex:1;min-width:180px}
@media(max-width:480px){.documents-page .document-section>summary,.documents-page a.document-staff-category{grid-template-columns:32px minmax(0,1fr) 34px 26px 10px!important;column-gap:8px!important;padding:16px 10px!important}.documents-page .document-section>summary>.document-category-icon,.documents-page a.document-staff-category>.document-category-icon{width:32px!important}.documents-page .document-section>summary>.document-section-title,.documents-page a.document-staff-category>.document-section-title{font-size:15px!important}.documents-page .document-section>summary>.sequence-edit{width:26px!important}.documents-page .document-section-count b{font-size:22px!important}}

/* operations-v297.css */
.document-targets{grid-column:1/-1;min-width:0;border:1px solid #e2cbbd;border-radius:12px;padding:12px;background:#fff7ee}.document-targets legend{font-weight:700;color:#790d2c}.document-targets details{margin:10px 0}.document-targets details label{display:flex;align-items:center;gap:8px;margin:8px 0}.document-targets input[type=checkbox]{width:18px!important;height:18px!important;accent-color:#790d2c}.document-targets small{display:block;line-height:1.5}.document-bulk-action{width:100%;font-weight:400}.document-bulk-action>summary{padding:9px 12px;border:1px solid #d9bbc2;border-radius:8px;color:#790d2c;cursor:pointer}.document-bulk-action form{display:block!important;white-space:normal;padding:12px 0}.document-bulk-action p{font-size:12px;line-height:1.5}

.summary-compliance *,.waste-compliance *,.documents-page .document-alert,.documents-page .status-tile-value b{animation:none!important}.documents-screen .document-status i{animation:none!important}

/* management-readonly.css */
.management-readonly .staff-add,.management-readonly .sequence-edit,.management-readonly .document-row-toggle,.management-readonly .document-mobile-save,.management-readonly .document-add-disclosure,.management-readonly .grade-editor,.management-readonly [data-doc-upload],.management-readonly [data-doc-file],.management-readonly [data-staff-upload],.management-readonly .staff-profile>header>a{display:none!important}
.management-readonly input:disabled,.management-readonly select:disabled,.management-readonly textarea:disabled{opacity:1;color:inherit}

.management-readonly form[method="post"]:not([action="/master/logout"]):not([action="/team/account"]) button[type="submit"]:not(.ck-request-submit),.management-readonly form[method="post"]:not([action="/master/logout"]):not([action="/team/account"]) button:not([type]):not(.ck-request-submit),.management-readonly form[method="post"]:not([action="/master/logout"]):not([action="/team/account"]) input[type="file"]{display:none!important}

/* dashboard-v2999.css */
.records .record-summary-values{grid-template-columns:1.2fr 1fr 1fr;align-items:stretch}
.records .record-summary-values>span{min-width:0}
.records .record-summary-values>span.record-cost-with-gas{background:#f7efe0}
.records .record-summary-values>span>span{min-width:0}
.master-day-entries .master-entry-card{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}
.master-day-entries .master-entry-card>span:first-child,.master-day-entries .master-entry-card>b{grid-column:1/-1}
.master-day-entries .master-entry-card>span{min-width:0}
.sales-banner .sales-banner-stats{gap:12px;margin:14px 0 0!important}
.sales-banner .banner-stat{display:grid!important;grid-template-rows:1fr auto 18px;gap:10px;min-height:100px!important;padding:10px 12px!important;border:1px solid #c88570!important;border-bottom:3px solid #b89568!important;background:linear-gradient(145deg,#fff9ee 0%,#f5e5cd 55%,#ecd0ac 100%)!important;box-shadow:inset 0 2px 3px #ffffff45,inset 0 -2px 4px #30001066,0 3px 5px #29001040!important;border-radius:15px!important}
.sales-banner .banner-stat .banner-stat-label{display:grid!important;grid-template-columns:28px minmax(0,1fr) 26px;gap:6px;align-items:start;font-size:12px;line-height:1.3}
.sales-banner .banner-stat-label i{margin:0;width:26px;height:26px}
.sales-banner .banner-stat-label>span:not(.trend-badge){min-width:0}
.sales-banner .banner-stat-label .trend-badge{margin:0;width:26px!important;height:26px!important}
.sales-banner .banner-stat>strong{align-self:end;text-align:center;font-size:clamp(13px,1.7vw,22px)!important;line-height:1.25}
.sales-banner .banner-stat-note{display:block;text-align:center;font-size:11px;line-height:18px;margin:0;color:#ecd7cc}
.sales-banner .banner-stat:active{transform:translateY(2px);box-shadow:inset 0 1px 4px #30001088,0 2px 3px #29001055!important}
.sales-banner .banner-stat:focus-visible{outline:2px solid #ffe198;outline-offset:3px}
.sales-banner .banner-stat .trend-badge svg{animation:banner-arrow-blink 1.6s ease-in-out infinite}
@keyframes banner-arrow-blink{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:759px){
 .sales-banner .sales-banner-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .sales-banner .banner-stat{min-height:96px!important;padding:9px 10px!important}
 .sales-banner .banner-stat>strong{font-size:clamp(14px,3.8vw,20px)!important}
 .sales-banner .banner-stat .banner-stat-label{font-size:11px;grid-template-columns:24px minmax(0,1fr) 22px}
 .sales-banner .banner-stat-label .trend-badge{width:22px!important;height:22px!important}
 .records .record-summary-values{grid-template-columns:repeat(2,minmax(0,1fr))}
 .records .record-summary-values>span:first-child{grid-column:1/-1}
 .master-day-entries .master-entry-card{grid-template-columns:repeat(2,minmax(0,1fr))}
 .master-day-entries .master-entry-card>span:nth-child(2){grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.sales-banner .banner-stat .trend-badge svg{animation:none}}
.sales-banner .banner-stat{color:#351f19!important;grid-template-rows:1fr auto 14px;gap:5px}
.sales-banner .banner-stat>strong{color:#720b2b!important}
.sales-banner .banner-stat-note{color:#75675c;line-height:14px;font-size:10px}
.sales-banner .banner-stat-label i{color:#790b2b;background:#c982722b}
.trend-badge-good{color:#168651!important}.trend-badge-bad{color:#cd1843!important}
.trend-badge-good svg,.trend-badge-bad svg{animation:banner-arrow-blink 1.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.trend-badge svg{animation:none!important}}
/* Larger labels without increasing the compact tile footprint. */
.sales-banner .banner-stat .banner-stat-label{font-size:14px;font-weight:600;line-height:1.25;align-items:center}
.sales-banner .banner-stat-note{font-size:12px}
@media(max-width:759px){.sales-banner .banner-stat .banner-stat-label{font-size:12px;grid-template-columns:22px minmax(0,1fr) 22px;gap:5px}.sales-banner .banner-stat-label i{width:22px;height:22px}.sales-banner .banner-stat-note{font-size:11px}}



/* Outlet Management photo: fade inward from the upper right without moving content. */
.sales-banner{position:relative;isolation:isolate}
/* Mask the actual photo bounds, not the larger contain box: portrait photos
   must fade from their own left edge as well as the bottom edge. */
.sales-banner>.outlet-hero-photo{position:absolute;z-index:-1;pointer-events:none;top:0;right:0;width:76%;height:72%;display:flex;justify-content:flex-end;align-items:flex-start;overflow:hidden;opacity:.9}
.sales-banner>.outlet-hero-photo>img{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:top right;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.38) 30%,rgba(0,0,0,.8) 53%,#000 76%),linear-gradient(to bottom,#000 0%,#000 43%,rgba(0,0,0,.8) 62%,rgba(0,0,0,.3) 82%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.38) 30%,rgba(0,0,0,.8) 53%,#000 76%),linear-gradient(to bottom,#000 0%,#000 43%,rgba(0,0,0,.8) 62%,rgba(0,0,0,.3) 82%,transparent 100%);
 mask-composite:intersect}
@media(max-width:759px){.sales-banner>.outlet-hero-photo{width:86%;height:62%;opacity:.82}}

/* Readable headings, anchored trend indicators; values retain existing alignment. */
.sales-banner .banner-stat{position:relative!important}
.sales-banner .banner-stat .banner-stat-label{width:100%;box-sizing:border-box;grid-template-columns:26px minmax(0,1fr)!important;padding-right:30px;font-size:16px!important;line-height:1.3;min-height:42px}
.sales-banner .banner-stat-label .trend-badge{position:absolute;right:12px;top:12px;width:28px!important;height:28px!important}
@media(max-width:759px){.sales-banner .banner-stat .banner-stat-label{font-size:14px!important;grid-template-columns:20px minmax(0,1fr)!important;gap:5px;padding-right:23px;min-height:54px}.sales-banner .banner-stat-label .trend-badge{right:8px;top:10px;width:24px!important;height:24px!important}}

/* v2.99.18: override legacy mobile child sizing and label positioning. */
.sales-banner .banner-stat .banner-stat-label{position:static!important;align-content:start}
.sales-banner .banner-stat .banner-stat-label>span:not(.trend-badge){font-size:inherit!important;line-height:inherit!important}
.sales-banner .banner-stat .banner-stat-label>.trend-badge{right:12px!important;top:12px!important;width:28px!important;height:28px!important;min-width:28px!important}
@media(max-width:759px){
 .sales-banner .banner-stat .banner-stat-label{font-size:15px!important;padding-right:26px;min-height:58px}
 .sales-banner .banner-stat .banner-stat-label>.trend-badge{right:8px!important;top:10px!important;width:24px!important;height:24px!important;min-width:24px!important}
}

/* refinements-v29928.css */
.documents-screen .staff-workspace .staff-row .staff-avatar{width:72px!important;height:72px!important;flex-basis:72px!important;object-fit:cover;flex-shrink:0}
.sales-banner .banner-stat .banner-stat-label>.trend-badge{width:34px!important;height:34px!important;min-width:34px!important}
.sales-banner .banner-stat .banner-stat-label>.trend-badge svg{width:26px!important;height:26px!important}
.sales-banner .banner-stat .banner-stat-label{padding-right:38px!important}
.documents-page .document-group>summary .outlet-document-badges>b{background:#d9f3e4!important;color:#185e3d!important;border-color:#9dd0b1!important;text-shadow:none!important}
.documents-page .document-group>summary .outlet-document-badges>b.document-alert{background:#fbd6dc!important;color:#8b1935!important;border-color:#e7a7b3!important}
@media(max-width:600px){.documents-screen .staff-workspace .staff-row .staff-avatar{width:60px!important;height:60px!important;flex-basis:60px!important}.sales-banner .banner-stat .banner-stat-label>.trend-badge{width:30px!important;height:30px!important;min-width:30px!important}.sales-banner .banner-stat .banner-stat-label>.trend-badge svg{width:23px!important;height:23px!important}.sales-banner .banner-stat .banner-stat-label{padding-right:32px!important}}