.commerce{--commerce-line:var(--border,#dbe3ea);color:var(--ink,#172f4c)}
.commerce-tabs,.commerce-actions,.commerce-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.commerce-tabs{border-bottom:1px solid var(--commerce-line)}.commerce-tabs a{padding:12px 8px;color:inherit;text-decoration:none;border-bottom:2px solid transparent}.commerce-tabs a[aria-current]{border-color:#b59a6b;font-weight:700}.commerce-search{display:block;max-width:540px;margin:28px 0;font-weight:600}.commerce-search input{width:100%;padding:13px 15px;margin-top:8px;border:1px solid var(--commerce-line);border-radius:10px;background:var(--paper,#fff);color:inherit}.commerce-table table{width:100%;border-collapse:collapse}.commerce-table th{font-size:12px;text-align:left;letter-spacing:.025em;color:var(--muted,#586b7e);padding:14px 18px;border-bottom:1px solid var(--commerce-line)}.commerce-table td{padding:18px;border-bottom:1px solid var(--commerce-line);font-variant-numeric:tabular-nums;vertical-align:middle}.commerce-table small,.commerce-panel small{display:block;margin-top:5px;color:var(--muted,#586b7e)}.commerce-link{border:0;background:none;color:inherit;font:inherit;font-weight:650;cursor:pointer;text-align:left;padding:4px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b59a6b}.commerce-status{display:inline-flex;padding:5px 10px;border-radius:30px;font-size:12px;background:#eaf0f5;color:#24415a;white-space:nowrap}.commerce-status.accepted,.commerce-status.active,.commerce-status.paid,.commerce-status.converted{background:#e3f0e9;color:#235b42}.commerce-status.paused,.commerce-status.check,.commerce-status.failed{background:#f7ecd7;color:#72551a}.commerce-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--commerce-line);border-radius:16px;overflow:hidden}.commerce-kpis>div{padding:24px;border-right:1px solid var(--commerce-line);background:var(--paper,#fff)}.commerce-kpis span{display:block;font-size:12px;color:var(--muted,#586b7e)}.commerce-kpis strong{display:block;font-size:25px;margin-top:12px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.commerce-panel,.commerce-explainer{padding:26px 28px;border:1px solid var(--commerce-line);border-radius:16px;margin:24px 0;background:var(--paper,#fff)}.commerce-panel h2{font-size:20px;margin:0 0 20px}.commerce-panel p,.commerce-explainer p{line-height:1.7;color:var(--muted,#586b7e)}.commerce-explainer{border-left:3px solid #b59a6b}.commerce-preview iframe{width:100%;height:700px;border:1px solid var(--commerce-line);border-radius:12px}.commerce-dialog label,.commerce-extra label{display:block;margin:15px 0}.commerce-dialog input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid var(--commerce-line);border-radius:8px;background:var(--paper,#fff);color:inherit;margin-top:7px}.commerce-dialog header,.commerce-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.commerce-dialog header button{border:0;background:none;font:inherit;font-size:25px;color:inherit;cursor:pointer}.commerce-dialog footer{justify-content:flex-end}.commerce-check{display:flex!important;align-items:flex-start;gap:10px;line-height:1.6}.commerce-check input{width:auto!important;margin-top:5px!important;flex:none}.commerce-feedback,.commerce-error{color:#9e3d36}.commerce-error{padding:22px;border:1px solid currentColor;border-radius:12px}.commerce-facts{display:grid;grid-template-columns:150px 1fr;gap:12px}.commerce-facts dt{color:var(--muted,#586b7e)}.commerce-facts dd{margin:0}.commerce button:focus-visible,.commerce a:focus-visible,.commerce input:focus-visible{outline:3px solid #b59a6b;outline-offset:4px}.commerce-extra p{font-size:13px;line-height:1.65;color:var(--muted,#586b7e)}
[data-theme=dark] .commerce{--paper:#14273b;--ink:#edf2f6;--muted:#aebdcb;--commerce-line:#31445a}[data-theme=dark] .commerce-status{background:#294159;color:#dfebf8}[data-theme=dark] .commerce-status.accepted,[data-theme=dark] .commerce-status.active,[data-theme=dark] .commerce-status.paid{background:#254d42;color:#cdeadc}[data-theme=dark] .commerce-error{color:#efb8a7}
@media(max-width:900px){.commerce-kpis{grid-template-columns:repeat(2,1fr)}.commerce-kpis>div{border-bottom:1px solid var(--commerce-line)}.commerce-table{overflow:auto}.commerce-kpis strong{font-size:23px}.commerce-panel{padding:20px}.commerce-actions{gap:8px}.commerce-preview iframe{height:60vh}}
@media(prefers-reduced-motion:no-preference){.commerce-status{transition:background .12s ease}.commerce-link{transition:color .12s ease}.commerce-link:hover{color:#b59a6b}}

.online-invoice-backdrop [hidden]{display:none!important}

/* One focused editor; the actual document is rendered only on request. */
.document-editor-backdrop .compact-online-creator{width:min(980px,100%);background:var(--paper,#fff)}
.document-editor-backdrop .compact-online-creator .online-invoice-layout{display:block;overflow:auto}
.document-editor-backdrop .online-invoice-layout>form{height:auto;overflow:visible;background:var(--surface,#f5f6f7);padding:24px 32px}
.document-editor-backdrop .online-form-section{background:var(--paper,#fff);border:1px solid var(--border,#dbe3ea);padding:20px 22px;box-shadow:none}
.document-editor-backdrop .online-section-title{margin-bottom:16px}
.document-editor-backdrop .online-section-title b{font-size:16px}
.document-editor-backdrop .online-customer-picker{grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:end}
.document-editor-backdrop .online-new-customer{margin:0;white-space:nowrap}
.document-editor-backdrop .online-customer-summary.empty,.document-editor-backdrop .online-customer-summary.complete{display:none}
.document-editor-backdrop .online-customer-summary.incomplete{margin-top:12px}
.document-editor-backdrop .online-customer-summary.incomplete i,.document-editor-backdrop .online-customer-summary.incomplete b,.document-editor-backdrop .online-customer-summary.incomplete span,.document-editor-backdrop .online-customer-summary.incomplete small{display:none}
.document-editor-backdrop .online-optional-section{background:var(--paper,#fff);border:1px solid var(--border,#dbe3ea);box-shadow:none;margin-top:14px}
.document-editor-backdrop .online-tax-settings{margin:0 0 18px}
.document-editor-backdrop .online-line{grid-template-columns:repeat(4,minmax(0,1fr));background:var(--paper,#fff);border:1px solid var(--border,#dbe3ea);padding:18px;border-radius:10px;gap:14px}
.document-editor-backdrop .online-line>.online-line-extras{grid-column:1/3;align-self:center}
.online-line-extras>summary{cursor:pointer;color:var(--muted,#586b7e);font-size:12px}
.online-line-extra-fields{display:grid;gap:14px;padding-top:16px}
.document-editor-backdrop .online-line-total{grid-column:3;align-self:center;font-size:16px}
.document-editor-backdrop .remove-online-line{grid-column:4;justify-self:end;position:static}
.document-editor-totals{display:flex;gap:22px;justify-content:flex-end;align-items:end;flex-wrap:wrap;padding:20px 0 8px;font-size:13px}
.document-editor-totals span,.document-editor-totals strong{display:grid;gap:5px;color:var(--muted,#586b7e)}
.document-editor-totals b{color:var(--ink,#172f4c);font-size:18px;font-variant-numeric:tabular-nums}
.document-editor-totals strong b{font-size:22px}
.document-editor-backdrop form>footer{display:block;background:transparent;border:0;padding:18px 0 0;position:static}
.document-editor-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.online-create-feedback:empty{display:none}
.document-preview-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 48px);max-height:none;border:1px solid var(--border,#dbe3ea);border-radius:16px;padding:0;color:var(--ink,#172f4c);background:var(--paper,#fff)}
.document-preview-dialog[open]{display:flex;flex-direction:column}
.document-preview-dialog::backdrop{background:rgba(9,23,37,.62)}
.document-preview-dialog header{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--border,#dbe3ea)}
.document-preview-dialog h2{font-size:23px;margin:0 0 6px}.document-preview-dialog header p{font-size:12px;margin:0;color:var(--muted,#586b7e)}
.document-preview-content{flex:1;min-height:0;padding:12px 20px;overflow:auto}.document-preview-content iframe{width:100%;height:100%;border:0;border-radius:8px}
.document-preview-notice{margin:12px 24px 0;font-size:13px;line-height:1.5}.document-preview-notice:empty{display:none}
.document-preview-dialog footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:16px 24px;border-top:1px solid var(--border,#dbe3ea)}
.document-design-note{font-size:13px;color:var(--muted,#586b7e)}
@media(max-width:650px){.document-editor-backdrop .online-invoice-layout>form{padding:16px}.document-editor-backdrop .online-form-section{padding:16px}.document-editor-backdrop .online-customer-picker{grid-template-columns:1fr 1fr}.document-editor-backdrop .online-customer-picker label{grid-column:1/-1}.document-editor-backdrop .online-line{grid-template-columns:1fr 1fr;padding:14px}.document-editor-backdrop .online-line>.online-line-extras{grid-column:1/-1}.document-editor-backdrop .online-line-total{grid-column:1}.document-editor-backdrop .remove-online-line{grid-column:2}.document-editor-totals{gap:14px;justify-content:space-between}.document-editor-actions>*{flex:1 1 100%}.document-preview-dialog{width:100vw;height:100dvh;border-radius:0}.document-preview-dialog header{padding:14px}.document-preview-content{padding:6px}.document-preview-dialog footer{padding:12px}.document-preview-dialog footer .button{flex:1 1 auto}}
.document-editor-backdrop .online-line-description{position:relative;gap:10px;padding-top:0}
.document-editor-backdrop .online-line-description .catalog-pick{position:absolute;right:0;top:0;padding:0;background:none;border:0;width:auto;font-size:11px}
.document-editor-backdrop .online-line-description input{margin-top:0}
.document-editor-backdrop .customer-choice-section>p{display:none}
.document-editor-backdrop form>footer{margin:0;backdrop-filter:none}

.commerce-preview[hidden]{display:none!important}.commerce-more{position:relative;margin:0!important;padding:0;border:0}.commerce-more>summary{list-style:none;cursor:pointer;margin:0!important}.commerce-more>summary::-webkit-details-marker{display:none}.commerce-more>div{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;max-width:calc(100vw - 50px);padding:8px;z-index:5;display:grid;gap:3px;background:var(--paper,#fff);border:1px solid var(--commerce-line);border-radius:10px;box-shadow:0 14px 36px #07192720}.commerce-more>div>a,.commerce-more>div>button{display:block;text-align:left;padding:11px 13px;background:none;border:0;color:inherit;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;border-radius:6px}.commerce-more>div>:hover{background:var(--ws-blue-soft,#e8eff5)}.commerce-progress{padding:20px 0;line-height:1.65}.commerce-progress progress{width:100%;height:7px;accent-color:#b59a6b}.commerce-progress small{color:var(--ws-muted,#586b7a)}