/* Working UI uses the approved shared component styles and geometry. */
#sidebar nav{display:flex;flex-direction:column}#sidebar nav>a{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;padding:10px 2px;font-size:10px;text-align:center}#sidebar nav>a.active{background:#34383d;color:white}.logo{font-size:13px!important;padding:18px 3px!important}#sidebar{overflow-y:auto}#app{min-height:70vh}.heading{gap:16px;align-items:center}.heading p{line-height:1.5;margin-top:8px}.table-wrap{overflow:auto;width:100%}.table-wrap table{min-width:0;width:100%}.table-wrap table:has(th:nth-child(4)){min-width:680px}td:last-child{white-space:nowrap}.form-grid label{display:grid!important;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:12px}.form-grid input,.form-grid select{min-width:0;width:100%}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.filters label{display:flex;gap:8px;align-items:center}.filters details{position:relative}.filter-options{position:absolute;background:white;border:1px solid var(--fi-border,#ddd);padding:12px;z-index:5;min-width:240px}.filter-options label{margin:8px 0}.filter-options input{width:auto}.num{white-space:nowrap;text-align:right}.row-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.error{white-space:pre-wrap}.empty{padding:28px!important;line-height:1.6}.login{max-width:600px;margin:50px auto}.summary{line-height:1.6}.pf-metrics{min-width:0}.loading{opacity:.6;pointer-events:none}.status{margin:12px 0;line-height:1.6}.heading>div{min-width:0}.report-number{font:inherit;color:var(--fi-link);background:none;border:0;cursor:pointer}.form-grid{display:block!important}.form-grid>label{margin-bottom:12px}.checks{display:flex;gap:10px}.checks input{width:auto}.project-allocation{margin:12px 0}.project-allocation label{display:grid;grid-template-columns:135px 1fr;gap:12px;margin:8px 0}.table-wrap:focus{outline:2px solid var(--fi-brand)}@media(max-width:700px){.form-grid label,.project-allocation label{grid-template-columns:minmax(100px,32%) minmax(0,1fr);gap:10px}.heading{align-items:flex-start;flex-wrap:wrap}.filters{align-items:flex-start}.workspace header{gap:10px;flex-wrap:wrap;height:auto;min-height:60px}.login{margin:20px 0}.table-wrap{max-width:100%}}
/* The same grouped sidebar used in the approved prototype. */
#sidebar{overflow:visible}#sidebar nav .nav-direct{min-height:68px}#sidebar .nav-group>button{width:100%}.table-wrap td:has(.report-number),.table-wrap td:has(.num){text-align:right}.table-wrap td .num{display:block}.table-wrap:has(.report-number) th:last-child{text-align:right}.form-grid textarea{min-width:0;width:100%}
.live-chart{display:block;width:100%;max-height:310px}.live-chart text{font:12px Arial;fill:var(--fi-muted)}.pf-chart-row{display:grid;grid-template-columns:340px minmax(0,1fr);gap:35px}.pf-metric{padding:12px 0}.pf-metric>span{color:var(--fi-muted)}.pf-metric .report-number{font-size:24px;margin-top:8px}.pf-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.pf-panel{margin:20px 0 28px}.pf-panel .pf-chart-row>div{min-width:0}@media(max-width:1050px){.pf-chart-row{grid-template-columns:240px minmax(0,1fr);gap:20px}}@media(max-width:700px){.pf-chart-row{grid-template-columns:1fr;gap:12px}.pf-panel-title{flex-wrap:wrap}.pf-metric .report-number{font-size:21px}}

.bank-table td:first-child,.bank-table td:nth-child(5){white-space:nowrap}.bank-table td:nth-child(4){min-width:250px;overflow-wrap:anywhere}