:root{color-scheme:light;--ink:#17211c;--muted:#607067;--line:#dbe4df;--paper:#f7faf8;--green:#176b4d;--green-dark:#0d4b35;--mint:#dff3e9;--white:#fff;--danger:#9d2e2e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{min-height:68px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:36px;background:var(--ink);color:#fff}.brand{font-size:1.25rem;font-weight:800;letter-spacing:.02em}.topbar a{color:#fff;text-decoration:none}.topbar nav{display:flex;gap:8px}.topbar nav a{padding:10px 14px;border-radius:8px;color:#dbe6e0}.topbar nav a:hover{background:#2b3b32}.environment{margin-left:auto;color:#a9b9b0;font-size:.82rem}.shell{max-width:1480px;margin:0 auto;padding:clamp(28px,4vw,60px)}.hero{max-width:780px;padding:clamp(34px,6vw,76px) 0}.hero.compact{padding-top:30px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--green);margin:0 0 10px}h1{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.045em;line-height:1.02;margin:0 0 16px}.hero p,.page-heading p{color:var(--muted);line-height:1.65}.primary-action,.filters button{display:inline-block;background:var(--green);color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:750;text-decoration:none;cursor:pointer}.primary-action:hover,.filters button:hover{background:var(--green-dark)}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.page-heading h1{font-size:clamp(2rem,3vw,3rem)}.page-heading p{margin-bottom:0}.record-count{background:var(--mint);border-radius:14px;padding:14px 20px;display:flex;flex-direction:column;min-width:160px}.record-count strong{font-size:1.5rem}.record-count span{font-size:.78rem;color:var(--green-dark)}.filters{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(135px,.7fr)) auto auto;align-items:end;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:18px}.filters label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.78rem;font-weight:700}.filters input,.filters select{min-height:42px;border:1px solid #cbd7d0;border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink)}.filters>a{padding:11px;color:var(--green);font-weight:700}.table-frame{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 32px rgba(23,33,28,.05)}table{border-collapse:collapse;width:100%;min-width:1080px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #e8eeeb;white-space:nowrap}th{position:sticky;top:0;background:#eff5f1;color:#506158;text-transform:uppercase;letter-spacing:.06em;font-size:.69rem}td{font-variant-numeric:tabular-nums;font-size:.86rem}.timestamp{color:#405048}.status{display:inline-flex;min-width:28px;justify-content:center;background:#edf2ef;border-radius:999px;padding:4px 8px;font-weight:700}.pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;color:var(--muted)}.pagination div{display:flex;gap:8px}.pagination a{color:var(--green);border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;text-decoration:none;font-weight:700}.error-panel,.empty-panel{display:flex;flex-direction:column;gap:5px;border-radius:12px;padding:20px;background:#fff;border:1px solid var(--line)}.error-panel{border-color:#e7bcbc;color:var(--danger)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}@media(max-width:900px){.environment{display:none}.filters{grid-template-columns:1fr 1fr}.page-heading{align-items:start;flex-direction:column}.record-count{width:100%}}@media(max-width:560px){.topbar{gap:12px}.topbar nav{margin-left:auto}.shell{padding:24px 14px}.filters{grid-template-columns:1fr}}
.brand span{color:#83d6ad}.customer-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.customer-heading h1{font-size:clamp(2.2rem,4vw,4rem)}.customer-heading p{margin:0;color:var(--muted)}.evidence-badge{padding:9px 13px;background:#fff5d9;color:#7b5b0b;border:1px solid #ecd895;border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.customer-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:20px}.customer-filters label,.login-card label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.75rem;font-weight:800}.customer-filters input,.customer-filters select,.login-card input{min-height:44px;border:1px solid #cad7d0;border-radius:8px;padding:8px 11px;background:#fff;color:var(--ink)}.customer-filters button,.login-card button{height:44px;border:0;border-radius:8px;padding:0 22px;background:var(--green);color:#fff;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-grid article{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.metric-grid span{color:var(--muted);font-size:.77rem;font-weight:700}.metric-grid strong{font-size:1.8rem;letter-spacing:-.03em}.metric-grid small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.panel h2,.section-title h2{margin:0;font-size:1.35rem}.trend-panel header,.section-title,.washroom-card header{display:flex;justify-content:space-between;align-items:start}.trend-panel header>strong{font-size:1.65rem}.trend-panel header small{display:block;color:var(--muted);font-size:.68rem;text-align:right}.bar-chart,.detail-chart{height:260px;display:flex;align-items:end;gap:5px;border-bottom:1px solid var(--line);padding-top:36px;margin-top:16px}.bar-column,.detail-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative;min-width:10px}.bar-column i,.detail-column i{display:block;width:70%;max-width:26px;background:linear-gradient(#48ae7a,#176b4d);border-radius:5px 5px 0 0}.bar-column>span,.detail-column>span{font-size:.66rem;color:var(--muted);min-height:16px}.bar-column small,.detail-column small{font-size:.6rem;color:var(--muted);margin-top:6px}.data-note{font-size:.74rem;line-height:1.5;color:var(--muted);margin:16px 0 0}.level-list>a{display:flex;justify-content:space-between;align-items:center;padding:12px;margin:5px -8px;border-radius:10px;text-decoration:none;color:var(--ink)}.level-list>a:hover,.level-list>a.active{background:var(--mint)}.level-list a span{display:flex;flex-direction:column}.level-list a small{color:var(--muted);margin-top:3px}.level-list a b{font-size:1.15rem}.washroom-section{margin-top:34px}.section-title{margin-bottom:15px}.section-title>span{color:var(--muted);font-size:.8rem}.washroom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.washroom-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}.washroom-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(23,33,28,.09)}.washroom-card header span{display:flex;flex-direction:column}.washroom-card header strong{font-size:1.3rem}.washroom-card header small,.washroom-card footer{color:var(--muted)}.washroom-card header b{font-size:1.5rem}.spark-bars{height:58px;display:flex;align-items:end;gap:3px;margin:18px 0}.spark-bars i{flex:1;background:#79c49e;border-radius:2px 2px 0 0}.washroom-card footer{display:flex;justify-content:space-between;font-size:.7rem}.back-link{display:inline-block;margin-bottom:24px;color:var(--green);font-weight:750;text-decoration:none}.detail-metrics{grid-template-columns:repeat(3,1fr)}.detail-panel{margin-top:18px}.detail-column b{position:absolute;bottom:-8px;background:#d98b24;color:#fff;border-radius:50%;width:17px;height:17px;text-align:center;font-size:.7rem;z-index:2}.login-card{max-width:430px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:0 18px 60px rgba(23,33,28,.09)}.login-card h1{font-size:2.4rem}.login-card>p{color:var(--muted)}.login-card form{display:flex;flex-direction:column;gap:14px;margin-top:24px}.validation{color:var(--danger);font-size:.85rem}.login-note{display:block;color:var(--muted);line-height:1.5;margin-top:22px}.operator{font-size:.82rem}.logout{border:1px solid #526158;background:transparent;color:#fff;border-radius:7px;padding:7px 10px}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.washroom-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.customer-heading{align-items:start;flex-direction:column}.customer-filters{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.bar-chart{overflow-x:auto}.bar-column{min-width:22px}.washroom-grid{grid-template-columns:1fr}}@media(max-width:520px){.metric-grid,.detail-metrics,.customer-filters{grid-template-columns:1fr}.topbar nav{display:none}.customer-heading h1{font-size:2.2rem}.washroom-card footer{gap:8px;flex-direction:column}}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.status-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.status-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#e8f1ff;color:#246bc4;font-weight:900}.status-card>div{display:grid}.status-card small{color:var(--muted);font-weight:750}.status-card strong{font-size:1.55rem}.status-card em{font-size:.67rem;color:var(--muted);font-style:normal}.status-card.critical .status-icon{background:#ffe7e5;color:#c9362b}.status-card.low .status-icon{background:#fff0d8;color:#cc7a0a}.status-card.healthy .status-icon{background:#e2f6e9;color:#21884e}.priority-panel{margin-top:18px}.priority-panel>header,.mobile-list>header,.mobile-alerts>header{display:flex;align-items:center;justify-content:space-between}.priority-panel>header>a{color:var(--green);font-size:.8rem;font-weight:750;text-decoration:none}.priority-table{margin-top:14px}.priority-row{display:grid;grid-template-columns:1.3fr .7fr 1fr .8fr 1fr;gap:14px;align-items:center;padding:12px 8px;border-bottom:1px solid #edf1ef;text-decoration:none;color:var(--ink);font-size:.8rem}.priority-row>span:first-child{display:grid}.priority-row small{color:var(--muted)}.priority-head{color:var(--muted);font-size:.68rem;text-transform:uppercase;font-weight:800}.priority-row i,.room-copy i{display:block;height:5px;background:#edf0ef;border-radius:5px;margin-top:5px;overflow:hidden}.priority-row i u,.room-copy i u{display:block;height:100%;background:#d8342b;text-decoration:none}.status-pill{display:inline-block;border-radius:5px;padding:5px 8px;font-style:normal;font-size:.68rem;font-weight:800}.status-pill.critical{color:#b5231b;background:#ffe4e1}.status-pill.low{color:#a85d00;background:#fff0d6}.status-pill.healthy{color:#14753e;background:#def4e6}.phone-shell{max-width:430px;margin:0 auto;background:#f7f8fa;border:1px solid #d9dfe5;border-radius:30px;overflow:hidden;box-shadow:0 25px 70px rgba(20,30,50,.16)}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 13px;background:#fff}.mobile-header small{color:var(--muted)}.mobile-header h1{font-size:1.35rem;margin:4px 0 0;letter-spacing:-.02em}.mobile-header>span{color:#d32e26}.mobile-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 15px 15px;background:#fff}.mobile-status article{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 5px}.mobile-status strong{font-size:1.4rem}.mobile-status small{font-size:.68rem}.mobile-status .critical{color:#c52c22}.mobile-status .low{color:#bd720d}.mobile-status .healthy{color:#1e864c}.mobile-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 15px}.mobile-filters button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;color:#39443e}.mobile-list,.mobile-alerts{background:#fff;margin:0 12px 12px;border:1px solid var(--line);border-radius:14px;padding:15px}.mobile-list h2,.mobile-alerts h2{font-size:.95rem;margin:0}.mobile-list header small{color:var(--muted);font-size:.65rem}.mobile-list header>b{background:#dc342b;color:#fff;border-radius:99px;padding:3px 7px;font-size:.7rem}.mobile-list>a{display:grid;grid-template-columns:24px 1fr auto 10px;gap:9px;align-items:center;text-decoration:none;color:var(--ink);padding:13px 0;border-bottom:1px solid #edf0ef}.rank{display:grid;place-items:center;width:22px;height:22px;background:#df3b31;color:#fff;border-radius:50%;font-size:.7rem;font-weight:800}.room-copy{display:grid;min-width:0}.room-copy strong{font-size:.76rem}.room-copy small{font-size:.62rem;color:var(--muted)}.mobile-action{display:grid;justify-items:end;gap:4px}.mobile-action small{color:var(--muted);font-size:.62rem}.mobile-alerts header a{color:var(--green);font-size:.7rem}.mobile-alerts p{display:flex;justify-content:space-between;gap:6px;font-size:.72rem;border-top:1px solid #edf0ef;padding-top:11px}.mobile-alerts p b{color:#b52a24}.mobile-alerts p small{color:var(--muted)}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:11px 8px 16px}.mobile-nav a{display:grid;justify-items:center;color:#7b8580;text-decoration:none}.mobile-nav a small{font-size:.62rem}.mobile-nav a.active{color:#2767d6}@media(max-width:900px){.status-grid{grid-template-columns:1fr 1fr}.priority-table{overflow-x:auto}.priority-row{min-width:760px}}@media(max-width:520px){.status-grid{grid-template-columns:1fr 1fr}.phone-shell{border-radius:0;margin:-24px -14px;max-width:none;min-height:100vh}.phone-shell+.topbar{display:none}}
.mobile-key-summary{display:none}.bar-column,.detail-column{justify-content:flex-end;overflow:visible}.bar-column i,.detail-column i{flex:0 0 auto;min-height:3px;box-shadow:0 0 0 1px rgba(13,75,53,.08)}.bar-column>span,.detail-column>span{flex:0 0 16px}.bar-column small,.detail-column small{flex:0 0 auto}.spark-bars{align-items:flex-end}.spark-bars i{display:block;flex:1 0 0;min-height:3px;background:linear-gradient(#79c49e,#2d9362)}.mobile-header em{display:block;margin-top:5px;color:#8a680b;font-size:.62rem;font-style:normal;font-weight:800;text-transform:uppercase}.room-copy>span{font-size:.62rem;color:var(--muted)}.mobile-action>b{font-size:.6rem;color:var(--muted);font-weight:650;max-width:112px;text-align:right}
@media(max-width:900px){.priority-table{overflow:visible}.priority-row{grid-template-columns:1fr 1fr;gap:9px;min-width:0;margin-bottom:10px;padding:14px;border:1px solid var(--line);border-radius:10px}.priority-head{display:none}.bar-chart,.detail-chart{gap:3px}.bar-column i,.detail-column i{width:82%}}
@media(max-width:520px){.mobile-key-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}.mobile-key-summary article{display:grid;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.mobile-key-summary small{color:var(--muted);font-size:.66rem;font-weight:750}.mobile-key-summary strong{font-size:1.35rem}.mobile-key-summary span{color:var(--muted);font-size:.65rem}.metric-grid{display:none}.customer-filters{margin-bottom:14px}.dashboard-grid{margin-top:14px}.bar-chart,.detail-chart{height:220px;gap:2px;overflow:hidden}.bar-column{min-width:0}.bar-column small,.detail-column small{font-size:.52rem;writing-mode:vertical-rl;margin-top:4px}.priority-row{grid-template-columns:1fr}.priority-row>span{display:grid;gap:3px}.priority-row>span:nth-child(2)::before{content:"Level";color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.mobile-list>a{grid-template-columns:24px minmax(0,1fr) minmax(90px,auto) 10px}.mobile-action .status-pill{white-space:normal;text-align:right}}
.bar-scale-1{height:9px}.bar-scale-2{height:18px}.bar-scale-3{height:27px}.bar-scale-4{height:36px}.bar-scale-5{height:45px}.bar-scale-6{height:54px}.bar-scale-7{height:63px}.bar-scale-8{height:72px}.bar-scale-9{height:81px}.bar-scale-10{height:90px}.bar-scale-11{height:99px}.bar-scale-12{height:108px}.bar-scale-13{height:117px}.bar-scale-14{height:126px}.bar-scale-15{height:135px}.bar-scale-16{height:144px}.bar-scale-17{height:153px}.bar-scale-18{height:162px}.bar-scale-19{height:171px}.bar-scale-20{height:180px}.spark-scale-1{height:5px}.spark-scale-2{height:10px}.spark-scale-3{height:15px}.spark-scale-4{height:20px}.spark-scale-5{height:25px}.spark-scale-6{height:30px}.spark-scale-7{height:35px}.spark-scale-8{height:40px}.spark-scale-9{height:45px}.spark-scale-10{height:50px}.priority-row progress,.room-copy progress{width:100%;height:7px;border:0;border-radius:6px;overflow:hidden;accent-color:#d83b32}.priority-row progress::-webkit-progress-bar,.room-copy progress::-webkit-progress-bar{background:#edf0ef}.priority-row progress::-webkit-progress-value,.room-copy progress::-webkit-progress-value{background:#d83b32}.priority-row progress::-moz-progress-bar,.room-copy progress::-moz-progress-bar{background:#d83b32}

/* Proposal-style customer preview */
.proposal-heading{padding:12px 0 4px}.proposal-heading h1{font-size:clamp(2.35rem,4vw,4.3rem)}.freshness-block{display:flex;align-items:center;gap:14px;text-align:right}.freshness-block small{color:var(--muted);line-height:1.45}.freshness-block b{color:var(--ink)}.proposal-filters{grid-template-columns:1.7fr 1fr 1.25fr 1.15fr auto;margin-bottom:8px}.filter-guidance{margin:0 0 20px;color:var(--muted);font-size:.75rem}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.overview-strip>a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-height:104px;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}.overview-strip>a:hover,.overview-strip>a:focus-visible{transform:translateY(-2px);border-color:#85bca0;box-shadow:0 10px 28px rgba(23,33,28,.08)}.overview-strip a>div{display:flex;flex-direction:column}.overview-strip small{color:var(--muted);font-weight:750}.overview-strip strong{font-size:1.55rem;line-height:1.15;margin:3px 0}.overview-strip em{color:var(--muted);font-size:.68rem;font-style:normal}.overview-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:11px;font-size:1.15rem;font-weight:900}.overview-icon.blue{background:#e7f0ff;color:#246bc4}.overview-icon.green{background:#e2f6e9;color:#21884e}.overview-icon.amber{background:#fff0d8;color:#b76d05}.overview-icon.mint{background:var(--mint);color:var(--green)}.proposal-dashboard{margin-bottom:18px;scroll-margin-top:20px}.panel-title{display:flex;align-items:start;justify-content:space-between}.panel-title>span{color:var(--muted);font-size:.78rem}.customer-list-panel{padding-bottom:12px;scroll-margin-top:20px}.customer-list{display:grid;grid-template-columns:1.1fr 1fr 1.25fr 1fr .8fr .8fr;gap:14px;align-items:center;padding:14px 8px;border-bottom:1px solid #e9efec;color:var(--ink);text-decoration:none}.customer-list>span{display:flex;flex-direction:column}.customer-list small{color:var(--muted);margin-top:3px}.customer-list:hover{background:#f8fbf9}.customer-list-head{color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.historical-pill{align-self:flex-start;background:#fff5d9;color:#7b5b0b;border-radius:999px;padding:5px 8px;font-size:.68rem;font-style:normal;font-weight:800}.detail-link{color:var(--green);font-size:.76rem;font-weight:800}.proposal-cards{margin-top:30px;scroll-margin-top:20px}.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:22px;color:var(--muted);font-size:.8rem}.breadcrumb a{color:var(--green);font-weight:750;text-decoration:none}.detail-heading{margin-bottom:20px}.detail-strip{grid-template-columns:repeat(3,1fr)}.detail-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:18px}.panel-total{font-size:1.7rem}.panel-total small{display:block;color:var(--muted);font-size:.65rem;text-align:right}.period-panel h2{margin:0 0 18px}.period-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0}.period-row span{display:flex;flex-direction:column}.period-row small{color:var(--muted);margin-top:2px}.period-row i{grid-column:1/-1;height:7px;background:#edf2ef;border-radius:8px;overflow:hidden}.period-row i u{display:block;height:100%;background:linear-gradient(90deg,var(--green),#69bc91);border-radius:8px}.customer-information{margin-top:18px}.information-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.information-grid>div{display:flex;flex-direction:column;gap:4px;background:#f6f9f7;border-radius:10px;padding:14px}.information-grid small{color:var(--muted)}.proposal-phone .mobile-status article:nth-child(2){color:var(--green)}.proposal-phone .mobile-status strong{font-size:1.05rem}.proposal-phone .mobile-nav{grid-template-columns:repeat(3,1fr)}
@media(max-width:1050px){.overview-strip{grid-template-columns:1fr 1fr}.customer-list{grid-template-columns:1fr 1fr 1fr}.customer-list-head{display:none}.customer-list>span:nth-child(2)::before,.customer-list>span:nth-child(4)::before,.customer-list>span:nth-child(5)::before{color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.customer-list>span:nth-child(2)::before{content:"Type"}.customer-list>span:nth-child(4)::before{content:"Last Updated"}.customer-list>span:nth-child(5)::before{content:"Data status"}}
@media(max-width:760px){.freshness-block{align-items:flex-start;text-align:left}.proposal-filters{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr}.information-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.proposal-heading h1{font-size:2.15rem}.overview-strip{grid-template-columns:1fr 1fr}.overview-strip>a{align-items:flex-start;min-height:116px;padding:14px}.overview-icon{width:34px;height:34px;flex-basis:34px}.overview-strip strong{font-size:1.2rem}.proposal-filters{grid-template-columns:1fr}.customer-list{grid-template-columns:1fr 1fr;padding:16px 4px}.customer-list .detail-link{grid-column:1/-1}.detail-strip{grid-template-columns:1fr}.information-grid{grid-template-columns:1fr}.detail-heading .freshness-block{width:100%;justify-content:space-between}}
.overview-strip>article{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-height:104px}.overview-strip article>div{display:flex;flex-direction:column}.customer-list{grid-template-columns:1fr .85fr 1.15fr 1.15fr .9fr .75fr .75fr}.remaining-cell i,.remaining-meter{display:block;height:8px;background:#e8efeb;border-radius:999px;overflow:hidden;margin:5px 0}.remaining-cell i u,.remaining-meter i{display:block;height:100%;background:linear-gradient(90deg,#d99b34,#3ca66f);border-radius:999px}.remaining-caption{margin:7px 0 0;color:var(--muted);font-size:.7rem}.current-pill{align-self:flex-start;background:#e2f6e9;color:#207a49;border-radius:999px;padding:5px 8px;font-size:.68rem;font-style:normal;font-weight:800}
@media(max-width:1050px){.customer-list{grid-template-columns:1fr 1fr 1fr}.customer-list>span:nth-child(4)::before{content:"Estimated Remaining";color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}}
@media(max-width:520px){.overview-strip>article{align-items:flex-start;min-height:116px;padding:14px}}
.snapshot-badge{background:#e2f6e9;color:#207a49;border-color:#b9e3ca}