.settings-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #edf7f5;margin:0 0 26px;padding-bottom:14px}.settings-tabs .button{background:transparent;border-color:transparent;color:#627f80}.settings-tabs .button.active{color:#007878;background:#edf7f5;border-color:#d4e8e3}.settings-tabs .button:focus-visible{outline:2px solid #007878}.backup-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.import-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.import-counts .stat{min-height:90px;padding:18px}.import-warnings{padding:14px;border:1px solid #eee3ca;background:#fffaf0;border-radius:9px;margin-bottom:20px}.import-warnings li{margin:6px 0;font-size:12px}.invoice-designer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:24px;align-items:start}.template-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.template-card{font:inherit;text-align:left;padding:14px;border:1px solid #edf7f5;border-radius:12px;background:white;cursor:pointer;color:#007878;transition:border-color .18s,transform .18s}.template-card:hover{transform:translateY(-2px)}.template-card.selected{border:2px solid #007878;padding:13px;background:#f2f8f6}.template-card strong,.template-card small{display:block}.template-card small{font-size:11px;margin-top:5px;line-height:1.6;color:#627f80}.template-mini{height:70px;background:#f2f8f6;display:block;padding:10px;border-radius:6px;margin-bottom:12px;border-top:12px solid var(--mini-accent)}.template-mini i{display:block;margin-top:7px;height:3px;width:85%;background:#edf7f5}.template-mini i:last-child{width:45%;margin-left:auto;background:var(--mini-accent)}.mini-classic{border-top:0;border-bottom:3px double var(--mini-accent)}.mini-minimal{border:0;background:white}.mini-minimal i{height:1px;margin-top:14px}.mini-honeycomb{background:#fff8e9;border:2px solid var(--mini-accent);border-left:13px solid var(--mini-accent)}.designer-preview{position:sticky;top:100px;overflow:hidden}.designer-preview .invoice-preview{padding:24px;font-size:11px}.designer-preview .invoice-heading{gap:12px}.designer-preview .invoice-heading h2{font-size:20px}.designer-preview .table-wrap{overflow-x:auto}.invoice-preview{--invoice-accent:#007878}.invoice-preview .invoice-heading h2,.invoice-preview .invoice-totals .grand{color:var(--invoice-accent)}.invoice-preview footer{white-space:pre-wrap;color:#627f80}.invoice-preview th{color:var(--invoice-accent);border-bottom:1px solid var(--invoice-accent)}.invoice-modern .invoice-heading{background:var(--invoice-accent);color:var(--invoice-foreground,#fff);padding:24px;border-radius:3px}.invoice-modern .invoice-heading h2,.invoice-modern .invoice-heading p,.invoice-modern .invoice-label,.invoice-modern .invoice-heading strong{color:inherit}.invoice-modern th{background:var(--invoice-accent);color:var(--invoice-foreground,#fff)}.invoice-classic .invoice-heading{border-bottom:3px double var(--invoice-accent);padding-bottom:22px}.invoice-classic th{background:#f2f8f6}.invoice-minimal .invoice-heading{margin-bottom:44px}.invoice-minimal th{background:white}.invoice-minimal .invoice-totals .grand{border-top:1px solid var(--invoice-accent);padding-top:18px}.invoice-honeycomb .invoice-heading{border:1px solid var(--invoice-accent);border-left:9px solid var(--invoice-accent);padding:22px;background:#fffaf0}.invoice-honeycomb th{background:#fff5dc}.invoice-honeycomb .invoice-label:before{content:'⬡ ⬡ ⬡';display:block;color:var(--invoice-accent);font-size:18px;letter-spacing:5px;margin-bottom:8px}@media(max-width:1250px){.invoice-designer{grid-template-columns:1fr}.designer-preview{position:static}}@media(max-width:650px){.settings-tabs{gap:5px}.settings-tabs .button{flex:1 0 auto;min-width:110px}.backup-layout{grid-template-columns:1fr}.import-counts{grid-template-columns:1fr}.template-options{gap:8px}.designer-preview .invoice-preview{padding:16px}.invoice-modern .invoice-heading,.invoice-honeycomb .invoice-heading{padding:14px}.designer-preview .invoice-heading{flex-wrap:wrap}.template-card{padding:11px}.template-card.selected{padding:10px}}@media print{.invoice-preview th,.invoice-modern .invoice-heading{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-modern .invoice-heading h2{color:inherit}.invoice-preview .invoice-totals .grand{color:var(--invoice-accent)}}

.settings-panel-actions{display:flex;justify-content:flex-end;margin-bottom:18px}