.invoice-design-control{margin:12px 0 24px;--invoice-accent:#008579}.design-control-top{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.design-control-top .field{flex:1;min-width:220px;margin:0}.design-control-top .button{margin-bottom:0}.invoice-design-control>small{display:block;color:var(--muted);margin:8px 0}.invoice-design-control>[data-invoice-logo-source]{display:block;margin:18px 0;max-height:90px}.invoice-design-control>.field{max-width:480px}.design-dialog{box-sizing:border-box;width:1180px;max-width:calc(100vw - 24px);max-height:94vh;padding:0;border:1px solid #cadbdc;border-radius:16px;color:#17313e;background:#f3f6f7;box-shadow:0 28px 90px #102c3560;overflow:auto}.design-dialog::backdrop{background:#102c3580}.design-dialog-heading,.design-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;background:#fff;position:sticky;z-index:2}.design-dialog-heading{top:0;border-bottom:1px solid #dce5e8}.design-dialog-heading h2{margin:5px 0 0;font-size:23px}.design-dialog-actions{bottom:0;border-top:1px solid #dce5e8}.design-dialog-actions>span{font-size:13px;color:#607680}.design-review-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;padding:22px}.design-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.design-choice{display:block;text-align:left;background:#fff;padding:12px;border:2px solid transparent;box-shadow:0 1px 3px #17313e15;border-radius:10px;cursor:pointer;color:#17313e;font-family:inherit}.design-choice:hover{border-color:#9db9c4}.design-choice[aria-pressed=true]{border-color:#1469d3;background:#eef5ff}.design-choice>strong,.design-choice>small{display:block}.design-choice>strong{margin:9px 0 4px;font-size:14px}.design-choice>small{font-size:11px;color:#5c707a;line-height:1.4}.design-mini{display:block;box-sizing:border-box;background:#fff;border:1px solid #dce4e7;height:96px;padding:9px;position:relative;overflow:hidden}.mini-heading{display:flex;gap:6px;align-items:start;justify-content:space-between;height:30px;border-bottom:2px solid var(--invoice-accent);padding:0 0 4px}.mini-heading img{width:44px;height:23px;object-fit:contain}.mini-heading i{display:block;width:32%;height:6px;background:#b7c9ce;margin:6px auto 0 0}.mini-heading b{font-size:9px;letter-spacing:1px;color:var(--invoice-accent)}.mini-lines{display:block;height:20px;margin-top:10px;background:repeating-linear-gradient(to bottom,#dae3e6 0px,#dae3e6 1px,transparent 1px,transparent 7px)}.mini-total{display:block;background:var(--invoice-accent);height:7px;width:35%;margin:8px 0 0 auto}.design-review-paper>h3{margin:0 0 4px}.design-review-paper>.muted{font-size:12px;margin:0 0 14px}.invoice.invoice-design{--invoice-accent:#008579;box-sizing:border-box;max-width:900px;margin:0 auto 24px;padding:38px;color:#172f3c;background:#fff;border:1px solid #dde5e8;border-radius:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5;box-shadow:0 4px 16px #18323f0b;overflow-wrap:anywhere;font-size:13px}.invoice-design .design-head{display:flex;justify-content:space-between;gap:28px;padding:0 0 24px;margin:0 0 24px;border-bottom:3px solid var(--invoice-accent)}.invoice-design h2,.invoice-design h3,.invoice-design p{margin:0}.invoice-design h2{font-size:23px;line-height:1.25;margin:0 0 10px;overflow-wrap:anywhere}.invoice-design h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.invoice-design .invoice-logo{display:block;width:auto;max-width:170px;max-height:72px;object-fit:contain;margin:0 0 14px}.design-brand{flex:1;min-width:0}.design-brand p{font-size:12px}.design-identity{text-align:right;flex:0 1 38%;min-width:0}.design-identity>span{display:block;font-size:25px;text-transform:uppercase;letter-spacing:2px;color:var(--invoice-accent);margin-bottom:8px;font-weight:700}.design-identity h2{font-size:18px}.design-parties{display:flex;gap:25px;justify-content:space-between;margin:0 0 25px}.design-recipient{flex:1;min-width:0}.design-dates{margin:0;flex:0 1 45%;min-width:0}.design-dates>div,.design-summary>div{display:flex;justify-content:space-between;gap:14px;margin:0 0 7px}.design-dates dt{color:#536a76}.design-dates dd{margin:0;text-align:right}.invoice-design .design-reference{margin:8px 0;font-size:12px}.design-table-wrap{margin:22px 0 0;overflow-x:auto}.invoice-design table{width:100%;border-collapse:collapse;margin:0;font-size:12px;table-layout:auto}.invoice-design th,.invoice-design td{padding:12px 8px;text-align:right;border-bottom:1px solid #dde6e9;vertical-align:top;white-space:normal;color:#172f3c}.invoice-design th{background:#edf3f4;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.invoice-design th:first-child,.invoice-design td:first-child{text-align:left;width:34%;padding-left:10px}.invoice-design th:nth-child(2),.invoice-design td:nth-child(2){text-align:left;width:22%}.invoice-design td small{display:block;color:#586f7a;font-size:10px}.design-summary{width:270px;max-width:100%;margin:25px 0 25px auto;padding:16px;box-sizing:border-box;background:#edf3f4;break-inside:avoid}.design-summary dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.design-summary dt{margin:0}.design-summary .design-grand-total{font-size:19px;font-weight:700;padding-top:10px;margin-top:10px;border-top:1px solid #cbd8dd;color:var(--invoice-accent)}.invoice-design .design-payment,.invoice-design .design-notes{margin-top:22px;clear:both}.invoice-design .design-footer{margin-top:30px;padding-top:16px;border-top:1px solid #dbe5e8;color:#536a76;font-size:12px}.invoice-design .invoice-training-note{font-size:12px;margin-bottom:16px}
/* Ten layouts share the same invoice data and printed content. */
[data-invoice-design=modern] .design-head{border:0;background:var(--invoice-accent);padding:26px;margin:-38px -38px 28px;color:white}[data-invoice-design=modern] .design-identity>span{color:white}[data-invoice-design=modern] .design-summary{border-top:5px solid var(--invoice-accent)}
[data-invoice-design=minimal] .design-head{border-bottom:1px solid #172f3c}[data-invoice-design=minimal] .design-identity>span{color:#172f3c;font-size:21px;letter-spacing:4px}[data-invoice-design=minimal] .design-summary,[data-invoice-design=minimal] th{background:transparent}[data-invoice-design=minimal] th{border-bottom:2px solid #172f3c}[data-invoice-design=minimal] .design-footer{border:0;font-style:italic}
[data-invoice-design=executive] .design-head{background:#172f3c;color:#fff;padding:26px;margin:-38px -38px 28px;border-bottom:6px solid var(--invoice-accent)}[data-invoice-design=executive] .design-identity>span{color:#fff}[data-invoice-design=executive] th{background:#172f3c;color:#fff}[data-invoice-design=executive] .design-summary{border-left:5px solid var(--invoice-accent)}
[data-invoice-design=studio] .design-head{flex-direction:row-reverse;align-items:center;border:0}[data-invoice-design=studio] .design-identity{text-align:left;padding:20px;background:var(--invoice-accent);color:white;flex:0 1 42%}[data-invoice-design=studio] .design-identity>span{color:white;font-size:22px}[data-invoice-design=studio] .design-brand{text-align:right}[data-invoice-design=studio] .design-brand .invoice-logo{margin-left:auto}[data-invoice-design=studio] .design-grand-total{border-top:4px solid var(--invoice-accent)}
[data-invoice-design=ledger] th,[data-invoice-design=ledger] td{border:1px solid #c9d9de}[data-invoice-design=ledger] tbody tr:nth-child(even){background:#f2f6f7}[data-invoice-design=ledger] .design-head{border-top:6px solid var(--invoice-accent);border-bottom:1px solid #c9d9de;padding-top:20px}[data-invoice-design=ledger] .design-summary{border:1px solid #c9d9de;background:white}
[data-invoice-design=letterhead] .design-head{display:block;text-align:center;border:0}[data-invoice-design=letterhead] .design-brand{padding-bottom:20px;border-bottom:2px solid var(--invoice-accent)}[data-invoice-design=letterhead] .design-brand .invoice-logo{margin-left:auto;margin-right:auto}[data-invoice-design=letterhead] .design-identity{display:flex;justify-content:space-between;align-items:center;text-align:left;padding-top:20px}[data-invoice-design=letterhead] .design-identity>span{font-size:22px}[data-invoice-design=letterhead] .design-footer{text-align:center;border-top:2px solid var(--invoice-accent)}
.invoice.invoice-design[data-invoice-design=sidebar]{border-left:14px solid var(--invoice-accent)}[data-invoice-design=sidebar] .design-head{border:0}[data-invoice-design=sidebar] .design-identity>span{writing-mode:horizontal-tb;font-size:22px}[data-invoice-design=sidebar] .design-parties{background:#edf3f4;padding:18px}[data-invoice-design=sidebar] .design-footer{border-top:3px solid var(--invoice-accent)}
.invoice.invoice-design[data-invoice-design=compact]{padding:26px;font-size:12px}[data-invoice-design=compact] .design-head{margin-bottom:16px;padding-bottom:14px}[data-invoice-design=compact] .design-parties{margin-bottom:14px}[data-invoice-design=compact] td,[data-invoice-design=compact] th{padding:8px}[data-invoice-design=compact] .invoice-logo{max-height:52px}[data-invoice-design=compact] .design-summary{margin-top:14px;padding:12px}[data-invoice-design=compact] .design-footer{margin-top:18px}
[data-invoice-design=signature] .design-head{border:0;border-top:3px solid var(--invoice-accent);padding-top:24px}[data-invoice-design=signature] .design-summary{background:var(--invoice-accent);color:white;width:100%;padding:20px 24px}[data-invoice-design=signature] .design-grand-total{color:#fff;border-color:#ffffff80}[data-invoice-design=signature] .design-footer{text-align:right;font-style:italic;border:0}
/* Miniatures mirror each layout's distinguishing features. */
.design-mini[data-invoice-design=modern] .mini-heading{background:var(--invoice-accent);margin:-9px -9px 0;padding:9px;height:35px}.design-mini[data-invoice-design=modern] b,.design-mini[data-invoice-design=executive] b,.design-mini[data-invoice-design=studio] b{color:#fff}.design-mini[data-invoice-design=minimal] .mini-heading{border-bottom:1px solid #172f3c}.design-mini[data-invoice-design=minimal] .mini-total{height:2px;background:#172f3c}.design-mini[data-invoice-design=executive] .mini-heading{background:#172f3c;margin:-9px -9px 0;padding:9px;height:35px}.design-mini[data-invoice-design=studio] .mini-heading{flex-direction:row-reverse;border:0}.design-mini[data-invoice-design=studio] b{background:var(--invoice-accent);padding:5px}.design-mini[data-invoice-design=ledger] .mini-lines{border-left:1px solid #dae3e6;border-right:1px solid #dae3e6;background:repeating-linear-gradient(to bottom,#dae3e6 0px,#dae3e6 1px,transparent 1px,transparent 5px)}.design-mini[data-invoice-design=letterhead] .mini-heading{justify-content:center}.design-mini[data-invoice-design=letterhead] i{display:none}.design-mini[data-invoice-design=sidebar]{border-left:8px solid var(--invoice-accent)}.design-mini[data-invoice-design=compact]{padding:6px}.design-mini[data-invoice-design=compact] .mini-heading{height:22px}.design-mini[data-invoice-design=compact] .mini-lines{margin-top:6px}.design-mini[data-invoice-design=signature] .mini-heading{border-top:2px solid var(--invoice-accent);border-bottom:0;padding-top:4px}.design-mini[data-invoice-design=signature] .mini-total{width:100%;height:11px}
@media(max-width:850px){.design-review-layout{grid-template-columns:1fr}.design-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-review-paper{min-width:0}.design-dialog-heading,.design-dialog-actions{padding:16px}.invoice.invoice-design{padding:24px;font-size:12px}[data-invoice-design=modern] .design-head,[data-invoice-design=executive] .design-head{margin:-24px -24px 22px;padding:20px}.invoice-design h2{font-size:20px}.design-identity>span{font-size:20px}.invoice-design th,.invoice-design td{padding:9px 5px}.invoice-design table{min-width:480px}.design-dialog-actions>span{display:none}.design-dialog-actions{justify-content:flex-end}}
@media print{.design-dialog,.invoice-design-control{display:none!important}.invoice.invoice-design{width:100%;max-width:none;box-shadow:none;border-radius:0;margin:0;font-size:11px;padding:20px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.invoice-design table{min-width:0;font-size:10px}.invoice-design .design-head,.invoice-design .design-parties,.invoice-design .design-summary{break-inside:avoid}.invoice-design tr{break-inside:avoid}.invoice-design thead{display:table-header-group}.invoice-design .design-table-wrap{overflow:visible}.invoice-design .design-head{margin-left:0;margin-right:0}.invoice-design .design-head h2{font-size:20px}.invoice-design .design-payment,.invoice-design .design-notes,.invoice-design .design-footer{break-inside:avoid}}

[data-invoice-design=modern] .design-head,[data-invoice-design=modern] .design-identity>span,[data-invoice-design=studio] .design-identity,[data-invoice-design=studio] .design-identity>span,[data-invoice-design=signature] .design-summary,[data-invoice-design=signature] .design-grand-total{color:var(--invoice-on-accent,#fff)}
.design-mini[data-invoice-design=modern] b,.design-mini[data-invoice-design=studio] b{color:var(--invoice-on-accent,#fff)}
.design-dialog{position:fixed;inset:3vh 12px auto;margin:0 auto}
@media(max-width:850px){.design-template-grid{display:flex;overflow-x:auto;min-width:0;padding-bottom:8px}.design-choice{flex:0 0 155px}.design-review-layout{padding:16px;gap:16px}.design-dialog{max-height:94dvh}.design-dialog-heading h2{font-size:18px}}