.appearance-editor{display:grid;gap:24px}.appearance-intro h3{font-size:calc(var(--m-text-size,16px)*1.0625)!important;line-height:1.5;margin:0 0 6px!important}.appearance-intro p{font-size:calc(var(--m-text-size,16px)*.875)!important;line-height:1.7;color:var(--m-muted,#64748b);margin:0}.appearance-choice-group{border:0;margin:0;padding:0;min-width:0}.appearance-choice-group legend{font-size:calc(var(--m-text-size,16px)*.875);font-weight:600;padding:0;margin-bottom:10px}.appearance-options{display:flex;flex-wrap:wrap;gap:10px}.appearance-options label{position:relative!important;display:flex!important;align-items:center!important;gap:9px!important;border:1px solid var(--m-border,#d5dce5);border-radius:7px;padding:12px 15px;font-size:calc(var(--m-text-size,16px)*.875)!important;font-weight:400!important;cursor:pointer;min-width:100px;background:var(--m-surface,#fff)}.appearance-options label.selected{border-color:var(--m-accent,#244f79);background:var(--m-accent-soft,#f0f5fa)}.appearance-options input[type=radio]{width:16px!important;height:16px!important;flex:none;accent-color:var(--m-accent,#173b63)}.appearance-options label>span{display:block}.appearance-options b{font-size:calc(var(--m-text-size,16px)*.875);font-weight:600}.appearance-options small{display:block;font-size:calc(var(--m-text-size,16px)*.75)!important;margin-top:3px;font-weight:400;line-height:1.5;color:var(--m-muted,#66768a)}.appearance-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px;margin-right:7px}.config-preview{margin-top:26px;padding-top:24px;border-top:1px solid var(--m-border,#e1e6ec)}.config-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.config-preview-toolbar h3{font-size:calc(var(--m-text-size,16px)*1)!important;margin:0 0 4px!important}.config-preview-toolbar p{color:var(--m-muted,#718096);font-size:calc(var(--m-text-size,16px)*.75)!important;line-height:1.6}.config-preview-toolbar>div:last-child{display:flex;gap:5px}.config-preview-toolbar button[aria-pressed=true]{background:var(--m-accent,#173b63)!important;color:#fff!important;border-color:var(--m-accent,#173b63)!important}.config-preview-viewport{border:1px solid var(--m-border,#dce3ea);overflow:hidden;border-radius:10px;margin:auto;transition:max-width .18s ease;max-width:100%}.config-preview-viewport.mobile{max-width:375px}.appearance-preview{--preview-bg:#fff;--preview-muted:#718096;--preview-text-color:#24374c;--preview-border:#e1e7ed;--preview-soft:#f5f7fa;background:var(--preview-bg);color:var(--preview-text-color);font:var(--preview-text)/1.65 var(--preview-font);min-width:0}.appearance-preview[data-theme=dark]{--preview-bg:#202933;--preview-muted:#a6b3c3;--preview-text-color:#e4ebf2;--preview-border:#3c4856;--preview-soft:#28333f}.preview-brand{display:flex;align-items:center;gap:10px;padding:var(--preview-space) 18px;border-bottom:1px solid var(--preview-border)}.preview-brand>img,.preview-brand>span{width:35px;height:35px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.preview-brand>span{display:grid;place-items:center;color:#fff;background:var(--preview-accent)}.preview-brand b{display:block;font-weight:600;overflow-wrap:anywhere}.preview-brand small{display:block;color:var(--preview-muted);font-size:.75em}.preview-workspace{display:grid;grid-template-columns:120px minmax(0,1fr)}.appearance-preview nav{background:var(--preview-soft);border-right:1px solid var(--preview-border);padding:14px 8px;display:flex;flex-direction:column;gap:5px}.appearance-preview nav button{font:inherit!important;font-size:.85em!important;text-align:left;border:0!important;background:transparent!important;color:var(--preview-muted)!important;padding:var(--preview-space) 10px!important;overflow-wrap:anywhere}.appearance-preview nav button[aria-pressed=true]{background:var(--preview-bg)!important;color:var(--preview-text-color)!important;font-weight:600!important}.preview-module{padding:20px;min-width:0}.preview-module>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.preview-module small{font-size:.7em;color:var(--preview-muted)}.preview-module h4{font-size:1.25em!important;line-height:1.4;margin:3px 0 0;font-weight:600}.preview-primary{display:inline-block;background:var(--preview-accent);color:#fff;padding:7px 11px;border-radius:5px;font-size:.75em;white-space:nowrap}.preview-filter{display:flex;gap:8px;margin-top:18px}.preview-filter span{border:1px solid var(--preview-border);padding:7px 10px;border-radius:5px;color:var(--preview-muted);font-size:.75em}.preview-filter span:first-child{flex:1}.preview-table{overflow:auto;border:1px solid var(--preview-border);border-radius:5px;margin-top:12px}.appearance-preview table{width:100%;border-collapse:collapse!important;text-align:left;font-size:.8em!important}.appearance-preview td,.appearance-preview th{padding:var(--preview-space)!important;border:0!important;white-space:nowrap!important;font:inherit!important;color:var(--preview-text-color)!important}.appearance-preview th{background:var(--preview-soft)!important;color:var(--preview-muted)!important}.preview-placeholder{color:var(--preview-muted)}.preview-status{border:1px solid var(--preview-border);border-radius:4px;padding:2px 6px;font-size:.85em}.preview-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.preview-form h5{grid-column:1/-1;font-size:.85em;margin:0;font-weight:600}.preview-form>div{display:grid;gap:6px;min-width:0}.preview-form b{font-size:.75em;font-weight:500}.preview-form em{font-style:normal;margin-left:5px}.preview-form em,.preview-form>div>span{font-size:.8em;color:var(--preview-muted)}.preview-form>div>span{padding:var(--preview-space);border:1px solid var(--preview-border);border-radius:5px}.preview-footer{font-size:.7em;color:var(--preview-muted);padding:12px 18px;border-top:1px solid var(--preview-border)}.preview-empty{padding:28px 0;color:var(--preview-muted);font-size:.85em}.mobile .preview-workspace{display:block}.mobile .appearance-preview nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--preview-border);padding:8px}.mobile .appearance-preview nav button{white-space:nowrap}.mobile .preview-module{padding:16px}.mobile .preview-form{grid-template-columns:1fr}.mobile .preview-primary{font-size:.7em}@media(prefers-color-scheme:dark){.appearance-preview[data-theme=system]{--preview-bg:#202933;--preview-muted:#a6b3c3;--preview-text-color:#e4ebf2;--preview-border:#3c4856;--preview-soft:#28333f}}@media(max-width:640px){.appearance-options{display:grid;grid-template-columns:1fr 1fr}.appearance-options-density,.appearance-options-font{grid-template-columns:1fr}.appearance-options label{min-width:0}.config-preview-toolbar{align-items:flex-start}.config-preview-toolbar>div:last-child{flex:none}.preview-workspace{grid-template-columns:95px minmax(0,1fr)}.preview-module{padding:12px}.preview-form{grid-template-columns:1fr}}.configuration-editor{--config-border:var(--m-border,#dce4eb);--config-muted:var(--m-muted,#697b8e);font-size:var(--m-text-size,16px);color:var(--m-text,#24374c);line-height:1.7}.configuration-editor label{display:grid;gap:7px;font-size:calc(var(--m-text-size,16px)*.875);font-weight:500}.configuration-editor h2{font-size:calc(var(--m-text-size,16px)*1.1875)!important;line-height:1.5;margin:0}.configuration-editor h3{font-size:calc(var(--m-text-size,16px)*1)!important;line-height:1.5}.configuration-editor p{font-size:calc(var(--m-text-size,16px)*.8125);line-height:1.75;color:var(--config-muted)}.configuration-editor input:not([type=checkbox]):not([type=radio]),.configuration-editor select,.configuration-editor textarea{width:100%;min-width:0;border:1px solid var(--m-border,#cbd5e0);border-radius:6px;padding:10px 11px;background:var(--m-surface,#fff);color:inherit;font:inherit;font-size:calc(var(--m-text-size,16px)*.875)}.configuration-editor button:focus-visible,.configuration-editor input:focus-visible,.configuration-editor select:focus-visible,.configuration-editor textarea:focus-visible{outline:2px solid var(--m-accent,#587fa6);outline-offset:2px}.configuration-editor textarea{min-height:96px;resize:vertical}.configuration-editor button{font-size:calc(var(--m-text-size,16px)*.8125);border-radius:5px;line-height:1.5;padding:8px 12px}.configuration-editor .merchant-config-section{border:0;box-shadow:none;padding:0;min-width:0;background:transparent}.configuration-editor .merchant-form{display:grid;gap:20px}.configuration-editor .merchant-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.configuration-editor .merchant-section-heading{display:block;margin-bottom:22px}.configuration-editor .merchant-section-heading p{margin-top:6px}.configuration-editor .merchant-config-columns{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px;align-items:start}.configuration-editor .merchant-module-picker{border:1px solid var(--config-border);border-radius:7px;overflow:hidden;padding:12px;min-width:0}.configuration-editor .merchant-nav-title{display:block;padding:4px 0 13px;font-size:calc(var(--m-text-size,16px)*.75);color:var(--config-muted)}.configuration-module-choice{display:flex;align-items:center;gap:5px;margin:4px 0}.configuration-module-choice>button{flex:1;min-width:0;text-align:left;display:block;border:0!important;background:transparent!important;padding:9px!important;overflow-wrap:anywhere}.configuration-module-choice>button.active{background:var(--m-accent-soft,#edf3f8)!important;color:var(--m-accent,#21486c)!important}.configuration-module-choice>button small{display:block;font-size:calc(var(--m-text-size,16px)*.6875);font-weight:400;color:var(--config-muted)}.configuration-module-choice>div{display:grid;gap:2px}.configuration-module-choice>div button{padding:1px 6px!important;font-size:calc(var(--m-text-size,16px)*.75)!important;line-height:1.4}.configuration-editor .merchant-add-module{border-top:1px solid var(--config-border);padding-top:15px;margin-top:15px;display:grid;gap:12px}.configuration-editor .merchant-add-module label{font-size:calc(var(--m-text-size,16px)*.75)}.configuration-editor .merchant-add-module p{font-size:calc(var(--m-text-size,16px)*.6875)}.configuration-editor .merchant-module-settings{margin-bottom:20px}.configuration-editor .merchant-checkbox{display:flex!important;align-items:center!important;gap:9px!important;font-weight:400!important}.configuration-editor .merchant-checkbox input{width:16px;height:16px;flex:none;accent-color:var(--m-accent,#244d73)}.configuration-field-block{border:1px solid var(--config-border);border-radius:7px;margin-bottom:13px;overflow:hidden}.configuration-editor .merchant-field-editor{display:grid;gap:14px;padding:17px;border:0!important;border-radius:0!important;background:transparent!important}.configuration-editor .merchant-field-editor.archived{opacity:.65}.configuration-editor .merchant-field-editor-heading{display:flex;justify-content:space-between;gap:10px;font-size:calc(var(--m-text-size,16px)*.6875);color:var(--config-muted)}.configuration-editor .merchant-type-tag{background:var(--m-soft,#edf2f7);color:var(--m-muted,#59708a);padding:2px 6px;border-radius:4px}.configuration-editor .merchant-inline-checks{display:flex;gap:22px;flex-wrap:wrap}.configuration-order-actions{display:flex;align-items:center;gap:7px;border-top:1px solid var(--config-border);padding:9px 14px;font-size:calc(var(--m-text-size,16px)*.6875);color:var(--config-muted)}.configuration-order-actions>span{flex:1}.configuration-order-actions button{padding:3px 8px!important;font-size:calc(var(--m-text-size,16px)*.6875)!important}.configuration-editor .merchant-add-field{border:1px dashed var(--m-border,#c7d2dd);border-radius:7px;padding:20px;display:grid;gap:15px;margin-top:22px}.configuration-editor .merchant-between{display:flex;justify-content:space-between;gap:15px;align-items:center}.configuration-editor .merchant-workflow-statuses{display:grid;gap:12px}.configuration-editor .merchant-status-row{display:grid;grid-template-columns:25px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--config-border);padding-bottom:12px}.configuration-editor .merchant-status-row>small,.configuration-editor .merchant-status-row>span{font-size:calc(var(--m-text-size,16px)*.6875);color:var(--config-muted)}.configuration-editor .merchant-status-row>small{grid-column:2}.configuration-editor .merchant-add-status{display:flex;gap:10px;margin:20px 0;align-items:center}.configuration-editor .merchant-add-status>input{flex:1}.configuration-editor .merchant-add-status>button{white-space:nowrap}.configuration-editor .merchant-section-subtitle{margin:30px 0 14px}.configuration-editor .merchant-transition-list>div{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid var(--config-border)}.configuration-editor .merchant-transition-list>div>strong{font-size:calc(var(--m-text-size,16px)*.8125);min-width:95px;max-width:150px;overflow-wrap:anywhere}.configuration-editor .merchant-transition-list>div>div{display:flex;flex-wrap:wrap;gap:12px 20px}.configuration-editor .merchant-owner-note{display:flex;align-items:center;gap:15px;padding:15px;background:var(--m-soft,#f3f6f9);border-radius:6px;margin-bottom:20px;font-size:calc(var(--m-text-size,16px)*.8125)}.configuration-editor .merchant-owner-note span{color:var(--config-muted);font-size:calc(var(--m-text-size,16px)*.75)}.configuration-editor .merchant-role-block{border-top:1px solid var(--config-border);padding:20px 0}.configuration-editor .merchant-role-block>label{max-width:280px;margin-bottom:18px}.configuration-editor .merchant-table-scroll{overflow:auto}.configuration-editor table{border-collapse:collapse;width:100%;font-size:calc(var(--m-text-size,16px)*.8125);text-align:left}.configuration-editor td,.configuration-editor th{padding:12px 10px;border-bottom:1px solid var(--config-border);font-size:calc(var(--m-text-size,16px)*.8125)}.configuration-editor th{background:var(--m-soft,#f6f8fa);font-weight:500}.configuration-editor .merchant-permission-table input{width:16px;height:16px;accent-color:var(--m-accent,#244d73)}.configuration-editor .merchant-logo-preview{display:flex;gap:15px;align-items:center}.configuration-editor .merchant-logo-preview img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.configuration-editor .merchant-required{font-size:calc(var(--m-text-size,16px)*.6875);color:#90674a}.configuration-editor .merchant-muted{font-size:calc(var(--m-text-size,16px)*.75);color:var(--config-muted)}.configuration-editor .merchant-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.config-draft-message{padding:13px 16px;border:1px solid var(--m-border,#d7e2ec);background:var(--m-soft,#f6f9fc);border-radius:6px;margin:15px 0;font-size:calc(var(--m-text-size,16px)*.8125);line-height:1.7}.config-draft-message button{margin-left:12px}.config-draft-review{padding:14px;border:1px solid var(--m-border,#e1e7ed);border-radius:6px;margin-top:12px}.config-draft-review summary{cursor:pointer;font-size:calc(var(--m-text-size,16px)*.8125);font-weight:600}.config-draft-review p{font-size:calc(var(--m-text-size,16px)*.75);color:var(--m-muted,#6a7d90);margin-top:8px}.config-save-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;margin-top:26px;border-top:1px solid var(--m-border,#dce4eb)}.config-save-bar span{font-size:calc(var(--m-text-size,16px)*.75);color:var(--m-muted,#677b8f)}.config-save-bar>div{display:flex;gap:9px}@media(max-width:1000px){.configuration-editor .merchant-config-columns{grid-template-columns:155px minmax(0,1fr);gap:18px}}@media(max-width:720px){.configuration-editor .merchant-config-columns{display:block}.configuration-editor .merchant-module-picker{margin-bottom:24px}.configuration-editor .merchant-form-grid{grid-template-columns:1fr}.configuration-editor .merchant-owner-note{align-items:flex-start;flex-direction:column;gap:5px}.configuration-editor .merchant-transition-list>div{display:block}.configuration-editor .merchant-transition-list>div>div{margin-top:10px}.configuration-editor .merchant-status-row{grid-template-columns:22px 1fr}.configuration-editor .merchant-status-row>.merchant-checkbox{grid-column:2}.config-save-bar{align-items:flex-start;flex-direction:column}.config-save-bar>div{align-self:flex-end}}