/* v499 Published Appearance editor */





.abt-inherit-button { border-color:rgba(var(--ap-rgb-56-189-248), .35)!important; color:var(--ap-color-bae6fd)!important; }
.abt-target-bar { display:grid; grid-template-columns:minmax(320px,560px) 1fr; gap:22px; align-items:end; padding:16px 18px; margin:16px 0; border:1px solid var(--ap-color-24344b); border-radius:16px; background:var(--ap-color-111d2f); }
.abt-target-bar label { display:grid; gap:7px; color:var(--ap-color-cbd5e1); font-size:12px; font-weight:800; }
.abt-target-bar select, .abt-card input, .abt-card select { width:100%; min-height:42px; border:1px solid var(--ap-color-30435f); border-radius:10px; padding:0 12px; background:var(--ap-color-0b1626); color:var(--ap-color-e5edf7); outline:none; }
.abt-card input:focus, .abt-card select:focus, .abt-target-bar select:focus { border-color:var(--ap-color-7c4dff); box-shadow:0 0 0 3px rgba(var(--ap-rgb-124-77-255), .14); }
.abt-scope-state { display:flex; align-items:center; justify-content:flex-end; gap:12px; min-width:0; }
.abt-scope-state small { color:var(--ap-color-8496ad); }
.abt-scope-badge { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; font-size:11px; font-weight:850; white-space:nowrap; }
.abt-scope-badge.company { background:rgba(var(--ap-rgb-14-165-233), .12); color:var(--ap-color-7dd3fc); border:1px solid rgba(var(--ap-rgb-14-165-233), .24); }
.abt-scope-badge.override { background:rgba(var(--ap-rgb-124-77-255), .14); color:var(--ap-color-c4b5fd); border:1px solid rgba(var(--ap-rgb-124-77-255), .28); }
.abt-scope-badge.fallback { background:rgba(var(--ap-rgb-148-163-184), .10); color:var(--ap-color-cbd5e1); border:1px solid rgba(var(--ap-rgb-148-163-184), .20); }
.abt-loading { min-height:360px; display:flex; align-items:center; justify-content:center; gap:12px; color:var(--ap-color-aebed1); }
.abt-workspace { display:grid; grid-template-columns:minmax(480px, .82fr) minmax(620px, 1.18fr); gap:18px; align-items:start; }
.abt-editor { display:grid; gap:14px; }
.abt-card { padding:18px; border:1px solid var(--ap-color-24344b); border-radius:16px; background:linear-gradient(180deg,var(--ap-color-111d2f),var(--ap-color-0e1929)); box-shadow:0 16px 40px rgba(var(--ap-rgb-0-0-0), .18); }
.abt-card-title { display:flex; gap:12px; align-items:flex-start; margin-bottom:16px; }
.abt-card-title>span { width:38px; height:38px; display:grid; place-items:center; flex:0 0 38px; border-radius:12px; color:var(--ap-color-ffffff); background:linear-gradient(135deg,var(--ap-color-7c4dff),var(--ap-color-5c6df6)); }
.abt-card-title h2 { margin:0 0 3px; color:var(--ap-color-f8fafc); font-size:16px; }
.abt-card-title p { margin:0; color:var(--ap-color-8496ad); font-size:12px; line-height:1.45; }
.abt-card-title code { color:var(--ap-color-c4b5fd); }
.abt-presets { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.abt-presets button { min-height:64px; display:grid; place-items:center; gap:5px; padding:8px; border:1px solid var(--ap-color-2b3d57); border-radius:10px; background:var(--ap-color-0b1626); color:var(--ap-color-aebed1); font-size:11px; cursor:pointer; }
.abt-presets button:hover, .abt-presets button.active { border-color:var(--ap-color-7c4dff); color:var(--ap-color-ffffff); background:rgba(var(--ap-rgb-124-77-255), .10); }
.abt-preset-dot { width:26px; height:12px; border-radius:999px; background:linear-gradient(90deg,var(--ap-color-7c4dff),var(--ap-color-5c6df6)); }
.abt-preset-dot.preset-corporate-light { background:linear-gradient(90deg,var(--ap-color-2563eb),var(--ap-color-0ea5e9)); }
.abt-preset-dot.preset-corporate-dark { background:linear-gradient(90deg,var(--ap-color-38bdf8),var(--ap-color-2563eb)); }
.abt-preset-dot.preset-industrial { background:linear-gradient(90deg,var(--ap-color-f97316),var(--ap-color-ea580c)); }
.abt-preset-dot.preset-minimal { background:linear-gradient(90deg,var(--ap-color-111827),var(--ap-color-9ca3af)); }
.abt-grid { display:grid; gap:13px; }
.abt-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.abt-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.abt-grid label, .abt-color-field { display:grid; gap:7px; color:var(--ap-color-cbd5e1); font-size:12px; font-weight:750; }
.abt-grid label.wide { grid-column:1/-1; }
.abt-grid small { color:var(--ap-color-71849d); font-weight:500; }
.abt-color-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.abt-color-field>div { display:grid; grid-template-columns:44px 1fr; gap:8px; }
.abt-color-field input[type=color] { min-height:42px; padding:4px; cursor:pointer; }
.abt-switch-list { display:grid; gap:10px; }
.abt-switch { display:flex!important; align-items:center; gap:12px; padding:12px; border:1px solid var(--ap-color-263952); border-radius:12px; background:var(--ap-color-0b1626); cursor:pointer; }
.abt-switch input { position:absolute; opacity:0; pointer-events:none; }
.abt-switch>span { width:42px; height:23px; border-radius:999px; background:var(--ap-color-334155); position:relative; flex:0 0 42px; transition:.2s; }
.abt-switch>span:after { content:""; position:absolute; width:17px; height:17px; left:3px; top:3px; border-radius:50%; background:var(--ap-color-ffffff); transition:.2s; }
.abt-switch input:checked+span { background:var(--ap-color-7c4dff); }
.abt-switch input:checked+span:after { transform:translateX(19px); }
.abt-switch div { display:grid; gap:2px; }
.abt-switch strong { color:var(--ap-color-e5edf7); font-size:12px; }
.abt-switch small { color:var(--ap-color-7f91a8); font-size:11px; font-weight:500; }
.abt-preview-column { position:sticky; top:18px; min-width:0; }
.abt-preview-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:10px; }
.abt-preview-head span { color:var(--ap-text-muted); font-size:10px; font-weight:800; letter-spacing:.12em; }
.abt-preview-head h2 { margin:3px 0 0; color:var(--ap-text-primary); font-size:var(--ap-font-size-lg); line-height:1.25; }
.abt-preview-head small { color:var(--ap-text-muted); font-size:var(--ap-font-size-xs); }
.abt-preview-frame { --pc-bg:#050b18; --pc-bg-2:#071326; --pc-surface:#091324; --pc-surface-2:#0b182c; --pc-viewer:#07101f; --pc-border:#263a57; --pc-text:#f7fbff; --pc-soft:#d8e5f6; --pc-muted:#8da2c0; --pc-purple:#1677ff; --pc-purple-2:#0f6fe8; --pc-green:#0ecf98; --pc-amber:#f6be45; --pc-radius:16px; --pc-font-family:Inter,Arial,sans-serif; min-height:620px; overflow:hidden; border:1px solid var(--pc-border); border-radius:calc(var(--pc-radius) + 4px); padding:9px; color:var(--pc-text); font-family:var(--pc-font-family); background:linear-gradient(180deg,var(--pc-bg),var(--pc-bg-2)); box-shadow:0 24px 60px rgba(0,0,0,.30); }
.abt-preview-frame * { box-sizing:border-box; }
.abt-preview-topbar { display:grid; grid-template-columns:auto minmax(150px,1fr) auto; align-items:center; gap:12px; min-height:66px; padding:10px 12px; border:1px solid var(--pc-border); border-radius:var(--pc-radius); background:linear-gradient(180deg,var(--pc-surface-2),var(--pc-surface)); }
.abt-preview-brand { display:flex; align-items:center; gap:8px; min-width:0; }
.abt-preview-brand>span, .abt-preview-brand img { width:36px; height:36px; display:grid; place-items:center; object-fit:contain; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--pc-purple),var(--pc-purple-2)); }
.abt-preview-brand div, .abt-preview-title { display:grid; min-width:0; }
.abt-preview-brand b { font-size:11px; letter-spacing:.08em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.abt-preview-brand small { color:var(--pc-muted); font-size:7px; letter-spacing:.16em; white-space:nowrap; }
.abt-preview-title strong { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.abt-preview-title small { color:var(--pc-soft); font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.abt-preview-actions { display:flex; gap:5px; justify-content:flex-end; }
.abt-preview-actions button, .abt-preview-option button { border:1px solid var(--pc-border); border-radius:calc(var(--pc-radius) * .65); padding:7px 8px; background:var(--pc-surface); color:var(--pc-soft); font:inherit; font-size:8px; }
.abt-preview-actions button.primary, .abt-preview-option button.selected, .abt-preview-quote button { color:#fff; border-color:var(--pc-purple); background:linear-gradient(90deg,var(--pc-purple),var(--pc-purple-2)); }
.abt-preview-layout { display:grid; grid-template-columns:28% minmax(0,1fr) 29%; gap:8px; min-height:535px; margin-top:8px; }
.abt-preview-options, .abt-preview-quote, .abt-preview-price, .abt-preview-valid, .abt-preview-viewer>div { border:1px solid var(--pc-border); border-radius:var(--pc-radius); background:linear-gradient(180deg,var(--pc-surface-2),var(--pc-surface)); }
.abt-preview-options { padding:11px; }
.abt-preview-card-title { display:flex; gap:7px; align-items:center; padding-bottom:10px; border-bottom:1px solid var(--pc-border); }
.abt-preview-card-title>span { width:23px; height:23px; display:grid; place-items:center; border-radius:7px; color:#fff; background:var(--pc-purple); font-size:9px; font-weight:900; }
.abt-preview-card-title div, .abt-preview-option { display:grid; gap:3px; }
.abt-preview-card-title b, .abt-preview-option b { font-size:9px; }
.abt-preview-card-title small, .abt-preview-option small { color:var(--pc-muted); font-size:7px; }
.abt-preview-option { padding:13px 0; border-bottom:1px solid var(--pc-border); }
.abt-preview-option>div { display:flex; flex-wrap:wrap; gap:5px; margin-top:5px; }
.abt-preview-viewer { display:grid; grid-template-rows:minmax(0,1fr) 86px; gap:8px; }
.abt-preview-model { display:grid; place-items:center; align-content:center; gap:7px; color:var(--pc-muted); background:var(--pc-viewer)!important; }
.abt-preview-model .mud-icon-root { font-size:64px; color:var(--pc-purple); opacity:.55; }
.abt-preview-model span { font-size:8px; font-weight:900; letter-spacing:.18em; }
.abt-preview-summary { padding:12px; display:grid; gap:5px; }
.abt-preview-summary b { font-size:10px; }
.abt-preview-summary small { color:var(--pc-muted); font-size:8px; }
.abt-preview-side { display:grid; grid-template-rows:minmax(0,1fr) auto auto; gap:8px; }
.abt-preview-quote { padding:12px; display:grid; align-content:start; gap:8px; }
.abt-preview-quote>div { display:grid; gap:3px; }
.abt-preview-quote b { font-size:11px; }
.abt-preview-quote small { color:var(--pc-muted); font-size:7px; line-height:1.4; }
.abt-preview-quote input { min-height:32px; width:100%; border:1px solid var(--pc-border); border-radius:calc(var(--pc-radius) * .6); padding:0 8px; color:var(--pc-text); background:var(--pc-bg); font:inherit; font-size:8px; }
.abt-preview-quote button { min-height:34px; border-radius:calc(var(--pc-radius) * .65); font:inherit; font-size:8px; font-weight:800; }
.abt-preview-price { padding:12px; display:grid; gap:3px; }
.abt-preview-price small { color:var(--pc-muted); font-size:7px; }
.abt-preview-price strong { font-size:14px; }
.abt-preview-price span { color:var(--pc-muted); font-size:7px; line-height:1.35; }
.abt-preview-valid { display:flex; align-items:center; gap:8px; padding:10px; color:var(--pc-green); }
.abt-preview-valid span { display:grid; }
.abt-preview-valid b { color:var(--pc-text); font-size:8px; }
.abt-preview-valid small { color:var(--pc-muted); font-size:7px; }
.abt-publish-note { display:flex; gap:10px; margin-top:12px; padding:12px 14px; border:1px solid rgba(var(--ap-rgb-14-207-152), .20); border-radius:13px; background:rgba(var(--ap-rgb-14-207-152), .07); color:var(--ap-color-8be7cf); }
.abt-publish-note div { display:grid; gap:3px; }
.abt-publish-note strong { font-size:12px; }
.abt-publish-note span { color:var(--ap-color-91a7bf); font-size:11px; line-height:1.45; }
@media(max-width:1450px){.abt-workspace{grid-template-columns:1fr}.abt-preview-column{position:static}.abt-preview-frame{min-height:580px}}
@media(max-width:900px){.abt-target-bar{grid-template-columns:1fr;display:grid}.abt-scope-state{justify-content:flex-start}.abt-grid.two,.abt-grid.three,.abt-color-grid{grid-template-columns:1fr}.abt-presets{grid-template-columns:repeat(2,1fr)}.abt-preview-layout{grid-template-columns:1fr;}.abt-preview-frame{overflow:auto}.abt-preview-topbar{grid-template-columns:1fr}.abt-preview-actions{justify-content:flex-start}}


/* v499: explicit custom appearance activation */
.abt-settings-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 16px; }
.abt-settings-fieldset:disabled { opacity: .52; }
.abt-settings-fieldset:disabled .abt-card { filter: grayscale(.12); }
.abt-activation-card { border: 1px solid rgba(var(--ap-rgb-148-163-184), .22); }
.abt-activation-card.is-enabled { box-shadow: inset 3px 0 0 var(--ap-color-22c55e); }
.abt-activation-card.is-disabled { box-shadow: inset 3px 0 0 var(--ap-color-f59e0b); }
.abt-activation-state { display:flex; align-items:center; gap:10px; margin-top:14px; padding:11px 13px; border-radius:10px; background:rgba(var(--ap-rgb-148-163-184), .08); color:var(--ap-color-cbd5e1); font-size:13px; }
.abt-activation-card.is-enabled .abt-activation-state { color:var(--ap-color-86efac); }
.abt-activation-card.is-disabled .abt-activation-state { color:var(--ap-color-fcd34d); }
.abt-scope-badge.disabled { color:var(--ap-color-fcd34d); border-color:rgba(var(--ap-rgb-245-158-11), .35); background:rgba(var(--ap-rgb-245-158-11), .1); }
.abt-standard-preview-note { display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px; background:#fff7ed; color:#9a3412; border-bottom:1px solid #fed7aa; font:600 12px/1.35 var(--pc-font-family); }
.abt-preview-frame.is-standard-preview { outline:1px dashed rgba(245,158,11,.45); outline-offset:3px; }

/* v819o: Published Appearance aligned with the shared Admin Portal design system. */
.admin-portal-shell.abt-design-system .abt-shared-header,
.admin-portal-shell.abt-design-system .abt-shared-toolbar,
.admin-portal-shell.abt-design-system .abt-workspace {
    margin-inline: var(--ap-space-5);
}

.admin-portal-shell.abt-design-system .abt-shared-header {
    margin-top: var(--ap-space-5);
    margin-bottom: var(--ap-space-4);
}

.admin-portal-shell.abt-design-system .abt-target-bar {
    grid-template-columns: minmax(320px, 560px) minmax(0, 1fr);
    align-items: end;
    margin-top: 0;
    margin-bottom: var(--ap-space-4);
    padding: var(--ap-space-4);
    border: 1px solid var(--ap-border);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-surface);
    box-shadow: var(--ap-shadow-sm);
}

.admin-portal-shell.abt-design-system .abt-target-select { min-width: min(520px, 100%); }
.admin-portal-shell.abt-design-system .abt-scope-state { gap: var(--ap-space-3); }
.admin-portal-shell.abt-design-system .abt-scope-state small { color: var(--ap-text-muted); }

.admin-portal-shell.abt-design-system .abt-workspace {
    grid-template-columns: minmax(460px, .84fr) minmax(600px, 1.16fr);
    gap: var(--ap-space-4);
}

.admin-portal-shell.abt-design-system .abt-editor { gap: var(--ap-space-4); }
.admin-portal-shell.abt-design-system .abt-card.ap-card {
    padding: 0;
    border-color: var(--ap-border);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-surface);
    box-shadow: var(--ap-shadow-sm);
}
.admin-portal-shell.abt-design-system .abt-card.ap-card > .ap-card__body { padding: var(--ap-space-5); }

.admin-portal-shell.abt-design-system .abt-card-title { margin-bottom: var(--ap-space-4); }
.admin-portal-shell.abt-design-system .abt-card-title > span {
    border-radius: var(--ap-radius-md);
    background: var(--ap-primary-soft);
    color: var(--ap-primary);
}
.admin-portal-shell.abt-design-system .abt-card-title h2 {
    color: var(--ap-text-primary);
    font-size: var(--ap-font-size-lg);
    line-height: 1.25;
}
.admin-portal-shell.abt-design-system .abt-card-title p,
.admin-portal-shell.abt-design-system .abt-grid small,
.admin-portal-shell.abt-design-system .abt-switch small { color: var(--ap-text-muted); }
.admin-portal-shell.abt-design-system .abt-grid label,
.admin-portal-shell.abt-design-system .abt-color-field,
.admin-portal-shell.abt-design-system .abt-switch strong { color: var(--ap-text-secondary); }

.admin-portal-shell.abt-design-system .abt-card input:not([type="checkbox"]),
.admin-portal-shell.abt-design-system .abt-card select {
    min-height: var(--ap-control-height);
    border-color: var(--ap-border);
    border-radius: var(--ap-radius-md);
    background: var(--ap-surface-muted);
    color: var(--ap-text-primary);
}
.admin-portal-shell.abt-design-system .abt-card input:not([type="checkbox"]):hover,
.admin-portal-shell.abt-design-system .abt-card select:hover { border-color: var(--ap-border-strong); }
.admin-portal-shell.abt-design-system .abt-card input:not([type="checkbox"]):focus,
.admin-portal-shell.abt-design-system .abt-card select:focus {
    border-color: var(--ap-primary);
    box-shadow: var(--ap-focus-ring);
}

.admin-portal-shell.abt-design-system .abt-presets { gap: var(--ap-space-2); }
.admin-portal-shell.abt-design-system .abt-presets button {
    border-color: var(--ap-border);
    border-radius: var(--ap-radius-md);
    background: var(--ap-surface-muted);
    color: var(--ap-text-secondary);
}
.admin-portal-shell.abt-design-system .abt-presets button:hover,
.admin-portal-shell.abt-design-system .abt-presets button.active {
    border-color: var(--ap-primary);
    background: var(--ap-primary-soft);
    color: var(--ap-text-primary);
}

.admin-portal-shell.abt-design-system .abt-switch {
    border-color: var(--ap-border);
    border-radius: var(--ap-radius-md);
    background: var(--ap-surface-muted);
}
.admin-portal-shell.abt-design-system .abt-switch:hover { border-color: var(--ap-border-strong); }
.admin-portal-shell.abt-design-system .abt-switch > span { background: var(--ap-border-strong); }
.admin-portal-shell.abt-design-system .abt-switch input:checked + span { background: var(--ap-primary); }

.admin-portal-shell.abt-design-system .abt-preview-column { top: calc(var(--admin-topbar-height) + var(--ap-space-4)); }
.admin-portal-shell.abt-design-system .abt-preview-head { margin-bottom: var(--ap-space-3); }
.admin-portal-shell.abt-design-system .abt-preview-head span { color: var(--ap-text-muted); }
.admin-portal-shell.abt-design-system .abt-preview-head h2 { color: var(--ap-text-primary); }
.admin-portal-shell.abt-design-system .abt-preview-head small { color: var(--ap-text-muted); }
.admin-portal-shell.abt-design-system .abt-preview-frame {
    border-color: var(--ap-border);
    border-radius: var(--ap-radius-lg);
    box-shadow: var(--ap-shadow-md);
}

.admin-portal-shell.abt-design-system .abt-publish-note {
    border-color: color-mix(in srgb, var(--ap-success) 28%, transparent);
    border-radius: var(--ap-radius-md);
    background: var(--ap-success-soft);
    color: var(--ap-success);
}
.admin-portal-shell.abt-design-system .abt-publish-note span { color: var(--ap-text-secondary); }
.admin-portal-shell.abt-design-system .abt-activation-state {
    border-radius: var(--ap-radius-md);
    background: var(--ap-surface-muted);
    color: var(--ap-text-secondary);
}

@media (max-width: 1450px) {
    .admin-portal-shell.abt-design-system .abt-workspace { grid-template-columns: 1fr; }
    .admin-portal-shell.abt-design-system .abt-preview-column { position: static; }
}

@media (max-width: 900px) {
    .admin-portal-shell.abt-design-system .abt-shared-header,
    .admin-portal-shell.abt-design-system .abt-shared-toolbar,
    .admin-portal-shell.abt-design-system .abt-workspace,
    .admin-portal-shell.abt-design-system .abt-target-bar { grid-template-columns: 1fr; }
    .admin-portal-shell.abt-design-system .abt-scope-state { justify-content: flex-start; align-items: flex-start; flex-direction: column; }
}