:root{--navy:#153649;--teal:#227a82;--ink:#233441;--muted:#61717b;--paper:#fff;--workspace:#eaf0f4;--line:#d7e2e7;--tint:#f0f6f8;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--workspace);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:var(--teal)}button,input,select{font:inherit}button,.button{cursor:pointer;font-size:15px;font-weight:600;min-height:42px;border-radius:5px;padding:9px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border:1px solid transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eeaa41;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.appbar{position:sticky;top:0;z-index:5;min-height:78px;background:var(--navy);color:white;padding:15px 28px;display:flex;gap:30px;align-items:center;justify-content:space-between}.appname{font-size:28px;font-weight:700;color:white;text-decoration:none;white-space:nowrap}.appbar form{display:flex;align-items:center;gap:12px}.appbar input{width:130px;padding:10px 13px;border:1px solid #c3d8e0;border-radius:4px;font-size:18px;font-weight:600;color:var(--navy);background:white;min-height:43px}.outline{border-color:#c0d5df;background:transparent;color:white}.outline:hover{background:#244e61}.primary{background:var(--teal);color:white;border:1px solid var(--teal)}.primary:hover{background:#16636c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;max-width:1640px;margin:24px auto 64px;padding:0 24px;align-items:start}.sheet{background:var(--paper);padding:32px 34px 35px;min-width:0;box-shadow:0 2px 10px #163b4e12}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--teal);padding-bottom:20px;margin-bottom:20px}.brandrow img{width:281px;height:84px;object-fit:contain}.brandname{font-size:23px;font-weight:700;color:var(--navy);margin:0 0 5px}.contact{font-size:13px;color:var(--muted);line-height:1.65}.website{font-weight:700;font-size:18px;text-decoration:none}.invoice-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.invoice-heading h1{font-size:34px;color:var(--navy);margin:0 0 12px;line-height:1.1}.customer{font-size:21px;font-weight:650;margin-bottom:5px}.original{font-size:15px;margin-bottom:18px}.dates{display:grid;grid-template-columns:auto auto;column-gap:20px;row-gap:6px;font-size:14px;min-width:220px}.dates dt{font-weight:600}.dates dd{margin:0}.dates .total{font-weight:750;font-size:23px;color:var(--teal)}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:8px 0 22px}.address-grid h3,.shipping-grid dt{color:var(--teal);font-size:11px;letter-spacing:.06em;font-weight:700;text-transform:uppercase;margin:0 0 5px}.address-grid p{font-size:14px;line-height:1.5;margin:0;white-space:pre-line}.shipping-grid{margin:0 0 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 25px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shipping-grid div{min-width:0}.shipping-grid dd{margin:0;font-size:14px;overflow-wrap:anywhere}.missing{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}thead{background:var(--navy);color:white}th{text-align:left;font-size:12px;font-weight:650;padding:11px 9px;white-space:nowrap}td{padding:10px 9px;vertical-align:top;border-bottom:1px solid var(--line)}tbody tr:nth-child(even){background:var(--tint)}.frame{width:6%;text-align:center}.description{width:61%;overflow-wrap:anywhere}.qty{width:5%;text-align:center}.rate{width:13%;text-align:right;white-space:nowrap}.amount{width:15%;text-align:right;white-space:nowrap}.summaryline{font-size:13px;color:var(--muted);padding:12px 0}.totals{width:330px;max-width:100%;margin:5px 0 25px auto;display:grid;grid-template-columns:1fr auto;gap:9px;font-size:14px;font-variant-numeric:tabular-nums}.totals dd{text-align:right;margin:0}.totals .grand{border-top:2px solid var(--navy);padding-top:10px;font-size:19px;font-weight:700;color:var(--navy)}.payment-footer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:28px;padding:25px 0 12px;border-top:1px solid #92aeb9;scroll-margin-top:100px}.payment-footer h2{font-size:23px;color:var(--navy);margin:0 0 16px}.pay-content{display:flex;gap:20px;align-items:flex-start}.qr{width:145px;height:145px;image-rendering:pixelated;flex:none}.pay-actions{padding-top:3px;min-width:0}.pay-actions .button{padding:11px 25px;min-width:140px}.fallback{display:block;font-size:13px;margin-top:12px;line-height:1.5}.methods{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px;align-items:center}.methods img{width:40px;height:26px;object-fit:contain}.methods img[alt="Affirm"]{width:44px}.methods-note{font-size:11px;line-height:1.5;color:var(--muted);margin-top:7px}.remit{border-left:1px solid var(--line);padding-left:28px;font-size:15px;line-height:1.6}.remit p{margin:0 0 14px}.remit strong{font-size:16px}.memo{font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.inspector{position:sticky;top:103px;padding:4px 0 20px}.inspector h2{font-size:25px;margin:0 0 20px;color:var(--navy)}.tabs{display:flex;border:1px solid #aebfc8;border-radius:4px;overflow:hidden;margin-bottom:22px}.tabs button{font-size:14px;border-radius:0;min-width:0;padding:9px 11px;flex:1;background:#f7fafc;color:var(--ink)}.tabs button[aria-selected=true]{background:var(--teal);color:#fff}.inspector dl{font-size:14px;line-height:1.5}.inspector dt{font-weight:650;margin-top:14px}.inspector dd{margin:3px 0 0;overflow-wrap:anywhere}.inspector section{padding-bottom:20px;border-bottom:1px solid #aabdc8}.textbutton{background:none;color:var(--teal);padding:14px 0 2px;text-align:left;justify-content:flex-start;font-size:14px;min-height:unset}.fine{font-size:12px;line-height:1.6;color:var(--muted)}.statusbar{position:fixed;bottom:0;width:100%;z-index:4;font-size:12px;background:#f4f8fa;border-top:1px solid var(--line);padding:10px 25px;color:var(--muted)}.notice{position:sticky;top:78px;z-index:4;background:#fff5dc;border-bottom:1px solid #dfbd64;padding:12px 28px;font-size:14px}.loading{padding:60px 0;color:var(--muted)}dialog{border:0;border-radius:8px;max-width:620px;width:calc(100% - 30px);padding:25px;box-shadow:0 20px 90px #0d273a55}dialog::backdrop{background:#15364966}.dialogtitle{display:flex;align-items:center;justify-content:space-between}.dialogtitle h2{margin:0;color:var(--navy)}.close{background:none;font-size:28px;padding:0 8px;min-height:30px;color:var(--muted)}dialog p{font-size:14px;line-height:1.6}dialog label{display:block;font-size:13px;font-weight:600;margin-top:14px}dialog input,dialog select{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #b5c9d3;border-radius:4px;font-size:14px}.dialogactions{display:flex;justify-content:flex-end;margin-top:20px}#setup-error{font-size:13px;color:#9e2d25}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.sheet{padding:35px 42px}.description{width:61%}table{font-size:15px}}
@media(max-width:1100px){.appname{font-size:23px}.appbar{padding:14px 18px;gap:15px}.appbar form{gap:8px}.appbar button,.appbar .button{font-size:13px;padding:9px 12px}.appbar input{width:100px}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:18px;padding:0 18px}.sheet{padding:24px}.payment-footer{grid-template-columns:1fr}.remit{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}.invoice-heading{flex-direction:column;gap:0}.dates{margin:0 0 18px}.brandrow img{width:220px;height:auto}}
@media(max-width:760px){.appbar{position:relative;flex-wrap:wrap;gap:14px}.appname{font-size:24px}.appbar form{width:100%;flex-wrap:wrap}.appbar input{flex:1;min-width:75px}.appbar button{flex:2}.appbar .button{width:100%}.workspace{display:flex;flex-direction:column;margin:15px auto 64px;padding:0 10px;gap:18px}.inspector{position:static;order:-1;width:100%;padding:0 8px}.inspector h2{display:none}.tabs{margin-bottom:5px}.inspector dl{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.inspector dt{margin:0}.inspector dd{margin:0 12px 0 0}.inspector section{padding-bottom:5px}.inspector>.fine{display:none}.textbutton{padding-top:7px}.sheet{width:100%;padding:20px 14px}.brandrow{gap:12px}.brandname{font-size:20px}.brandrow img{width:155px}.contact{font-size:11px}.website{font-size:15px}.invoice-heading h1{font-size:29px}.customer{font-size:20px}.dates{font-size:13px;min-width:unset;width:100%;grid-template-columns:auto auto;column-gap:15px}.dates .total{font-size:21px}.address-grid{gap:15px}.address-grid p{font-size:12px}.shipping-grid{grid-template-columns:1fr 1fr;gap:13px}.shipping-grid dd{font-size:12px}.shipping-grid dt{font-size:10px}table{font-size:11px;line-height:1.45;table-layout:fixed}th{font-size:9px;padding:9px 3px;white-space:normal}td{padding:8px 3px}.frame{width:9%}.description{width:46%}.qty{width:7%}.rate{width:18%;font-size:10px}.amount{width:20%;font-size:10px}.pay-content{gap:12px}.qr{width:125px;height:125px}.payment-footer{gap:20px}.payment-footer h2{font-size:22px}.pay-actions .button{padding:10px 17px;min-width:unset}.fallback{font-size:12px}.methods img{width:34px;height:23px}.totals{width:100%;font-size:13px}.notice{position:relative;top:0}.statusbar{font-size:11px;padding:9px 12px}}
.qr{width:176px;height:176px}
@media(max-width:760px){.qr{width:150px;height:150px}.pay-actions .button{min-width:115px}.brandrow{align-items:flex-start}.brandrow>div{min-width:0;flex:1}.brandrow img{width:44%;height:auto;flex:none}.contact{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.appbar,.inspector,.statusbar,.notice{display:none}.workspace{display:block;margin:0;padding:0}.sheet{box-shadow:none;padding:0}.payment-footer{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}.sheet h1{font-size:30px}body{background:white}}
[hidden]{display:none!important}
/* Hosted sign-in and staff administration share the invoice visual system. */
.account-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:#edf2f5}.account-panel{width:min(100%,460px);padding:36px;background:white;border:1px solid #d7e2e7;border-radius:10px;box-shadow:0 12px 32px #1536490d}.account-panel h1{font-size:28px;margin:14px 0}.account-panel form,.admin-panel form{display:grid;gap:14px}.account-panel label,.admin-panel label{display:grid;gap:7px;font-size:14px;font-weight:600}.account-panel input,.admin-panel input,.admin-panel select{width:100%;min-height:42px;padding:10px;border:1px solid #b8cbd3;border-radius:5px;font:inherit;box-sizing:border-box}.account-panel nav{margin-top:24px;font-size:13px}.account-panel button{min-height:42px}.account-panel [hidden],.admin-panel [hidden]{display:none}.admin-panel{max-width:1000px;margin:36px auto;padding:28px;background:white}.admin-panel h2{margin-top:32px}.admin-panel form{max-width:520px}.admin-panel table{width:100%;margin:24px 0}.admin-panel th,.admin-panel td{text-align:left;padding:12px;border-bottom:1px solid #d7e2e7}#auth-error,#setup-error{color:#a22626;white-space:pre-wrap}.account-panel a,.admin-panel a{color:#227a82}.account-panel .fine{line-height:1.6}
.mapping-card{border:1px solid #d7e2e7;border-radius:8px;padding:20px;margin:24px 0}.mapping-card h2{margin-top:0}.mapping-details{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:10px 20px}.mapping-details dt{font-weight:650}.mapping-details dd{margin:0;overflow-wrap:anywhere}#mapping-status,#resolve-status{white-space:pre-wrap;color:#153649}@media(max-width:760px){.admin-panel{margin:16px 10px;padding:18px}.mapping-details{grid-template-columns:1fr;gap:6px}.mapping-details dd{margin-bottom:10px}}