/* JOB MONEY financial cockpit. Read-only KPI until the operator records a real contract and transaction. */
.of-work-grid{display:grid;grid-template-columns:282px minmax(0,1fr);gap:16px;align-items:start}
.of-work-main{min-width:0}
.of-fin-rail{background:#fff;border:1px solid #dae6ee;border-radius:19px;padding:16px;position:sticky;top:16px;box-shadow:0 8px 22px #172b4608}
.of-rail-heading h2{font-size:20px;letter-spacing:-.03em;margin:0;color:#1b3551}
.of-rail-heading p,.of-rail-footer p{color:#71869b;font-size:11px;line-height:1.6;margin:8px 0 13px}
.of-rail-counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:16px}
.of-rail-counters>div{display:flex;flex-direction:column;gap:3px;padding:12px 10px;border-radius:11px;background:#f4f8fb;border:1px solid #e1e9f0}
.of-rail-counters b{font-size:26px;line-height:1.1;color:#193951;font-variant-numeric:tabular-nums}
.of-rail-counters span{font-size:10px;color:#6b8095}
.of-currency{background:#fbfcfd;border:1px solid #dee8ef;border-radius:13px;padding:13px;margin-bottom:11px}
.of-currency-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.of-currency-head b{font-size:13px;color:#294968}
.of-currency-head span{font-size:9px;color:#8b9aab}
.of-cash-line,.of-cash-total{display:flex;justify-content:space-between;gap:9px;align-items:baseline;margin:8px 0;font-size:11px}
.of-cash-line span{color:#60778d}
.of-cash-line b{font-size:11px;color:#244159;text-align:right;font-variant-numeric:tabular-nums}
.of-cash-total{border-top:1px solid #e1e9ef;padding-top:11px;margin-top:12px;color:#2d7863}
.of-cash-total strong{font-size:13px;color:#147459;text-align:right;font-variant-numeric:tabular-nums}
.of-rail-footer{border-top:1px solid #e1e9ef;margin-top:16px;padding-top:14px}
.of-rail-footer>strong{font-size:12px;color:#1f3c58}
.of-muted{color:#8b9aab!important;font-size:11px;line-height:1.6}
.of-category-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.of-category-line{padding-bottom:9px;border-bottom:1px solid #edf0f3;display:flex;flex-direction:column;gap:3px}
.of-category-line b{font-size:11px;color:#2c4a67}
.of-category-line small{color:#8b9baa;font-size:10px}
.of-category-line span{font-size:10px;color:#168067}
.of-fin-jobs{background:#fff;border:1px solid #e1eaf2;border-radius:19px;padding:19px;margin:0 0 20px}
.of-fin-table-wrap{overflow-x:auto;max-height:430px;overflow-y:auto;scrollbar-width:thin;border:1px solid #e2eaf1;border-radius:12px}
.of-fin-table{width:100%;min-width:700px;border-collapse:collapse;font-size:11px;text-align:left;font-variant-numeric:tabular-nums}
.of-fin-table th{background:#f4f8fa;color:#77889b;position:sticky;top:0;z-index:1;padding:12px 9px;font-size:10px;white-space:nowrap}
.of-fin-table td{padding:12px 9px;border-top:1px solid #edf0f4;color:#344e65;white-space:nowrap}
.of-fin-table td:first-child{min-width:140px;max-width:280px;white-space:normal}
.of-fin-table td strong,.of-fin-table td small{display:block;line-height:1.5}
.of-fin-table td strong{font-size:11px}.of-fin-table td small{font-size:10px;color:#8094a6}
.of-fin-table .of-alt{padding:7px 10px;white-space:nowrap}
.of-money-detail{font-size:12px;color:#294862}
.of-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.of-detail-stats>div{padding:12px;border-radius:11px;background:#f4f8fa;border:1px solid #e5ecf1;display:flex;flex-direction:column;gap:5px}
.of-detail-stats span{font-size:10px;color:#73879b}
.of-detail-stats b{font-size:14px;color:#1c4561;font-variant-numeric:tabular-nums}
.of-fin-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}
.of-ledger{margin:18px 0}.of-ledger h3{font-size:13px;margin:0 0 9px}
.of-ledger-scroll{max-height:250px;overflow-y:auto}
.of-ledger-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e8eff3;flex-wrap:wrap}
.of-ledger-entry div{min-width:90px;flex:1}.of-ledger-entry strong{display:block;font-size:11px}
.of-ledger-entry small{font-size:10px;color:#8a9baa;display:block;margin-top:4px;overflow-wrap:anywhere}
.of-ledger-entry>b{font-size:11px;color:#1a695a}.of-ledger-entry button{font-size:10px;padding:6px}
.of-ledger-entry.void{opacity:.55;text-decoration:line-through}.of-ledger-entry i{font-size:10px;color:#a86d46}
@media(max-width:1180px){.of-work-grid{grid-template-columns:252px minmax(0,1fr)}.of-fin-rail{padding:12px}}
@media(max-width:900px){.of-work-grid{grid-template-columns:1fr}.of-fin-rail{position:static}.of-rail-counters{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.of-rail-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.of-fin-jobs{padding:12px;border-radius:13px}.of-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.of-currency{padding:11px}}