.pf{--blue:#075ff0;--ink:#0a1b57;--muted:#617ab4;--line:#e7eef9;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,25%);max-width:1800px;min-height:calc(100vh - 64px);margin:auto;color:var(--ink);font-size:11px}.pf:has(.pf-detail[hidden]){display:block}.pf *{box-sizing:border-box}.pf button,.pf input,.pf select{font:inherit}.pf button{cursor:pointer}.pf a{color:var(--blue)}.pf-main{padding:15px 12px 28px;min-width:0;position:relative}.pf-crumb{display:flex;gap:9px;color:#607cb6;margin:0 0 10px}.pf-crumb a{text-decoration:none}.pf-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.pf-heading h1{font-size:25px;margin:0 0 5px}.pf-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.pf-btn{border:1px solid #d7e4f9;border-radius:5px;background:#fff;color:#1058c7;padding:7px 10px;white-space:nowrap}.pf-btn:hover{background:#f2f7ff}.pf-link{border:0;background:none;color:var(--blue)}.pf-period{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-bottom:10px;color:#5473ae}.pf-period label{display:flex;align-items:center;gap:5px}.pf-period input{height:29px;border:1px solid #d8e6fa;border-radius:4px;padding:0 5px;color:#25509b;background:#fff}.pf-card{background:#fff;border:1px solid #e9eff9;border-radius:6px;box-shadow:0 1px 5px #112b6208}.pf-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:9px}.pf-kpi{min-height:100px;background:#fff;border:1px solid #e8eef9;border-radius:6px;padding:10px 7px;display:flex;gap:6px}.pf-kpi-icon{height:30px;width:30px;flex:0 0 30px;display:grid;place-items:center;background:#e7f0ff;color:#0868eb;border-radius:5px;font-size:17px}.pf-kpi.green .pf-kpi-icon{background:#e2faed;color:#00a66b}.pf-kpi.purple .pf-kpi-icon{background:#f1e8ff;color:#8b3deb}.pf-kpi.red .pf-kpi-icon{background:#ffe8ed;color:#e6304e}.pf-kpi.orange .pf-kpi-icon{background:#fff2df;color:#e38f00}.pf-kpi small{display:block;color:#607bb2;font-size:9px;line-height:1.3}.pf-kpi strong{display:block;font-size:18px;margin:7px 0}.pf-kpi span{display:block;color:#6980b0;font-size:9px;line-height:1.4}.pf-tabs{display:flex;gap:4px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:5px;margin-bottom:9px}.pf-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#4363a3;padding:10px 13px;white-space:nowrap}.pf-tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:600}.pf-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:9px}.pf-charts>.pf-card{padding:12px;min-height:170px}.pf-card h2{font-size:11px;margin:0 0 10px}.pf-chart-empty{display:grid;place-items:center;text-align:center;min-height:118px;color:#7187bb;line-height:1.4}.pf-chart-empty i{font-style:normal;font-size:27px;display:block;color:#91a4cf;margin-bottom:6px}.pf-chart-bars{height:112px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e6edf8;padding:0 5px}.pf-chart-bars>div{flex:1;min-width:0;text-align:center}.pf-chart-bars i{display:block;width:100%;background:#3881f1;border-radius:3px 3px 0 0}.pf-chart-bars small{font-size:8px;color:#6c83b5}.pf-chart-legend{display:flex;gap:10px;margin-top:7px;color:#7085b2;font-size:9px}.pf-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px}.pf-search{height:31px;display:flex;gap:5px;align-items:center;flex:1;min-width:160px;border:1px solid #dce8f9;border-radius:4px;background:#f8fbff;color:#5978b2;padding:0 7px;font-size:17px}.pf-search input{width:100%;min-width:0;border:0;background:none;outline:0;color:#153e8a;font-size:10px}.pf-filters select,.pf-filters>input{height:31px;min-width:0;max-width:150px;border:1px solid #dce8f9;border-radius:4px;background:#fff;padding:0 5px;color:#2a4d91}.pf-filters>input{width:125px}.pf-card-head{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:10px 11px}.pf-card-head h2{margin:0}.pf-card-head>div{display:flex;gap:6px}.pf-columns{position:relative}.pf-columns summary{list-style:none;cursor:pointer}.pf-columns summary::-webkit-details-marker{display:none}.pf-columns>div{position:absolute;z-index:4;right:0;top:34px;width:180px;padding:8px;background:#fff;border:1px solid #dce8fa;border-radius:5px;box-shadow:0 5px 20px #122e6033}.pf-columns label{display:flex;gap:7px;align-items:center;padding:5px;color:#4566a5}.pf-table-wrap{overflow:auto;min-height:300px}.pf-table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:10px}.pf-table th{text-align:left;font-weight:500;color:#6b80b0;background:#f7faff;padding:8px 6px}.pf-table td{padding:8px 6px;border-top:1px solid #ebf0f8;color:#1d3d7b}.pf-table tbody tr{cursor:pointer}.pf-table tbody tr:hover,.pf-table tbody tr.selected{background:#eaf3ff}.pf-table input[type=checkbox]{accent-color:var(--blue);margin:0;width:14px;height:14px}.pf-table .pf-empty{text-align:center;height:255px;color:#7085b1;white-space:normal}.pf-status{display:inline-block;padding:4px 6px;border-radius:4px;background:#e1f7ea;color:#00a067;font-size:9px}.pf-pager{height:43px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 10px;color:#627cb1;font-size:10px}.pf-pager>div{display:flex;align-items:center;gap:4px}.pf-pager select,.pf-pager button{min-width:27px;height:27px;border:1px solid #dce7f9;background:#fff;color:#2459ac;border-radius:4px}.pf-pager button.active{background:var(--blue);border-color:var(--blue);color:#fff}.pf-valuation{padding:12px;margin:0 0 9px}.pf-valuation .pf-card-head{padding:0 0 10px}.pf-valuation-empty{color:#7084b2;padding:18px 0}.pf-mini{width:100%;border-collapse:collapse;font-size:10px}.pf-mini th,.pf-mini td{text-align:left;border-bottom:1px solid #e9eff7;padding:7px 5px}.pf-mini th{font-weight:500;color:#7085af}
.pf-detail{border-left:1px solid #e3ebf8;background:#fff;min-width:0;padding:15px 12px 25px;max-height:calc(100vh - 64px);overflow:auto;position:sticky;top:64px}.pf-detail-head{display:flex;justify-content:space-between;gap:7px}.pf-detail-head h2{font-size:13px;margin:0 0 6px}.pf-detail-head small{color:#657fb2}.pf-detail-head button{border:0;background:none;color:#7187b3;font-size:22px}.pf-detail-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);margin:15px -12px 10px;padding:0 7px}.pf-detail-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:8px 6px;color:#5572a8;white-space:nowrap;font-size:9px}.pf-detail-tabs button.active{border-color:var(--blue);color:var(--blue)}.pf-detail h3{font-size:11px;margin:0 0 11px}.pf-dl{display:grid;grid-template-columns:42% 58%;row-gap:9px;margin:0;font-size:10px}.pf-dl dt{color:#647db2}.pf-dl dd{margin:0;color:#1b3d83;overflow-wrap:anywhere}.pf-detail-card{border-bottom:1px solid var(--line);padding:10px 0}.pf-detail-note{color:#6a80b0;line-height:1.5}.pf-detail-link{display:block;text-align:center;margin-top:11px;text-decoration:none}.pf-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f9fe;padding:9px;border-radius:4px;color:#2b4b8a;font-size:9px}
@media(max-width:1450px){.pf{grid-template-columns:minmax(0,1fr) minmax(300px,28%)}.pf-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.pf{display:block}.pf-detail{position:fixed;z-index:30;right:0;top:64px;width:min(430px,100vw);height:calc(100vh - 64px);box-shadow:-10px 0 25px #102d5e26}.pf-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}}
.pf:has(.pf-detail[hidden]) .pf-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
.pf-charts[hidden]{display:none}
.pf-error-state{color:#9b1c1c!important}.pf-error-state strong{color:#9b1c1c}.pf-error-state i{color:#d33b3b!important}
@media(max-width:760px){.pf-heading{align-items:flex-start;flex-direction:column}.pf-period{justify-content:flex-start}.pf-kpis,.pf:has(.pf-detail[hidden]) .pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-charts{grid-template-columns:1fr}.pf-filters select{flex:1;max-width:none}.pf-detail{width:100vw}.pf-pager{height:auto;padding:8px;flex-wrap:wrap}}
.pf-cash-reconciliation{margin-top:14px}.pf-cash-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:14px}.pf-cash-grid>div{border:1px solid var(--pf-line,#dbe6f4);border-radius:10px;padding:10px;min-width:0}.pf-cash-grid small{display:block;color:#7183a0;font-size:11px;margin-bottom:5px}.pf-cash-grid strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.pf-cash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1051px){.pf{grid-template-columns:minmax(0,1fr) 380px}}
@media(min-width:761px) and (max-width:1050px){.pf-detail{width:min(380px,100vw)}}
.pf-table-wrap{min-width:0;max-width:100%}
.pf-ledger{min-width:0;overflow:hidden}
.pf-cost-dynamics{padding:12px;margin:0 0 9px}.pf-dynamics-actions{display:flex;align-items:center;gap:8px}.pf-dynamics-select{display:flex;align-items:center;gap:6px;color:#6b80b0;font-size:10px}.pf-dynamics-select select{height:30px;min-width:180px;border:1px solid #dce8f9;border-radius:4px;background:#fff;color:#2a4d91;padding:0 6px}.pf-dynamics-content{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.8fr);gap:14px}.pf-dynamics-chart{min-width:0}.pf-dynamics-chart .pf-chart-bars{height:150px}.pf-dynamics-table{overflow:auto}.pf-dynamics-table .pf-mini{min-width:900px}.pf-dynamics-note{margin:10px 0;color:#7084b2}.pf-dynamics-error{color:#bd2844}.pf-dynamics-error button{margin-left:6px}.pf-cost-dynamics[hidden]{display:none}@media(max-width:760px){.pf-dynamics-content{grid-template-columns:1fr}.pf-dynamics-actions{align-items:flex-start;flex-direction:column}.pf-dynamics-select{max-width:100%;}.pf-dynamics-select select{min-width:0;max-width:100%}}

/* Keep production finance metric blocks readable and remove the redundant reconciliation explanation. */
#pf-kpis,.pf-cash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pf-cash-grid>.pf-detail-note{grid-column:1/-1;margin:0}
.pf-columns-reset{display:block;width:100%;margin-top:6px;padding:6px;border:1px solid #dce8fa;border-radius:4px;background:#f7faff;color:#2459ac;cursor:pointer}
@media(max-width:760px){#pf-kpis,.pf-cash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}