.job-costing-card{margin-top:16px}.job-costing-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.job-costing-head h3{margin:2px 0 6px}.job-costing-head p{margin:0}.job-costing-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.job-costing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.job-cost-kpi{display:grid;gap:4px;padding:14px;border:1px solid #dfe7ee;border-radius:13px;background:#f8fafc}.job-cost-kpi>span{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:#607386}.job-cost-kpi>strong{font-size:22px;color:#17324d}.job-cost-kpi>small{color:#607386;line-height:1.35}.job-cost-kpi.invoice-total{background:#17324d;border-color:#17324d}.job-cost-kpi.invoice-total>span,.job-cost-kpi.invoice-total>small{color:#dce8f2}.job-cost-kpi.invoice-total>strong{color:#fff}.job-quote-basis,.job-time-warning{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:16px;align-items:center;padding:14px;border-radius:13px;margin-bottom:16px}.job-quote-basis{background:#edf7f1;border:1px solid #cce8d6}.job-time-warning{display:block;background:#fff8e7;border:1px solid #f1d98b}.job-quote-basis>div{display:grid;gap:3px}.job-quote-basis>div>strong{font-size:20px;color:#155b39}.job-quote-basis>div>small{color:#4f6e5d}.job-quote-basis p,.job-time-warning p{margin:0;line-height:1.45}.job-time-warning strong{display:block;margin-bottom:4px}.job-time-form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:16px 0;border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2}.job-time-form-wrap h4{margin:2px 0 6px}.job-time-form-wrap p{margin:0}.job-time-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.job-time-history{padding-top:16px}.job-time-history h4{margin:2px 0}.job-time-history>.section-head{align-items:end}.job-time-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #e7edf2}.job-time-copy{min-width:0}.job-time-title{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.job-time-copy p{margin:5px 0;color:#3c5266}.job-time-copy small{color:#607386}.job-time-pending{background:#fff3cd!important;color:#725600!important}.job-time-amount{display:grid;justify-items:end;gap:3px;flex:0 0 auto}.job-time-amount>strong{font-size:17px;color:#17324d}.job-time-amount>small{color:#607386}.job-time-remove{padding:7px 9px;font-size:12px;margin-top:4px}.job-invoice-suggestion{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px;border-radius:13px;background:#eef4f8;border:1px solid #d9e5ed}.job-invoice-suggestion>span{font-weight:750;color:#17324d}.job-invoice-suggestion>strong{font-size:24px;color:#17324d;margin-left:auto}.job-invoice-suggestion>small{color:#607386}.job-invoice-print{display:none}
@media(max-width:720px){.job-costing-head{display:grid}.job-costing-actions{justify-content:stretch}.job-costing-actions .btn{flex:1}.job-costing-summary{grid-template-columns:1fr 1fr}.job-cost-kpi.invoice-total{grid-column:1/-1}.job-time-form-wrap{grid-template-columns:1fr}.job-time-fields{grid-template-columns:1fr 1fr}.job-time-fields .field:first-child{grid-column:1/-1}.job-quote-basis{grid-template-columns:1fr}.job-invoice-suggestion{display:grid}.job-invoice-suggestion>strong{margin:0}.job-time-row{align-items:flex-start}.job-time-amount{justify-items:end}}
@media(max-width:430px){.job-time-fields{grid-template-columns:1fr}.job-time-fields .field:first-child{grid-column:auto}.job-costing-actions{display:grid;grid-template-columns:1fr}.job-time-row{display:grid}.job-time-amount{justify-items:start}.job-time-remove{width:100%}}
@media print{body>*:not(#jobInvoicePrint){display:none!important}.job-invoice-print{display:block!important;color:#17212b;font:12pt/1.4 Arial,sans-serif;padding:0}.invoice-print-head{display:flex;justify-content:space-between;gap:24px;border-bottom:3px solid #17324d;padding-bottom:16px}.invoice-print-head span{font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#17324d}.invoice-print-head h1{font-size:24pt;margin:4px 0}.invoice-print-head p{margin:0;color:#556575}.invoice-print-head>div:last-child{display:grid;text-align:right;align-content:start;gap:4px}.invoice-print-head>div:last-child strong{font-size:18pt}.invoice-print-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin:20px 0}.invoice-print-meta div{display:grid;gap:2px}.invoice-print-meta span,.invoice-print-suggest span,.invoice-print-quote span{font-size:9pt;text-transform:uppercase;letter-spacing:.06em;color:#667788}.job-invoice-print table{width:100%;border-collapse:collapse;margin:18px 0}.job-invoice-print th,.job-invoice-print td{padding:10px 8px;border-bottom:1px solid #d7dee5;text-align:right}.job-invoice-print th:first-child,.job-invoice-print td:first-child{text-align:left}.job-invoice-print thead th{background:#eef3f7;color:#17324d}.job-invoice-print tfoot th{text-align:right}.invoice-grand-total th,.invoice-grand-total td{font-size:14pt;border-top:2px solid #17324d;border-bottom:0}.invoice-print-quote,.invoice-print-suggest{display:grid;gap:4px;padding:14px;border:1px solid #cbd6df;border-radius:8px;margin-top:14px}.invoice-print-quote{background:#edf7f1}.invoice-print-quote strong,.invoice-print-suggest strong{font-size:18pt;color:#17324d}.invoice-print-suggest p{margin:4px 0 0}.invoice-print-entries{margin-top:22px;page-break-inside:avoid}.invoice-print-entries h2{font-size:14pt;border-bottom:1px solid #cbd6df;padding-bottom:6px}.invoice-print-entries>div{display:grid;grid-template-columns:120px 1fr 1fr;gap:12px;padding:7px 0;border-bottom:1px solid #e2e8ed}.invoice-print-entries small{color:#667788}}