.invoice-generator{--invoice-green:#176b49;--invoice-ink:#25362f;--invoice-muted:#5d6c64;--invoice-border:#dce4de;width:min(1380px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d5e0d8;border-radius:24px;color:var(--invoice-ink);background:#f6f8f5;box-shadow:0 30px 100px #17382940;font-family:inherit;overflow:hidden}.invoice-generator::backdrop{background:#102b256b;backdrop-filter:blur(4px)}.invoice-generator *{box-sizing:border-box;min-width:0}.invoice-generator [hidden]{display:none!important}.invoice-generator button,.invoice-generator input,.invoice-generator select,.invoice-generator textarea{font:inherit}.invoice-generator button{cursor:pointer}.invoice-generator button:disabled{cursor:not-allowed;opacity:.55}.invoice-generator :is(input,select,textarea,button,a):focus-visible{outline:3px solid #6b9d7d;outline-offset:3px}.invoice-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}.invoice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 16px;background:#fff}.invoice-heading h2{margin:3px 0 6px;font-size:27px;line-height:1.15;font-weight:750;letter-spacing:-.7px}.invoice-heading p{margin:0;color:var(--invoice-muted);font-size:14px;line-height:1.45}.invoice-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--invoice-green)}.invoice-close{background:#f0f4ef;color:#344b3c;min-height:40px;border:1px solid var(--invoice-border);padding:9px 14px;border-radius:12px;font-size:13px;font-weight:650}.invoice-tabs{display:flex;gap:6px;padding:0 28px 14px;background:#fff;border-bottom:1px solid var(--invoice-border)}.invoice-tab{min-height:42px;border:0;border-radius:11px;padding:10px 17px;background:transparent;font-size:14px;font-weight:700;color:var(--invoice-muted)}.invoice-tab[aria-selected=true]{background:#e6f0e7;color:#1b593d}.invoice-tab:hover{background:#edf2ed}.invoice-notice{flex-shrink:0;margin:0;padding:11px 28px;background:#e5f1e8;color:#234e35;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.invoice-notice.is-error{background:#fff0e9;color:#853f28}.invoice-owner-warning{margin:24px;padding:22px;border:1px solid #e4c8b5;background:#fff8ef;border-radius:16px}.invoice-owner-warning p{margin:0 0 14px}.invoice-body{overflow-y:auto;overscroll-behavior:contain;padding:22px 28px;min-height:100px}.invoice-workspace{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:24px;align-items:start}.invoice-form{display:grid;gap:16px}.invoice-section{padding:18px;border:1px solid var(--invoice-border);border-radius:16px;background:#fff}.invoice-section h3{font-size:15px;line-height:1.3;margin:0 0 15px;font-weight:750}.invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.invoice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;line-height:1.35;color:#43584b;font-weight:650}.invoice-grid .invoice-field{margin:0}.invoice-field-wide{grid-column:1/-1}.invoice-field input,.invoice-field select,.invoice-field textarea,.invoice-format select{width:100%;min-height:42px;border:1px solid #ccd8cf;border-radius:9px;padding:10px 11px;background:#fff;color:#25362f;font-size:14px;font-weight:450;line-height:1.4}.invoice-field textarea{resize:vertical;min-height:68px;white-space:pre-wrap}.invoice-field input:disabled,.invoice-field textarea:disabled,.invoice-field select:disabled{background:#f3f5f2;color:#5b695e}.invoice-field [aria-invalid=true]{border-color:#aa422e;background:#fff7f3}.invoice-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.invoice-parties .invoice-section{padding:16px}.invoice-fine-print{margin:10px 0 0;color:var(--invoice-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.invoice-items{display:grid;gap:12px;margin-bottom:14px}.invoice-item{position:relative;margin:0;padding:12px;border:1px solid #dfe6de;border-radius:12px;background:#fbfcfa}.invoice-item legend{padding:0 5px;font-size:11px;font-weight:750;color:#5c6b60}.invoice-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.invoice-line-grid .invoice-field{margin:0}.invoice-line-grid .invoice-field:first-child{grid-column:1/-1}.invoice-line-grid .invoice-field:nth-child(5){grid-column:span 2}.invoice-remove{display:block;margin:10px 0 0 auto;padding:7px 10px;min-height:34px;border:1px solid #e2d3cd;border-radius:8px;color:#8a4b36;background:#fff;font-size:11px;font-weight:650}.invoice-logo-control{padding:14px;background:#f6f8f4;border:1px dashed #cbd8cd;border-radius:12px}.invoice-logo-control strong{font-size:13px}.invoice-logo-control input[type=file]{display:block;width:100%;margin:12px 0 5px;font-size:12px;min-height:42px;overflow:hidden}.invoice-logo-control input::file-selector-button{border:1px solid #bdccbe;background:#fff;color:#31563e;border-radius:8px;padding:10px;margin-right:8px;cursor:pointer}.invoice-button{min-height:42px;padding:10px 15px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:700;line-height:1.35;text-align:center;white-space:normal}.invoice-button-primary{background:var(--invoice-green);color:#fff;box-shadow:0 4px 12px #1b5c3821}.invoice-button-primary:hover:not(:disabled){background:#115c3d}.invoice-button-secondary{background:#fff;border-color:#cad7cd;color:#315940}.invoice-button-secondary:hover:not(:disabled){background:#f0f5ef}.invoice-button-text{min-height:36px;padding:6px 8px;background:transparent;color:#176344;text-decoration:underline;text-underline-offset:3px}.invoice-preview{position:sticky;top:0;align-self:start}.invoice-preview>summary{cursor:pointer;padding:0 0 8px;color:#405e4a;font-size:14px;font-weight:750}.invoice-preview-language{margin:0 0 10px;font-size:11px;color:#5d6c64}.invoice-paper{padding:25px 22px;background:#fff;border:1px solid #dce3db;box-shadow:0 8px 28px #2f49380a;border-radius:4px;min-height:530px;color:#26362e;font-family:Arial,sans-serif;overflow-wrap:anywhere}.invoice-paper-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.invoice-paper-heading>div{margin-left:auto;text-align:right}.invoice-paper-kicker{margin:0 0 5px;letter-spacing:2px;font-size:13px;font-weight:800;color:#356245}.invoice-paper h3{font-size:20px;line-height:1.25;margin:0}.invoice-paper-logo{max-width:120px;max-height:65px;object-fit:contain}.invoice-paper-dates{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:0 0 24px;font-size:10px}.invoice-paper-dates dt{color:#66736a}.invoice-paper-dates dd{margin:0;text-align:right}.invoice-paper-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.invoice-paper h4{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#627667}.invoice-paper-parties strong{display:block;font-size:11px;line-height:1.5}.invoice-paper-parties p,.invoice-paper-bank p{margin:3px 0;font-size:10px;line-height:1.45;white-space:pre-wrap}.invoice-paper-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:9px;margin:0 0 20px}.invoice-paper-table th{background:#edf2eb;text-align:left;font-weight:650;color:#455b4b}.invoice-paper-table th,.invoice-paper-table td{padding:8px 5px;border-bottom:1px solid #e3e9e1;vertical-align:top;overflow-wrap:anywhere}.invoice-paper-table th:first-child{width:40%}.invoice-paper-table th:nth-child(2){width:14%}.invoice-paper-table th:nth-child(3){width:13%}.invoice-paper-table th:nth-child(4){width:20%}.invoice-paper-table td{white-space:pre-wrap}.invoice-paper-totals{margin:16px 0 22px auto;display:grid;grid-template-columns:1fr auto;gap:8px 14px;max-width:280px;font-size:11px}.invoice-paper-totals dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.invoice-paper-totals .is-total{padding-top:9px;border-top:1px solid #cbd8cd;font-weight:750;font-size:13px}.invoice-paper-message{font-size:10px;line-height:1.55;margin:10px 0;white-space:pre-wrap}.invoice-paper-notes{margin:18px 0 0;padding-top:14px;border-top:1px solid #e1e7de;font-size:10px;line-height:1.6;white-space:pre-wrap}.invoice-paper-bank{margin-top:20px}.invoice-footer{flex-shrink:0;background:#fff;border-top:1px solid var(--invoice-border);padding:15px 28px 20px}.invoice-trial{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;font-size:12px;line-height:1.45;color:#3f5a48}.invoice-trial p{margin:0}.invoice-trial p:nth-child(2){max-width:700px;color:#617166}.invoice-trial strong{font-size:12px}.invoice-price{margin:8px 0 0;font-size:13px;font-weight:750;color:#284c35}.invoice-footer>.invoice-fine-print{margin-top:3px;font-size:11px}.invoice-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;margin-top:12px}.invoice-actions>.invoice-button-primary{min-width:170px;max-width:380px}.invoice-actions>.invoice-button-secondary{margin-right:auto}.invoice-format{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#5d6e62}.invoice-format select{width:100px;min-height:42px;padding:8px 10px;font-size:12px}.invoice-record-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:#eaf1e6;border:1px solid #d1dfcb;border-radius:12px;margin-bottom:18px}.invoice-record-note p{margin:0;font-size:12px;line-height:1.55}.invoice-saved{min-height:280px}.invoice-saved>p{font-size:14px;color:var(--invoice-muted);line-height:1.6}.invoice-saved-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px;margin-bottom:10px;background:#fff;border:1px solid var(--invoice-border);border-radius:13px}.invoice-saved-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.invoice-saved-row span{display:block;font-size:12px;margin-top:6px;color:var(--invoice-muted);line-height:1.5}.invoice-saved-row button{flex-shrink:0}.invoice-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.invoice-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.invoice-section-heading h3{margin:0}.invoice-section-heading button{white-space:nowrap}.invoice-template-save{padding:18px;background:#edf4e9;border:1px solid #cddfc7;border-radius:15px;margin:0 0 18px}.invoice-template-save h3{margin:0;font-size:15px}.invoice-template-save>.invoice-grid{margin-top:14px}.invoice-template-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.invoice-templates{min-height:280px}.invoice-templates>p{font-size:14px;color:var(--invoice-muted);line-height:1.6}.invoice-actions{flex-wrap:wrap}.invoice-actions [data-invoice-action=save]{margin-right:auto}.invoice-actions [data-invoice-action=template-panel]{margin-right:0}.invoice-actions [data-invoice-action=print]{font-size:12px}
@media(min-width:1200px){.invoice-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.invoice-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}.invoice-parties{grid-template-columns:1fr}.invoice-parties .invoice-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.invoice-parties .invoice-section h3,.invoice-parties .invoice-section>.invoice-fine-print{grid-column:1/-1}.invoice-paper{padding:20px 14px}.invoice-body{padding:18px}.invoice-header{padding:20px 20px 14px}.invoice-tabs{padding:0 20px 12px}.invoice-footer{padding:13px 20px 16px}}
@media(max-width:760px){.invoice-generator{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.invoice-shell{max-height:calc(100dvh - 18px)}.invoice-workspace{grid-template-columns:minmax(0,1fr)}.invoice-preview{position:static}.invoice-heading h2{font-size:22px}.invoice-heading p{font-size:12px}.invoice-header{padding:17px 16px 12px;gap:12px}.invoice-tabs{padding:0 14px 12px;gap:3px}.invoice-tab{padding:9px 12px;flex:1;font-size:12px}.invoice-body{padding:14px}.invoice-section{padding:15px}.invoice-paper{min-height:0;padding:22px 18px}.invoice-preview>summary{padding:13px;background:#eaf1e7;border-radius:11px;margin-bottom:10px}.invoice-footer{padding:12px 14px}.invoice-trial{font-size:11px;gap:4px 9px}.invoice-trial strong{font-size:11px}.invoice-trial p:nth-child(2){display:none}.invoice-price{font-size:12px;margin-top:5px}.invoice-actions{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px;margin-top:10px}.invoice-actions>.invoice-button-primary{grid-column:1/-1;width:100%;max-width:none;min-width:0}.invoice-actions>.invoice-button-secondary{margin:0;width:100%}.invoice-format{flex-direction:row;align-items:center}.invoice-format>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.invoice-format select{width:100%;min-height:42px}.invoice-notice{padding:10px 15px;font-size:12px}.invoice-record-note{display:block}.invoice-record-note button{margin-top:9px}}
@media(max-width:400px){.invoice-header{padding:14px 13px 10px}.invoice-heading h2{font-size:20px}.invoice-close{font-size:11px;padding:8px 10px;min-height:38px}.invoice-parties .invoice-section{display:block}.invoice-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-line-grid .invoice-field:nth-child(5){grid-column:auto}.invoice-grid{gap:10px}.invoice-field input,.invoice-field select,.invoice-field textarea{padding:9px;font-size:16px}.invoice-field{font-size:11px}.invoice-body{padding:10px}.invoice-paper{padding:18px 13px}.invoice-paper-table{font-size:8px}.invoice-paper-table th,.invoice-paper-table td{padding:7px 3px}.invoice-paper-parties{gap:12px}.invoice-saved-row{align-items:flex-start;flex-direction:column}.invoice-saved-row button{width:100%}}
@media(prefers-reduced-motion:reduce){.invoice-generator *{scroll-behavior:auto!important}}
@media(max-width:760px){.invoice-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-actions>.invoice-button-primary{grid-column:2;align-self:stretch}.invoice-format{grid-column:1}.invoice-actions [data-invoice-action=print]{grid-column:1/-1}.invoice-actions [data-invoice-action=save],.invoice-actions [data-invoice-action=template-panel]{margin:0;font-size:12px}.invoice-template-save{padding:14px}.invoice-template-save .invoice-grid{grid-template-columns:minmax(0,1fr)}.invoice-template-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
.invoice-sample-link{display:inline-block;margin-top:8px;color:#315e4a;font-size:12px;font-weight:650;line-height:1.45;text-underline-offset:3px}.invoice-design-row{display:flex;align-items:center;gap:18px;margin-top:15px;padding-top:14px;border-top:1px solid #e6ece5}.invoice-design-row>.invoice-field{flex:1;max-width:250px;margin:0}.invoice-design-row>.invoice-fine-print{flex:1;margin:16px 0 0}.invoice-paper{--invoice-paper-accent:#17334b;--invoice-paper-pale:#edf3f7;border-top:5px solid var(--invoice-paper-accent)}.invoice-paper[data-invoice-theme=graphite]{--invoice-paper-accent:#252a30;--invoice-paper-pale:#f1f3f5}.invoice-paper[data-invoice-theme=slate]{--invoice-paper-accent:#475569;--invoice-paper-pale:#f1f5f9}.invoice-paper[data-invoice-theme=emerald]{--invoice-paper-accent:#14594a;--invoice-paper-pale:#edf7f2}.invoice-paper[data-invoice-theme=blue]{--invoice-paper-accent:#1d4ed8;--invoice-paper-pale:#eff6ff}.invoice-paper[data-invoice-theme=plum]{--invoice-paper-accent:#6b3c67;--invoice-paper-pale:#f7f0f7}.invoice-paper-kicker,.invoice-paper h3{color:var(--invoice-paper-accent)}.invoice-paper-table th{background:var(--invoice-paper-pale);color:var(--invoice-paper-accent)}.invoice-paper-totals .is-total{color:var(--invoice-paper-accent);border-top-color:var(--invoice-paper-accent)}
@media(max-width:400px){.invoice-design-row{display:block}.invoice-design-row>.invoice-field{max-width:none}.invoice-design-row>.invoice-fine-print{margin-top:9px}.invoice-sample-link{font-size:11px}}

/* Same document structure, Arial typography and theme palette as invoice_exports.py. */
.invoice-paper{border-top:1px solid #dce3e8;border-radius:2px;min-height:650px;aspect-ratio:210/297;padding:27px 25px 20px;color:#172b3a;font-family:Arial,"Liberation Sans",sans-serif;line-height:1.45}.invoice-paper-brand{display:grid;grid-template-columns:minmax(0,1fr) 30%;align-items:stretch;gap:0;min-height:58px;margin:0 0 24px}.invoice-paper-brand>strong{display:flex;align-items:center;padding:13px 14px;background:var(--invoice-paper-accent);color:#fff;font-size:15px;font-weight:700;line-height:1.3;white-space:pre-wrap}.invoice-paper-logo-box{display:flex;align-items:center;justify-content:flex-end;padding:0 0 0 12px}.invoice-paper-logo{display:block;width:auto;height:auto;max-width:100%;max-height:54px;object-fit:contain}.invoice-paper-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px}.invoice-paper-heading>h3{margin:0;color:#172b3a;font-size:27px;font-weight:700;letter-spacing:-.035em;line-height:1.2}.invoice-paper-heading>div{display:grid;gap:5px;text-align:right}.invoice-paper-heading strong{font-size:11px;line-height:1.45;color:#172b3a}.invoice-paper-heading span{font-size:9px;color:#536777}.invoice-paper-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin:0 0 14px}.invoice-paper-parties>section{padding:13px 12px;background:var(--invoice-paper-pale);min-width:0}.invoice-paper h4{margin:0 0 9px;color:#536777;font-size:8px;font-weight:500;letter-spacing:.045em;line-height:1.4}.invoice-paper-parties strong{font-size:11px;font-weight:700;line-height:1.5}.invoice-paper-parties p,.invoice-paper-bank p{margin:4px 0 0;font-size:9px;line-height:1.55;color:#172b3a}.invoice-paper-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 19px;padding:0}.invoice-paper-date{padding:8px 10px;min-width:0}.invoice-paper-date+.invoice-paper-date{border-left:1px solid #e2e8ee}.invoice-paper-date>span{display:block;margin-bottom:5px;font-size:7px;line-height:1.45;color:#536777;letter-spacing:.025em}.invoice-paper-date>strong{display:block;font-size:10px;line-height:1.4;color:#172b3a}.invoice-paper-table{margin:0 0 20px;font-size:9px;table-layout:fixed}.invoice-paper-table th{background:var(--invoice-paper-accent);color:#fff;font-weight:700;line-height:1.4;text-align:left}.invoice-paper-table th,.invoice-paper-table td{padding:9px 4px;border-bottom:1px solid #e2e8ee}.invoice-paper-table tbody tr:nth-child(even){background:#f8fafc}.invoice-paper-table th:nth-child(1){width:6%}.invoice-paper-table th:nth-child(2){width:35%}.invoice-paper-table th:nth-child(3){width:11%}.invoice-paper-table th:nth-child(4){width:9%}.invoice-paper-table th:nth-child(5){width:14%}.invoice-paper-table th:nth-child(6){width:10%}.invoice-paper-table th:nth-child(7){width:15%}.invoice-paper-table :is(th,td):nth-child(3),.invoice-paper-table :is(th,td):nth-child(n+5){text-align:right;font-variant-numeric:tabular-nums}.invoice-paper-payment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:0 0 18px}.invoice-paper-bank{margin:0;padding-top:8px}.invoice-paper-bank>strong{display:block;font-size:10px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.invoice-paper-totals{margin:0;max-width:none;grid-template-columns:minmax(0,1fr) auto;gap:0;font-size:9px}.invoice-paper-totals>dt,.invoice-paper-totals>dd{padding:8px 7px;line-height:1.45}.invoice-paper-totals>dt{color:#536777}.invoice-paper-totals .is-total{margin-top:5px;padding:11px 8px;border:0;background:var(--invoice-paper-accent);color:#fff;font-weight:700;font-size:10px;line-height:1.5}.invoice-paper-totals dd.is-total{font-size:13px}.invoice-paper-message{margin:8px 0;font-size:9px;line-height:1.55;color:#536777}.invoice-paper-notes{border:0;padding:0;margin:16px 0;font-size:9px;line-height:1.65;color:#536777}.invoice-paper-footer{display:flex;justify-content:space-between;gap:14px;margin-top:28px;padding-top:10px;border-top:1px solid #e2e8ee;font-size:7px;line-height:1.5;color:#536777}@media(max-width:1050px){.invoice-paper{padding:21px 16px}.invoice-paper-brand>strong{font-size:13px;padding:11px}.invoice-paper-parties{gap:11px}.invoice-paper-parties>section{padding:11px 9px}.invoice-paper-payment{gap:11px}.invoice-paper-table{font-size:8px}}@media(max-width:760px){.invoice-paper{min-height:0;padding:25px 20px}.invoice-paper-brand>strong{font-size:15px}.invoice-paper-table{font-size:9px}}@media(max-width:400px){.invoice-paper{padding:19px 12px}.invoice-paper-brand{min-height:50px;margin-bottom:20px}.invoice-paper-brand>strong{font-size:13px;padding:10px}.invoice-paper-heading>h3{font-size:24px}.invoice-paper-parties{gap:9px}.invoice-paper-parties>section{padding:10px 8px}.invoice-paper-parties p{font-size:8px}.invoice-paper-parties strong{font-size:10px}.invoice-paper-date{padding:7px 5px}.invoice-paper-date>span{font-size:6.5px}.invoice-paper-date>strong{font-size:9px}.invoice-paper-table{font-size:7.5px}.invoice-paper-table th,.invoice-paper-table td{padding:8px 2px}.invoice-paper-payment{gap:9px}.invoice-paper-bank>strong{font-size:8.5px}.invoice-paper-bank p{font-size:8px}.invoice-paper-totals{font-size:8px}.invoice-paper-totals>dt,.invoice-paper-totals>dd{padding:7px 4px}.invoice-paper-totals .is-total{padding:9px 5px;font-size:8px}.invoice-paper-totals dd.is-total{font-size:10px}}


.invoice-issuer-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;background:#edf2ed;border:1px solid #d5e0d6;border-radius:10px;padding:3px;margin:0 0 15px}.invoice-issuer-type{min-height:39px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#51665a;font-size:12px!important;font-weight:700!important;line-height:1.35}.invoice-issuer-type[aria-pressed=true]{background:#fff;border-color:#ccdbcf;color:#245c3e;box-shadow:0 2px 5px #1a41220c}.invoice-number-controls{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;margin:0 0 14px}.invoice-number-mode{display:flex;flex:1;min-width:145px;flex-direction:column;gap:5px;color:#43584b;font-size:11px;font-weight:650}.invoice-number-mode>select{min-height:40px;padding:8px 10px;border:1px solid #ccd8cf;border-radius:8px;background:#fff;color:#25362f;font-size:13px}.invoice-number-controls>.invoice-fine-print{flex:1 1 100%;margin:0}.invoice-number-controls>.invoice-button{min-height:40px;font-size:11px}.invoice-number-controls>[data-invoice-action=accept-number]{flex:1 1 100%}@media(max-width:1050px){.invoice-parties .invoice-issuer-types{grid-column:1/-1}}

.invoice-paper-footer{flex-wrap:wrap;row-gap:6px}.invoice-paper-footer>.invoice-paper-legal{flex:1 0 100%;font-size:7px;font-weight:400;line-height:1.5;color:#536777}

/* The static sample is a view only; it never supplies invoice fields. */
.invoice-generator{height:min(94dvh,900px)}.invoice-shell{height:100%;max-height:100%;min-height:0}.invoice-body{flex:1;min-height:0}.invoice-issuer-choice{padding:14px 18px}.invoice-issuer-choice h3{margin-bottom:10px}.invoice-issuer-choice .invoice-issuer-types{margin:0}.invoice-preview[data-invoice-example=true]{overflow:hidden}.invoice-example{display:flex;flex-direction:column;align-items:center;min-height:0;margin:0;padding:0;gap:8px}.invoice-example-image{display:block;width:auto;max-width:100%;height:min(424px,44dvh);object-fit:contain;object-position:center;flex:0 1 auto;border:1px solid #dce3db;box-shadow:0 5px 20px #25362f12;background:#fff}.invoice-example-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px 12px;flex:0 0 auto;font-size:11px;color:#65736a;text-align:center}.invoice-example-controls p{margin:0}.invoice-example-controls button{min-height:36px;padding:7px 11px;font-size:12px}.invoice-example-error{margin:0;font-size:12px;line-height:1.5;color:#77432b}.invoice-generator .invoice-example[hidden],.invoice-generator .invoice-paper[hidden]{display:none!important}
@media(min-width:781px){.invoice-body{overflow-y:auto}.invoice-editor{height:100%;min-height:0;display:flex;flex-direction:column}.invoice-workspace{flex:1;min-height:0;align-items:stretch}.invoice-record-note,.invoice-template-save{flex:0 0 auto}.invoice-template-save{max-height:45%;overflow-y:auto}.invoice-form{overflow-y:auto;align-content:start;overscroll-behavior:contain;padding-right:5px}.invoice-preview{height:100%;min-height:0;position:relative;overflow-y:auto}.invoice-preview[data-invoice-example=true]{display:flex;flex-direction:column}.invoice-preview[data-invoice-example=true]>.invoice-example{flex:1;min-height:0}.invoice-preview[data-invoice-example=true]>summary,.invoice-preview[data-invoice-example=true]>.invoice-preview-language,.invoice-preview[data-invoice-example=true]>.invoice-fine-print{flex:0 0 auto}}
@media(max-width:760px){.invoice-preview{order:-1;max-height:none}.invoice-preview[data-invoice-example=true]{height:390px;max-height:55dvh;overflow:hidden}.invoice-example-image{max-width:210px;height:297px}.invoice-example-controls{gap:6px;font-size:10px}.invoice-example-controls button{font-size:11px}.invoice-issuer-choice{padding:13px 15px}.invoice-preview[data-invoice-example=true]>summary{padding:7px 10px;margin-bottom:6px}.invoice-preview[data-invoice-example=true]>.invoice-preview-language{margin-bottom:6px}.invoice-preview[data-invoice-example=true]>.invoice-fine-print{font-size:10px;line-height:1.35;margin-top:6px}}

/* Match the CV workspace shell while retaining independent editable form scrolling. */
.invoice-preview[data-invoice-example=true]{position:relative;padding:8px 10px;border:1px solid #d6e0e5;border-radius:14px;background:#e9eef1}.invoice-preview[data-invoice-example=true]>.invoice-fine-print,.invoice-preview[data-invoice-example=true]>.invoice-preview-language{display:none}.invoice-example{gap:4px}.invoice-example-controls{width:100%;justify-content:space-between;min-height:28px;gap:6px}.invoice-example-controls p{font-size:10px;line-height:1.3}.invoice-example-controls button{min-height:28px;padding:5px 8px;font-size:10px}.invoice-example-image{box-shadow:0 3px 12px #122b3b12}
@media(min-width:781px){.invoice-generator{width:min(1080px,calc(100vw - 24px));height:min(94dvh,900px)}.invoice-header{padding:12px 20px 10px;gap:20px}.invoice-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center}.invoice-eyebrow,.invoice-heading h2{grid-column:1/-1}.invoice-eyebrow{font-size:9px;line-height:1.3}.invoice-heading h2{font-size:24px;line-height:1.15;margin:3px 0}.invoice-heading p{font-size:11px;line-height:1.4}.invoice-sample-link{margin:0;font-size:10px;line-height:1.4}.invoice-tabs{padding:4px 20px;gap:5px}.invoice-tab{min-height:34px;padding:7px 16px;font-size:13px}.invoice-body{padding:16px}.invoice-workspace{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.invoice-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;padding:8px 18px}.invoice-trial{grid-column:1/-1;font-size:10px;line-height:1.35;gap:3px 8px}.invoice-trial strong{font-size:10px}.invoice-price{font-size:11px;margin:0}.invoice-footer>.invoice-fine-print{font-size:9px;line-height:1.35;margin:0}.invoice-actions{grid-column:1/-1;margin-top:4px;gap:7px}.invoice-actions .invoice-button{min-height:38px;padding:8px 11px;font-size:12px}.invoice-actions>.invoice-button-primary{min-width:150px}.invoice-format select{min-height:38px}.invoice-preview[data-invoice-example=true]>summary{position:absolute;top:8px;left:10px;width:105px;height:28px;padding:6px 0;font-size:10px;line-height:16px;list-style:none}.invoice-preview[data-invoice-example=true] .invoice-example-controls{padding-left:114px;flex-wrap:nowrap}.invoice-preview[data-invoice-example=true] .invoice-example{flex:1;min-height:0}}
@media(max-width:780px){.invoice-generator{width:calc(100vw - 12px);height:min(88dvh,820px);max-height:calc(100dvh - 16px);border-radius:15px}.invoice-shell{max-height:100%}.invoice-workspace{grid-template-columns:minmax(0,1fr)}.invoice-preview{order:-1}.invoice-preview[data-invoice-example=true]{height:390px;max-height:55dvh}.invoice-example-controls p{font-size:9px}.invoice-example-controls button{font-size:10px}}

.invoice-preview[data-invoice-example=true] .invoice-example-image{max-width:100%;max-height:100%;object-fit:contain}.invoice-generator .invoice-paper{width:520px;min-height:735px;max-width:none;aspect-ratio:210/297;zoom:1;margin:0 auto}@media(max-width:780px){.invoice-generator .invoice-paper{width:420px;min-height:594px}.invoice-preview:not([data-invoice-example=true]){max-height:430px;overflow-y:auto}}

@media(min-width:781px){.invoice-workspace{grid-template-rows:minmax(0,1fr)}.invoice-preview{align-self:stretch;height:100%;max-height:none;min-height:0}}