/* Shared v10 presentation tokens. Loaded after existing workspace styles. */
:root{
 --aster-accent:#5B4BD3;--aster-accent-end:#6C42C8;--aster-background:#F6F7FB;
 --aster-surface:#FFFFFF;--aster-surface-alt:#F1F2F7;--aster-text:#252735;
 --aster-muted:#5E6374;--aster-border:#DCDFE9;--aster-on-accent:#FFFFFF;
 --aster-accent-soft:#EBE9FA;--aster-on-accent-soft:#5B4BD3;--aster-focus:#5B4BD3;
 --aster-accent-hover:#5344C0;--aster-accent-end-hover:#623CB6;
 --aster-surface-hover:#F7F6FD;--aster-control-border:#868B99;
 --aster-shadow-color:#070611;--aster-overlay:#0706117A;
 --aster-success-ink:#226B54;--aster-success-surface:#EBF2F0;--aster-success-border:#619585;
 --aster-warning-ink:#795516;--aster-warning-surface:#F3F0EA;--aster-warning-border:#A0875A;
 --aster-danger-ink:#AC303D;--aster-danger-surface:#F8ECEE;--aster-danger-border:#C67179;
 --aster-logo-height:36px;
}
html[data-aster-theme-mode=dark]{color-scheme:dark}
html[data-aster-theme-mode=light]{color-scheme:light}
body.aster-unified-ui{
 --bg:var(--aster-background);--surface:var(--aster-surface);--surface-alt:var(--aster-surface-alt);
 --panel:var(--aster-surface);--text:var(--aster-text);--ink:var(--aster-text);--muted:var(--aster-muted);
 --line:var(--aster-border);--border:var(--aster-border);--primary:var(--aster-accent);--primary-dark:var(--aster-accent-hover);
 --tint:var(--aster-accent-soft);--soft:var(--aster-accent-soft);--accent:var(--aster-accent);--accent-soft:var(--aster-accent-soft);
 --action-accent:var(--aster-accent);--action-accent-end:var(--aster-accent-end);
 --action-accent-hover:var(--aster-accent-hover);--action-soft:var(--aster-accent-soft);
 --action-soft-hover:var(--aster-surface-hover);
 --action-ink:var(--aster-on-accent-soft);--action-border:var(--aster-control-border);
 --action-focus:var(--aster-focus);--radius:16px;
 --shadow:0 2px 3px color-mix(in srgb,var(--aster-shadow-color) 3%,transparent),0 8px 28px color-mix(in srgb,var(--aster-shadow-color) 5%,transparent);
 --success-ink:var(--aster-success-ink);--success-surface:var(--aster-success-surface);--success-border:var(--aster-success-border);
 --warning-ink:var(--aster-warning-ink);--warning-surface:var(--aster-warning-surface);--warning-border:var(--aster-warning-border);
 --danger-ink:var(--aster-danger-ink);--danger-surface:var(--aster-danger-surface);--danger-border:var(--aster-danger-border);
 --green:var(--aster-success-ink);--green-bg:var(--aster-success-surface);
 --amber:var(--aster-warning-ink);--amber-bg:var(--aster-warning-surface);
 --red:var(--aster-danger-ink);--red-bg:var(--aster-danger-surface);
 background:var(--bg);color:var(--text);font-size:13px;line-height:1.6;
 text-rendering:optimizeLegibility;
}
html[data-aster-theme-mode=dark] body.aster-unified-ui{
 --shadow:0 2px 4px color-mix(in srgb,var(--aster-shadow-color) 9%,transparent),0 10px 28px color-mix(in srgb,var(--aster-shadow-color) 18%,transparent);
}
.aster-unified-ui :is(h1,h2,h3,h4){color:var(--text)}
.aster-unified-ui h1{font-size:clamp(25px,2.1vw,31px);letter-spacing:-.035em;line-height:1.25}
.aster-unified-ui h2{font-size:16px;letter-spacing:-.02em;line-height:1.4}
.aster-unified-ui :is(input,select,textarea){color:var(--text);background-color:var(--surface);border-color:var(--aster-control-border);caret-color:var(--primary)}
.aster-unified-ui :is(input[type=checkbox],input[type=radio]){accent-color:var(--primary)}
.aster-unified-ui :is(input,select,textarea):not([type=checkbox],[type=radio],[type=color]){border-radius:9px}
.aster-unified-ui :is(input,select,textarea)::placeholder{color:var(--muted);opacity:.9}
.aster-unified-ui :is(input,select,textarea):disabled{background-color:var(--surface-alt);color:var(--muted)}
.aster-unified-ui :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--aster-focus);outline-offset:3px}
.aster-unified-ui ::selection{background:var(--aster-accent-soft);color:var(--aster-on-accent-soft)}
.aster-unified-ui :is(button,a,input,select,textarea,summary){touch-action:manipulation}
.aster-unified-ui :is(.card,.panel,.metric,.metric-card,.wallet-card,dialog,.dialog,.toast,.boot-error){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}
.aster-unified-ui :is(.card,.panel,.metric,.wallet-card){border-radius:var(--radius)}
.aster-unified-ui :is(.card-head,.card-body,.panel-head,.panel-body,.dialog-head,.dialog-body,.dialog-foot,.form-footer,.table-wrap,.data-panel,.chart-foot,.card-footer,.toolbar,.pagination){border-color:var(--line)}
.aster-unified-ui .card-head{padding-top:20px;padding-bottom:18px}
.aster-unified-ui .page-head{margin-bottom:26px}
.aster-unified-ui .shell>.topbar{background:var(--surface);border-bottom-color:var(--line)}
.aster-unified-ui :is(.topbar .breadcrumb,.topbar .crumb){color:var(--muted)}
.aster-unified-ui :is(.topbar .breadcrumb .current,.topbar .crumb strong){color:var(--text)}
.aster-unified-ui :is(.subtitle,.muted,.person-sub,.cell-sub,.metric-foot,.metric-label,.card-head p,.chart-note,.chart-legend,.page-footer,.main-foot,.field small,.login-hint,.demo-login small,.nav-label,.profile-info small,.attention-item small,.wallet-meta,.market-desc,.detail-list dt,.dialog-data dt,.session-row p,.session-row small,.settings-grid .card-body>p,.task-card p,.task-card .task-client,.task-card-footer,.local-evidence p,.local-evidence small,.kyc-hero-copy p,.kyc-details-grid p,.kyc-footnote,.kyc-review-summary .card-body>p,.kyc-step p,.kyc-step-status,.kyc-policy-note p,.request-stat span,.detail-stats span,.note-meta,.message-meta,.field label,.form-check,.confirmation p,.dialog-head p,.wallet-owner,.market-desc,.conversation-head p,.conversation-info,.pagination,.empty,.filterbar label,.date-controls label,.lookup-controls label,.prose p){color:var(--muted)}
.aster-unified-ui :is(.empty h3,.detail-list dd,.dialog-data dd,.wallet-card .wallet-meta strong,.ticket-item h3,.task-card h3,.search-result strong,.note p,.note-meta strong,.metric-value,.allocation-legend b,.big-value,.session-row strong){color:var(--text)}
.aster-unified-ui :is(.table-search,.filter-select,.segmented,.range-buttons,.tabs .count,.kanban-column,.task-column,.settlement-fields,.workspace-mode,.import-drop,.local-evidence,.local-challenge-note,.kyc-policy-note,.info-strip,.prose pre,.dialog pre,.audit-json,.message-bubble,.reply-form textarea,.practice-counters>div,.data-table th,th,.recovery-codes){background:var(--surface-alt);border-color:var(--line);color:var(--text)}
.aster-unified-ui :is(.data-table th,th){color:var(--muted);font-size:11px;letter-spacing:.02em;font-weight:600}
.aster-unified-ui :is(.data-table td,td){color:var(--text);border-color:var(--line)}
.aster-unified-ui :is(.data-table tbody tr:hover,.asset-button:hover,.ticket-item:hover,.task-inline:hover,.search-result:hover){background:var(--surface-alt)}
.aster-unified-ui :is(.asset-list,.metric,.panel,.asset-price,.asset-token,.coin-mark,.table-scroll){border-color:var(--line)}
.aster-unified-ui :is(.asset-price,.count,.selected-asset){color:var(--muted)}
.aster-unified-ui :is(.asset-token,.coin-mark){background:var(--surface-alt)}
.aster-unified-ui :is(.asset-button.active .asset-token,.tag.muted,.empty .empty-icon,.attention-icon.purple,.local-evidence-symbol,.kyc-emblem,.module-glyph,.activity-icon,.message.own .message-bubble){background:var(--tint);color:var(--aster-on-accent-soft)}
.aster-unified-ui :is(.asset-button.active,.ticket-item.selected){background:var(--tint)}
/* The legacy Market and payment modules have more specific surface rules. */
.aster-unified-ui[data-aster-workspace=market] .panel{background:var(--surface);color:var(--text);border-color:var(--line)}
.aster-unified-ui[data-aster-workspace=market] .count{background:var(--surface-alt);color:var(--muted);border-color:var(--line)}
.aster-unified-ui[data-aster-workspace=market] :is(input,select){background:var(--surface);color:var(--text);border-color:var(--aster-control-border)}
.aster-unified-ui[data-aster-workspace=market] :is(.filterbar label,.date-controls label,.lookup-controls label,.market3-window,.market3-cursor,.market3-summary span){color:var(--muted)}
.aster-unified-ui .market3-summary>div{background:var(--surface-alt);border-color:var(--line)}
.aster-unified-ui .market3-warning{background:var(--warning-surface);border-color:var(--warning-border);color:var(--warning-ink)}
.aster-unified-ui .market3-check input{accent-color:var(--primary)}
.aster-unified-ui[data-aster-workspace=market] .button.secondary{background:var(--tint);color:var(--aster-on-accent-soft);border-color:var(--action-border)}
.aster-unified-ui[data-aster-workspace=market] .button.secondary:not(:disabled):hover{background:var(--aster-surface-hover);color:var(--aster-on-accent-soft);border-color:var(--aster-control-border);filter:none}
@media screen{
 .aster-unified-ui :is(.bank-empty,.bank-identity-gate p,.bank-summary small,.bank-scroll td small,.bank-recipient small,.bank-events small,.bank-loading,.bank-timing-option small,.bank-timing-explanation,.bank-timing-summary>small,.bank-timing-summary p,.bank-pricing-evaluated,.bank-pricing-footnote,.bank-pricing-source dt){color:var(--muted)}
 .aster-unified-ui :is(.bank-notice,.bank-summary>div,.bank-timing-summary,.bank-pricing-snapshot,.billing-disclosure,.billing-progress li){background:var(--surface-alt);border-color:var(--line);color:var(--text)}
 .aster-unified-ui :is(.bank-dialog,.bank-timing-option,.bank-pricing-source){background:var(--surface);border-color:var(--line);color:var(--text)}
 .aster-unified-ui :is(.bank-dialog header,.bank-dialog footer){background:var(--surface-alt);border-color:var(--line)}
 .aster-unified-ui .bank-timing-option.is-selected{background:var(--tint);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
 .aster-unified-ui :is(.bank-field input,.bank-field select,.bank-quantity input){background:var(--surface);border-color:var(--aster-control-border);color:var(--text)}
 .aster-unified-ui :is(.bank-check input[type=checkbox],.bank-timing-option input){accent-color:var(--primary)}
 .aster-unified-ui .bank-error{background:var(--danger-surface);color:var(--danger-ink);border-color:var(--danger-border)}
 .aster-unified-ui :is(.bank-pricing-cached,.bank-pricing-age.is-stale){background:var(--warning-surface);color:var(--warning-ink);border-color:var(--warning-ink)}
 .aster-unified-ui :is(.bank-identity-gate.is-approved,.bank-timing-option em,.bank-pricing-age,.billing-progress .is-complete){color:var(--success-ink)}
 .aster-unified-ui :is(.bank-identity-gate.is-approved,.billing-progress .is-complete){background:var(--success-surface);border-color:var(--success-border)}
 .aster-unified-ui .billing-progress li>span{background:var(--surface);color:var(--text)}
 .aster-unified-ui .billing-progress .is-current{background:var(--tint);color:var(--text);border-color:var(--primary)}
 .aster-unified-ui .billing-progress .is-current>span{background:var(--primary);color:var(--aster-on-accent)}
}
.aster-unified-ui .btn,.aster-unified-ui .button{min-height:38px;border-radius:9px;font-weight:600;letter-spacing:-.01em;transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease,transform 140ms ease;color:var(--text);background-color:var(--surface);border-color:var(--aster-control-border)}
.aster-unified-ui :is(.btn,.button):not(:disabled):hover{background-color:var(--aster-surface-hover);border-color:var(--aster-control-border)}
.aster-unified-ui :is(.btn,.button):not(:disabled):active{transform:translateY(1px)}
.aster-unified-ui :is(.btn,.button):disabled{cursor:not-allowed;opacity:.5;transform:none;filter:none;box-shadow:none}
.aster-unified-ui :is(.btn.btn-primary,.button:not(.secondary)){
 background:linear-gradient(115deg,var(--action-accent),var(--action-accent-end));background-color:var(--action-accent);border-color:var(--action-accent);
 color:var(--aster-on-accent);box-shadow:0 3px 8px color-mix(in srgb,var(--aster-accent) 16%,transparent);
}
.aster-unified-ui :is(.btn.btn-primary,.button:not(.secondary)):not(:disabled):hover{background:linear-gradient(115deg,var(--aster-accent-hover),var(--aster-accent-end-hover));background-color:var(--aster-accent-hover);border-color:var(--aster-accent-hover);color:var(--aster-on-accent);box-shadow:0 4px 13px color-mix(in srgb,var(--aster-accent) 25%,transparent);filter:none}
.aster-unified-ui :is(.btn.btn-secondary,.btn.btn-soft,.button.secondary){color:var(--aster-on-accent-soft);background:var(--tint);border-color:var(--action-border);box-shadow:none}
.aster-unified-ui :is(.btn.btn-secondary,.btn.btn-soft,.button.secondary):not(:disabled):hover{background:var(--action-soft-hover);border-color:var(--aster-control-border);color:var(--aster-on-accent-soft);filter:none}
.aster-unified-ui .btn.btn-ghost{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none}
.aster-unified-ui .btn.btn-ghost:not(:disabled):hover{background:var(--aster-surface-hover);border-color:transparent;color:var(--text)}
.aster-unified-ui .btn.btn-danger{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger-ink);box-shadow:none}
.aster-unified-ui .btn.btn-danger:not(:disabled):hover{background:var(--danger-surface);border-color:var(--danger-ink);color:var(--danger-ink);box-shadow:0 0 0 1px var(--danger-ink);filter:none}
.aster-unified-ui .text-button,.aster-unified-ui .eyebrow{color:var(--primary)}
.aster-unified-ui :is(.notice,.preview-banner,.training-banner){background:var(--tint);border-color:var(--action-border);color:var(--aster-on-accent-soft)}
.aster-unified-ui :is(.notice.amber,.tag.stale,.badge.needs_action,.badge.on_hold,.badge.sandbox){background:var(--warning-surface);border-color:var(--warning-border);color:var(--warning-ink)}
.aster-unified-ui :is(.notice.green,.security-enabled,.kyc-banner.is-complete,.badge.verified,.badge.live,.badge.sent,.badge.production,.tag.fresh){background:var(--success-surface);border-color:var(--success-border);color:var(--success-ink)}
.aster-unified-ui :is(.badge.blocked,.badge.rejected,.badge.expired,.badge.failed,.form-error){background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger-ink)}
.aster-unified-ui :is(.badge.normal,.badge.customer,.badge.low,.badge.not_started,.badge.off,.badge.local,.badge.test,.pill,.demo-pill){background:var(--surface-alt);color:var(--muted);border-color:var(--line)}
.aster-unified-ui :is(.badge.operator,.badge.awaiting_customer,.badge.uploaded,.badge.queued,.badge.sending){background:var(--tint);color:var(--aster-on-accent-soft)}
.aster-unified-ui :is(.internal-message,.aster-demo-banner,.aster-demo-record-notice,.wallet-demo-notice,.wallet-demo-status){background:var(--warning-surface);color:var(--warning-ink);border-color:var(--warning-border)}
.aster-unified-ui :is(.aster-demo-badge,.wallet-demo-badge){background:var(--warning-surface);color:var(--warning-ink);border-color:var(--warning-ink)}
.aster-unified-ui :is(.wallet-demo-activity,.wallet-demo-chart,.account-history-chart){background:var(--surface);border-color:var(--line);color:var(--text)}
.aster-unified-ui :is(.wallet-demo-summary dt,.wallet-demo-chart p,.wallet-demo-chart figcaption span,.wallet-demo-entry-copy small,.wallet-demo-pagination,.wallet-demo-settings label){color:var(--muted)}
.aster-unified-ui :is(.wallet-demo-ranges .is-selected,.range-buttons button[aria-pressed=true],.segmented button.active){background:var(--primary);color:var(--aster-on-accent)}
.aster-unified-ui .wallet-demo-chart svg text{fill:var(--muted)}
.aster-unified-ui .wallet-demo-chart-grid{stroke:var(--line)}
.aster-unified-ui .wallet-demo-chart-bars{fill:var(--primary)}
.aster-unified-ui .wallet-demo-chart-period{color:var(--muted)}
.aster-unified-ui :is(.wallet-demo-chart-legend,.wallet-demo-results dt,.wallet-demo-entry-value>[data-wallet-demo-amount]){color:var(--muted)}
.aster-unified-ui .wallet-demo-results{border-color:var(--line)}
.aster-unified-ui .wallet-demo-result{color:var(--success-ink);background:var(--success-surface)}
.aster-unified-ui .wallet-demo-result.is-loss{color:var(--danger-ink);background:var(--danger-surface)}
.aster-unified-ui .wallet-demo-result:is(.is-flat,.is-unavailable){color:var(--muted);background:var(--surface-alt)}
.aster-unified-ui .wallet-demo-result-bar{fill:var(--success-ink)}
.aster-unified-ui .wallet-demo-result-bar.is-loss{fill:var(--danger-ink)}
.aster-unified-ui .wallet-demo-result-bar.is-flat{fill:var(--muted)}
.aster-unified-ui .wallet-demo-chart-legend i.is-win{background:var(--success-ink)}
.aster-unified-ui .wallet-demo-chart-legend i.is-loss{background:var(--danger-ink)}



.aster-unified-ui .wallet-demo-chart-zero{stroke:var(--muted)}
.aster-unified-ui .wallet-demo-ranges .btn.is-selected{background:var(--primary);color:var(--aster-on-accent);border-color:var(--primary)}
.aster-unified-ui :is(.wallet-demo-summary,.wallet-demo-entry,.wallet-demo-settings){border-color:var(--line)}
.aster-unified-ui .aster-sidebar-header{padding-top:26px}
.aster-unified-ui .aster-brand{font-size:27px;min-width:0;max-width:100%}
.aster-unified-ui .aster-brand-row{margin-bottom:20px}
.aster-unified-ui .aster-workspace{background:var(--surface-alt);border-color:var(--line);border-radius:11px}
.aster-unified-ui .aster-workspace-icon{background:var(--surface);color:var(--primary);border-color:var(--line)}
.aster-unified-ui .sidebar nav.unified-nav{background:transparent}
.aster-unified-ui .unified-nav-group>summary{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-link{font-size:12px;min-height:41px;color:var(--muted);border-radius:9px;transition:background-color 140ms ease,color 140ms ease}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-link:hover{background:var(--surface-alt);color:var(--text)}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-link.active{background:var(--tint);color:var(--aster-on-accent-soft);font-weight:650;box-shadow:inset 2px 0 var(--primary)}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-badge{background:var(--surface-alt);color:var(--muted)}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-link.active .unified-nav-badge{background:var(--surface);color:var(--primary)}
.aster-unified-ui :is(.aster-signout,.aster-menu-close,.sidebar .staff-find-button){background:var(--surface);color:var(--muted);border-color:var(--aster-control-border)}
.aster-unified-ui .aster-avatar{background:var(--tint);color:var(--aster-on-accent-soft)}
.aster-unified-ui :is(.language-sidebar,.currency-sidebar,.aster-sidebar-footer,.aster-context-note){border-color:var(--line);background:var(--surface)}
.aster-unified-ui :is(.language-choice,.currency-choice){background:var(--surface);border-color:var(--aster-control-border)}
.aster-unified-ui :is(.language-admin-link,.currency-admin-link){background:transparent}
.aster-unified-ui :is(.language-choice,.currency-choice,.language-admin-link,.currency-admin-link,.aster-signout,.aster-menu-close,.sidebar .staff-find-button):not(:disabled):hover{background:var(--aster-surface-hover);color:var(--primary)}
.aster-unified-ui :is(.language-confirm,.currency-confirm,.currency-rates-help,.currency-route-notice){background:var(--surface-alt);border-color:var(--line);color:var(--text)}
.aster-unified-ui .topbar :is(.mobile-menu,.menu-toggle){background:var(--surface);color:var(--text)}
.aster-unified-ui :is(.language-choice,.currency-choice,.language-admin-link,.currency-admin-link){color:var(--primary)}
.aster-unified-ui :is(.language-dialog,.currency-dialog){background:var(--surface);color:var(--text);border-color:var(--line)}
.aster-unified-ui :is(.language-note,.currency-note,.language-sidebar small,.currency-sidebar small){color:var(--muted);opacity:1}
.aster-unified-ui :is(.language-dialog input,.language-dialog select,.currency-dialog input,.currency-dialog select){color:var(--text);background:var(--surface);border-color:var(--aster-control-border)}
.aster-unified-ui :is(.boot,.login-form,.login-layout,.auth-shell){background:var(--bg)}
.aster-unified-ui .login-story{background:linear-gradient(150deg,var(--surface-alt),var(--tint));color:var(--text)}
.aster-unified-ui .login-story::before{border-color:var(--line);box-shadow:0 0 0 65px transparent,0 0 0 66px var(--line),0 0 0 135px transparent,0 0 0 136px var(--line);opacity:.4}
.aster-unified-ui .login-story h1{font-size:clamp(36px,3.1vw,50px);line-height:1.14;font-weight:600}
.aster-unified-ui .login-story :is(.brand,h1,h1 span){color:var(--text)}
.aster-unified-ui .login-story :is(.story-copy,.login-story-footer){color:var(--muted)}
.aster-unified-ui .login-mini{background:var(--surface);border-color:var(--line)}
.aster-unified-ui .login-mini :is(strong,p){color:var(--text)}
.aster-unified-ui .login-form-inner :is(h2,.eyebrow){color:var(--text)}
.aster-unified-ui .login-form-inner>p{color:var(--muted)}
.aster-unified-ui .brand .appearance-brand-image,.aster-unified-ui .aster-brand .appearance-brand-image{width:auto;height:var(--aster-logo-height);max-width:96px;object-fit:contain;flex:0 1 auto;border-radius:0}
.aster-unified-ui .appearance-brand-words{display:flex;flex-direction:column;min-width:0;gap:5px;line-height:1.1}
.aster-unified-ui .appearance-brand-name{font:inherit;display:block;overflow-wrap:anywhere;letter-spacing:-.025em}
.aster-unified-ui .appearance-brand-tagline{display:block;font-size:10px;line-height:1.4;font-weight:450;color:var(--muted);letter-spacing:0;overflow-wrap:anywhere}
.aster-unified-ui .appearance-workspace{max-width:1240px;margin:auto;padding-bottom:10px}
.appearance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:5px 0 28px}
.appearance-heading h1{margin:9px 0 11px;font-size:32px}
.appearance-eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--primary)}
.appearance-intro{max-width:620px;font-size:13px;line-height:1.75;color:var(--muted)}
.appearance-heading>.btn{flex-shrink:0;margin-top:30px}
.appearance-top-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.8fr);gap:22px;align-items:stretch}
.appearance-panel{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:24px;box-shadow:var(--shadow);min-width:0}
.appearance-panel h2{font-size:16px;margin:0 0 5px}
.appearance-hint{font-size:12px;color:var(--muted);line-height:1.7;margin:0}
.appearance-brand-grid{display:grid;gap:20px;margin:24px 0 20px}
.appearance-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:600;color:var(--text)}
.appearance-field input,.appearance-field select{min-height:42px;padding:10px 12px;border:1px solid var(--aster-control-border);font-size:13px;width:100%;font-weight:450}
.appearance-field small{font-weight:450}
.appearance-logo-row{display:flex;align-items:center;gap:16px;min-width:0}
.appearance-logo-preview{height:76px;width:76px;border:1px dashed var(--line);border-radius:13px;background:var(--surface-alt);display:grid;place-items:center;flex:0 0 76px}
.appearance-logo-preview img{height:52px;width:52px;object-fit:contain}
.appearance-logo-copy{min-width:0}
.appearance-logo-copy>strong{display:block;font-size:12px;margin-bottom:4px}
.appearance-logo-copy .appearance-hint{font-size:11px}
.appearance-logo-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.appearance-logo-actions .btn{font-size:11px;min-height:33px;padding:7px 10px}
.appearance-text-action{border:0;background:transparent;padding:4px 0;color:var(--primary);font:inherit;font-size:12px;font-weight:600;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;cursor:pointer}
.appearance-text-action:hover{text-decoration-color:currentColor}
.appearance-preview-panel{background:var(--surface-alt);display:flex;flex-direction:column;justify-content:center;gap:16px;padding:23px;position:sticky;top:90px;align-self:start}
.appearance-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:600}
.appearance-preview-label{font-size:8px;letter-spacing:.13em;color:var(--muted)}
.appearance-live-stage{background:var(--aster-background);color:var(--aster-text);border:1px solid var(--aster-border);border-radius:12px;overflow:hidden;box-shadow:0 5px 20px color-mix(in srgb,var(--aster-shadow-color) 5%,transparent);transition:opacity 120ms ease}
.appearance-sample-top{background:var(--aster-surface);display:flex;align-items:center;gap:9px;padding:14px 17px;border-bottom:1px solid var(--aster-border);min-height:52px}
.appearance-sample-top img{height:24px;width:24px;object-fit:contain;flex:0 0 24px}
.appearance-sample-top strong{font-size:15px;letter-spacing:-.03em;min-width:0;overflow-wrap:anywhere;color:var(--aster-text)}
.appearance-sample-dot{margin-left:auto;width:18px;height:18px;border-radius:50%;background:var(--aster-accent-soft);border:1px solid var(--aster-border);flex-shrink:0}
.appearance-sample-body{padding:20px}
.appearance-sample-kicker{color:var(--aster-muted);font-size:9px;margin-bottom:8px}
.appearance-sample-body h3{color:var(--aster-text);font-size:18px;letter-spacing:-.03em;margin:0 0 5px}
.appearance-sample-body>p{font-size:10px;color:var(--aster-muted)}
.appearance-sample-card{display:grid;gap:4px;background:var(--aster-surface);border:1px solid var(--aster-border);border-radius:10px;padding:15px;margin-top:17px}
.appearance-sample-card span{font-size:10px;color:var(--aster-muted)}
.appearance-sample-card .appearance-sample-amount{color:var(--aster-text);font-size:24px;font-weight:600;letter-spacing:-.04em;line-height:1.3}
.appearance-sample-card small{color:var(--aster-muted);font-size:9px}
.appearance-sample-nav{display:flex;gap:15px;border-bottom:1px solid var(--aster-border);font-size:9px;margin:14px 0 15px;color:var(--aster-muted)}
.appearance-sample-nav span{padding:7px 0}
.appearance-sample-nav .selected{border-bottom:2px solid var(--aster-accent);color:var(--aster-accent);font-weight:600}
.appearance-sample-buttons{display:flex;gap:8px;flex-wrap:wrap}
.appearance-sample-buttons>span{font-size:10px;font-weight:600;padding:9px 12px;border-radius:6px;text-align:center}
.appearance-sample-primary{background:linear-gradient(115deg,var(--aster-accent),var(--aster-accent-end));color:var(--aster-on-accent)}
.appearance-sample-secondary{background:var(--aster-accent-soft);color:var(--aster-on-accent-soft)}
.appearance-library{margin-top:22px}
.appearance-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.appearance-library-heading>.btn{flex-shrink:0}
.appearance-filter{display:inline-flex;flex-wrap:wrap;gap:3px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt);margin:23px 0 20px}
.appearance-filter-option{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:7px 14px;font-size:11px;font-weight:600;min-height:32px}
.appearance-filter-option:not([aria-pressed=true]):hover{background:var(--aster-surface-hover);color:var(--text)}
.appearance-filter-option[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px color-mix(in srgb,var(--aster-shadow-color) 5%,transparent)}
.appearance-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.appearance-theme-card{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;transition:border-color 140ms ease,box-shadow 140ms ease;overflow:hidden}
.appearance-theme-card:not(.is-selected):hover{border-color:var(--aster-control-border)}
.appearance-theme-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.appearance-theme-choice{display:block;cursor:pointer;position:relative}
.appearance-theme-choice input{position:absolute;top:9px;left:9px;opacity:0;width:1px;height:1px}
.appearance-theme-card:has(input:focus-visible){outline:3px solid var(--aster-focus);outline-offset:3px}
.appearance-theme-swatch{position:relative;margin:8px;border-radius:7px;height:77px;background:var(--aster-background);border:1px solid var(--aster-border);overflow:hidden}
.appearance-mini-sidebar{position:absolute;inset:0 auto 0 0;width:24%;background:var(--aster-surface);border-right:1px solid var(--aster-border)}
.appearance-mini-card{position:absolute;top:14px;left:32%;width:58%;height:29px;border:1px solid var(--aster-border);border-radius:4px;background:var(--aster-surface)}
.appearance-mini-accent{position:absolute;top:51px;left:32%;width:31%;height:12px;background:linear-gradient(115deg,var(--aster-accent),var(--aster-accent-end));border-radius:3px}
.appearance-mini-line{position:absolute;top:8px;left:7%;width:11%;height:5px;border-radius:2px;background:var(--aster-accent)}
.appearance-theme-name{padding:4px 11px 2px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;font-weight:650;line-height:1.4}
.appearance-theme-name>span:first-child{min-width:0;overflow-wrap:anywhere}
.appearance-radio-mark{height:14px;width:14px;flex:0 0 14px;border:1px solid var(--aster-control-border);border-radius:50%;font-size:10px;display:grid;place-items:center;line-height:1}
.is-selected .appearance-radio-mark{background:var(--primary);color:var(--aster-on-accent);border-color:var(--primary)}
.appearance-theme-meta{display:flex;gap:8px;justify-content:space-between;padding:3px 11px 9px;color:var(--muted);font-size:9px}
.appearance-theme-actions{padding:6px 11px;border-top:1px solid var(--line);display:flex;gap:7px;justify-content:space-between;min-height:31px}
.appearance-theme-actions .appearance-text-action{font-size:9px;line-height:1.4}
.appearance-theme-actions .appearance-delete-theme{color:var(--muted)}
.appearance-settings-note{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:26px 4px}
.appearance-settings-note h2{font-size:12px;margin-bottom:6px}
.appearance-settings-note .appearance-hint{font-size:11px}
.appearance-settings-note>div{display:grid;gap:8px;align-content:start}
.appearance-settings-note .appearance-text-action{font-size:11px;margin-top:6px}
.appearance-savebar{position:sticky;bottom:14px;z-index:12;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 5px 22px color-mix(in srgb,var(--aster-shadow-color) 7%,transparent);padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.appearance-save-state{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.appearance-save-state::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted)}
.appearance-save-state.has-changes{color:var(--text)}
.appearance-save-state.has-changes::before{background:var(--primary)}
.appearance-save-actions{display:flex;gap:9px;align-items:center}
.appearance-save-actions .btn{font-size:12px}
.appearance-preview-notice,.appearance-feedback{padding:13px 16px;border-radius:10px;background:var(--tint);color:var(--aster-on-accent-soft);border:1px solid var(--action-border);font-size:12px;line-height:1.6;margin-bottom:20px}
.appearance-feedback.error{background:var(--danger-surface);border-color:var(--danger-ink);color:var(--danger-ink)}
.appearance-feedback .btn{display:block;margin-top:10px}
.appearance-error{font-size:12px;color:var(--danger-ink);line-height:1.6}
.appearance-dialog{max-width:540px;width:calc(100% - 36px);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid var(--line);border-radius:17px;padding:26px;background:var(--surface);color:var(--text);box-shadow:0 20px 80px color-mix(in srgb,var(--aster-shadow-color) 24%,transparent)}
.appearance-dialog::backdrop{background:var(--aster-overlay);backdrop-filter:blur(3px)}
.appearance-dialog h2{margin-bottom:12px}
.appearance-dialog-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:24px}
.appearance-dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}
.appearance-dialog-heading h2{margin:0}
.appearance-dialog-heading+.appearance-hint{margin-top:11px}
.appearance-custom-dialog{max-width:840px}
.appearance-custom-top{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:22px}
.appearance-color-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.95fr);gap:24px;margin-top:24px}
.appearance-color-grid{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0;align-content:start}
.appearance-color-grid legend{padding:0;margin:0 0 13px;font-size:12px;font-weight:600}
.appearance-color-field{min-width:0}
.appearance-color-field>label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}
.appearance-color-pair{display:flex;border:1px solid var(--aster-control-border);border-radius:8px;overflow:hidden;background:var(--surface);padding:5px;gap:7px;align-items:center;min-width:0}
.appearance-color-pair:focus-within{border-color:var(--primary);outline:3px solid var(--aster-focus);outline-offset:3px}
.appearance-color-pair input[type=color]{padding:0;appearance:none;width:28px;height:28px;border:0;background:transparent;flex:0 0 28px;cursor:pointer}
.appearance-color-pair input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.appearance-color-pair input[type=color]::-webkit-color-swatch{border:1px solid var(--aster-control-border);border-radius:5px}
.appearance-color-pair input[type=text]{padding:0;min-height:28px;width:100%;min-width:0;border:0;font-family:ui-monospace,monospace;font-size:11px;box-shadow:none}
.appearance-custom-form>.appearance-hint{margin-top:14px;font-size:11px}
.appearance-mini-preview .appearance-sample-body{padding:16px}
.appearance-mini-preview .appearance-sample-body h3{font-size:16px}
.appearance-mini-preview .appearance-sample-card{margin-top:13px}
.appearance-mini-preview .appearance-sample-nav{display:none}
.appearance-mini-preview .appearance-sample-buttons{margin-top:12px}
.appearance-mini-preview .appearance-sample-buttons>span{padding:7px 9px;font-size:9px}
.appearance-contrast{font-size:11px;color:var(--success-ink);line-height:1.6;margin-top:14px;border:1px solid var(--success-border);border-radius:9px;padding:11px;background:var(--success-surface)}
.appearance-contrast strong{display:block;margin-bottom:5px}
.appearance-contrast p{font-size:10px;line-height:1.65;margin:0}
.appearance-contrast.invalid{color:var(--warning-ink);background:var(--warning-surface);border-color:var(--warning-ink)}
.appearance-preview-invalid{opacity:.55}
.appearance-loading{color:var(--muted);padding:35px 0}
@media(min-width:1600px){.aster-unified-ui .shell>main{padding-left:42px;padding-right:42px}}
@media(max-width:1300px){.appearance-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-top-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)}.appearance-panel{padding:20px}}
@media(max-width:760px){.appearance-heading{display:block;margin-top:0}.appearance-heading h1{font-size:28px}.appearance-heading>.btn{margin-top:16px}.appearance-top-grid{grid-template-columns:minmax(0,1fr)}.appearance-preview-panel{max-width:none}.appearance-live-stage{max-width:460px;width:100%;margin:0 auto}.appearance-library-heading{display:block}.appearance-library-heading>.btn{margin-top:15px}.appearance-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.appearance-settings-note{grid-template-columns:1fr;gap:18px}.appearance-color-layout{grid-template-columns:1fr}.appearance-custom-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.appearance-contrast{margin-top:0}.appearance-savebar{bottom:8px}.appearance-save-state{font-size:10px}.appearance-save-actions .btn{font-size:11px;padding:8px 12px}}
@media(max-width:520px){.appearance-panel{padding:18px}.appearance-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-theme-swatch{height:76px}.appearance-filter{display:flex;justify-content:space-between;gap:0}.appearance-filter-option{padding:7px 9px;font-size:10px}.appearance-logo-row{align-items:flex-start;gap:12px}.appearance-logo-preview{width:56px;height:56px;flex-basis:56px}.appearance-logo-preview img{width:38px;height:38px}.appearance-logo-actions{gap:4px}.appearance-logo-actions .btn{font-size:10px;padding:6px 8px}.appearance-savebar{flex-wrap:wrap;padding:12px}.appearance-save-actions{width:100%}.appearance-save-actions .btn{flex:1}.appearance-custom-top{grid-template-columns:1fr}.appearance-custom-preview{display:block}.appearance-custom-preview .appearance-mini-preview{display:none}.appearance-color-grid{gap:12px}.appearance-dialog{padding:20px}.appearance-dialog-actions{flex-wrap:wrap}.appearance-dialog-actions .btn{flex:1}.appearance-preview-heading{font-size:11px}.appearance-intro{font-size:12px}}
@media(prefers-reduced-motion:reduce){.aster-unified-ui :is(.btn,.button,.unified-nav-link,.appearance-theme-card,.appearance-live-stage){transition:none;animation:none}.aster-unified-ui :is(.btn,.button):active{transform:none}}

/* v10.0.9 bank composer: use saved palette tokens, including dark themes. */
.aster-unified-ui .bank-request-dialog{background:var(--bg);border-color:var(--line)}
.aster-unified-ui .bank-request-dialog :is(header,footer){background:var(--surface);border-color:var(--line)}
.aster-unified-ui .bank-request-dialog .bank-dialog-body{background:var(--bg)}
.aster-unified-ui :is(.bank-compose-section,.bank-request-dialog .bank-wallet-table tr){background:var(--surface);border-color:var(--line)}
.aster-unified-ui .bank-request-dialog .bank-wallet-table tr.is-selected{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}
.aster-unified-ui :is(.bank-draft-badge,.bank-step-number){background:var(--tint);color:var(--aster-on-accent-soft)}
.aster-unified-ui :is(.bank-request-intro>p,.bank-compose-help,.bank-portfolio-strip small,.bank-asset-identity small,.bank-asset-available,.bank-asset-amount>label,.bank-quantity>span,.bank-inline-help,.bank-asset-source,.bank-asset-source dt,.bank-selected-heading small,.bank-selected-heading>span,.bank-minimum-note,.bank-estimate-toolbar>p,.bank-estimate-caveat,.bank-review-hint){color:var(--muted)}
.aster-unified-ui :is(.bank-portfolio-strip,.bank-request-dialog .bank-wallet-table .bank-asset-source){border-color:var(--line)}
.aster-unified-ui .bank-request-dialog .bank-quantity{background:var(--surface);border-color:var(--aster-control-border)}
.aster-unified-ui .bank-request-dialog .bank-quantity:has(input:focus){outline-color:var(--aster-focus);border-color:var(--primary)}
.aster-unified-ui .bank-request-dialog .bank-quantity .bank-max{background:var(--tint);color:var(--aster-on-accent-soft);border-color:var(--action-border)}
.aster-unified-ui .bank-inline-estimate{color:var(--primary)}
.aster-unified-ui .bank-inline-estimate:is([data-estimate-state=empty],[data-estimate-state=incomplete],[data-estimate-state=unavailable]){color:var(--muted)}
.aster-unified-ui .bank-inline-help.is-error{color:var(--danger-ink)}
.aster-unified-ui .bank-selected-summary{background:var(--tint);border-color:var(--action-border)}
.aster-unified-ui .bank-selected-summary.is-ready{border-color:var(--primary)}
.aster-unified-ui .bank-selected-summary progress{background:var(--line);accent-color:var(--primary)}
.aster-unified-ui .bank-selected-summary progress::-webkit-progress-bar{background:var(--line)}
.aster-unified-ui .bank-selected-summary progress::-webkit-progress-value{background:var(--primary)}
.aster-unified-ui .bank-selected-summary progress::-moz-progress-bar{background:var(--primary)}
.aster-unified-ui .bank-context-error{background:var(--danger-surface);color:var(--danger-ink);border-color:var(--danger-border)}
.aster-unified-ui .bank-rate-details>summary{color:var(--primary)}
.aster-unified-ui .bank-request-dialog :is(details>summary,input,select,textarea,button):focus-visible{outline:3px solid var(--aster-focus);outline-offset:3px}

/* Shared compound controls retain their state when a workspace adds specificity. */
.aster-unified-ui :is(.table-search,.filter-select,.reply-form textarea,.import-drop,.staff-search-dialog button){border-color:var(--aster-control-border)}
.aster-unified-ui :is(.table-search,.bank-quantity):focus-within{border-color:var(--primary)}
.aster-unified-ui :is(.staff-search-dialog button,.icon-button,.receipt-button,.range-buttons button,.segmented button,.password-field .toggle-password):not(:disabled):hover{background:var(--aster-surface-hover);color:var(--primary)}
.aster-unified-ui :is(.range-buttons button[aria-pressed=true],.segmented button.active,.wallet-demo-ranges .btn.is-selected):not(:disabled):hover{background:var(--aster-accent-hover);border-color:var(--aster-accent-hover);color:var(--aster-on-accent)}
.aster-unified-ui .skip-link{background:var(--primary);color:var(--aster-on-accent)}
.aster-unified-ui .portal-summary{background:linear-gradient(113deg,var(--aster-accent),var(--aster-accent-end));color:var(--aster-on-accent)}
.aster-unified-ui .portal-summary :is(h1,h2,h3,h4,p,.eyebrow,.balance){color:var(--aster-on-accent)}
.aster-unified-ui .portal-summary .btn{background:var(--surface);border-color:var(--surface);color:var(--primary);box-shadow:none}
.aster-unified-ui .portal-summary .btn:not(:disabled):hover{background:var(--aster-surface-hover);border-color:var(--aster-surface-hover);color:var(--primary)}
.aster-unified-ui.privacy-page .local-privacy a{color:var(--primary);text-underline-offset:3px}
.aster-unified-ui.privacy-page .local-privacy a:hover{text-decoration:underline}

/* Shared branding, including server-rendered first-paint marks. */
[data-aster-brand]{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.appearance-brand-image{display:block;object-fit:contain;max-width:100%;flex-shrink:0}
[data-aster-brand]>.appearance-brand-image{height:var(--aster-logo-height);width:auto;max-width:96px;flex:0 1 auto}
[data-aster-brand]>[data-aster-brand-mark]{height:var(--aster-logo-height);max-width:96px;flex:0 1 auto}
[data-aster-brand]>[data-aster-brand-mark]>.appearance-brand-image{width:auto;height:100%;max-width:100%;object-fit:contain}
.aster-unified-ui :is(.brand,.aster-brand)[data-aster-logo-layout=logo_only]>.appearance-brand-image,[data-aster-brand][data-aster-logo-layout=logo_only]>.appearance-brand-image{height:var(--aster-logo-height);width:auto;max-width:100%;flex-shrink:1}
html[data-aster-logo-layout=logo_only] [data-aster-brand]>[data-aster-brand-mark]{max-width:100%}
html[data-aster-logo-layout=logo_only] [data-aster-brand]>.appearance-brand-words{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.appearance-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[data-aster-brand-mark]{display:inline-flex;align-items:center;justify-content:center;min-width:0}
.aster-workspace-icon>.appearance-brand-image{width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:inherit}
.boot .brand-mark>.appearance-brand-image{width:100%;height:100%;object-fit:contain;border-radius:0}
[data-aster-login-title],[data-aster-login-description],[data-aster-footer]{overflow-wrap:anywhere}
.page-footer>[data-aster-footer],.main-foot>[data-aster-footer]{flex-basis:100%;font-size:11px;color:var(--muted)}
[data-aster-footer][hidden]{display:none!important}
.appearance-section-heading{padding-top:21px;border-top:1px solid var(--line)}
.appearance-section-heading h3{font-size:13px;margin:0 0 7px;color:var(--text)}
.appearance-brand-sizing{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
.appearance-copy-grid{display:grid;gap:17px}
.appearance-field textarea{width:100%;min-height:92px;resize:vertical;padding:10px 12px;border:1px solid var(--aster-control-border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:450;line-height:1.65}
.appearance-logo-preview.is-dark{background:color-mix(in srgb,var(--aster-accent) 8%,#111111)}
.appearance-logo-preview img{border-radius:0}
.appearance-preview-views{display:flex;gap:4px;border:1px solid var(--line);border-radius:9px;padding:4px;background:var(--surface)}
.appearance-preview-view{flex:1;min-width:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:600;min-height:32px;padding:7px 8px;cursor:pointer}
.appearance-preview-view[aria-pressed=true]{background:var(--tint);color:var(--aster-on-accent-soft)}
.appearance-preview-view:not([aria-pressed=true]):hover{background:var(--aster-surface-hover);color:var(--text)}
.appearance-sample-top>.appearance-brand-image{width:auto;height:var(--aster-logo-height);max-width:96px;object-fit:contain;flex:0 1 auto}
.appearance-sample-top[data-aster-logo-layout=logo_only]>.appearance-brand-image{max-width:calc(100% - 28px)}
.appearance-sample-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;min-height:260px;padding:32px 24px;text-align:center;background:var(--aster-background)}
.appearance-sample-loader>.appearance-brand-image{width:auto;height:54px;max-width:150px;object-fit:contain}
.appearance-sample-loader>strong{font-size:14px;line-height:1.5;color:var(--aster-text);overflow-wrap:anywhere}
.appearance-sample-loader>p{font-size:10px;color:var(--aster-muted);margin:0;line-height:1.6}
.appearance-sample-spinner{width:20px;height:20px;border:2px solid var(--aster-border);border-top-color:var(--aster-accent);border-radius:50%;transform:rotate(35deg)}
.appearance-sample-input{margin-top:18px;display:grid;gap:6px;color:var(--aster-muted);font-size:9px}
.appearance-sample-input>div{height:28px;border:1px solid var(--aster-control-border);border-radius:6px;background:var(--aster-surface)}
.appearance-sample-signin{display:block;padding:9px 13px;border-radius:6px;text-align:center;font-size:10px;margin-top:18px}
.appearance-sample-footer{padding:12px 17px;border-top:1px solid var(--aster-border);font-size:9px;color:var(--aster-muted);overflow-wrap:anywhere}
.appearance-sample-icon{display:flex;align-items:center;gap:7px;padding:11px 17px;background:var(--aster-surface);border-top:1px solid var(--aster-border);font-size:9px;color:var(--aster-muted);overflow-wrap:anywhere}
.appearance-sample-icon>.appearance-brand-image{width:16px;height:16px;object-fit:contain;flex:0 0 16px}
.appearance-repair{border:1px solid var(--warning-border);border-radius:12px;padding:18px 20px;background:var(--warning-surface);color:var(--warning-ink);margin-bottom:22px}
.appearance-repair h2{font-size:14px;margin:0 0 7px;color:var(--warning-ink)}
.appearance-repair .appearance-hint{color:var(--warning-ink)}
.appearance-repair-choice{display:flex;align-items:flex-start;gap:10px;line-height:1.7;font-size:12px;margin-top:14px;cursor:pointer}
.appearance-repair-choice input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:var(--primary)}
@media(max-width:760px){.appearance-preview-panel{position:static}.appearance-preview-views{max-width:460px;width:100%;margin:0 auto}.appearance-preview-view{font-size:11px}}
@media(max-width:520px){.appearance-brand-sizing{grid-template-columns:minmax(0,1fr)}.appearance-repair{padding:16px}.appearance-preview-heading{flex-wrap:wrap}.appearance-sample-loader{padding:24px 18px}}

/* Only editor actions receive icons; preview samples and selection tabs are unchanged. */
.appearance-text-action.appearance-icon-button{display:inline-flex;align-items:center;gap:7px}
.appearance-icon-button>.icon{flex:0 0 16px;width:16px;height:16px}