/* V367.46.7.51 No-Laravel Flow + Tech Upgrade
   Focus: job-wise cash flow, vendor payment, readable charts, safer tables/mobile. */
:root{--gb-blue:#0877b3;--gb-blue-dark:#06213c;--gb-green:#12a15f;--gb-red:#dc3b3b;--gb-gold:#d9a100;--gb-line:#d7e5f2;--gb-soft:#f4f8fc;--gb-text:#071526}
.job-costing-flow .job-cash-bars{display:grid;gap:10px;margin:8px 0 14px}
.job-bar-row{display:grid;grid-template-columns:150px 110px 1fr;gap:10px;align-items:center;font-size:13px;font-weight:800;color:var(--gb-text)}
.job-bar-row span{color:#33455c}.job-bar-row b{text-align:right;white-space:nowrap}.job-bar-row i{display:block;height:12px;background:#e6edf5;border-radius:999px;overflow:hidden}.job-bar-row em{display:block;height:100%;border-radius:999px;background:var(--gb-blue)}.job-bar-row em.green{background:var(--gb-green)}.job-bar-row em.red{background:var(--gb-red)}.job-bar-row em.gold{background:var(--gb-gold)}
.job-cash-table th,.job-cash-table td{white-space:nowrap}.job-cash-table td:nth-child(7){white-space:normal;min-width:220px}.job-cash-table .cash-in{font-weight:900;color:#067a46;text-align:right}.job-cash-table .cash-out{font-weight:900;color:#b42318;text-align:right}
.job-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.job-row-actions .btn-green{background:#0a7f51!important;color:#fff!important;border-color:#0a7f51!important}.job-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-action-grid button{width:100%;min-height:42px}
.job-costing-flow .card-lite h2{color:#071526!important}.job-costing-flow .muted{color:#506176!important}.job-costing-flow .table-wrap{max-width:100%;overflow-x:auto}.job-costing-flow .table{min-width:820px}.job-expense-card .job-expense-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.job-expense-card .job-expense-amount{grid-column:1 / -1!important}.job-expense-card .job-expense-amount input{font-size:24px!important;min-height:52px!important}
/* Compact universal action feel for the new flow only */
.job-costing-flow button{box-shadow:none!important}.job-costing-flow .btn-mini{min-height:32px;padding:7px 10px!important}.job-costing-flow select,.job-costing-flow input{font-size:15px!important}
@media(max-width:900px){.job-bar-row{grid-template-columns:1fr;gap:4px}.job-bar-row b{text-align:left}.job-action-grid{grid-template-columns:1fr}.job-expense-card .job-expense-grid{grid-template-columns:1fr!important}.job-costing-flow .table{min-width:760px}.job-costing-flow .job-hero{border-radius:14px;padding:14px}.job-costing-flow .job-metrics-grid{grid-template-columns:1fr!important}}