.invoice-tool{color:var(--ink);grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;min-width:0;display:grid}.invoice-form,.invoice-preview{min-width:0}.invoice-form{gap:18px;display:grid}.invoice-profile{border:1px solid var(--line);background:#fafcf9;border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;margin-top:14px;padding:13px;display:grid}.invoice-profile legend{grid-column:1/-1;padding:0;font-weight:700}.invoice-profile label{color:var(--muted);gap:5px;font-size:12px;display:grid}.invoice-profile select{border:1px solid var(--control-border);min-height:40px;font:inherit;background:#fff;border-radius:6px}.invoice-profile small{color:var(--muted);grid-column:1/-1}.invoice-section{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:18px 0 0}.invoice-section legend{margin:0 0 12px;padding:0;font-size:17px;font-weight:730}.invoice-details>summary{min-height:44px;color:var(--ink);cursor:pointer;padding:10px 0;font-size:17px;font-weight:730}.invoice-details>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.invoice-details[open]>summary{margin-bottom:12px}.invoice-optional-content{gap:12px;display:grid}.invoice-optional-content>.invoice-field-grid{margin-top:0}.invoice-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.invoice-style-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;grid-template-columns:18px minmax(0,1fr);gap:4px 8px;min-width:0;padding:8px;display:grid}.invoice-style-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}.invoice-style-card input{width:18px;height:18px;accent-color:var(--accent);grid-row:1/span 3;margin-top:2px}.invoice-style-card img{aspect-ratio:210/297;object-fit:contain;border:1px solid var(--line);background:#f8faf8;width:100%;height:auto;max-height:180px;display:block}.invoice-style-card span{color:var(--ink);font-size:12px;font-weight:700}.invoice-style-card small{color:var(--muted);font-size:11px;line-height:1.35}.invoice-type-row{flex-wrap:wrap;align-items:center;gap:12px 18px;min-height:44px;display:flex}.invoice-type-row label{align-items:center;gap:7px;min-height:44px;font-size:13px;display:inline-flex}.invoice-type-row input{width:18px;height:18px;accent-color:var(--accent)}.invoice-label{color:#46564e;font-size:12px;font-weight:680}.invoice-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.invoice-field-grid label,.invoice-item-row label,.invoice-section>label,.invoice-optional-content>label{color:#46564e;gap:6px;min-width:0;font-size:12px;font-weight:650;display:grid}.invoice-field-grid input,.invoice-item-row input,.invoice-section textarea{border:1px solid var(--control-border);width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fff;border-radius:5px;padding:8px 9px}.invoice-section textarea{resize:vertical;min-height:112px;line-height:1.55}.invoice-field-grid input:focus-visible,.invoice-item-row input:focus-visible,.invoice-item-tools select:focus-visible,.invoice-section textarea:focus-visible,.invoice-type-row input:focus-visible,.invoice-picker input:focus-visible,.invoice-actions button:focus-visible,.invoice-preview select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.invoice-section small,.invoice-hint{color:var(--muted);font-size:12px;line-height:1.55}.invoice-hint{margin:0 0 12px}.invoice-item-tools{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:10px;display:flex}.invoice-item-tools label{color:#46564e;flex:220px;gap:6px;min-width:0;font-size:12px;font-weight:650;display:grid}.invoice-item-tools select{border:1px solid var(--control-border);width:100%;min-width:0;height:44px;min-height:44px;color:var(--ink);background:#fff;border-radius:5px;padding:0 9px}.invoice-items{gap:10px;display:grid}.invoice-item-row{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:28px minmax(150px,1fr) 76px 96px 44px;align-items:start;gap:6px;padding:8px;display:grid}.invoice-item-number{min-height:44px;color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;font-size:13px;display:grid}.invoice-item-row .invoice-field-error,.invoice-field-error{color:#842b27;font-size:12px;line-height:1.45}.invoice-remove-item,.invoice-secondary,.invoice-primary{border:1px solid var(--control-border);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:0 12px;font-size:13px;font-weight:680}.invoice-remove-item{align-self:center;width:44px;padding:0}.invoice-secondary:hover:not(:disabled),.invoice-remove-item:hover:not(:disabled){border-color:var(--accent)}.invoice-primary{border-color:var(--accent);background:var(--accent);color:#fff}.invoice-secondary:disabled,.invoice-primary:disabled,.invoice-remove-item:disabled{cursor:not-allowed;opacity:.55}.invoice-picker{border:1px dashed var(--control-border);cursor:pointer;background:#fff;border-radius:8px;min-height:96px;margin-top:18px;padding:15px}.invoice-picker>span{color:var(--ink);font-size:13px;font-weight:720}.invoice-picker input:not(.file-control-native){width:100%;height:44px;min-height:44px;margin-top:2px}.invoice-picker+.invoice-secondary{margin-top:8px}.invoice-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.invoice-error{color:#842b27;background:#fff2f0;border-left:3px solid #a83731;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.invoice-live{color:#1d4b3d;min-height:1.5em;margin:0;font-size:13px;line-height:1.5}.invoice-import{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;margin:0 0 14px;padding:12px;display:grid}.invoice-import>summary{cursor:pointer;min-height:40px;font-weight:700}.invoice-import label{color:#46564e;gap:6px;font-size:12px;font-weight:650;display:grid}.invoice-import input,.invoice-import select,.invoice-import textarea{box-sizing:border-box;border:1px solid var(--control-border);width:100%;min-height:42px;font:inherit;border-radius:5px;padding:8px}.invoice-import-mapping{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.invoice-preview{align-self:start;position:sticky;top:18px}.invoice-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.invoice-preview-toolbar label{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.invoice-preview select{border:1px solid var(--control-border);min-width:88px;height:44px;min-height:44px;color:var(--ink);background:#fff;border-radius:5px;padding:0 10px}.invoice-preview canvas{border:1px solid var(--line);background:#fff;width:100%;height:auto;display:block;box-shadow:0 8px 26px #2744381a}@media (width<=900px){.invoice-tool{grid-template-columns:1fr}.invoice-preview{position:static}}@media (width<=560px){.invoice-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-field-grid{grid-template-columns:1fr}.invoice-item-row{grid-template-columns:24px repeat(2,minmax(0,1fr));gap:6px 8px}.invoice-item-row label:first-of-type{grid-column:2/-1}.invoice-item-row label:nth-of-type(2){grid-column:2}.invoice-item-row label:nth-of-type(3){grid-column:3}.invoice-remove-item{grid-column:2/-1;width:100%;padding:0 12px}.invoice-actions{grid-template-columns:1fr;display:grid}.invoice-actions button{width:100%}}
