:root{--red:#84291f;--gold:#b8994c;--ink:#282c2a;--muted:#686c67;--line:#dddcd4;--cream:#f4f1e8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:var(--red)}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.app-header{display:flex;align-items:center;gap:24px;padding:20px 4vw;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;color:var(--red);text-decoration:none}.brand img{width:65px;height:65px;object-fit:contain}.brand span{font:bold 28px Georgia,serif;letter-spacing:3px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2px;margin-top:5px}.privacy{margin-left:auto;color:var(--muted);font-size:12px}.app-header>a:last-child{font-size:13px;font-weight:600}main{max-width:1580px;margin:auto;padding:44px 4vw}.intro{margin-bottom:34px}.eyebrow,.mini{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--red)}h1{font:48px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:12px 0}h1 em{color:var(--red);font-weight:400}.intro>p:last-child{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(500px,1.15fr);gap:36px;align-items:start}.editor{padding:25px;background:white;border:1px solid var(--line);border-radius:10px}.section-heading{display:flex;align-items:center;gap:12px;margin:24px 0 18px}.section-heading:first-child{margin-top:0}.section-heading span{font:italic 22px Georgia;color:var(--gold)}h2{font-size:17px;margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}input,select,textarea{width:100%;border:1px solid #caccc4;background:#fcfcf9;color:var(--ink);border-radius:5px;padding:10px;min-height:44px;margin-top:5px;max-width:100%}textarea{resize:vertical}input[type=number]{min-width:0}.hint{font-size:11px;color:var(--muted);line-height:1.6}.line-card{border:1px solid var(--line);padding:14px;margin:15px 0;border-radius:7px;background:#f9f8f3}.line-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--red);font-weight:700;font-size:12px}.line-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.line-grid .wide{grid-column:1/-1}.remove{border:0;background:none;color:var(--red);padding:8px;text-decoration:underline;font-size:12px}.primary,.secondary,.quiet{min-height:44px;padding:11px 15px;border-radius:4px;font-weight:600;font-size:12px}.primary{background:var(--red);color:white;border:1px solid var(--red)}.secondary{background:white;border:1px solid #c8c9bf;color:var(--ink)}.quiet{background:none;border:0;color:var(--red)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#notice{font-size:12px;font-weight:600;color:var(--red);white-space:pre-line}.preview-area{position:sticky;top:20px}.preview-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}.paper{background:white;padding:36px;box-shadow:0 8px 35px #34251a0d;min-height:820px;font-size:11px}.invoice-header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:3px solid var(--red);padding-bottom:20px}.invoice-brand{display:flex;align-items:center;gap:9px;font:bold 25px Georgia;color:var(--red);letter-spacing:2px}.invoice-brand img{width:66px;height:66px;object-fit:contain}.invoice-brand small{display:block;font:8px Arial;letter-spacing:1.6px;margin-top:4px}.invoice-title{text-align:right;overflow-wrap:anywhere}.invoice-title h2{font-size:19px;letter-spacing:1px;color:var(--red)}.invoice-title p{margin:5px 0;color:var(--muted)}.supplier{margin:20px 0 25px}.supplier strong{font-size:13px}.supplier p{margin:5px 0}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:26px;overflow-wrap:anywhere}.invoice-meta p{margin:5px 0}.invoice-meta strong{font-size:13px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}dl{margin:0}dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:5px 0;gap:10px}dt{color:var(--muted)}dd{margin:0;text-align:right}table{width:100%;border-collapse:collapse;table-layout:fixed}th{text-align:left;background:var(--red);color:white;padding:10px 6px;font-size:9px}td{padding:12px 6px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;font-size:10px}th:first-child{width:31%}th:not(:first-child),td:not(:first-child){text-align:right}td:first-child{white-space:pre-wrap}.summary{width:60%;margin:20px 0 24px auto}.summary>div,.tax-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0}.summary #p-tax-breakdown{display:block;padding:0}#p-tax-note{font-size:10px;color:var(--muted)}.summary .total{border-top:2px solid var(--red);font-size:19px;color:var(--red);margin-top:8px;padding:12px 0}.invoice-notes{border-top:1px solid var(--line);padding-top:12px}.invoice-notes section{margin-bottom:16px}.invoice-notes p{margin:4px 0}.invoice-footer{margin-top:25px;border-top:1px solid var(--line);padding-top:18px;color:var(--red);font:italic 16px Georgia}.invoice-footer span{display:block;font:9px/1.6 Arial;color:var(--muted);margin-top:10px}.draft-banner{border:1px solid #d8bb6c;background:#fff9e9;padding:10px;margin-top:20px;font-size:10px}.app-footer{color:var(--muted);font-size:11px;max-width:900px;margin:30px 0}[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.preview-area{position:static}.paper{max-width:800px;margin:auto}.privacy{display:none}}@media(max-width:600px){main{padding:28px 16px}.app-header{padding:12px 16px;gap:10px}.brand img{width:42px;height:42px}.brand span{font-size:21px}.brand small{font-size:7px}.app-header>a:last-child{margin-left:auto;max-width:120px;font-size:11px}h1{font-size:38px}.editor{padding:18px}.fields{grid-template-columns:1fr}.paper{padding:19px 12px;min-height:650px}.invoice-brand{font-size:19px}.invoice-brand img{width:42px;height:42px}.invoice-title h2{font-size:14px}.invoice-meta{gap:12px}.summary{width:75%}th,td{padding-left:3px;padding-right:3px}.summary .total{font-size:17px}}
.privacy-locked>.app-header,.privacy-locked>main{display:none!important}#pin-screen{display:none;min-height:100vh;min-height:100dvh;padding:30px 18px;align-items:center;justify-content:center;background:var(--cream)}.privacy-locked #pin-screen{display:flex}.pin-card{max-width:470px;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 15px 60px #30251d0d}.pin-card>img{width:82px;height:82px;object-fit:contain}.pin-card h1{font-size:34px;line-height:1.1;margin:16px 0}.pin-card #pin-explanation{font-size:13px;color:var(--muted)}.pin-card input{font-size:24px;letter-spacing:10px}.pin-card #pin-message{font-size:12px;color:var(--red)}.pin-card details{font-size:12px;color:var(--muted);margin-top:15px}.pin-card form button{margin-top:8px}button:disabled{opacity:.6;cursor:wait}
@page{size:A4;margin:14mm}@media print{body{background:white;color:#111;font-size:10pt}.app-header,.intro,.editor,.preview-caption,.app-footer{display:none!important}main{padding:0;max-width:none}.workspace{display:block}.preview-area{position:static}.paper{padding:0;box-shadow:none;min-height:0;max-width:none;font-size:10pt}.invoice-header{break-inside:avoid}.invoice-meta{break-inside:avoid}thead{display:table-header-group}tr,.summary,.invoice-notes section,.invoice-footer{break-inside:avoid}th{background:#f3f1eb;color:#222;border-bottom:2px solid #84291f;font-size:9pt}td{font-size:9pt}.invoice-footer span{font-size:8pt}button{display:none}a{color:inherit;text-decoration:none}.draft-banner{background:white}.paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}#pin-screen{display:none!important}.privacy-locked:before{content:'Invoice Studio is locked. Unlock in the browser before printing.';display:block}}
.customer-suggestions{list-style:none;padding:0;margin:6px 0 0;border:1px solid #b8b4a4;border-radius:6px;background:#fff;max-height:280px;overflow-y:auto;box-shadow:0 8px 20px #30251d10}.customer-suggestions li{padding:12px;cursor:pointer;border-bottom:1px solid var(--line);font-weight:400;overflow-wrap:anywhere}.customer-suggestions li:last-child{border-bottom:0}.customer-suggestions li:hover,.customer-suggestions li[aria-selected=true]{background:#f4eee1;outline:2px solid var(--gold);outline-offset:-2px}.customer-suggestions strong,.customer-suggestions span{display:block}.customer-suggestions strong{color:var(--red);font-size:13px}.customer-suggestions span{font-size:11px;color:var(--muted);margin-top:3px}.customer-tools{border:1px solid var(--line);background:#f9f8f3;border-radius:6px;padding:14px;margin:4px 0 24px}.customer-tools button{margin:3px 4px 5px 0}.customer-tools details{margin-top:8px;font-size:12px}.customer-tools summary{cursor:pointer;color:var(--red);font-weight:600}#customer-message{font-size:11px;color:var(--muted);margin-bottom:0}
.email-panel{margin-top:22px;padding:20px;border:1px solid var(--gold);border-radius:8px;background:#faf7ef}.email-panel h2{color:var(--red);margin-bottom:15px}.email-panel a.primary{display:inline-flex;align-items:center;text-decoration:none}.email-panel input[readonly]{background:#eeede6;color:#555}

.invoice-privacy-help{margin-top:24px;padding:18px;border:1px solid #d8cfc2;border-radius:12px;background:#faf7f0}.invoice-privacy-help summary{cursor:pointer;font-weight:700}.invoice-privacy-help p{font-size:14px;line-height:1.7;margin:14px 0 0}