@font-face{font-family:Public;src:url('../fonts/public-sans-var.woff2')}@font-face{font-family:Barlow;src:url('../fonts/barlow-semi-condensed-700.woff2');font-weight:700}
:root{--ink:#193c52;--muted:#526573;--paper:#fff;--ground:#eef1f4;--line:#cbd5dc;--accent:#f4bc46;--accent-hover:#e2ad3e;--good:#176047;--good-bg:#e8f3ed;--warn:#8a4b00;--warn-bg:#fbe9d9;--bad:#a12c2c;--bad-bg:#fcecec;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--r:4px;--card:8px;--focus:#b37300;--fs-meta:14px;--fs-body:16px;--fs-medium:20px;--fs-title:24px;--fs-large:32px;--fs-display:40px;--control:44px}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:var(--fs-body)/1.5 Public,sans-serif;font-variant-numeric:tabular-nums}header{background:var(--ink);color:var(--paper);padding:var(--s4) max(var(--s6),calc((100vw - 1232px)/2));display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.brand{display:flex;gap:var(--s3);font-weight:700;align-items:center}.brandmark{font:700 var(--fs-display) Barlow;color:var(--accent)}small{display:block;font-size:var(--fs-meta);font-weight:400}main{max-width:1280px;margin:auto;padding:var(--s8) var(--s6)}h1,h2,h3,p{margin:0}h1{font:700 var(--fs-display)/1.1 Barlow}h2{font:700 var(--fs-title)/1.15 Barlow}h3{font-size:var(--fs-body)}.intro{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s6)}.intro p{margin-top:var(--s2);color:var(--muted)}.demo-label,.muted,.meta{font-size:var(--fs-meta);color:var(--muted)}
button,.file-button{font:600 var(--fs-meta)/1.4 Public,sans-serif;min-height:var(--control);padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink);cursor:pointer;transition:background-color 160ms ease-out}button:hover,.file-button:hover{background:var(--ground)}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.primary:hover{background:var(--accent-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--ink)}label{display:block;font-size:var(--fs-meta);font-weight:600}input,textarea,select{display:block;font:inherit;width:100%;min-width:0;height:var(--control);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3);background:var(--paper);color:var(--ink);margin-top:var(--s1);caret-color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{height:96px;resize:vertical}
.overview{background:var(--ink);color:var(--paper);border-radius:var(--card);margin-bottom:var(--s6);padding:var(--s6)}#overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.overview-item{text-align:left;background:transparent;border:0;border-radius:0;color:var(--paper);padding:0 var(--s6);display:flex;flex-direction:column;align-items:start}.overview-item:first-child{padding-left:0}.overview-item+.overview-item{border-left:1px solid #7c909e}.overview-item:hover,.overview-item[aria-pressed=true]{background:#344f61}.overview-item strong{font:700 var(--fs-large)/1.1 Barlow;margin-bottom:var(--s2)}.overview-item span{font-weight:600}.overview-item small{margin-top:var(--s2);text-decoration:underline;text-underline-offset:var(--s1)}.overview>p{font-size:var(--fs-meta);margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid #7c909e;color:#e2e8ed}
.list-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s4);gap:var(--s4)}.search{width:min(440px,100%)}#count{font-weight:400;margin-left:var(--s1);color:var(--muted)}.filter-state{text-align:right;font-size:var(--fs-meta);color:var(--muted);display:flex;align-items:center;gap:var(--s3)}.filter-state button{white-space:nowrap}.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);align-items:start}.job{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--card);overflow:hidden;scroll-margin-top:var(--s4)}.job-head{padding:var(--s6) var(--s6) var(--s4)}.topline{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--fs-meta);margin-bottom:var(--s3)}.status{color:var(--muted);text-align:right}.job h2{margin-bottom:var(--s1)}.address{font-weight:600;margin-bottom:var(--s1)}.figures{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);padding:0 var(--s6) var(--s4)}.figures span{display:block;font-size:var(--fs-meta);color:var(--muted)}.figures strong{font-size:var(--fs-medium)}.margin{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) var(--s6);gap:var(--s3);border-top:1px solid var(--line)}.healthy{background:var(--paper);color:var(--good)}.thin{background:var(--warn-bg);color:var(--warn)}.loss{background:var(--bad-bg);color:var(--bad)}.margin strong{font-size:var(--fs-title)}.margin small{font-size:var(--fs-meta)}.health{text-align:right;font-size:var(--fs-meta);font-weight:600}.actions{display:flex;gap:var(--s2);padding:var(--s4) var(--s6)}.actions button{flex:1}.actions [data-action=open]{border-color:var(--ink)}
.folder{padding:0 var(--s6) var(--s6)}.folder-context{padding:var(--s3) 0;border-top:1px solid var(--line)}.folder section{border-top:1px solid var(--line);padding-top:var(--s4);margin-top:var(--s4);min-width:0}.folder h3{margin-bottom:var(--s3)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}.section-heading h3{margin:0}.section-heading button{padding:var(--s2) var(--s3);flex-shrink:0}.section-count{font-weight:400;color:var(--muted);margin-left:var(--s1)}.row{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;font-size:var(--fs-meta)}.row span:first-child{flex:1}.row b{white-space:nowrap}.total{border-top:1px solid var(--line);font-weight:700;margin-top:var(--s3);padding-top:var(--s3)}.subbie-name{font-size:var(--fs-body);margin-bottom:var(--s3);font-weight:600}.attendance-controls{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s4);align-items:end;max-width:460px}.stepper{display:flex;align-items:center;gap:var(--s1);height:var(--control);margin-top:var(--s1)}.stepper button{padding:var(--s2);width:var(--control);min-width:var(--control)}.stepper input{flex:1;min-width:0;width:60px;text-align:center;margin:0;padding:var(--s2) var(--s1);appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.note{padding:var(--s3) 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.note time{font-size:var(--fs-meta);color:var(--muted)}.folder textarea{margin-bottom:var(--s2)}.notes-section form{margin-top:var(--s4)}.folder section>.meta:last-child{margin-top:var(--s2)}
.invoice-table{border-collapse:collapse;width:100%;font-size:var(--fs-meta);text-align:left}.invoice-table th{font-size:var(--fs-meta);font-weight:600;color:var(--muted);padding:var(--s2) var(--s1);vertical-align:bottom;border-bottom:1px solid var(--line)}.invoice-table td{padding:var(--s3) var(--s1);border-bottom:1px solid var(--line);vertical-align:middle}.invoice-table th:nth-last-child(2),.invoice-table th:nth-last-child(3),.invoice-table td:nth-last-child(2),.invoice-table td:nth-last-child(3){text-align:right;white-space:nowrap}.invoice-table th:last-child,.invoice-table td:last-child{padding-left:var(--s3)}.document-link{display:flex;align-items:center;gap:var(--s2);text-align:left;border:0;padding:0;background:transparent;min-width:0}.document-link span{overflow-wrap:anywhere}.document-link small{color:var(--muted);font-weight:400}.document-link img{width:32px;height:44px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}.document-link:hover{background:transparent;text-decoration:underline;text-underline-offset:var(--s1)}.invoice-date{white-space:nowrap}.invoice-status small{font-size:var(--fs-meta);color:var(--muted)}.checked{color:var(--good);font-weight:600}.invoice-document{display:block;max-width:100%;height:240px;object-fit:contain;margin:var(--s4) auto}.scan-state,.confidence{color:var(--warn);background:var(--warn-bg);padding:var(--s1) var(--s2);font-size:var(--fs-meta)}.confidence{display:block;font-weight:400}.uncertain input{border-color:var(--warn)}#scan-result{margin-top:var(--s6)}#scan-totals{margin:var(--s4) 0}.scan-state{display:inline-block;margin-top:var(--s2)}
.check{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-body);min-height:var(--control);cursor:pointer}.check input{width:24px;height:24px;flex-shrink:0;margin:0;accent-color:var(--ink)}.approval-record{font-size:var(--fs-meta);color:var(--good);padding-bottom:var(--s2)}.attachment{display:block;max-width:100%;max-height:180px;object-fit:contain;margin-top:var(--s3)}.photo-control{margin:var(--s4) 0 var(--s2)}.file-button{display:inline-flex;align-items:center;gap:var(--s2);margin:0}.photo-control .meta{display:block;margin-top:var(--s2);overflow-wrap:anywhere}.photo-control:has(input:focus-visible) .file-button{outline:3px solid var(--focus);outline-offset:3px}.approval-check{margin-top:var(--s4)}.approval-fields{background:var(--ground);padding:var(--s4);margin-bottom:var(--s4);border-radius:var(--r)}.approval-fields label:first-child{margin-top:0}.approval-fields p{margin-top:var(--s3)}
.roi{margin-top:var(--s8);border-top:2px solid var(--ink);background:var(--paper);padding:var(--s4) var(--s6)}.roi>summary{font:700 var(--fs-title)/1.5 Barlow;cursor:pointer;min-height:var(--control);padding:var(--s1) 0}.roi-content{padding-top:var(--s4)}.roi p{margin-top:var(--s2)}.roi-inputs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4);margin:var(--s6) 0}.roi-inputs label{display:flex;flex-direction:column;justify-content:space-between}.roi-inputs input{margin-top:var(--s2)}#roi-result{border-top:1px solid var(--line);padding-top:var(--s4);display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}#roi-result h3{font-size:var(--fs-body)}#roi-result p{font-size:var(--fs-meta)}.cost-visibility{grid-column:1/-1;border-top:1px solid var(--line);padding-top:var(--s3)}footer{display:flex;justify-content:space-between;gap:var(--s4);align-items:center;margin-top:var(--s8);font-size:var(--fs-meta);color:var(--muted)}
dialog{color:var(--ink);border:1px solid var(--line);border-radius:var(--card);width:min(560px,calc(100% - 24px));padding:var(--s6);max-height:90dvh;overflow:auto}dialog::backdrop{background:#193c5280}dialog h2{margin-bottom:var(--s4)}dialog label{margin-top:var(--s3)}.dialog-actions{display:flex;gap:var(--s2);margin-top:var(--s6)}#error:not(:empty){color:var(--bad);margin-top:var(--s3)}#notice{position:fixed;bottom:var(--s4);left:var(--s4);width:fit-content;max-width:calc(100% - 32px);background:var(--ink);color:white;padding:var(--s3) var(--s4);border-radius:var(--r);z-index:5}#notice:empty{display:none}#tourbox{position:fixed;bottom:var(--s4);right:var(--s4);max-width:360px;width:calc(100% - 32px);padding:var(--s4);background:var(--ink);color:var(--paper);box-shadow:0 8px 24px #193c5220;z-index:4;border-radius:var(--card)}#tourbox p{margin:var(--s3) 0;font-size:var(--fs-meta)}.tour-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}.tour-heading button{background:transparent;color:var(--paper);border-color:#7c909e;min-height:var(--control)}.tour-heading button:hover{background:#344f61}.tour-target{outline:3px solid var(--focus);outline-offset:var(--s1)}body.touring main{padding-bottom:360px}body.touring #notice{bottom:320px}.empty{padding:var(--s8);grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:640px){.job.open{grid-column:1/-1}}
@media(min-width:900px){.job.open .job-overview{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center}.job.open .figures{padding:var(--s6)}.job.open .margin{border-top:0;align-self:stretch;justify-content:space-between}.job.open>.actions{justify-content:flex-end;border-top:1px solid var(--line);padding:var(--s3) var(--s6)}.job.open>.actions button{flex:0 0 160px}.folder-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
@media(min-width:640px) and (max-width:899px){.intro{align-items:start}.demo-label{max-width:170px;text-align:right}.job-head{padding:var(--s4)}.job h2{font-size:var(--fs-title)}.job.open h2{min-height:0}.address{font-size:var(--fs-meta)}.job.open .address{min-height:0}.figures{padding:0 var(--s4) var(--s4)}.figures strong{font-size:var(--fs-medium)}.margin{padding:var(--s3) var(--s4)}.margin small{font-size:var(--fs-meta)}.margin strong{font-size:var(--fs-title)}.actions{padding:var(--s4)}.roi-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.overview{padding:var(--s4)}.overview-item{padding:0 var(--s4)}}
@media(max-width:639px){header{padding:var(--s3) var(--s4)}.brand{font-size:var(--fs-meta);gap:var(--s2)}.brandmark{font-size:var(--fs-large)}.brand small{font-size:var(--fs-meta)}header button{padding:var(--s2);font-size:var(--fs-meta)}main{padding:var(--s4)}h1{font-size:var(--fs-large)}.intro{display:block;margin-bottom:var(--s4)}.demo-label{display:block;margin-top:var(--s2)}.overview{padding:var(--s4);margin-bottom:var(--s4)}#overview-stats{grid-template-columns:1fr}.overview-item{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:var(--s3);padding:var(--s2) 0;min-height:var(--control)}.overview-item+.overview-item{border-left:0;border-top:1px solid #7c909e}.overview-item:first-child{padding-top:0}.overview-item strong{font-size:var(--fs-title);grid-row:1;margin:0;align-self:center}.overview-item span{font-size:var(--fs-meta);text-decoration:underline;text-underline-offset:var(--s1)}.overview-item small{display:none}.overview>p{font-size:var(--fs-meta);margin-top:var(--s2);padding-top:var(--s2)}.jobs{grid-template-columns:1fr}.list-tools{display:block}.filter-state{margin-top:var(--s3);text-align:left;justify-content:space-between}.job-head{padding:var(--s4)}.figures{padding:0 var(--s4) var(--s4)}.margin{padding:var(--s3) var(--s4)}.actions{padding:var(--s4)}.folder{padding:0 var(--s4) var(--s4)}.address{font-size:var(--fs-meta)}.attendance-controls{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s3)}.stepper button{width:40px;min-width:40px}.section-heading{flex-wrap:wrap;gap:var(--s2)}.section-heading button{font-size:var(--fs-meta)}.invoice-table thead{display:none}.invoice-table tbody,.invoice-table tr,.invoice-table td{display:block}.invoice-table tr{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line)}.invoice-table td{border:0;padding:0!important;text-align:left!important;white-space:normal!important}.invoice-supplier{grid-column:1/-1;grid-row:1}.invoice-table td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:var(--fs-meta)}.invoice-status small{display:block}.invoice-status{grid-row:2;grid-column:2}.invoice-date{grid-row:2;grid-column:1}.document-link img{width:36px;height:48px}.document-link{width:100%}.roi{padding:var(--s4);margin-top:var(--s6)}.roi-inputs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s3)}.roi-inputs label{font-size:var(--fs-meta);min-height:80px}#roi-result{grid-template-columns:1fr}.cost-visibility{grid-column:1}footer{align-items:start;flex-direction:column}.dialog-actions{flex-wrap:wrap}dialog{padding:var(--s4)}.row{gap:var(--s2)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.inbox{background:var(--paper);border:1px solid var(--line);border-radius:var(--card);padding:var(--s6);margin-bottom:var(--s8)}.inbox-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s6)}.inbox-quote{max-width:65ch;margin-top:var(--s3);color:var(--muted);font-size:var(--fs-meta)}.inbox-heading button{flex-shrink:0}.forward-address{display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;margin-top:var(--s4);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.forward-address span,.forward-address p{font-size:var(--fs-meta);color:var(--muted)}.forward-address strong{display:block;overflow-wrap:anywhere;font-size:var(--fs-medium)}.inbox-empty{padding-top:var(--s4);color:var(--muted);max-width:75ch}.inbox-summary{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s4) 0;font-size:var(--fs-meta)}.inbox-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s6);padding:var(--s4) 0;border-top:1px solid var(--line)}.inbox-row summary{cursor:pointer;display:flex;justify-content:space-between;gap:var(--s4);min-height:var(--control)}.inbox-row summary small{color:var(--muted);overflow-wrap:anywhere}.inbox-row summary b{text-decoration:underline;text-underline-offset:var(--s1)}.inbox-match button{text-align:left}.inbox-match small{margin-top:var(--s1)}.needs-job{color:var(--warn)}.assign-jobs{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}.email-details{padding-top:var(--s4);font-size:var(--fs-meta)}.email-details p{margin-bottom:var(--s3)}.job-materials{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s6);border-top:1px solid var(--line);font-size:var(--fs-meta);font-weight:600}.job-materials span{color:var(--muted);font-weight:400}.supplier-spend{margin-bottom:var(--s6)}
@media(max-width:639px){.inbox{padding:var(--s4);margin-bottom:var(--s6)}.inbox-heading{display:block}.inbox-heading button{margin-top:var(--s4);width:100%}.forward-address{display:block}.forward-address strong{font-size:var(--fs-body)}.forward-address p{margin-top:var(--s2)}.inbox-row{grid-template-columns:1fr;gap:var(--s3)}.inbox-summary{flex-wrap:wrap}.job-materials{padding:var(--s3) var(--s4)}}

.inbox-quote{text-wrap:pretty}.inbox-heading>div{min-width:0}.inbox-row summary:focus-visible{outline:3px solid var(--focus);outline-offset:var(--s1)}
@media(min-width:640px) and (max-width:899px){.inbox-row:has(.needs-job){grid-template-columns:1fr}.assign-jobs button{flex:1 1 40%}}