:root{--ink:#172b36;--muted:#7b8992;--line:#e6ebed;--green:#227c65;--paper:#fff;--bg:#f4f6f6;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,textarea,select,[tabindex]{outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}.topbar{height:84px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:27px;font-weight:750;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;background:var(--green);color:white;width:38px;height:38px;border-radius:11px;font-size:28px}.brand-label{font-size:9px;letter-spacing:1.8px;font-weight:600;color:var(--muted);border-left:1px solid var(--line);padding-left:20px;margin-left:12px}.workspace-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.status-dot,.preview-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block}.avatar{background:#edf1ee;color:var(--green);padding:12px;border-radius:50%;font-weight:600;margin-left:17px}main{max-width:1600px;margin:auto;padding:40px 4% 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.eyebrow{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.8px}h1{font-size:30px;letter-spacing:-1.2px;margin:10px 0}.page-heading p{color:var(--muted);font-size:13px}.button{border:0;border-radius:8px;padding:12px 16px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:12px}.secondary{border:1px solid var(--line);background:white}.primary{background:var(--green);color:white}.button span#invoice-count{background:#eef2f2;border-radius:5px;padding:3px 6px}.workbench{display:grid;grid-template-columns:minmax(240px, .9fr) minmax(430px,1.85fr) minmax(260px,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #1a353603}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line);min-height:70px}.panel-heading>div{display:flex;align-items:center;gap:10px}h2{font-size:14px;font-weight:650}.step{font-size:10px;color:var(--muted);background:#f1f4f4;border-radius:5px;padding:5px}.icon-button{background:transparent;border:1px solid var(--line);border-radius:6px;width:27px;height:27px;font-size:20px;line-height:1}.search{display:flex;align-items:center;gap:8px;margin:16px 16px 12px;background:#f6f8f8;border:1px solid var(--line);border-radius:7px;padding:9px 12px;color:var(--muted)}.search input{width:100%;border:0;background:transparent;min-width:0;outline:none;font-size:11px}.card-list{padding:0 14px 12px;max-height:390px;overflow:auto}.customer-card,.catalog-card{position:relative;border:1px solid var(--line);background:white;border-radius:8px;padding:14px 12px;margin-bottom:9px;display:flex;gap:10px;align-items:center;cursor:grab;width:100%;text-align:left}.customer-card:hover,.catalog-card:hover{border-color:#9ac5b7;background:#fafdfb}.customer-card.selected{border-color:var(--green);background:#f0f8f4}.initials{border-radius:7px;width:34px;height:34px;background:#eef2fa;color:#65779a;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:650}.card-text{flex:1;min-width:0}.card-text strong{display:block;font-size:11px;font-weight:600}.card-text small{display:block;color:var(--muted);font-size:10px;margin-top:6px;overflow-wrap:anywhere}.panel-foot{padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;text-align:center}.left-column{display:grid;gap:22px}.preview-panel .panel-heading{padding:16px}.text-button{border:0;background:none;color:var(--muted);font-size:10px;padding:5px}.mini-preview{background:#f3f5f4;padding:18px;min-height:230px}.mini-preview .invoice-paper{font-size:5px;min-height:230px;padding:18px;box-shadow:0 2px 6px #00000009}.mini-preview .invoice-paper h1{font-size:12px;margin:8px 0}.mini-preview .invoice-paper h2{font-size:8px}.mini-preview .invoice-paper table{font-size:5px}.mini-preview .invoice-paper .paper-total{font-size:8px}.badge{background:#f5f3eb;color:#9c8854;font-size:8px;font-weight:700;letter-spacing:1px;padding:6px 9px;border-radius:5px}.builder-body{padding:24px}.document-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.document-title h3{font-size:20px;letter-spacing:-.6px;margin-top:6px}.drop-zone{border:1.5px dashed #d3dedb;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 12px;background:#fafcfb;color:var(--muted);gap:7px;transition:.15s}.drop-zone strong{font-size:12px;color:#5d746c;font-weight:550}.drop-zone span:last-child{font-size:10px}.drop-icon{font-size:24px;color:#87a99b}.drop-zone.drag-over{border-color:var(--green);background:#eaf6ef}.customer-drop.has-customer{border-style:solid;background:#f1f8f4;align-items:flex-start;text-align:left;padding:17px}.customer-drop.has-customer strong{color:var(--ink);font-size:14px}.date-row{display:flex;gap:18px;margin:22px 0 28px}label{display:block;font-size:10px;color:var(--muted)}input,textarea,select{border:1px solid var(--line);background:white;border-radius:6px;padding:10px;color:var(--ink);width:100%;margin-top:8px}input[type=date]{font-size:12px}.date-row label{flex:1}.section-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-caption h3{font-size:12px}.section-caption span{font-size:10px;color:var(--muted)}.item-drop{padding:23px 10px}.position{border:1px solid var(--line);border-radius:8px;padding:13px;margin-bottom:10px;display:grid;grid-template-columns:1fr 75px auto 24px;align-items:center;gap:12px}.position strong{font-size:11px}.position small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.position input{margin:0;padding:8px;font-size:12px}.position .line-price{font-size:12px;font-weight:600;text-align:right}.position button{border:0;background:none;color:var(--muted);font-size:18px}.totals{margin:23px 0 20px;border-top:1px solid var(--line);padding-top:15px}.total-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:6px 0}.total-row.grand{color:var(--ink);font-weight:700;font-size:18px;border-top:1px solid var(--line);margin-top:10px;padding-top:17px}.total-row.grand span:first-child{font-size:12px}.notes-label textarea{resize:vertical;font-size:11px;background:#fbfcfc}.builder-footer{padding:18px 24px;background:#fbfcfb;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.builder-footer>span{font-size:9px;color:var(--muted)}.tabs{display:flex;padding:0 16px 16px;gap:6px}.tabs button{background:transparent;border:0;padding:7px 10px;color:var(--muted);font-size:10px;border-radius:5px}.tabs .active{background:#eaf4ee;color:var(--green);font-weight:600}.catalog-card .initials{background:#f0f5f1;color:var(--green);font-size:17px}.catalog-card .icon-button{width:24px;height:24px;flex-shrink:0;font-size:17px}.catalog-card small b{font-weight:600;color:#4b6058}.catalog-tip{margin:18px 18px 24px;background:#f6f8f6;padding:16px;border-radius:8px}.catalog-tip>span{display:block;color:var(--green);font-size:20px;margin-bottom:10px}.catalog-tip strong{font-size:11px}.catalog-tip p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:8px}.page-footer{display:flex;justify-content:space-between;color:#9ba6ac;font-size:10px;margin-top:25px}#notice{padding:13px 18px;margin-bottom:18px;border-radius:8px;background:#fff2df;color:#7f5b25;font-size:12px}#notice.success{background:#e6f4eb;color:#226846}.empty{padding:20px 8px;color:var(--muted);font-size:11px;text-align:center}dialog{border:1px solid var(--line);border-radius:12px;padding:25px;width:min(460px,95vw);color:var(--ink)}dialog::backdrop{background:#10242d80;backdrop-filter:blur(3px)}.large-dialog{width:min(870px,95vw);max-height:92vh}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.dialog-heading>div{display:flex;align-items:center;gap:10px}#form-fields label{margin-bottom:16px}#form-error{color:#a93e3e;font-size:12px;margin-bottom:15px}.invoice-paper{background:white;padding:45px;font-size:12px;line-height:1.6}.paper-header{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid var(--green);padding-bottom:18px;margin-bottom:25px}.paper-header h2{font-size:20px;color:var(--green)}.paper-meta{text-align:right;color:var(--muted)}.paper-address{white-space:pre-line}.invoice-paper h1{font-size:26px;margin:25px 0 15px}.invoice-paper table{width:100%;border-collapse:collapse;font-size:11px;margin:24px 0}.invoice-paper th{text-align:left;background:#f0f5f2;padding:10px 7px}.invoice-paper td{padding:10px 7px;border-bottom:1px solid var(--line)}.invoice-paper td:last-child,.invoice-paper th:last-child{text-align:right}.paper-totals{margin-left:auto;max-width:260px}.paper-totals>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.paper-total{font-size:18px;font-weight:700;border-top:1px solid var(--line);margin-top:10px}.paper-footer{border-top:1px solid var(--line);margin-top:35px;padding-top:15px;color:var(--muted);white-space:pre-line}.history-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;gap:12px}.history-row small{display:block;color:var(--muted);margin-top:6px}.history-row strong{font-size:12px}@media(min-width:1600px){main{padding-left:30px;padding-right:30px}}@media(max-width:1150px){.workbench{grid-template-columns:230px 1fr}.catalog-panel{grid-column:1/-1}.catalog-panel .card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.catalog-tip{display:none}.brand-label{display:none}}@media(max-width:760px){.topbar{height:65px}.workspace-label{font-size:0}.workspace-label .avatar{font-size:11px}main{padding:25px 16px}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:25px}.workbench{display:flex;flex-direction:column}.left-column,.builder,.catalog-panel{width:100%}.left-column{display:contents}.customers-panel{width:100%;order:0}.builder{order:1}.catalog-panel{order:2}.preview-panel{order:3;width:100%}.catalog-panel .card-list{grid-template-columns:1fr 1fr}.builder-body{padding:18px}.position{grid-template-columns:1fr 65px 65px 20px;gap:7px}.builder-footer{padding:16px}.page-footer{gap:15px}.invoice-paper{padding:20px}.brand{font-size:23px}}@media print{body>*{display:none!important}body>dialog#print-placeholder{display:block!important}#preview-dialog{display:block!important;position:static;max-height:none;width:100%;border:0;padding:0;margin:0}#preview-dialog .dialog-heading{display:none}#preview-dialog::backdrop{display:none}.invoice-paper{padding:12mm;font-size:11px}body{background:white} @page{size:A4;margin:10mm}}
.auth-main{max-width:540px;padding-top:70px}.auth-panel{padding:32px}.auth-panel>p{color:var(--muted);font-size:13px;line-height:1.7}.auth-panel form{margin-top:24px}.auth-panel label{margin-bottom:18px;font-size:12px}.auth-panel .button{width:100%;justify-content:center;margin-top:6px}.auth-error{padding:14px;margin-top:20px;border-radius:8px;background:#fff2df;color:#7f5b25;font-size:12px;line-height:1.6}.auth-panel .auth-hint{font-size:11px;color:var(--muted);margin:-8px 0 18px;line-height:1.6}.auth-panel .auth-switch{margin-top:24px;text-align:center}.auth-switch a{color:var(--green)}.account-name{font-size:12px;overflow-wrap:anywhere}@media(max-width:760px){.auth-main{padding-top:35px}.auth-panel{padding:24px}.workspace-label{gap:6px}.account-name{max-width:100px}}
[hidden]{display:none!important}.card-select{display:flex;gap:10px;align-items:center;flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.customer-card .edit-entity{flex-shrink:0}.card-actions{display:flex;flex-direction:column;gap:7px}.catalog-description{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.position-description{white-space:pre-line;line-height:1.5}.invoice-actions{display:flex;align-items:center;gap:12px;margin-bottom:16px}.invoice-actions:has(>[hidden]):not(:has(>:not([hidden]))){display:none}.history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-row>div:first-child{flex:1}.history-row>strong{white-space:nowrap}.form-help{color:var(--muted);font-size:12px;line-height:1.65;margin-bottom:18px}.profile-dialog{width:min(1100px,96vw);max-height:94vh}.profile-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:28px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:12px}.wide-field{grid-column:1/-1}.logo-settings{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:8px}.logo-settings legend{font-size:13px;font-weight:600}.logo-settings label{font-size:12px;margin-bottom:16px}.logo-settings input[type=range]{padding:0;accent-color:var(--green)}.logo-settings output{float:right;font-size:11px}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto;margin:0}.profile-preview{min-width:0;background:#f3f5f4;padding:16px;border-radius:8px;align-self:start;position:sticky;top:0}.profile-preview h3{font-size:12px;margin-bottom:16px}.profile-preview .invoice-paper{padding:24px;font-size:9px;overflow-wrap:anywhere}.profile-preview .invoice-paper h2{font-size:16px}.profile-preview .invoice-paper h1{font-size:20px}.profile-preview .invoice-paper table{font-size:8px}.profile-preview .invoice-paper th,.profile-preview .invoice-paper td{padding:7px 4px}.profile-preview .paper-total{font-size:14px}#profile-error{font-size:12px;color:#a93e3e;margin-bottom:16px}.paper-logo-row{display:flex;margin-bottom:18px}.logo-left{justify-content:flex-start}.logo-center{justify-content:center}.logo-right{justify-content:flex-end}.paper-logo{height:auto;max-width:100%;max-height:150px;object-fit:contain}.line-detail{display:block;color:var(--muted);font-size:.9em;margin-top:3px}.line-description{white-space:pre-line;overflow-wrap:anywhere;margin-top:5px}.paper-meta{overflow-wrap:anywhere;max-width:45%}.paper-address{overflow-wrap:anywhere}.invoice-paper td:first-child{width:42%;overflow-wrap:anywhere}.invoice-paper tr{break-inside:avoid}.mini-preview .paper-logo-row{margin-bottom:8px}.mini-preview .paper-logo{max-width:30%;max-height:45px}.mini-preview .paper-header h2{font-size:8px}.mini-preview .line-detail{font-size:5px}@media(max-width:760px){.topbar{height:auto;min-height:65px;gap:12px;padding:14px 16px;flex-wrap:wrap}.workspace-label .button{font-size:11px;padding:9px 10px}.profile-layout{grid-template-columns:1fr}.profile-preview{position:static}.history-row{flex-wrap:wrap}.history-actions{width:100%}.form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.invoice-actions{flex-wrap:wrap}.profile-dialog{padding:18px}.invoice-paper table{font-size:10px}}@media print{.paper-logo-row{break-inside:avoid}.invoice-paper .paper-logo{max-height:150px}}
:root .invoice-tabs{flex-wrap:wrap;padding:18px 0 8px}.date-help{display:block;margin-top:8px;font-size:10px}.history-details{flex:1;min-width:160px}.invoice-status{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:5px;font-size:11px;background:#f5f3eb;color:#806b35}.status-open{background:#edf3ff;color:#365f9e}.status-overdue{background:#fff0ec;color:#aa3c24}.status-paid{background:#eaf4ee;color:var(--green)}.status-actions{display:flex;gap:4px;flex-wrap:wrap;width:100%}.status-button{background:white;border:1px solid var(--line);border-radius:5px;padding:7px 9px;font-size:11px}.status-button.active{background:#eaf4ee;border-color:#91b9a9;color:var(--green);opacity:1}.history-actions{flex-wrap:wrap;max-width:310px}#history-error{margin:12px 0;color:var(--ink)}.workspace-label{flex-wrap:wrap}@media(max-width:760px){.workspace-label{width:100%}.history-actions{max-width:none}.invoice-tabs button{padding:10px}.history-row{gap:14px}.date-row{gap:10px}}
.dashboard{margin-bottom:28px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.dashboard-heading h2{font-size:19px;margin:7px 0}.dashboard-heading p,.dashboard-note{font-size:11px;color:var(--muted);line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px 16px;min-width:0}.metric-card h3{font-size:11px;font-weight:600;color:#536873;margin-bottom:14px}.metric-card>strong{display:block;font-size:clamp(19px,1.7vw,27px);font-weight:700;letter-spacing:-.6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric-card p{font-size:10px;color:#637580;line-height:1.65;margin-top:10px;overflow-wrap:anywhere}.metric-balance{background:#eaf4ee;border-color:#c4dece}.metric-balance>strong{color:var(--green)}.metric-overdue.has-overdue{background:#fff3ed;border-color:#f2d1c5}.metric-overdue.has-overdue>strong{color:#aa3c24}.dashboard-note{margin-top:12px}#opening-balance-help{margin:10px 0 18px}#opening-balance-error{color:#a93e3e;font-size:12px;margin-bottom:16px}@media(max-width:1150px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card>strong{font-size:25px}}@media(max-width:760px){.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:18px 14px}.metric-card>strong{font-size:23px}}@media(max-width:380px){.dashboard-grid{grid-template-columns:1fr}}
#form-dialog{width:min(680px,95vw);max-height:92vh}#form-fields label{margin-bottom:0;font-size:12px}#form-fields{margin-bottom:20px}#form-fields .form-help{margin-bottom:0}input::placeholder,textarea::placeholder{color:#89969c;opacity:1}.document-title{gap:12px;flex-wrap:wrap}.document-title .button{flex-shrink:0}
.customer-actions{align-items:flex-end;flex-shrink:0}.customer-actions [data-customer-invoices]{color:var(--green);font-size:10px;border:1px solid var(--line);border-radius:5px;background:#f0f8f4;padding:6px}.customer-actions [data-customer-invoices]:hover{border-color:var(--green)}#history-title{overflow-wrap:anywhere;min-width:0}

.design-settings input[type=color]{height:44px;padding:4px;cursor:pointer}
.design-settings{margin-top:0;margin-bottom:24px}
.section-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.section-tools span{font-size:10px;color:var(--muted)}.position.position-section{grid-template-columns:minmax(0,1fr) 24px;background:#f0f8f4;border-color:#bcd6c5}.position-section .position-heading label{flex:1;min-width:0}.position-section input{margin-top:5px;font-weight:650}.invoice-paper .paper-position-number{width:1%;white-space:nowrap;color:var(--muted)}.invoice-paper .paper-section th{text-align:left;background:var(--invoice-tint);color:var(--green);border-bottom:1px solid var(--green);padding-top:14px;overflow-wrap:anywhere}.layout-modern .paper-section th{background:var(--green);color:var(--invoice-on-accent)}.layout-minimal .paper-section th{background:transparent;border-bottom:1px solid var(--green)}.layout-elegant .paper-section th{background:transparent;border-top:3px double var(--green);border-bottom:1px solid var(--green)}.layout-compact .paper-section th{padding:6px}.invoice-paper .line-description{overflow-wrap:anywhere}
@media print{.invoice-paper tr{break-inside:avoid}.invoice-paper .paper-section{break-after:avoid}}
.invoice-paper table{table-layout:fixed}.paper-col-number{width:6%}.paper-col-description{width:36%}.paper-col-quantity{width:15%}.paper-col-price{width:17%}.paper-col-tax{width:10%}.paper-col-total{width:16%}.invoice-paper th,.invoice-paper td{overflow-wrap:anywhere}
.position[draggable="true"]{cursor:grab}.position.is-dragging{opacity:.5;cursor:grabbing}.position input,.position label{cursor:text}.position.drop-before{box-shadow:0 -3px 0 var(--green)}.position.drop-after{box-shadow:0 3px 0 var(--green)}
#add-section[draggable="true"]{cursor:grab}
.organization{margin:0 18px 14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9;min-width:0}.folder-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.organization>p{font-size:10px;color:var(--muted);line-height:1.5;margin:8px 0}.folder-tree{max-height:260px;overflow:auto}.folder-node{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px solid transparent;background:transparent;text-align:left;padding:8px 6px 8px calc(6px + var(--folder-depth)*12px);border-radius:5px;font-size:12px;cursor:pointer}.folder-node span{overflow-wrap:anywhere;min-width:0}.folder-node small{color:var(--muted)}.folder-node.active{background:#e3f0e8;color:var(--green);border-color:#bcd6c5}.folder-node.drag-over{background:#d4ebdf;border:1px dashed var(--green)}.folder-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.folder-actions .text-button,.folder-heading .text-button,.organize-record{font-size:10px}.organize-record{color:var(--green);white-space:nowrap}#organization-dialog{width:min(480px,95vw)}#organization-dialog label{margin-bottom:18px}#organization-error{color:#a93e3e;font-size:12px;margin-bottom:14px}
/* Zero vertical page margins suppress browser-generated print headers/footers.
   Keep the document's previous spacing through its own padding. */
@media print{
    @page{size:A4;margin:0 10mm}
    .invoice-paper{padding:22mm 12mm}
    .layout-compact{padding:18mm 8mm}
}
:root .document-type-label{margin-bottom:20px;font-size:11px}.button span#quote-count{background:#eef2f2;border-radius:5px;padding:3px 6px}.status-sent{background:#edf3ff;color:#365f9e}.status-accepted{background:#eaf4ee;color:var(--green)}
.danger-button{color:#aa3c24}.position-heading{display:flex;align-items:center;gap:6px}.position .position-handle{cursor:grab;touch-action:none;padding:3px;color:var(--green)}.position .position-handle:active{cursor:grabbing}.position-order{display:flex;gap:8px;margin-top:5px}.position .position-order button{font-size:13px;padding:3px 7px;border:1px solid var(--line);border-radius:4px}.unassigned-field{margin:12px 0;padding:10px;border:1px solid #e3d8b7;border-radius:7px;background:#fffaf0}.unassigned-field .unassigned-records{width:100%;padding-left:6px!important}.unassigned-field .unassigned-records span{white-space:normal;overflow-wrap:anywhere}.unassigned-field p{font-size:10px;margin:6px 0 0!important}.unassigned-field small{font-weight:700}
/* Quiet action hierarchy: primary actions filled, secondary actions neutral. */
.button,.text-button,.icon-button,.tabs button,.status-button{transition:background-color .15s,border-color .15s,color .15s}
.secondary{background:#fff;border-color:#d8e0dd;color:#344b42}.secondary:hover:not(:disabled){background:#f5f7f6;border-color:#aabbb3}
.primary:hover:not(:disabled){background:#1c6956}
.text-button{color:#52645b;font-size:11px;padding:6px 4px;line-height:1.4;border-radius:4px}
.text-button:hover:not(:disabled){color:#1d614c;text-decoration:underline;text-underline-offset:3px}
.icon-button{color:#61736a;background:transparent;border-color:transparent;width:30px;height:30px;flex-shrink:0}
.icon-button:hover:not(:disabled){color:#245d48;background:#f0f4f2}
.danger-button{color:#9b5145}.danger-button:hover:not(:disabled){color:#8c3122}
.tabs button:hover:not(:disabled),.status-button:hover:not(:disabled){background:#f3f6f4}
.status-button.active:disabled{opacity:1;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #227c65;outline-offset:3px}
.customer-card{display:block;padding:14px;margin-bottom:10px;cursor:grab}
.customer-card:hover,.catalog-card:hover{background:#fff;border-color:#b8c9c0}
.customer-card.selected{background:#f8fbf9;border-color:#8db6a4}
.customer-identity{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}
.customer-identity .card-select{align-items:flex-start;min-height:38px;text-align:left;gap:10px}
.customer-card .card-text strong{font-size:12px;line-height:1.45}.customer-card .card-text small{font-size:10px;line-height:1.5;margin-top:4px}
.customer-identity .edit-entity{margin-top:-5px;margin-right:-5px}
.customer-actions{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid #edf1ef}
.customer-actions [data-customer-invoices],.customer-actions [data-customer-quotes]{color:#3d5a4d;font-size:11px;font-weight:500;border:1px solid #e1e7e3;background:#fff;padding:6px 10px;border-radius:5px}
.customer-actions [data-customer-invoices]:hover,.customer-actions [data-customer-quotes]:hover{background:#f5f7f6;border-color:#b8c9c0;text-decoration:none}
.customer-utilities{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.customer-utilities .text-button{font-size:10px;color:#718078}.customer-utilities .danger-button{color:#9b655a}
.catalog-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;padding:14px;gap:10px}
.catalog-card .card-text strong{font-size:12px;line-height:1.45}.catalog-card .card-text small{line-height:1.5}
.catalog-card .card-actions{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #edf1ef}
.catalog-card .card-actions [data-add-item]{margin-left:auto;background:#f0f5f2;color:#227c65;width:30px;height:30px}
.catalog-card .organize-record{color:#718078}.catalog-card .danger-button{font-size:10px;color:#9b655a}
.document-related{margin-bottom:18px}.related-document{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;padding-top:10px;border-top:1px solid #e6ece8}
.related-document>span{font-size:11px;color:#66776d;overflow-wrap:anywhere}.related-document strong{font-size:inherit;font-weight:600;color:#3c5548}
.related-button{font-size:11px;padding:7px 10px;white-space:nowrap}.related-unavailable{color:#7b8992!important}
#preview-error{color:#94321f;font-size:12px;margin-bottom:14px}
.history-actions{gap:8px}.history-actions .text-button{padding:7px 3px}
@media(max-width:760px){.dialog-heading{flex-wrap:wrap}.dialog-heading>div{flex-wrap:wrap}.related-document{align-items:flex-start}.history-details{min-width:0}.history-row>div:first-child{flex-basis:70%}.tabs{flex-wrap:wrap}.catalog-panel .card-list{grid-template-columns:1fr}.customer-actions{gap:10px}.customer-actions button{min-height:34px}.customer-utilities button,.catalog-card .card-actions button{min-height:30px}}
@media print{#preview-related,#preview-error{display:none!important}}
.document-type-switch{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:9px;background:#f6f8f7;margin-bottom:18px}
.document-type-switch .button{flex:1;justify-content:center;background:transparent;color:#596e63;min-height:42px}
.document-type-switch .active{background:var(--green);color:white}
.document-type-label[hidden]{display:none}
.auth-main.auth-registration{max-width:1160px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:64px;align-items:center;padding-top:60px;padding-bottom:60px;min-height:calc(100vh - 170px)}
.auth-registration .auth-panel{width:100%;max-width:none;margin:0}
.auth-intro h1{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-1.8px;margin:20px 0}
.intro-lead{font-size:16px;line-height:1.75;color:#596e63;max-width:520px}
.intro-steps{list-style:none;margin:30px 0;padding:0;display:grid;gap:24px}
.intro-steps li{display:flex;gap:16px;align-items:flex-start}
.intro-steps li>span{background:#e7f1eb;color:var(--green);border-radius:10px;padding:12px;font-size:12px;font-weight:700}
.intro-steps h2{font-size:15px;margin-bottom:6px}.intro-steps p{font-size:13px;line-height:1.65;color:#596e63}
.intro-benefits{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;color:var(--green)}
.intro-note{margin-top:18px;font-size:12px;line-height:1.6;color:#596e63}
.legal-footer{max-width:1600px;margin:0 auto;padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:#596e63;font-size:12px}
.legal-footer nav{display:flex;align-items:center;gap:20px}.legal-footer a,.cookie-notice a{color:var(--green);text-underline-offset:3px}
.legal-footer .text-button{font-size:12px;color:var(--green);text-decoration:underline;padding:0}
.cookie-notice{position:fixed;bottom:20px;left:20px;right:20px;z-index:100;max-width:1000px;margin:auto;background:white;border:1px solid #b8c9c0;border-radius:12px;box-shadow:0 8px 40px #172b3626;padding:24px;display:flex;align-items:center;gap:24px}
.cookie-notice[hidden]{display:none}.cookie-notice h2{font-size:16px;margin-bottom:8px}.cookie-notice p{font-size:13px;line-height:1.6;margin-bottom:10px}.cookie-notice a{font-size:12px}.cookie-notice .button{flex-shrink:0;white-space:normal}
.legal-main{max-width:900px}.legal-content{padding:36px}.legal-content section{margin-top:28px}.legal-content h2{font-size:18px;margin-bottom:12px}.legal-content p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.legal-content p+p{margin-top:12px}.legal-draft{background:#fff2df;padding:16px;border-radius:8px;color:#7f5b25}
@media(max-width:760px){.auth-main.auth-registration{grid-template-columns:1fr;gap:32px;padding-top:32px}.auth-intro h1{font-size:34px}.cookie-notice{flex-direction:column;align-items:stretch;bottom:10px;left:10px;right:10px;padding:18px;gap:14px;max-height:75vh;overflow:auto}.cookie-notice .button{justify-content:center}.legal-footer{flex-wrap:wrap}.legal-content{padding:22px}.document-type-switch{flex-wrap:wrap}.document-type-switch .button{font-size:11px;padding:10px}}
@media print{.legal-footer,.cookie-notice{display:none!important}}

/* Shared document structure: all measurements scale with the preview font size. */
.invoice-paper{--green:var(--invoice-accent,#227c65);--invoice-tint:#227c6512;--invoice-on-accent:#fff;--document-rule:#dce2e5;--document-muted:#596771;color:#172b36;font-family:Segoe UI,Arial,sans-serif;font-size:12px;line-height:1.6;padding:3.75em;min-width:0}
.invoice-paper .paper-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2em;padding:0 0 1.6em;margin:0 0 2.5em;border-bottom:2px solid var(--green);break-inside:avoid}
.invoice-paper .paper-company{min-width:0;flex:1}
.invoice-paper .paper-header h2{font-size:1.75em;font-weight:700;letter-spacing:-.035em;line-height:1.3;margin:0 0 .45em;color:var(--invoice-accent-ink)}
.invoice-paper .paper-meta{font-size:.85em;line-height:1.7;color:var(--document-muted);max-width:43%;text-align:right}
.invoice-paper .paper-address{white-space:pre-line;overflow-wrap:anywhere}
.invoice-paper .paper-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:3em;margin-bottom:2.5em;break-inside:avoid}
.invoice-paper .paper-label{display:block;font-size:.72em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--document-muted);margin-bottom:.8em}
.invoice-paper .paper-recipient{min-width:0}
.invoice-paper .paper-recipient strong{font-size:1.1em}
.invoice-paper .paper-document-meta{margin:0;font-size:.9em;min-width:0}
.invoice-paper .paper-document-meta>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1em;padding:.3em 0;border-bottom:1px solid #edf0f2}
.invoice-paper .paper-document-meta dt{color:var(--document-muted)}
.invoice-paper .paper-document-meta dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
.invoice-paper .paper-heading{margin:0 0 1.5em;break-inside:avoid}
.invoice-paper h1{font-size:2.5em;font-weight:700;line-height:1.15;letter-spacing:-.04em;margin:0 0 .3em;overflow-wrap:anywhere}
.invoice-paper .paper-document-number{font-size:.85em;letter-spacing:.04em;color:var(--document-muted);overflow-wrap:anywhere}
.invoice-paper table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:.9em;margin:0 0 2em}
.invoice-paper th,.invoice-paper td{padding:1em .6em;vertical-align:top;overflow-wrap:anywhere}
.invoice-paper thead th{font-size:.85em;font-weight:700;color:#34444e;background:var(--invoice-tint);border-bottom:1px solid var(--document-rule)}
.invoice-paper td{border-bottom:1px solid var(--document-rule)}
.invoice-paper td:first-child{width:auto}
.invoice-paper tr>:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.invoice-paper .paper-position-number{color:var(--document-muted);white-space:normal}
.invoice-paper .line-detail,.invoice-paper .line-description{color:var(--document-muted);font-size:.9em;margin-top:.35em}
.invoice-paper .paper-section th{text-align:left;color:var(--invoice-accent-ink);background:var(--invoice-tint);border-top:0;border-bottom:1px solid var(--document-rule);padding:1em .6em .7em;font-size:1em;letter-spacing:.02em}
.invoice-paper .paper-summary{display:flex;align-items:flex-start;gap:2.5em;margin-bottom:2.2em}
.invoice-paper .paper-notes{flex:1;min-width:0;font-size:.95em}
.invoice-paper .paper-totals{flex:0 0 44%;max-width:none;margin-left:auto;break-inside:avoid;font-variant-numeric:tabular-nums}
.invoice-paper .paper-totals>div{display:flex;justify-content:space-between;gap:1em;padding:.4em 0}
.invoice-paper .paper-totals>div>span:last-child{text-align:right;white-space:nowrap}
.invoice-paper .paper-total{font-size:1.4em;font-weight:700;border-top:2px solid var(--green);margin-top:.6em;padding-top:.7em!important;align-items:baseline}
.invoice-paper .paper-total>span:first-child{font-size:.7em}
.invoice-paper .paper-payment{font-size:.9em;color:var(--document-muted);break-inside:avoid;overflow-wrap:anywhere}
.invoice-paper .paper-paid-stamp{display:table;margin:0 0 1em auto;padding:.35em .8em;border:4px double #227c65;border-radius:.2em;color:#227c65;font-size:1.8em;font-weight:800;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-6deg)}
.invoice-paper .paper-footer{margin-top:2.5em;padding-top:1.2em;border-top:1px solid var(--document-rule);font-size:.75em;line-height:1.7;color:var(--document-muted);white-space:normal;break-inside:avoid}
.invoice-paper .paper-footer-grid{display:flex;gap:2em;justify-content:space-between}
.invoice-paper .paper-footer-grid>div{flex:1;min-width:0;overflow-wrap:anywhere}
.invoice-paper .paper-footer strong{color:#34444e}
.invoice-paper .paper-footer-note{margin-top:1em;white-space:pre-line;overflow-wrap:anywhere}
.invoice-paper .paper-logo-row{margin-bottom:1.5em;break-inside:avoid}
/* Classic: traditional letterhead and recipient opposite document details. */
.layout-classic .paper-heading{border-bottom:1px solid var(--document-rule);padding-bottom:1.2em}
.layout-classic .paper-document-number{display:none}
/* Modern: a generous brand band, with the document title inside it. */
.layout-modern .paper-brand-band{background:var(--green);color:var(--invoice-on-accent);padding:2.2em;margin:-.5em -.5em 2.5em}
.layout-modern .paper-header{border-bottom:1px solid currentColor;margin-bottom:1.6em;padding-bottom:1.4em}
.layout-modern .paper-header h2,.layout-modern .paper-meta,.layout-modern .paper-document-number{color:inherit}
.layout-modern .paper-heading{margin:0}
.layout-modern h1{font-size:3em}
.layout-modern .paper-document-meta{border-left:3px solid var(--green);padding-left:1.3em}
.layout-modern thead th,.layout-modern .paper-section th{background:var(--green);color:var(--invoice-on-accent)}
.layout-modern .paper-total{background:var(--green);color:var(--invoice-on-accent);padding:.8em!important;border:0}
/* Minimal: editorial typography, open metadata and a right-aligned title. */
.layout-minimal .paper-header{border:0;padding-bottom:0;margin-bottom:3em}
.layout-minimal .paper-header h2{font-weight:600;color:#172b36;font-size:1.4em}
.layout-minimal .paper-heading{text-align:right;border-top:1px solid var(--document-rule);padding-top:1.8em;margin-bottom:3em}
.layout-minimal h1{font-size:3.6em;font-weight:300;letter-spacing:-.06em}
.layout-minimal .paper-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.layout-minimal .paper-document-meta>div{border:0;padding:.2em 0}
.layout-minimal thead th{background:transparent;border-top:1px solid #172b36;border-bottom:1px solid #172b36}
.layout-minimal .paper-section th{background:transparent;border-bottom:1px solid var(--green);padding-top:1.5em}
.layout-minimal .paper-total{border-top:1px solid #172b36;font-weight:500}
/* Elegant: centered stationery, serif title and fine double rules. */
.layout-elegant{font-family:Georgia,'Times New Roman',serif}
.layout-elegant .paper-header{display:block;text-align:center;border-top:3px double var(--green);border-bottom:3px double var(--green);padding:1.5em 0;margin-bottom:2em}
.layout-elegant .paper-header h2{font-weight:400;letter-spacing:.04em;font-size:2em}
.layout-elegant .paper-meta{max-width:none;text-align:center;margin-top:.8em;font-family:Segoe UI,Arial,sans-serif}
.layout-elegant .paper-heading{text-align:center;margin-bottom:2.5em}
.layout-elegant h1{font-weight:400;letter-spacing:.06em;color:var(--invoice-accent-ink);font-size:2.6em}
.layout-elegant .paper-document-number{font-family:Segoe UI,Arial,sans-serif;font-size:.75em;letter-spacing:.15em}
.layout-elegant .paper-label{font-family:Segoe UI,Arial,sans-serif}
.layout-elegant thead th{background:transparent;border-top:1px solid var(--green);border-bottom:1px solid var(--green)}
.layout-elegant .paper-section th{background:transparent;border-bottom:1px solid var(--document-rule);font-style:italic}
.layout-elegant .paper-total{border-top:3px double var(--green);font-weight:400}
.layout-elegant .paper-footer{border-top:3px double var(--green)}
/* Compact: title and metadata side by side, dense rows and a smaller footer. */
.layout-compact{line-height:1.4;padding:2.5em}
.layout-compact .paper-header{border-bottom:4px solid var(--green);padding-bottom:1em;margin-bottom:1.5em}
.layout-compact .paper-header h2{font-size:1.5em}
.layout-compact .paper-compact-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2em;margin-bottom:1.5em;break-inside:avoid}
.layout-compact .paper-heading{margin:0}
.layout-compact h1{font-size:2.1em}
.layout-compact .paper-document-number{display:none}
.layout-compact .paper-recipient{border-left:3px solid var(--green);padding-left:1em;margin-bottom:1.5em}
.layout-compact .paper-label{margin-bottom:.4em}
.layout-compact table{margin-bottom:1.5em}
.layout-compact th,.layout-compact td{padding:.65em .6em}
.layout-compact tbody tr:not(.paper-section):nth-child(even){background:#f7f9fa}
.layout-compact .paper-section th{padding:.65em .6em}
.layout-compact .paper-summary{margin-bottom:1.5em}
.layout-compact .paper-total{font-size:1.25em}
.layout-compact .paper-footer{margin-top:1.5em}
/* The same composition scales down in both live previews. */
.mini-preview .invoice-paper{font-size:5px;padding:3em}
.profile-preview .invoice-paper{font-size:9px;padding:2.5em}
.mini-preview .invoice-paper h1,.profile-preview .invoice-paper h1{font-size:2.5em}
.mini-preview .layout-minimal h1,.profile-preview .layout-minimal h1{font-size:3.6em}
.mini-preview .layout-modern h1,.profile-preview .layout-modern h1{font-size:3em}
.mini-preview .invoice-paper .paper-header h2,.profile-preview .invoice-paper .paper-header h2{font-size:1.75em}
.mini-preview .invoice-paper table,.profile-preview .invoice-paper table{font-size:.9em}
.mini-preview .invoice-paper th,.mini-preview .invoice-paper td,.profile-preview .invoice-paper th,.profile-preview .invoice-paper td{padding:.8em .5em}
.mini-preview .invoice-paper .paper-total,.profile-preview .invoice-paper .paper-total{font-size:1.4em}
.mini-preview .invoice-paper .line-detail{font-size:.9em}
@media(max-width:760px){#full-preview .invoice-paper{font-size:10px;padding:2em}#full-preview .invoice-paper .paper-intro{gap:1.5em}#full-preview .invoice-paper .paper-summary{gap:1.5em}}
@media print{
    .invoice-paper{font-size:11px;padding:22mm 12mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}
    .layout-compact{padding:18mm 8mm}
    .invoice-paper thead{display:table-header-group}
    .invoice-paper tr{break-inside:avoid}
    .invoice-paper .paper-section{break-after:avoid}
    .invoice-paper .paper-heading{break-after:avoid}
}
.profile-preview-type{font-size:11px;margin-bottom:16px}.profile-preview-type select{margin-top:6px;font-size:12px;padding:8px}
/* Fixed A4 sheets share identical measurements in preview and PDF. */
.document-preview{position:relative;overflow:hidden}
.document-pages{position:absolute;top:0;left:0;width:210mm;max-width:none;transform-origin:top left}
.document-pages .invoice-paper,#full-preview .document-pages .invoice-paper{box-sizing:border-box;width:210mm;height:297mm;min-height:297mm;padding:12mm;font-size:12px;display:flex;flex-direction:column;margin:0 0 16px;box-shadow:0 2px 8px #00000012}
.document-pages .paper-content{flex:1;min-height:0;display:flow-root}
.document-pages .invoice-paper .paper-footer{flex:none;margin-top:2em}
.document-pages .paper-page-number{text-align:right;margin-top:1em;font-variant-numeric:tabular-nums}
.document-pages .invoice-paper h1{font-size:2.5em}
.document-pages .layout-minimal h1{font-size:3.6em}
.document-pages .layout-modern h1{font-size:3em}
.document-pages .invoice-paper .paper-header h2{font-size:1.75em}
.document-pages .invoice-paper table{font-size:.9em}
.document-pages .invoice-paper th,.document-pages .invoice-paper td{padding:1em .6em}
.document-pages .layout-compact th,.document-pages .layout-compact td{padding:.65em .5em}
.document-pages .invoice-paper .paper-total{font-size:1.4em}
.document-pages .invoice-paper .line-detail{font-size:.9em}
.document-pages .invoice-paper .paper-intro,#full-preview .document-pages .invoice-paper .paper-intro{gap:3em}
.document-pages .invoice-paper .paper-summary,#full-preview .document-pages .invoice-paper .paper-summary{gap:2.5em}
.document-pages .paper-logo-row{margin-bottom:1.5em}
.document-pages .invoice-paper .paper-logo{max-width:100%;max-height:150px}
@media print{
    @page{size:A4;margin:0}
    #preview-dialog{overflow:visible;max-width:none;max-height:none;height:auto}
    #full-preview{width:210mm;height:auto!important;overflow:visible}
    .document-pages{position:static;transform:none!important;width:210mm}
    .document-pages .invoice-paper,#full-preview .document-pages .invoice-paper{margin:0;box-shadow:none;break-after:page;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
    .document-pages .invoice-paper:last-child{break-after:auto}
}
.reminder-summary,.reminder-card,.reminder-create{border:1px solid var(--border,#dce4e0);padding:18px;border-radius:12px;margin:16px 0}.reminder-summary p{margin:12px 0}.reminder-card small{display:block;margin-top:8px}.reminder-send{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}.reminder-send label{max-width:100%;flex-basis:100%}.reminder-send select{max-width:240px}.reminder-letter{line-height:1.65;margin:2em 0;overflow-wrap:anywhere}.reminder-create .checkbox-label{margin-bottom:16px}#dunning-settings-error,#reminders-error{color:#a53b39}#reminders-dialog .history-row{padding:0;border:0}.reminder-card .history-row>div{min-width:0}.reminder-card strong{overflow-wrap:anywhere}

.quote-dashboard{border-top:1px solid var(--line);padding-top:24px}.quote-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:760px){.quote-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.quote-dashboard-grid{grid-template-columns:1fr}}

/* Gemeinsame Marke auf Anmeldung, Arbeitsbereich und rechtlichen Seiten. */
.brand{gap:14px;flex-shrink:0;letter-spacing:0}.brand-logo{display:block;width:140px;height:auto;background:transparent}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-name{font-size:22px;letter-spacing:-.6px;white-space:nowrap}.brand .brand-label{border:0;padding:0;margin:0;font-size:8px;letter-spacing:1.4px}
@media(max-width:760px){.brand{flex-direction:column;align-items:flex-start;gap:0}.brand-logo{width:108px}.brand-name{font-size:16px}.brand .brand-label{display:none}.topbar{height:auto;min-height:84px;gap:12px;padding-top:12px;padding-bottom:12px}}
[hidden]{display:none!important}
.field-required,.field-alternative,.field-optional{display:inline-block;margin-left:7px;font-size:10px;font-weight:600;line-height:1.5}.field-required{color:#17624e;background:#e7f4ed;padding:1px 6px;border-radius:4px}.field-alternative{color:#17624e}.field-optional{color:#667780;font-weight:400}.form-requirements{padding:12px 14px;border-left:3px solid var(--green);background:#f0f8f4;color:#294d40;font-size:12px;line-height:1.65;margin-bottom:4px}.setup-guide{display:flex;justify-content:space-between;gap:24px;padding:22px;margin-bottom:24px;border:1px solid #b8d9cb;border-radius:12px;background:#f0f8f4;color:var(--ink)}.setup-guide-copy{flex:1;min-width:0}.setup-guide h2{font-size:18px;margin:8px 0}.setup-guide-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#405b50}.setup-guide-actions{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:10px}.setup-guide .text-button{font-size:12px;color:#405b50}.setup-guide-hint{margin-top:10px;font-weight:600}dialog .setup-guide{flex-direction:column;padding:16px;gap:12px}#setup-restart{font-size:12px}@media(max-width:760px){.setup-guide{flex-direction:column;padding:16px;gap:16px}.setup-guide-actions{width:100%}.workspace-shortcuts{flex-wrap:wrap}}