:root{--navy:#10253e;--navy2:#183a5d;--accent:#20b59c;--accent2:#ddf9f3;--bg:#f4f7fb;--white:#fff;--ink:#17283e;--sub:#61738a;--border:#dce5ef;--shadow:0 12px 35px rgba(21,41,65,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7ad8c7;outline-offset:2px}
header{background:var(--navy);color:white;padding:21px max(20px,calc((100vw - 1220px)/2));display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}h1{font-size:23px;letter-spacing:-.5px;margin:0}header small{color:#a4baca;display:block;margin-top:1px}.badge{background:#183b4c;border:1px solid #325d68;color:#b9f2e9;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.headerbrand{display:flex;gap:12px;align-items:center}.mark{width:41px;height:41px;border-radius:12px;background:var(--accent);display:grid;place-items:center;color:#0e2733;font-size:24px;font-weight:900}
main{max-width:1240px;margin:0 auto;padding:28px 20px 70px}.intro{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.intro h2{font-size:27px;letter-spacing:-.7px;margin:0}.intro p{margin:5px 0 0;color:var(--sub)}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{background:#fff;border:1px solid var(--border);color:var(--ink);border-radius:9px;padding:11px 15px;font-weight:700;white-space:nowrap}.btn-primary{background:var(--accent);color:#073c39;border:1px solid var(--accent)}.btn:hover{filter:brightness(.97)}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:start;gap:22px}.panel{border-radius:15px;border:1px solid var(--border);box-shadow:var(--shadow);background:white;padding:23px;margin-bottom:20px}.panel h3{font-size:17px;margin:0 0 16px;display:flex;gap:10px;align-items:center}.eyebrow{display:block;font-weight:800;color:var(--sub);font-size:11px;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 10px}.templates{display:flex;gap:9px;flex-wrap:wrap}.pill{border-radius:999px;padding:8px 12px;background:#f4f8fc;border:1px solid var(--border);color:#24435d;font-size:12px;font-weight:700}.pill:hover{background:var(--accent2)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{color:#506377;font-size:12px;font-weight:750}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d4dfeb;background:#fff;border-radius:9px;color:var(--ink);min-width:0}textarea{resize:vertical;min-height:74px}.tip{font-size:12px;color:var(--sub);margin-top:1px}.sectionline{height:1px;background:var(--border);margin:14px 0 20px}.sectionname{font-weight:800;margin:0 0 14px;font-size:14px}.costnote{background:#eff9f6;border:1px solid #d0ede4;padding:11px 12px;border-radius:9px;font-size:12px;color:#3c625b;margin-top:1px}.extras-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.extras-header .sectionname{margin:0}.mini{padding:7px 10px;border:1px solid var(--border);background:#f7fafc;border-radius:8px;font-weight:700;color:#34536a;font-size:12px}.extra-item{display:grid;grid-template-columns:1.5fr .54fr .85fr .85fr 30px;gap:8px;align-items:end;margin-bottom:10px}.extra-item .field{margin:0}.extra-item .field label{font-size:10px}.iconbtn{background:#fff;border:1px solid var(--border);border-radius:8px;height:43px;color:#9a4751;font-size:18px}.right{position:sticky;top:16px}.total-panel{background:var(--navy);color:white;border-radius:15px;padding:26px;box-shadow:var(--shadow);margin-bottom:19px}.total-panel .eyebrow{color:#9dbac9}.total{font-size:42px;font-weight:800;letter-spacing:-1.8px;line-height:1.2;margin:8px 0 6px}.small-white{font-size:12px;color:#bdd1e1}.metric-group{border-top:1px solid #34506b;margin-top:22px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-value{font-size:24px;display:block;font-weight:800}.profit{color:#5ae2c2}.warning{color:#ffcd7b}.metlabel{display:block;font-size:11px;color:#adc5d5}.breakdown{margin:18px 0 0;border-top:1px solid #34506b;padding-top:15px;display:grid;gap:10px}.breakdown div{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#c5d8e6}.breakdown strong{color:white}.status{font-size:12px;font-weight:700;padding:8px 11px;border-radius:8px;margin-top:17px;background:#234c54;color:#bbf7e6}.status.warn{background:#5b442f;color:#ffe5bc}.quote{padding:23px}.quotehead{display:flex;justify-content:space-between;align-items:center;gap:10px}.quote h3{margin:0}.paper{margin-top:15px;border:1px solid var(--border);background:#fff;border-radius:10px;padding:16px}.paper-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.paper-title strong{font-size:17px}.paper-title span{color:var(--sub);font-size:12px;text-align:right}.paper-client{font-size:13px;margin:12px 0;color:#42566b;white-space:pre-wrap}.quote-list{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0;margin:10px 0}.quote-line{display:flex;gap:10px;justify-content:space-between;margin:9px 0;font-size:12px}.quote-line span:first-child{flex:1;color:#5f7185}.quote-total{display:flex;justify-content:space-between;font-weight:900;font-size:17px}.print-note{font-size:11px;color:var(--sub);margin:13px 0 0}.footnote{color:var(--sub);font-size:12px;margin-top:13px}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#0f3547;color:white;padding:11px 16px;border-radius:8px;box-shadow:0 12px 30px #0002;display:none;z-index:3}.toast.show{display:block}.reset-prompt{background:#fff6e7;border:1px solid #f0cd8a;border-radius:12px;padding:15px 18px;margin:0 0 20px;display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}.reset-prompt[hidden]{display:none}.reset-prompt p{margin:2px 0 0;color:#75552e;font-size:13px}.btn-danger{border-color:#c65151;color:#a02d32;background:#fff}
@media(max-width:900px){.layout{grid-template-columns:1fr}.right{position:static}.grid3{grid-template-columns:1fr 1fr}}@media(max-width:520px){main{padding:19px 12px}.panel,.quote{padding:16px}.grid2,.grid3{grid-template-columns:1fr 1fr;gap:10px}.extra-item{grid-template-columns:1fr 1fr 1fr 30px}.extra-item .field:first-child{grid-column:1/-1}.total{font-size:36px}.intro h2{font-size:23px}}
#printDocument{display:none}@media print{header,main,.toast{display:none!important}body{background:white;color:black}#printDocument{display:block!important;padding:14mm 10mm;font:13px Arial,sans-serif}#printDocument .printhead{display:flex;align-items:start;justify-content:space-between;border-bottom:2px solid #222;padding-bottom:14px;margin-bottom:22px}#printDocument h1{font-size:23px}#printDocument h2{font-size:19px}#printDocument .muted{color:#555}#printDocument table{width:100%;border-collapse:collapse;margin:25px 0}#printDocument th{text-align:left;border-bottom:2px solid #222;padding:12px 8px;background:#f2f2f2}#printDocument td{border-bottom:1px solid #ccc;padding:11px 8px}#printDocument .num{text-align:right;white-space:nowrap}#printDocument .grand{font-size:19px;font-weight:800;text-align:right;border-top:2px solid #222;padding-top:14px}#printDocument .bottom{font-size:11px;color:#555;margin-top:24px}}

.browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:7px}.template-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 10px}.template-heading strong{font-size:13px}.template-heading .count{font-size:12px;color:var(--sub)}
.templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template-card{display:flex;align-items:center;gap:10px;text-align:left;white-space:normal;padding:11px;border:1px solid #dce5ef;background:#f8fafc;border-radius:11px;min-height:57px}.template-card:hover{border-color:#20b59c;background:#eafaf5}.template-card.selected{border-color:#20b59c;background:#e8faf4;box-shadow:inset 0 0 0 1px #20b59c}.template-icon{font-size:21px;line-height:1}.template-label{font-size:12px;font-weight:750;color:#24435d;line-height:1.3}.template-trade{font-size:10px;color:#65778b;margin-top:3px;display:block}.empty-templates{grid-column:1/-1;padding:18px;border:1px dashed var(--border);border-radius:9px;color:var(--sub);font-size:13px}.example-note{margin-top:13px}.tip{line-height:1.5}
@media(max-width:520px){.browse-grid{grid-template-columns:1fr}.templates{grid-template-columns:1fr 1fr}.template-card{padding:10px 9px;gap:7px}.template-icon{font-size:17px}.template-label{font-size:11px}}
@media(max-width:350px){.templates{grid-template-columns:1fr}}

/* v0.5 payment and signature additions */
.preview-pay{margin-top:14px;padding:14px;background:#eff9f5;border:1px solid #bae5d4;border-radius:10px}.paybtn{display:inline-block;text-align:center;text-decoration:none;white-space:normal}.preview-pay .tip{margin-top:7px}.preview-signature{border-top:1px solid var(--border);padding-top:13px;margin-top:16px;font-size:12px}.preview-signature img{display:block;max-width:240px;max-height:85px;object-fit:contain}.signature-frame{border:2px dashed #92adc1;border-radius:12px;overflow:hidden;background:#fff}.signature-frame canvas{display:block;width:100%;height:auto;aspect-ratio:920/270;touch-action:none;cursor:crosshair}.sign-confirm{display:flex;gap:12px;align-items:flex-start;margin:16px 0;padding:12px;border-radius:8px;background:#f4f8fb;font-size:13px}.sign-confirm input{width:18px;height:18px;flex-shrink:0;margin:2px 0}.signed-message{border:1px solid #bae5d4;border-radius:9px;padding:16px;background:#eff9f5}.signed-message img{max-width:280px;max-height:105px;display:block}.signed-message[hidden],.preview-pay[hidden],.preview-signature[hidden]{display:none!important}
/* v0.4 documents */
.editing-strip{padding:10px 15px;border-radius:9px;background:#e7f7f3;border:1px solid #b6e4d8;color:#165b50;font-size:13px;font-weight:700;margin-bottom:16px}
.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
.method-grid label{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--border);padding:10px 12px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer}
.method-grid input{width:auto;min-width:15px;height:16px;accent-color:#15ad90}
.workspace-head{display:flex;justify-content:space-between;gap:20px;align-items:start;flex-wrap:wrap}
.workspace-head h3{margin-bottom:8px}.workspace-head .tip{margin:0 0 12px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:13px 0 22px}
.stat{border:1px solid var(--border);border-radius:11px;background:#f8fafc;padding:14px}.stat span{display:block;color:var(--sub);font-size:12px}.stat strong{font-size:22px;display:block;margin-top:3px}
.workspace-tools{display:grid;grid-template-columns:190px 1fr;gap:15px}.tablewrap{overflow-x:auto}.doctable{border-collapse:collapse;width:100%;min-width:830px;font-size:13px}
.doctable th,.doctable td{border-bottom:1px solid var(--border);text-align:left;padding:12px 10px;vertical-align:middle}.doctable th{color:#536b81;background:#f7fafc;font-size:12px}.doctable td:nth-child(3){white-space:nowrap;font-weight:800}
.recordactions{display:flex;flex-wrap:wrap;gap:5px}.recordactions button{padding:5px 8px;border:1px solid var(--border);background:white;border-radius:6px;color:#24435d;font-size:11px;font-weight:750}.recordactions button:hover{background:#e8faf4}
.docpill{display:inline-block;padding:4px 7px;border-radius:5px;font-size:11px;font-weight:750;background:#eff2f6;color:#485b6d}.docpill.paid{background:#dcf9eb;color:#17765b}.docpill.unpaid,.docpill.overdue{background:#fff0dd;color:#8e5518}
.email-panel[hidden]{display:none}.email-panel textarea{min-height:180px}
@media(max-width:600px){.method-grid,.workspace-tools{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:18px}}

/* v0.7: finish-the-job actions, instead of a crowded top toolbar */
.action-panel{scroll-margin-top:16px;border:2px solid #afe6d7;background:linear-gradient(180deg,#fff 0%,#f8fcfb 100%)}
.action-panel-head h3{margin:0 0 5px;font-size:19px}.action-panel-head .tip{margin:0 0 16px}
.quote-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}
.quote-action-grid .btn{white-space:normal;min-height:49px}
.action-secondary{border-top:1px solid var(--border);margin-top:18px;padding-top:15px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.action-secondary .tip{margin-right:auto}.action-secondary .btn{font-size:13px}
#undo-new[hidden]{display:none!important}
.mobile-actionbar{display:none}
button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){
  main{padding-bottom:170px}
  .quote-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .quote-action-grid .btn{font-size:13px;min-height:48px;padding:10px 8px}
  .action-secondary{align-items:stretch}.action-secondary .tip{width:100%}
  .mobile-actionbar{position:fixed;bottom:calc(34px + env(safe-area-inset-bottom, 0px));left:0;right:0;z-index:25;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px 10px calc(9px + env(safe-area-inset-bottom, 0px));background:#10253e;box-shadow:0 -9px 25px rgba(15,35,57,.22)}
  .mobile-actionbar button{border:1px solid #36536b;border-radius:9px;background:#eaf1f6;color:#10253e;min-width:0;min-height:46px;font-weight:800;font-size:13px;padding:8px 3px;touch-action:manipulation}
  .mobile-actionbar button:first-child{background:var(--accent);border-color:var(--accent)}
  .mobile-actionbar button:disabled{color:#728392;background:#c4ced7}
  .toast{bottom:calc(122px + env(safe-area-inset-bottom, 0px));max-width:calc(100vw - 24px);text-align:center}
}
@media print{.mobile-actionbar{display:none!important}}

/* ---- FieldQuote v1: jobs home, setup, fast path ---- */
.setup-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff7e6;border:1px solid #e8c98a;border-radius:13px;padding:14px 18px;margin-bottom:16px}
.setup-banner strong{display:block;font-size:14.5px;color:#7a5310}
.setup-banner span{font-size:13px;color:#8a6a2a}
.jobs-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.jobs-head h3{margin:2px 0 4px}
.jobs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0 16px}
.jobs-stats .stat{background:#f5f8fa;border:1px solid var(--border);border-radius:11px;padding:11px 13px}
.jobs-stats .stat span{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#6b7b88;margin-bottom:3px}
.jobs-stats .stat strong{font-size:19px;color:#143d59}
.jobs-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.chip{border:1px solid var(--border);background:white;border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;color:#42606f}
.chip.on{background:#143d59;border-color:#143d59;color:white;font-weight:600}
.jobs-table .rowopen{cursor:pointer}
.jobs-table .rowopen:hover{background:#f4f8fa}
.jobs-table .tiny{padding:4px 9px;font-size:12px;border-radius:7px;border:1px solid var(--border);background:white;cursor:pointer;margin-right:5px}
.jobs-table .tiny.primary{background:#143d59;border-color:#143d59;color:white}
.modal-backdrop{position:fixed;inset:0;background:rgba(15,32,44,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}
.modal-backdrop[hidden]{display:none}
.modal{background:white;border-radius:16px;padding:24px;max-width:620px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 18px 50px rgba(9,25,36,.3)}
.modal h3{margin-top:0}
.more-detail{margin-top:6px}
.more-detail>summary{cursor:pointer;font-weight:600;color:#143d59;font-size:14px;padding:9px 0}
.fastgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:620px){.jobs-stats{grid-template-columns:1fr 1fr}.fastgrid{grid-template-columns:1fr}}
@media print{.setup-banner,#jobs-home,.modal-backdrop{display:none!important}}

/* Keep the bottom action bar clear of Netlify's floating badge. */
@media(max-width:900px){
  .mobile-actionbar{position:fixed;bottom:calc(34px + env(safe-area-inset-bottom, 0px))!important}
  main{padding-bottom:170px}
}
@media print{.mobile-actionbar{display:none!important}}

/* ---- payment setup ---- */
#paylink-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#paylink-status .mini{margin-left:auto}
#su-provider-help{margin-bottom:14px;min-height:44px}
#su-methods{margin-bottom:6px}

/* ---- desktop action bar: keeps Save/Email/Invoice/PDF reachable without scrolling ---- */
.desktop-actions{display:none}
@media(min-width:701px){
  .desktop-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;position:sticky;top:0;z-index:20;background:#10253e;padding:11px 14px;border-radius:12px;margin-bottom:16px;box-shadow:0 6px 18px rgba(15,35,57,.18)}
  .desktop-actions .btn{background:#eaf1f6;border-color:#36536b;color:#10253e;font-weight:800;font-size:13px;padding:9px 13px}
  .desktop-actions .btn-primary{background:var(--accent);border-color:var(--accent);color:#073c39}
  .desktop-actions .btn[hidden]{display:none!important}
}
@media print{.desktop-actions{display:none!important}}

.po-modal{position:fixed;inset:0;background:rgba(10,22,38,.55);display:flex;align-items:flex-start;justify-content:center;z-index:9999;overflow:auto;padding:16px}
.po-modal[hidden]{display:none}
.po-card{background:#fff;color:#17283e;border-radius:14px;max-width:560px;width:100%;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto}
.po-card h3{margin:4px 0 6px}
.po-steps{display:flex;gap:6px;margin:6px 0 14px}.po-steps span{flex:1;height:5px;border-radius:3px;background:#dce5ef}.po-steps span.on{background:#14a38b}
.po-opt{display:flex;gap:12px;align-items:flex-start;border:2px solid #dce5ef;border-radius:12px;padding:12px;margin:8px 0;cursor:pointer;font-size:15px}
.po-opt input{width:22px;height:22px;margin-top:2px;flex:none}.po-opt.on{border-color:#14a38b;background:#eefaf6}
.po-opt small{display:block;color:#61738a;font-size:13px;margin-top:2px}
.po-fld{margin:10px 0}.po-fld label{display:block;font-weight:600;margin-bottom:4px;font-size:14px}
.po-fld input,.po-fld select,.po-fld textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #b9c7d6;border-radius:9px;font-size:16px}
.po-help{background:#f3f7fb;border-left:4px solid #14a38b;padding:10px 12px;border-radius:8px;font-size:13.5px;line-height:1.45;margin:8px 0}
.po-warn{background:#fff6e5;border-left:4px solid #e0a100;padding:10px 12px;border-radius:8px;font-size:13.5px;margin:8px 0}
.po-group{border-top:1px solid #e3eaf2;padding-top:10px;margin-top:12px}.po-group h4{margin:0 0 4px}
.po-nav{display:flex;gap:10px;justify-content:space-between;margin-top:16px;flex-wrap:wrap}
.po-btn{padding:12px 18px;border-radius:10px;border:1px solid #b9c7d6;background:#fff;font-size:15px;font-weight:600;cursor:pointer}
.po-btn.pri{background:#14a38b;border-color:#14a38b;color:#fff}.po-btn.sm{padding:7px 12px;font-size:13px}
.po-preview{border:1px solid #cfe9e0;background:#f6fcfa;border-radius:10px;padding:12px 14px;margin:12px 0;font-size:13.5px;line-height:1.5;color:#17283e}
.po-preview h4{margin:0 0 6px;font-size:14px}.po-preview a{color:#0c6553;font-weight:600;word-break:break-all}
.po-preview .po-paybtn{display:inline-block;background:#14a38b;color:#fff;padding:9px 14px;border-radius:8px;text-decoration:none;margin:4px 0}
#po-summary .po-btn{margin:6px 6px 0 0}