:root{--navy:#182e42;--navy-deep:#122638;--blue:#255b7a;--teal:#2b6e70;--bg:#f4f6f8;--line:#e2e7eb;--text:#203448;--muted:#647586;--white:#fff;--amber:#835318;--amber-bg:#fff7e7;--radius:12px;--shadow:0 2px 6px #18304404}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1{font-size:29px;font-weight:700;letter-spacing:.025em;line-height:1.4;margin-bottom:10px}h2{font-size:17px;margin-bottom:16px}h3{font-size:15px;margin-bottom:9px}h4{font-size:13px;margin-bottom:4px}.lead{color:var(--muted);margin:0;font-size:14px}.muted,.meta{color:var(--muted)}.meta{font-size:12px;margin-top:5px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--teal);margin-bottom:10px}.eyebrow-divider{margin:0 9px;color:#98a5b2}.nowrap{white-space:nowrap}.break-word{overflow-wrap:anywhere}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--navy);color:#d5dfe7;display:flex;flex-direction:column;padding:32px 20px;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;white-space:nowrap;font-size:17px;font-weight:700;letter-spacing:.03em;margin-bottom:52px}.brand:hover{text-decoration:none}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.13em;color:#a1b2c0;margin-top:4px}.brand-mark{display:grid;place-items:center;background:#cfb990;color:var(--navy-deep);width:36px;height:38px;border-radius:8px;font-size:24px;font-family:Georgia,serif}.sidebar-caption{font-size:10px;letter-spacing:.1em;color:#8fa3b5;margin:0 12px 14px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:8px;font-size:13px;color:#bdccd9;min-height:46px}.sidebar nav a>span{font-size:20px;line-height:1;width:19px;color:#8fa9bd}.sidebar nav a:hover,.sidebar nav a[aria-current]{background:#2b4257;color:white;text-decoration:none}.sidebar nav a[aria-current]{box-shadow:inset 3px 0 #d1bc97}.sidebar-bottom{margin-top:auto;padding:28px 8px 0;font-size:11px;color:#9eb0bf}.sidebar-bottom p{margin:7px 0 22px}.local-label{display:flex;gap:8px;align-items:center;color:#d4e0e8;font-size:12px}.local-label span{width:6px;height:6px;border-radius:50%;background:#aac4b8}.user-row{padding-top:17px;border-top:1px solid #354b5e;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.user-row>span{max-width:90px;overflow-wrap:anywhere}.logout{border:0;background:transparent;color:#c9d8e2;font-size:11px;padding:6px 0}.workspace{margin-left:232px}.topbar{height:68px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:11px;color:var(--muted)}.topbar strong{font-weight:500;color:var(--text)}.divider{margin:0 13px;color:#b2bec9}.topbar-note{font-size:11px;color:#7c8996}main{padding:34px 36px 48px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;min-height:42px;padding:10px 17px;font-size:12px;line-height:1.5;border:1px solid var(--line);background:white;color:var(--text);white-space:nowrap;font-weight:600;text-align:center}.button:hover{text-decoration:none;background:#f4f7fa}.button.primary{background:var(--navy);color:white;border-color:var(--navy)}.button.primary:hover{background:#2a475e}.button.secondary{background:#fff;border-color:#d3dce3}.button.secondary:hover{background:#edf3f7}.button.danger{color:#943d34;border-color:#e6c9c4}.button:disabled{cursor:not-allowed;color:#909daa;background:#eef1f4;border-color:#e0e6eb}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr;gap:16px;margin:0 0 28px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;min-width:0;box-shadow:var(--shadow)}.stat>span{font-size:12px;color:var(--muted)}.stat>strong{display:block;font-size:32px;line-height:1.35;letter-spacing:-.035em;font-weight:650;margin:9px 0 5px;font-variant-numeric:tabular-nums}.stat strong small{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:0;margin-left:8px}.stat>p{margin:4px 0 0;color:var(--muted);font-size:10px}.status-stat{background:#ecf1f4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}.stat strong.small-value{font-size:15px;letter-spacing:0;margin:3px 0}.status-stat a{font-size:11px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);margin-bottom:24px;min-width:0;overflow:hidden}.padded{padding:24px}.panel-heading{padding:20px 23px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-heading h2{margin-bottom:0}.panel-heading>.muted{font-size:11px}.panel-heading+table,.panel-heading+.table-wrap{margin-top:19px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:20px 23px 23px}.filters .field{margin:0;min-width:120px;flex:1}.filters .search{flex:1.5;min-width:190px}.filters .field label{font-size:10px;color:var(--muted)}.filters .field select,.filters .field input{height:40px;font-size:12px}.filters>.button{min-height:40px}.filters .text-link{padding:10px 0;font-size:11px;align-self:end}.filters.compact{padding:0;justify-content:flex-start}.filters.compact .field{max-width:340px}.field{margin-bottom:18px;min-width:0}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input:not([type=checkbox]):not([type=hidden]),select,textarea{border:1px solid #d7dfe6;border-radius:6px;background:#fff;color:var(--text);padding:10px 12px;width:100%;min-height:43px;max-width:100%}input[type=file]{font-size:12px;padding:9px!important}input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}input::placeholder{color:#8d99a5}input:focus,select:focus,textarea:focus{outline:2px solid #a3c4d6;outline-offset:1px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8db4cd;outline-offset:3px}textarea{resize:vertical}.help{font-size:11px;color:var(--muted);margin-top:7px}.help ul{padding-left:18px;margin-bottom:0}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:4px}.form-panel{max-width:950px;padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}.span-two{grid-column:1/-1}.two-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}.table-wrap{overflow:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#f8fafb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;color:#758390;font-size:10px;font-weight:600;padding:12px 20px;white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #edf0f3;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}.numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.case-title{font-weight:650;font-size:13px;color:var(--text)}.source-tag{display:inline-block;font-size:9px;color:#778996;letter-spacing:.03em;border:1px solid #e2e8ec;border-radius:3px;padding:1px 5px;margin-top:6px}.pill{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:500;white-space:nowrap}.pill.blue{background:#edf4f8;color:#3b6582}.pill.amber{background:#fff4dc;color:#866121}.pill.neutral{background:#eef1f3;color:#637584}.row-link{display:inline-flex;justify-content:center;align-items:center;width:32px;height:34px;border:1px solid #e2e9ee;border-radius:6px;font-size:17px}.empty{text-align:center;padding:44px 20px;color:var(--muted)}.empty h3{font-size:17px;color:var(--text);margin-bottom:10px}.empty p{font-size:12px;max-width:470px;margin:0 auto 20px}.empty-symbol{font-size:36px;color:#9cb0be;margin-bottom:10px}.reference-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px dashed #d2dde5;border-radius:var(--radius);padding:20px 24px;margin-top:28px}.reference-panel h3{font-size:12px;margin-bottom:5px}.reference-panel p{font-size:11px;color:var(--muted);margin:0}.notice{padding:17px 20px;border-radius:8px;border:1px solid #ecdcbc;background:#fffaef;color:#7a603b;font-size:12px;margin:0 0 24px;display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center}.notice strong{font-size:12px}.neutral-notice{background:#edf3f6;border-color:#d9e4eb;color:#5d7385}.back-link{display:inline-block;font-size:12px;margin:0 0 18px;color:var(--muted);padding:4px 0}.date-strip{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr 1.45fr 1fr;gap:22px}.date-strip>div+div{border-left:1px solid var(--line);padding-left:22px}.date-strip span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.date-strip strong{font-size:17px;font-weight:600}.date-strip .date-small{font-size:13px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 14px}.section-title h2{margin-bottom:4px}.section-title p{font-size:11px;color:var(--muted);margin:0}.wrap-cell{max-width:300px;min-width:150px;overflow-wrap:anywhere}.inline-actions{display:flex;gap:12px;white-space:nowrap}.inline-actions a{padding:6px 0}.panel-foot{padding:17px 23px;background:#fcfdfe;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.calculation-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.results{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.results .stat>strong{font-size:27px}.issue-list{background:var(--amber-bg);border:1px solid #f0dfbd;padding:20px 24px;border-radius:9px;margin-bottom:23px;color:var(--amber)}.issue-list h3{font-size:12px}.issue-list p{font-size:12px;display:flex;gap:10px;margin:8px 0}.issue-dot{display:inline-grid;place-items:center;border:1px solid #c9a267;width:17px;height:17px;flex-shrink:0;line-height:1;border-radius:50%;font-size:10px;margin-top:2px}.details-panel>summary{padding:18px 23px;cursor:pointer;font-size:13px;font-weight:600}.details-panel>summary span{color:var(--muted);font-size:11px;font-weight:400;margin-left:10px}.product-name{min-width:290px;max-width:450px}.summary-totals{display:flex;gap:16px 26px;flex-wrap:wrap;justify-content:flex-end;padding:22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.summary-totals strong{display:block;text-align:right;font-size:15px;color:var(--text);margin-top:5px}.approval-panel{background:#edf1f4;border:1px solid #dce4ea;border-radius:var(--radius);padding:26px;margin:20px 0 26px}.approval-panel h2{margin-bottom:8px}.approval-panel p{color:var(--muted);font-size:12px}.approval-panel ul{font-size:12px;color:#637484;line-height:2;padding-left:18px}.approval-panel .text-link{font-size:12px}.history-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.history-row:last-child{border-bottom:0}.history-row span{display:block;font-size:11px;color:var(--muted)}.history-row strong{font-size:12px;font-weight:500}.document-row{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line);color:var(--text)}.document-row:last-child{border-bottom:0}.document-row>div{min-width:0;flex:1}.document-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.document-row div span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.pdf-icon{display:grid;place-items:center;width:33px;height:39px;border:1px solid #dccfc8;color:#9b6f5f;font-size:10px;border-radius:4px;flex-shrink:0}.evidence-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.pdf-panel iframe{width:100%;height:620px;border:0}.text-page{border-top:1px solid var(--line);padding:16px 0}.text-page summary{font-size:12px;cursor:pointer}.text-page pre,.audit-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:11px;max-height:450px;overflow:auto;background:#f6f8fa;padding:14px;border-radius:5px}.evidence-note{padding:17px 0;border-bottom:1px solid var(--line)}blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid #bdcfdc;background:#f7f9fa;white-space:pre-wrap;font-size:12px}.evidence-note p{font-size:12px}.line-editor{border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:15px;background:#fafcfd}.line-fields{display:grid;grid-template-columns:2fr .65fr .65fr 1fr .7fr .4fr;gap:12px;align-items:start}.line-fields .field{margin:0}.line-fields label{font-size:10px}.line-fields input{font-size:12px}.reason-field{margin-top:24px}.readable-list{padding-left:20px;line-height:2.3;font-size:13px}.readable-list strong{font-size:11px;color:var(--muted);margin-right:8px}.audit-detail{margin-top:8px}.audit-detail summary{color:var(--blue);cursor:pointer;font-size:11px}.audit-detail pre{max-width:600px;min-width:250px}.errorlist{list-style:none;padding:12px 15px;margin:10px 0;background:#fff0ef;border:1px solid #eed2cf;color:#9c453b;border-radius:6px;font-size:12px}.errorlist li+li{margin-top:5px}.messages{margin-bottom:24px}.message{padding:14px 18px;border-radius:7px;margin-bottom:8px;background:#eaf3f0;border:1px solid #d1e4dc;color:#306350;font-size:12px}.message.error{background:#fff0ef;border-color:#ebd1cd;color:#943e35}.duplicate-results{font-size:11px;color:#8c6426;margin-top:9px}.duplicate-results a{display:block;padding:4px 0}.auth-workspace main{max-width:540px;padding:9vh 24px 35px}.auth-card{padding:35px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 12px 50px #1e364312}.auth-card .lead{margin-bottom:26px}.auth-card .notice{font-size:11px;padding:12px 15px}.auth-card .button{margin-top:12px}.auth-card h1{font-size:26px}.auth-workspace footer{text-align:center;display:block;border:0;padding:0 24px 30px}.auth-workspace footer span{display:block;margin-top:4px}.skip{position:fixed;left:10px;top:-100px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{max-width:1600px;margin:auto;padding:18px 36px;border-top:1px solid var(--line);color:#7f8d98;font-size:10px;display:flex;justify-content:space-between;gap:15px}
.review-links{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 24px}.unbind-control{margin-top:14px;min-width:180px}.unbind-control summary{cursor:pointer;padding:8px 0}.unbind-control form{padding:14px 0}.wrap-cell .pill{white-space:normal}.padded form>p>label{display:block;margin:12px 0 7px;font-size:12px;font-weight:600}
.mobile-account{display:none}.mobile-account button{border:0;background:transparent;color:var(--muted);padding:8px 0;font-size:10px;min-height:36px}
@media(max-width:900px){.mobile-account{display:block}}
@media(min-width:1500px){main{padding:42px 48px}.results .stat>strong{font-size:32px}}
@media(max-width:1200px){.sidebar{width:205px;padding:28px 15px}.workspace{margin-left:205px}main{padding:30px 24px}.topbar{padding:0 24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.results{grid-template-columns:repeat(3,minmax(0,1fr))}.results .stat>strong{font-size:22px}.stat{padding:18px}.two-columns{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}td,th{padding-left:16px;padding-right:16px}.line-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.line-fields .field:first-child{grid-column:1/-1}.date-strip{gap:15px;padding:18px}.date-strip>div+div{padding-left:15px}.date-strip strong{font-size:15px}}
@media(max-width:900px){.sidebar{position:static;width:auto;padding:16px 20px 0;display:block}.brand{margin-bottom:14px;font-size:16px}.brand-mark{width:30px;height:32px;font-size:22px}.brand small{font-size:7px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;margin:0 -20px;padding:0 16px 12px}.sidebar nav a{flex-shrink:0;padding:9px 11px;font-size:11px;min-height:38px;gap:7px}.sidebar nav a>span{font-size:17px}.sidebar nav a[aria-current]{box-shadow:inset 0 -2px #d1bc97}.workspace{margin-left:0}.topbar{height:43px;padding:0 23px}.topbar-note{font-size:9px}.two-columns,.evidence-layout{grid-template-columns:1fr}.two-columns{gap:0}.results .stat>strong{font-size:25px}.page-heading{align-items:flex-start}.pdf-panel iframe{height:500px}.date-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.date-strip>div+div{border-left:0;padding-left:0}.date-strip>div:nth-child(even){padding-left:15px;border-left:1px solid var(--line)}.reference-panel{align-items:flex-start}.stat>p{font-size:10px}}
@media(max-width:600px){main{padding:25px 16px 32px}.topbar{padding:0 16px}.topbar-note{display:none}h1{font-size:23px}.lead{font-size:12px}.eyebrow{font-size:9px}.page-heading{gap:15px;margin-bottom:23px;flex-wrap:wrap}.page-heading>.button{padding:10px 14px;min-height:42px}.stats{gap:10px;margin-bottom:22px}.stat{padding:16px;min-height:126px}.stat>strong{font-size:29px}.stat>span{font-size:11px}.stat strong.small-value{font-size:13px}.status-stat a{font-size:10px}.results{grid-template-columns:1fr}.results .stat{min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 15px}.results .stat>strong{font-size:25px;margin:0}.results .stat>p{flex-basis:100%}.panel-heading{padding:18px 16px 0;flex-wrap:wrap;gap:4px}.panel-heading h2{font-size:15px}.filters{padding:16px;gap:12px}.filters .field{flex-basis:calc(50% - 6px);min-width:0}.filters .search{flex-basis:100%}.filters .field select{max-width:100%}.filters .text-link{min-height:40px;display:flex;align-items:center;padding:8px}.reference-panel{flex-direction:column;padding:19px;gap:17px;margin-top:22px}.reference-panel p{line-height:1.8}.reference-panel .button{width:100%}.reference-panel form{width:100%}.panel{margin-bottom:19px}.panel-foot{padding:16px}.padded,.form-panel{padding:20px}.form-grid{grid-template-columns:1fr;gap:0}.span-two{grid-column:auto}.actions{gap:12px;margin-top:22px}.actions .button{min-height:44px;white-space:normal}.button.danger{flex-basis:100%}.notice{padding:15px;line-height:1.8;display:block}.notice span{display:block;margin-top:5px}.date-strip{padding:19px;gap:20px}.date-strip>div:nth-child(even){padding-left:16px}.date-strip span{font-size:10px}.date-strip .date-small{font-size:11px}.section-title{margin-top:25px;align-items:flex-start;gap:12px}.section-title h2{font-size:16px}.section-title p{font-size:10px}.section-title>.button{padding:9px 12px;font-size:11px}.calculation-bar{flex-direction:column;align-items:stretch;gap:15px}.calculation-bar .button{width:100%}.issue-list{padding:18px}.details-panel>summary{padding:16px;font-size:12px}.details-panel>summary span{display:block;margin:5px 0 0 15px}.summary-totals{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:14px}.summary-totals strong{text-align:left}.approval-panel{padding:22px}.approval-panel .actions{gap:14px}.approval-panel .button{flex:1}.approval-panel .text-link{display:block;flex-basis:100%;padding:4px 0}.history-row{flex-wrap:wrap;gap:6px}.line-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.line-editor{padding:16px}.line-fields .field:first-child{grid-column:1/-1}.filters.compact{gap:15px}.filters.compact .field{flex-basis:100%;max-width:none}.evidence-layout{gap:0}.pdf-panel iframe{height:440px}.auth-workspace main{padding:38px 16px}.auth-card{padding:25px}.auth-card h1{font-size:23px}footer{padding:18px 16px;flex-wrap:wrap;font-size:9px}.audit-detail pre{min-width:180px}.readable-list{font-size:12px}.heading-actions{gap:12px}}

.pdf-preview{display:block;width:100%;height:auto;min-height:150px;background:#f5f5f5}.page-picker{padding:16px!important}.pdf-panel a{display:block}.pdf-panel{align-self:start}

.report-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:0 0 16px}.profit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-stats .stat>strong{font-size:clamp(22px,2.4vw,34px);overflow-wrap:anywhere}.profit-feature{background:var(--navy);color:white}.profit-feature>span,.profit-feature>p,.profit-feature strong small{color:#c5d7e0}.report-charts{grid-template-columns:1fr 1fr}.chart-list{padding:24px}.chart-row{margin-bottom:18px}.chart-label{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:12px}.chart-label>span{overflow-wrap:anywhere}.chart-label strong{font-variant-numeric:tabular-nums;white-space:nowrap}.chart-list svg{display:block;width:100%;height:auto;margin:6px 0 12px;max-height:40px}.chart-profit{fill:var(--teal)}.chart-cost{fill:#91a5b4}.chart-axis{stroke:#b9c7ce;stroke-width:1}.chart-list>.meta{margin-bottom:0}.cash-comparison{max-width:900px}.cash-comparison .chart-label{margin-top:12px}
@media(max-width:900px){.report-charts{grid-template-columns:1fr}}@media(max-width:600px){.profit-stats{grid-template-columns:1fr}.chart-list{padding:20px}.chart-label{font-size:11px}.profit-stats .stat>strong{font-size:30px}}

/* Profit charts: a chronological trend above compact comparisons. */
.trend-panel{overflow:hidden}.trend-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px 0}.trend-heading .eyebrow{margin-bottom:7px;font-size:9px;letter-spacing:.17em}.trend-heading h2{margin:0;font-size:18px}.trend-legend{display:flex;align-items:center;gap:8px;color:#647782;font-size:11px;white-space:nowrap}.trend-legend i,.comparison-value i{display:inline-block;width:8px;height:8px;background:#277f78;border-radius:50%;margin-right:5px}.trend-readout{padding:18px 30px 0;display:flex;align-items:baseline;gap:16px;min-height:58px}.trend-readout>span{font-size:12px;color:#74838e}.trend-readout strong{font-size:28px;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.trend-readout small{font-size:12px;font-weight:400;margin-left:7px;color:#74838e}.trend-svg{display:block;width:100%;height:auto;overflow:visible}.trend-desktop{padding:0 24px}.trend-mobile{display:none}.trend-grid{stroke:#e9eef0;stroke-width:1;stroke-dasharray:3 5}.trend-zero{stroke:#cbd7db;stroke-dasharray:none}.trend-tick,.trend-unit{fill:#7c8d97;font-size:11px;font-family:inherit;font-variant-numeric:tabular-nums}.trend-unit{font-size:10px}.trend-line{fill:none;stroke:#277f78;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.trend-hit{fill:transparent}.trend-halo{fill:#277f78;opacity:0;transition:opacity .15s}.trend-dot{fill:#fff;stroke:#277f78;stroke-width:2.5;vector-effect:non-scaling-stroke}.trend-point{cursor:crosshair;outline:none}.trend-point:hover .trend-halo,.trend-point:focus .trend-halo,.trend-point.is-active .trend-halo{opacity:.16}.trend-point:hover .trend-dot,.trend-point:focus .trend-dot,.trend-point.is-active .trend-dot{fill:#277f78}.trend-footer{margin:16px 30px 24px;padding-top:16px;border-top:1px solid #eef2f4;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;color:#82919a}.report-charts{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.chart-list{padding:24px 28px 12px}.chart-row{margin-bottom:22px}.chart-label{font-size:12px;gap:12px}.chart-label strong{font-weight:600}.chart-rank{font-size:10px;color:#a1adb4;margin-right:10px;font-variant-numeric:tabular-nums}.chart-list svg{margin:10px 0 0;max-height:16px}.chart-track{fill:#f0f4f5}.chart-profit{fill:#277f78}.chart-negative{fill:#bf735f}.chart-cost{fill:#9cadbb}.chart-row:last-child{margin-bottom:12px}.comparison-value{margin:10px 0 0}.comparison-value>span{display:block;font-size:11px;color:#72818c}.comparison-value strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.025em;margin-top:6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.comparison-value small{font-size:11px;color:#7b8c95;margin-left:6px;font-weight:400}.comparison-value .cost-dot{background:#9cadbb}.cash-comparison svg+.comparison-value{margin-top:32px}.comparison-note{font-size:11px;color:#7c8d97;line-height:1.9;margin:28px 0 14px;padding-top:20px;border-top:1px solid #edf1f3}
@media(max-width:1050px){.report-charts{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.trend-heading{padding:22px 20px 0;align-items:flex-start;gap:12px;flex-direction:column}.trend-heading h2{font-size:17px}.trend-legend{font-size:10px}.trend-readout{padding:16px 20px 8px;gap:12px}.trend-readout strong{font-size:27px}.trend-desktop{display:none}.trend-mobile{display:block;padding:0 4px}.trend-footer{margin:12px 20px 20px;font-size:10px;gap:5px}.trend-tick{font-size:12px}.trend-unit{font-size:11px}.chart-list{padding:22px 20px 12px}.chart-label{font-size:11px}.chart-rank{margin-right:7px}.comparison-value strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.trend-halo{transition:none}}

/* Stable company colors, shared by the picker, lines, and points. */
.series-color-0{--series:#257b74}.series-color-1{--series:#775bc1}.series-color-2{--series:#b98120}.series-color-3{--series:#386fae}.series-color-4{--series:#a75a8d}.series-color-5{--series:#b84958}.series-color-6{--series:#558539}.series-color-7{--series:#318ea3}.series-color-8{--series:#c47732}.series-color-9{--series:#7b7262}.series-color-10{--series:#455b83}.series-color-11{--series:#9c722d}
.trend-series[hidden],.series-empty[hidden]{display:none}.trend-series .trend-line{stroke:var(--series);stroke-width:2.5}.trend-series .trend-dot{stroke:var(--series)}.trend-series .trend-halo{fill:var(--series)}.trend-series .trend-point:hover .trend-dot,.trend-series .trend-point:focus .trend-dot,.trend-series .trend-point.is-active .trend-dot{fill:var(--series)}
.series-picker{border:0;margin:24px 30px 0;padding:0 0 18px;border-bottom:1px solid #edf1f3;min-width:0}.series-picker legend{padding:0;font-size:11px;font-weight:600;color:#536773}.series-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px;font-size:11px;color:#87959e}.series-toolbar>div{display:flex;gap:10px}.series-action{font:inherit;color:#577683;background:#f7f9fa;border:1px solid #e0e7eb;border-radius:6px;min-height:34px;padding:6px 12px;cursor:pointer}.series-action:hover{background:#eaf1f4}.series-action:focus-visible{outline:2px solid #4679bf;outline-offset:3px}.series-options{display:flex;flex-wrap:wrap;gap:10px}.series-option{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid #dce5e8;border-radius:7px;font-size:11px;cursor:pointer;line-height:1.5;background:#fff}.series-option:has(input:checked){border-color:var(--series);background:#fafcfd}.series-option:has(input:not(:checked)){color:#8c979d;background:#f8fafb}.series-option input[type=checkbox]{width:14px;height:14px;margin:0;min-height:0;flex-shrink:0;accent-color:var(--series)}.series-swatch{width:18px;height:3px;border-radius:2px;background:var(--series);flex-shrink:0}.series-help{font-size:10px;line-height:1.8;color:#8a979e;margin:12px 0 0}.trend-readout{flex-wrap:wrap;gap:7px 14px}.trend-readout>[data-trend-company]{color:#506875;font-size:12px;font-weight:600}.series-empty{margin:16px 30px 0;padding:15px;background:#f4f7f9;border-radius:6px;font-size:12px;color:#697e8a}
@media(max-width:600px){.series-picker{margin:20px 20px 0}.series-options{gap:8px}.series-option{flex:1 1 100%;padding:9px 12px;min-height:42px}.series-toolbar{flex-wrap:wrap}.series-action{min-height:38px}.trend-readout>[data-trend-company]{flex-basis:100%}.series-empty{margin:14px 20px 0}}

.trend-svg[hidden]{display:none}

.report-update-status{font-size:11px;color:#547a76;line-height:1.8;min-height:20px;margin:8px 0 0}[data-report-content][aria-busy="true"] [data-report-kpis]{opacity:.55}

.company-selection-panel .series-picker{margin:0;padding:22px 24px;border:0}.company-selection-panel .series-picker legend{float:left;width:100%;margin-bottom:2px}.company-selection-panel .series-toolbar{clear:both}@media(max-width:600px){.company-selection-panel .series-picker{padding:20px}}
[data-report-filters] [type="submit"][hidden]{display:none}

.filters.compact .month-field{min-width:290px;flex:2}.month-navigation{display:flex;align-items:center;gap:8px}.month-navigation select{flex:1;min-width:0}.month-navigation .month-step{flex:none;min-height:40px;padding:8px 10px;font-size:11px}.month-step[hidden]{display:none}@media(max-width:600px){.filters.compact .month-field{min-width:0;flex-basis:100%}}

.month-comparison{padding:22px 24px}.month-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.month-comparison-heading h2{margin:0}.month-comparison-heading>.muted{font-size:11px}.month-comparison-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.month-comparison-values>div>span{font-size:11px;color:var(--muted)}.month-comparison-values strong{display:block;font-size:27px;font-variant-numeric:tabular-nums;line-height:1.4;margin-top:6px;overflow-wrap:anywhere}.month-comparison-values small{font-size:11px;font-weight:400;margin-left:6px}.change-increase strong{color:#27766c}.change-decrease strong{color:#ab5145}.month-comparison .comparison-note{margin:14px 0 0}@media(max-width:600px){.month-comparison{padding:20px}.month-comparison-values{grid-template-columns:1fr;gap:18px}}

.filters.compact .year-field{min-width:310px;flex:2}.year-navigation{display:flex;align-items:center;gap:8px}.year-navigation input{flex:1;min-width:0}.year-navigation .year-step{flex:none;min-height:40px;padding:8px 10px;font-size:11px}.year-step[hidden]{display:none}@media(max-width:600px){.filters.compact .year-field{min-width:0;flex-basis:100%}}

.filters.compact .month-field{min-width:370px;max-width:430px}.month-navigation{flex-wrap:wrap}.month-navigation select{flex:1;min-width:88px}.month-shortcuts{display:flex;gap:8px;margin-left:auto}@media(max-width:600px){.filters.compact .month-field{min-width:0}}

.filters.compact[data-report-filters]{align-items:flex-start}

/* Shared cues for case progress and financial amounts. */
:root {
  --open-ink:#155487; --open-bg:#edf5fd;
  --done-ink:#126048; --done-bg:#e9f6ee;
  --review-ink:#815014; --review-bg:#fff3d8;
  --error-ink:#992f32; --error-bg:#fff0ee;
  --cost-ink:#27598e; --return-ink:#61418d; --profit-ink:#11634d;
}
.pill {border-radius:999px; font-size:11px; font-weight:650; gap:.4em}
.state-open,.status-CALCULATED {background:var(--open-bg); color:var(--open-ink)}
.state-done,.status-APPROVED,.status-EXPORTED {background:var(--done-bg); color:var(--done-ink)}
.state-review,.status-REVIEW_REQUIRED {background:var(--review-bg); color:var(--review-ink)}
.state-error,.status-BLOCKED {background:var(--error-bg); color:var(--error-ink)}
.status-DRAFT,.status-CANCELLED {color:#475767; background:#edf0f3}
.state-open::before {content:""; width:.65em; height:.65em; border:2px solid currentColor; border-radius:50%}
.state-done::before,.status-APPROVED::before,.status-EXPORTED::before {content:"✓"}
.state-review::before,.state-error::before,.status-BLOCKED::before {content:"!"}
.stat[class*="metric-"] {background:var(--metric-bg); border-top:4px solid var(--metric-ink)}
.stat[class*="metric-"]>span,.stat[class*="metric-"]>strong {color:var(--metric-ink)}
.stat[class*="metric-"]>span {font-weight:700}
.metric-open,.metric-cost {--metric-bg:#f2f7fd; --metric-ink:var(--cost-ink)}
.metric-return {--metric-bg:#f7f3fd; --metric-ink:var(--return-ink)}
.metric-done,.metric-profit {--metric-bg:#edf8f1; --metric-ink:var(--profit-ink)}
.metric-ratio {--metric-bg:#f6f7f9; --metric-ink:#46586b}
.stat.metric-open a,.stat.metric-done a {color:var(--metric-ink); text-decoration:underline; text-underline-offset:3px}
.chart-cost {fill:var(--cost-ink)}
.chart-profit {fill:var(--profit-ink)}
.comparison-panel .chart-profit,#cash-actuals .chart-profit {fill:var(--return-ink)}
.cash-comparison .comparison-value i {background:var(--return-ink)}
.cash-comparison .comparison-value .cost-dot {background:var(--cost-ink)}
#profit-detail th:nth-child(4) {color:var(--cost-ink); background:#eef5fc}
#profit-detail th:nth-child(5) {color:var(--return-ink); background:#f5f0fa}
#profit-detail th:nth-child(6),#profit-detail td:nth-child(6) {color:var(--profit-ink); background:#eef7f2; font-weight:700}
th {color:#42566a; background:#f1f4f7; font-size:11px}
tbody tr:hover {background:#f3f7fb}
.button.primary {background:#185e87; border-color:#185e87}
.button.primary:hover {background:#124d70}
.workflow {border-left:4px solid var(--open-ink)}
.step-links {display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:12px 0 20px}
.step-links a {color:#435568; background:#f1f4f6; padding:8px 12px; border-radius:6px; font-size:12px}
.step-links a[aria-current="step"] {background:#155487; color:white; font-weight:700}
.receipt-panel .panel-heading {padding:16px 22px; flex-wrap:wrap}
.receipt-panel h2 {margin-top:6px}
.receipt-panel p {margin-bottom:0}
.filter-title {font-size:15px; margin-bottom:14px}
.report-jumps {display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px}
.report-jumps a {padding:6px 12px; background:white; border:1px solid #c6d5de; border-radius:999px; font-size:12px}
.report-jumps a:hover {background:var(--open-bg)}
@media (min-width:1100px) {
  .profit-stats {grid-template-columns:repeat(4,minmax(0,1fr))}
  .profit-stats .stat {padding:16px}
  .profit-stats .stat>strong {font-size:clamp(19px,1.65vw,30px)}
}
@media (max-width:600px) {
  .step-links {grid-template-columns:repeat(2,1fr)}
  .receipt-panel .panel-heading {gap:12px}
  .series-options {display:grid; grid-template-columns:repeat(2,minmax(0,1fr))}
  .series-option {min-width:0; overflow-wrap:anywhere}
}
.table-wrap {position:relative}

.case-amounts {display:grid; gap:3px; margin:4px 0 0; font-variant-numeric:tabular-nums}
.case-amounts>div {display:flex; justify-content:space-between; align-items:baseline; gap:10px; background:var(--metric-bg); color:var(--metric-ink); padding:3px 9px; border-radius:4px}
.case-amounts dt {font-size:11px; white-space:nowrap}
.case-amounts dd {margin:0; font-weight:700; white-space:nowrap}
.amount-basis {font-size:11px; color:#46586b}
.mobile-key {display:none}
@media(max-width:1100px) {
  .case-list-table,.case-list-table tbody {display:block; width:100%; min-width:0}
  .case-list-table thead {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
  .case-list-table tbody tr {display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:16px; border-top:1px solid #d7e1e8}
  .case-list-table tbody td {display:block; border:0; padding:0; white-space:normal}
  .case-list-table tbody td:first-child {grid-column:1; grid-row:1}
  .case-list-table tbody td:nth-child(3) {grid-column:2; grid-row:1; text-align:right}
  .case-list-table .case-money {grid-column:1/-1; grid-row:2}
  .case-list-table .case-dates,.case-list-table .case-updated {font-size:11px; color:#536577}
  .case-list-table .case-updated {text-align:right}
  .case-list-table .case-open {display:none}
  .case-list-table tbody td[colspan] {grid-column:1/-1}
  .mobile-key {display:inline}
  .case-amounts>div {padding:5px 10px}
}

.report-disclosure summary {display:flex; align-items:center; gap:12px; padding:10px 16px; min-height:46px; cursor:pointer; list-style:none; font-size:13px}
.report-disclosure summary::-webkit-details-marker {display:none}
.report-disclosure summary:focus-visible {outline:2px solid #27749b; outline-offset:-3px}
.report-disclosure summary strong,.picker-action {flex:none}
.company-summary {color:#536773; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0}
.picker-action {display:inline-flex; align-items:center; gap:7px; color:#185e87; font-weight:600; margin-left:auto}
.picker-action i {width:7px; height:7px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); margin-top:-3px}
.report-disclosure[open] .picker-action i {transform:rotate(225deg); margin-top:3px}
.report-disclosure:not([open]) .when-open,.report-disclosure[open] .when-closed {display:none}
.company-disclosure .series-picker {padding:10px 16px 14px; border-top:1px solid #e2e9ed}
.picker-tools {display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px}
.picker-tools input {width:min(100%,20rem); flex:1 1 10rem; max-width:26rem; min-width:0; min-height:34px; padding:6px 10px}
.picker-tools>div {display:flex; gap:6px}
.picker-tools .series-action {font-size:12px; min-height:34px; padding:4px 8px}
.company-disclosure .series-options {display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr)); gap:4px 8px; max-height:190px; overflow-y:auto; overscroll-behavior:contain; padding:2px}
.company-disclosure .series-option {min-height:34px; padding:4px 7px; font-size:12px}
.company-disclosure .series-option[hidden] {display:none}
.company-disclosure .series-swatch {width:12px}
.company-disclosure [data-company-no-match] {font-size:13px; color:#536773; margin:10px 0}

.conditions-disclosure summary {gap:9px}
.condition-period {font-variant-numeric:tabular-nums; white-space:nowrap}
.condition-body {padding:16px 20px; border-top:1px solid #e2e9ed}
#profit-detail .panel-heading {flex-wrap:wrap; gap:8px}
.detail-progress {display:inline-flex; gap:2px; border:1px solid #d4dfe6; border-radius:8px; padding:2px; background:#f5f8fa}
.detail-progress button {border:0; border-radius:5px; padding:5px 12px; min-height:32px; background:transparent; color:#44596c; font:inherit; font-size:12px; cursor:pointer}
.detail-progress [aria-pressed=true] {background:#28546e; color:white; font-weight:700}
.detail-progress [data-progress-choice=open][aria-pressed=true] {background:var(--open-ink)}
.detail-progress [data-progress-choice=complete][aria-pressed=true] {background:var(--done-ink)}
#profit-detail td .pill {margin-top:3px}
@media (max-width:480px) {
  .conditions-disclosure summary {padding-inline:10px; gap:6px; font-size:12px}
  .condition-body {padding:12px}
}

.detail-company-picker {border-bottom:1px solid #e2e9ed}
.detail-company-picker summary {background:#f8fafc}
.detail-company-picker .series-picker {margin:0; border-bottom:0}

#profit-detail tfoot :is(th,td) {border-top:2px solid #bdccd5; font-weight:700}
#profit-detail tfoot td {color:var(--metric-ink); background:var(--metric-bg)}

.actual-date{display:block;color:var(--muted);font-size:11px;font-weight:400;white-space:nowrap;margin-top:4px}
.receipt-pending{color:#855700;background:#fff2cf}
.cash-trend{margin:22px 0 8px}.cash-trend h3{margin-bottom:4px}.cash-period{display:grid;grid-template-columns:6em minmax(0,1fr);align-items:center;gap:14px;border-top:1px solid #e1e8ec;padding:14px 0;font-variant-numeric:tabular-nums}
.cash-pair{display:grid;gap:7px}.cash-line{display:grid;grid-template-columns:2.5em minmax(0,1fr) minmax(9em,auto);align-items:center;gap:10px;font-size:13px;color:var(--cost-ink)}
.cash-line+.cash-line{color:var(--return-ink)}.cash-line b{text-align:right}.cash-line .cash-received{fill:var(--return-ink)}
.cash-line svg{width:100%;height:10px;margin:0;border-radius:3px}
@media(max-width:650px){.cash-period{grid-template-columns:1fr;gap:6px}.cash-line{gap:6px;grid-template-columns:2.5em minmax(0,1fr) minmax(8em,auto)}}

.cash-period .cash-line{grid-template-columns:4.4em minmax(0,1fr) minmax(9em,auto)}
.cash-line.cash-planned,.planned-tag{color:#955007}.planned-bar{fill:#b9680c}

#receipt-queue{margin:28px 0;scroll-margin-top:16px}.queue-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.queue-heading h3{margin:0}.queue-heading>span,.queue-list small,.queue-list summary{font-size:12px;color:var(--muted)}
.queue-list{list-style:none;padding:0;margin:12px 0}.queue-list li{display:grid;grid-template-columns:9em minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px;border-bottom:1px solid #dde6eb}.queue-list small{display:block}.queue-badge{display:block;width:max-content;font-size:11px;background:#f4edde;color:#86520c;border-radius:6px;padding:2px 7px;margin-top:3px}.queue-list .overdue{background:#fff2ef;border-left:3px solid #ae392f}.overdue .queue-badge{color:#922f26;background:#ffded6}.queue-money{font-variant-numeric:tabular-nums}.queue-list .button{justify-self:end;white-space:nowrap}
@media(max-width:700px){.queue-list li{grid-template-columns:minmax(0,1fr) auto;gap:8px}.queue-list li>div:nth-child(2){grid-row:2;grid-column:1/-1}.queue-money{grid-row:1;grid-column:2}.queue-list .button{grid-column:1/-1}}

.paired-profits .chart-row{border-top:1px solid #e1e8ec;padding-top:12px;margin-bottom:14px}
.profit-series{display:grid;grid-template-columns:6em minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:6px;font-size:12px;color:#146a53}
.profit-series.collected{color:#654497}.profit-series b{min-width:9em;text-align:right;font-variant-numeric:tabular-nums}
.profit-series svg{margin:0;width:100%;height:9px}.paired-profits>.meta{margin:0 0 16px}

#profit-detail .collected-cell{color:var(--return-ink);background:#f8f4fb}
#profit-detail .gap-highlight{font-weight:700;color:#884d0d;background:#fff8eb}
#profit-detail .numeric{white-space:nowrap}

#profit-detail-scroll thead th:first-child{min-width:285px}
#profit-detail-scroll thead th:nth-child(2){min-width:350px}
#profit-detail-scroll thead th:nth-child(3){white-space:nowrap}
#profit-detail-scroll tbody td:nth-child(-n+2){word-break:normal;overflow-wrap:anywhere}
.detail-pan:not([hidden]){display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 18px;background:#eef5f9;border-block:1px solid #ccdce5;color:#31566e;font-size:12px;font-weight:600}
.detail-pan button{min-width:40px;min-height:36px;border:1px solid #9eb5c5;background:white;color:#254d67;border-radius:6px;font-size:18px;cursor:pointer}
.detail-pan button:disabled{opacity:.4;cursor:default}
.detail-pan input[type=range]{width:clamp(72px,25%,260px);min-width:0;padding:0;accent-color:#346b8b;cursor:pointer}
@media(max-width:600px){.detail-pan:not([hidden]){gap:6px;padding:8px 12px}.detail-pan span{width:100%}.detail-pan input[type=range]{flex:1}}

/* Receipt follow-up in the company/case detail table. */
#profit-detail .receipt-overdue>td:nth-child(-n+2),#profit-detail .receipt-overdue>td:last-child{background:#fff2ef}
#profit-detail .receipt-overdue>td:first-child{box-shadow:inset 3px 0 #ae392f}
#profit-detail .receipt-overdue>td:last-child .actual-date{color:#a02c25;font-weight:600}
#profit-detail .receipt-overdue .receipt-pending{color:#922f26;background:#ffded6}
#profit-detail .detail-receipt-action{display:inline-flex;align-items:center;justify-content:center;margin:8px 0 4px;padding:7px 12px;font-size:12px;white-space:nowrap}
/* Monthly approved net sales, scoped to the report's existing filters. */
.sales-panel{scroll-margin-top:20px}
.sales-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line,#dde5eb)}
.sales-heading h2{margin:4px 0 8px}.sales-heading p,.sales-note{font-size:12px;color:#657b8b;margin:0}
.sales-total{text-align:right;white-space:nowrap}.sales-total span{display:block;font-size:11px;color:#657b8b}.sales-total strong{font-size:28px;color:#285d80;font-variant-numeric:tabular-nums}
.sales-months{padding:8px 28px}.sales-month{display:grid;grid-template-columns:90px minmax(0,1fr) 175px;align-items:center;gap:22px;padding:19px 0;border-bottom:1px solid #e6edf1}.sales-month:last-child{border-bottom:0}
.sales-month svg{display:block;width:100%;height:18px}.sales-track{fill:#edf3f7}.sales-bar{fill:#347a9a}.sales-period{font-size:14px}.sales-amount{text-align:right;color:#285d80;font-size:17px;font-variant-numeric:tabular-nums}
.sales-note{padding:16px 28px;border-top:1px solid #e6edf1;line-height:1.7}
@media(max-width:700px){.sales-heading{padding:18px;align-items:flex-start;flex-direction:column;gap:12px}.sales-total{text-align:left}.sales-total strong{font-size:25px}.sales-months{padding:0 18px}.sales-month{grid-template-columns:1fr auto;gap:9px;padding:16px 0}.sales-month svg{grid-column:1/-1;grid-row:2;height:14px}.sales-period{font-size:13px}.sales-amount{font-size:16px}.sales-note{padding:14px 18px}}

/* Give approval-confirmation totals the panel's full width on phones. */
@media(max-width:600px){
  section.panel.padded > .stats{grid-template-columns:minmax(0,1fr)}
  section.panel.padded > .stats > .stat{min-height:0}
}