body{font-size:16px}.small{font-size:14px}.money-panel{margin:22px 0}.money-panel .management-flow,.management-flow{grid-template-columns:minmax(230px,1.8fr) minmax(140px,1fr) minmax(180px,1fr);align-items:center}.quantity-line{display:flex;flex-wrap:wrap;gap:14px 30px;margin:0 0 20px;padding:13px 16px;background:#f2f6f1;border-radius:8px}.quantity-line span{color:var(--muted)}.quantity-line b{color:var(--ink);display:inline-block;margin-left:5px}.money-panel details{margin:10px 0}.money-panel .rules{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.management-flow .na{font-size:13px;white-space:normal}.metrics{grid-template-columns:repeat(3,minmax(135px,1fr)) repeat(2,minmax(205px,1.25fr));gap:10px;margin:16px 0}.metric{min-height:126px;padding:16px}.metric .value{font-size:clamp(21px,2vw,30px);overflow-wrap:anywhere}.metric .sub{font-size:13px}.metric.featured{background:#eaf2ec}.metric:nth-child(5){border-color:#b9d3c2}.management-status{display:grid;gap:7px;margin:10px 0 14px}.completeness-row{display:grid;grid-template-columns:155px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:13px}.completeness-row>b{font-size:13px}.completeness-row .difference-trigger{border:0;padding:0;background:none;text-align:left;color:var(--ink)}.coverage-details{margin:8px 0 22px}.coverage-details>summary{font-size:14px}.coverage-note{margin:10px 0 0}.comparison-base{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin:12px 0;padding:12px 14px;background:#f3f6f2;border:1px solid var(--line);border-radius:9px;font-size:14px}.comparison-base>span{font-weight:600}.comparison-base label{display:flex;align-items:center;gap:7px}.comparison-base input{width:18px;height:18px;accent-color:var(--green)}.profit-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.profit-card{text-align:left;padding:13px;display:flex;flex-direction:column;gap:5px;min-height:130px}.profit-card b{font-size:20px;font-weight:600}.profit-card span{font-size:12px}.profit-card.loss b,.profit-card.loss span:last-child{color:var(--red)}.profit-card.profitable b{color:var(--green)}.profit-card.unknown{background:#fff9ee}.profit-card.selected{outline:2px solid var(--green);outline-offset:-2px;background:#f0f7f1}.view-controls{display:flex;gap:24px;align-items:center;margin:18px 0 8px}.view-controls label{min-width:230px;margin:0}.view-controls p{max-width:760px;margin:0}.products-panel .table-wrap{max-height:690px;overflow:auto;isolation:isolate;border:1px solid var(--line);border-radius:9px}.products-panel #product-table{table-layout:fixed;width:100%;font-size:14px;min-width:0!important}.products-panel #product-table.result,.products-panel #product-table.costs{min-width:960px!important}.products-panel #product-table.expenses{min-width:1460px!important}.products-panel #product-table th{white-space:normal;line-height:1.35;background:#f0f4ef;position:sticky;top:0;z-index:3;padding:11px 8px}.products-panel #product-table td{padding:11px 8px}.products-panel #product-table.result th:nth-child(1),.products-panel #product-table.result td:nth-child(1),.products-panel #product-table.costs th:nth-child(1),.products-panel #product-table.costs td:nth-child(1){width:20%}.products-panel #product-table.result th:nth-child(2),.products-panel #product-table.result td:nth-child(2),.products-panel #product-table.costs th:nth-child(2),.products-panel #product-table.costs td:nth-child(2){width:16%}.products-panel #product-table.result th:nth-child(n+3),.products-panel #product-table.result td:nth-child(n+3),.products-panel #product-table.costs th:nth-child(n+3),.products-panel #product-table.costs td:nth-child(n+3){width:16%}.products-panel #product-table.expenses td:first-child,.products-panel #product-table.expenses th:first-child{width:210px;min-width:210px;position:sticky;left:0;background:#fff;z-index:4}.products-panel #product-table.expenses td:nth-child(2),.products-panel #product-table.expenses th:nth-child(2){width:175px;min-width:175px;position:sticky;left:210px;background:#fff;z-index:4;border-right:1px solid var(--line)}.products-panel #product-table.expenses th:first-child,.products-panel #product-table.expenses th:nth-child(2){background:#f0f4ef;z-index:6}.products-panel #product-table .num{white-space:normal}.products-panel #product-table tfoot td{position:sticky;bottom:0;z-index:4;background:#eaf2e8;border-top:2px solid #bdcfbe;font-weight:600}.products-panel .article-name{max-width:100%;font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-status,.cell-note,.result-reasons{display:block;font-size:12px;line-height:1.35;color:var(--muted);margin-top:5px;white-space:normal}.product-status{color:#735c32}.qty-stack,.result-pair{display:grid;gap:5px}.qty-stack span,.result-pair>span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:baseline}.qty-stack em,.result-pair em{font-style:normal;font-size:11px;color:var(--muted);text-align:left}.result-pair strong{font-size:14px}.result-pair .missing{font-size:12px;color:#8a6a31}.cost-editor{display:grid;gap:6px;margin:0}.cost-field{display:grid;grid-template-columns:minmax(70px,1fr) auto;gap:5px;align-items:center}.products-panel .cost-input{width:100%;min-width:75px;text-align:right;padding:8px;font-size:14px}.save-state{font-size:12px;line-height:1.3;white-space:normal;color:var(--muted)}.save-state.changed{color:#785015}.save-state.saving{color:#315d83}.save-state.saved{color:#1e6848}.save-state.error{color:var(--red)}.save-cost{min-height:38px;padding:6px 9px;font-size:12px}.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}#selection-note{margin:14px 0}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-stats>div{min-width:0}.detail-stats b{font-size:20px}.detail-stats b strong{font-size:20px}.detail-stats .result-reasons{font-weight:400}.detail-cost-box{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,260px);gap:20px;align-items:start;padding:15px;margin:14px 0;background:#f4f7f3;border-radius:9px}.detail-cost-box p{margin:5px 0}.detail-cost-box .save-cost{min-height:44px}.unit-logistics{margin-top:8px;padding-top:6px;border-top:1px solid var(--line)}.money-panel .flow-row.main{margin-left:0;margin-right:0}.difference-trigger{text-align:left;font:inherit;color:var(--ink);border-color:var(--line);white-space:normal;cursor:pointer}.difference-trigger:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.reason-link{display:block;min-height:24px;padding:0;border:0;background:none;color:#735c32;text-align:right;font-size:12px;white-space:normal}.reason-link:hover{text-decoration:underline;background:none}
button,.close{min-height:44px}.close{min-width:44px;width:44px;height:44px}.article-link{min-height:24px}
body.read-only [data-save-cost],body.historical-report [data-save-cost]{display:none}
.account-menu{position:relative;margin-left:auto}.account-menu>summary{cursor:pointer;color:var(--green);font-size:13px;min-height:44px;display:flex;align-items:center}.account-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;gap:6px;min-width:210px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 28px #0002}.account-menu>div button{width:100%;text-align:left}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.metrics .metric:nth-child(n+4){grid-column:span 1}.profit-summary{grid-template-columns:repeat(2,1fr)}.completeness-row{grid-template-columns:130px minmax(0,1fr)}.completeness-row button{grid-column:2}.management-flow,.money-panel .management-flow{grid-template-columns:minmax(170px,1.5fr) minmax(115px,1fr) minmax(140px,1fr)}}
@media(max-width:800px){body{font-size:16px}header{padding:10px 12px;gap:8px}.brand{font-size:16px}.brand-sub{display:none}header .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%}header .actions #week{grid-column:1/-1;width:100%}header .actions button{font-size:11px;line-height:1.2;padding:5px}.account-bar{padding:7px 12px;gap:6px}.account-bar>label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;width:100%;font-size:12px}.account-bar select{width:100%;max-width:none!important}.account-bar .account-name{margin:0;font-size:12px}.account-menu{margin-left:auto}.account-menu>summary{min-height:36px}.title-line{margin-bottom:8px}.title-line h1{font-size:21px;margin:0}.title-line .eyebrow{display:none}.title-line #period-note{font-size:12px;line-height:1.35;margin:4px 0}.history-controls{margin:4px 0!important;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.history-controls button{min-height:36px;padding:5px 9px;font-size:12px}.scope-label{font-size:12px}.scope-label select{width:100%;padding:6px;min-height:38px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.metrics .metric:nth-child(3){grid-column:auto}.metric{min-height:90px;padding:9px}.metric .label{font-size:11px;line-height:1.2}.metric .value{font-size:19px;margin:3px 0}.metric .sub{font-size:11px;line-height:1.25}.management-status{gap:5px}.completeness-row{display:block;padding:7px 9px}.completeness-row>*{display:block;margin:2px 0}.coverage-details{margin-bottom:12px}.comparison-base{display:grid;gap:9px}.profit-summary{display:none}.view-controls{display:block}.view-controls label{display:block}.view-controls select{width:100%;margin-top:5px}.view-controls p{margin:10px 0}.table-controls{display:grid;grid-template-columns:1fr 1fr}.table-controls input{grid-column:1/-1;min-width:0}.table-controls select{min-width:0;width:100%}.table-controls #sort-apply,.table-controls #filters-clear{width:100%}.table-controls #rows-count{grid-column:1/-1}.products-panel .table-wrap{overflow:visible;max-height:none;border:0}.products-panel #product-table,.products-panel #product-table.result,.products-panel #product-table.costs,.products-panel #product-table.expenses{display:block;min-width:0!important;width:100%}.products-panel thead{display:none}.products-panel tbody,.products-panel tfoot{display:grid;gap:12px}.products-panel tfoot{margin-top:12px}.products-panel tr{display:block;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;box-shadow:0 2px 9px #1e392408}.products-panel #product-table td,.products-panel #product-table.expenses td:first-child,.products-panel #product-table.expenses td:nth-child(2),.products-panel #product-table tfoot td{position:static!important;display:grid;grid-template-columns:minmax(105px,40%) minmax(0,1fr);width:auto!important;min-width:0!important;gap:10px;text-align:right;border-bottom:1px solid #edf0e9;padding:9px 0;background:transparent}.products-panel #product-table td::before{content:attr(data-label);text-align:left;color:var(--muted);font-size:12px;font-weight:500}.products-panel #product-table td:first-child{display:block;text-align:left;padding-top:0}.products-panel #product-table td:first-child::before{display:none}.products-panel #product-table td:last-child{border-bottom:0}.products-panel .article-link{font-size:15px}.products-panel .article-name{font-size:13px}.qty-stack,.result-pair{width:100%}.cost-editor{text-align:left}.no-results td{display:block!important;text-align:left!important}.no-results td::before{display:none}.detail-stats{grid-template-columns:1fr 1fr}.detail-cost-box{grid-template-columns:1fr}.management-flow,.money-panel .management-flow{grid-template-columns:minmax(105px,1.35fr) minmax(85px,1fr) minmax(95px,1fr);gap:7px;font-size:12px}.quantity-line{gap:8px;display:grid;grid-template-columns:1fr}.wide-dialog{width:calc(100% - 12px);max-height:calc(100vh - 12px);padding:15px}.wide-dialog .management-flow{grid-template-columns:minmax(90px,1.2fr) minmax(75px,1fr) minmax(82px,1fr)}}
@media(max-width:800px){.products-panel .article-link,.products-panel .reason-link{min-height:44px}}
@media(max-width:420px){.metric{min-height:86px}.table-controls{grid-template-columns:1fr}.table-controls>*{grid-column:1!important}.detail-stats{grid-template-columns:1fr}.management-flow,.money-panel .management-flow{grid-template-columns:minmax(90px,1.3fr) minmax(74px,1fr) minmax(80px,1fr);font-size:11px}.panel{padding:14px}.products-panel #product-table td{grid-template-columns:minmax(96px,42%) minmax(0,1fr)}.comparison-base label{align-items:flex-start}}

/* Keep small explanatory labels readable on both page and panel backgrounds. */
:root{--muted:#59665f}