.finance-page{min-width:0;color:#453025}.finance-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:20px;background:#fffdfb;border:1px solid #e7ded5;border-radius:10px}.finance-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;flex:1;min-width:150px}.finance-filters input,.finance-filters select{width:100%;min-width:0}.finance-filters button{height:42px}.finance-range{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:22px 0 8px}.finance-range span,.finance-basis{font-size:12px;color:#847469;line-height:1.6}.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.finance-card{display:flex;flex-direction:column;gap:9px;padding:22px;background:#fffdfb;border:1px solid #e7ded5;border-radius:10px}.finance-number{font-size:clamp(23px,2.2vw,32px);font-weight:650;letter-spacing:-.5px;overflow-wrap:anywhere}.finance-card small{font-size:11px;color:#89796e}.finance-comparison{font-size:11px}.finance-comparison.increase{color:#377449}.finance-comparison.decrease{color:#a54536}.finance-comparison.muted{color:#89796e}.finance-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:18px}.finance-panel{min-width:0;padding:24px;background:#fffdfb;border:1px solid #e7ded5;border-radius:10px}.finance-panel h2{font-size:17px;margin:0 0 6px}.finance-panel>p{font-size:12px;color:#89796e;margin-top:0}.finance-bars{display:flex;gap:14px;overflow-x:auto;max-width:100%;padding:16px 0 0;align-items:flex-start}.finance-bar-column{flex:1;min-width:75px;text-align:center;font-size:10px}.finance-bar-column>span{white-space:nowrap}.finance-bar-track{height:170px;border-bottom:1px solid #dfd2c5;display:flex;align-items:end;justify-content:center;margin-top:10px}.finance-bar-track i{display:block;width:min(65%,60px);border-radius:4px 4px 0 0;min-height:0}.finance-bar-column>strong{display:block;font-weight:500;line-height:1.4;padding-top:9px;overflow-wrap:anywhere}.finance-distribution{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding-top:18px}.finance-donut{height:190px;width:190px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.finance-donut>div{width:135px;height:135px;border-radius:50%;background:#fffdfb;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px;box-sizing:border-box}.finance-donut small{font-size:10px;color:#89796e}.finance-donut strong{font-size:17px;margin-top:8px;overflow-wrap:anywhere;max-width:100%}.finance-legend{list-style:none;padding:0;margin:0;flex:1;min-width:170px}.finance-legend li{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;margin:12px 0}.finance-legend i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.finance-legend span{flex:1;overflow-wrap:anywhere}.finance-reconciliation{max-width:480px;margin:20px 0 0 auto;font-size:12px}.finance-reconciliation>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.finance-reconciliation dd{margin:0;font-weight:600;white-space:nowrap}.finance-total{border-top:1px solid #dfd2c5;font-weight:700}.finance-warning{background:#fcf2df;border:1px solid #eed9b2;padding:15px;border-radius:8px;margin:0 0 18px;font-size:12px;line-height:1.6}.finance-warning summary{cursor:pointer;font-weight:600}.finance-warning ul{max-height:260px;overflow:auto}.finance-error{color:#a23124;font-size:13px}.finance-loading{font-size:12px;color:#89796e;min-height:18px;margin-top:10px}.finance-results[aria-busy=true]{opacity:.55;pointer-events:none}.finance-empty{padding:50px 16px;text-align:center;color:#89796e;font-size:13px}.finance-category-panel tbody tr{cursor:pointer}.finance-category-panel tbody tr:hover{background:#f7f2eb}.finance-category-panel td{white-space:nowrap}.finance-category-panel td:first-child{white-space:normal;min-width:140px}.finance-modal{width:min(850px,94vw)}.finance-modal .sub{display:block;font-size:11px;color:#89796e}.finance-period{color:#89796e}.finance-page .table-wrap{max-width:100%;overflow:auto}#nav .lucide-chart-no-axes-column{width:18px;height:18px;display:block}
@media(max-width:1100px){.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-charts{grid-template-columns:1fr 1fr}.finance-panel{padding:18px}}@media(max-width:760px){.finance-charts{grid-template-columns:1fr}.finance-filters{padding:14px;gap:12px}.finance-filters label{min-width:calc(50% - 12px)}.finance-filters button{width:100%}.finance-card{padding:16px}.finance-number{font-size:23px}.finance-range{flex-direction:column}.finance-distribution{padding:16px 8px}.finance-reconciliation{max-width:none}.finance-page{width:100%}}@media(max-width:390px){.finance-kpis{grid-template-columns:1fr}.finance-filters label{min-width:100%}}

/* SVG presentation attributes keep chart data compatible with the existing strict CSP. */
.finance-bar-track svg{display:block;width:min(65%,60px);height:170px}.finance-donut{position:relative}.finance-donut>svg{position:absolute;inset:0;width:100%;height:100%}.finance-donut>div{position:relative}.finance-tone-0{background:#79543e}.finance-tone-1{background:#b9865f}.finance-tone-2{background:#d0ae82}.finance-tone-3{background:#9caa8c}.finance-tone-4{background:#c49a91}.finance-tone-5{background:#9c95ad}.finance-tone-6{background:#8aaba6}

/* Saved order-item drilldown; scoped to preserve existing modal layouts. */
.finance-category-actions{display:flex;gap:6px;white-space:nowrap}.finance-category-actions button{padding:7px 10px;font-size:12px}
dialog.finance-orders-modal{width:calc(100vw - 32px);max-width:1160px;max-height:90vh;padding:0;overflow:auto}.finance-orders-modal .modal-heading{position:sticky;top:0;z-index:3;background:var(--paper,#fffaf5);padding:18px 22px;margin:0;border-bottom:1px solid var(--line,#e7ded5)}.finance-orders-modal #modal-body{padding:18px 22px}.finance-order-search{display:flex;gap:8px;align-items:end;margin:16px 0}.finance-order-search label{flex:1;min-width:0}.finance-order-search input{width:100%;display:block}.finance-order-table{max-height:48vh;overflow:auto}.finance-order-table table{min-width:850px}.finance-order-table th{position:sticky;top:0;z-index:1;background:var(--paper,#fffaf5)}.finance-order-table .numeric{text-align:right;white-space:nowrap}.finance-order-table td{vertical-align:top}.finance-order-table td:nth-child(3){min-width:180px}.finance-order-table .record-button{white-space:nowrap}.finance-order-status{font-size:12px;color:var(--muted);min-height:18px}.finance-order-pagination,.finance-order-pagination>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.finance-order-pagination{margin-top:12px;font-size:12px}.finance-order-summary{display:flex;gap:24px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line,#e7ded5)}.finance-order-summary dt{font-size:12px}.finance-order-summary dd{margin:4px 0 0;font-weight:700;font-size:17px}.finance-orders-back{margin-bottom:16px}
@media(max-width:600px){.finance-orders-modal .modal-heading,.finance-orders-modal #modal-body{padding:14px}.finance-order-search{flex-wrap:wrap}.finance-order-search label{flex-basis:100%}.finance-order-pagination{align-items:flex-start;flex-direction:column}.finance-order-summary{gap:14px}.finance-orders-modal .modal-heading h2{font-size:20px}}