/* ============================================================================
   BARBAROS — premium.css (premium batch 1)
   ----------------------------------------------------------------------------
   The TRUE last stylesheet on orders.html (linked after v1-credits.css).
   Selectors are written `html[data-buld-theme] .x` (0,2,1) and `html[data-buld-theme="dark"] .x` for the
   dark deltas: they beat every legacy class rule by specificity and tie buld-theme.css, winning by order.
   Tokens only (--buld-*, --bx-*, --p-*). No inline styles. No !important outside the collision list.

   collision list — the only !important declarations in this file, each one fighting a legacy
   !important rule that cannot be deleted yet:
     1. `.p-search input` — buld-theme.css INPUTS block forces bg/border/radius with !important on
        every input[type="search"]; the search field inside the pill must be chromeless.
     2-5. see section 9 (launch card children, #ordersSearch, chip dots, [hidden] badges).
     6. `.sw-input` / `.sw-select` / `.sw-slug__input` (section 17) — buld-theme.css UNIFIED INPUTS forces
        bg/border/radius 12px with !important on every text input; the wizard controls are 10px and the
        slug input sits chromeless inside its pill.
     7. `.geo-hero-pulse` (section 20) — orders.css `body.dark .geo-hero-pulse` forces a green pill with
        !important; the "En direct" chip is a neutral hairline chip in both themes.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   0. Premium tokens + z ladder
   ---------------------------------------------------------------------------- */
:root {
    --p-card-bg: var(--buld-elevated-2);        /* light: #FFFFFF */
    --p-card-border: var(--buld-hairline);
    --p-card-radius: 12px;
    --p-control-h: 32px;
    --p-chip-h: 28px;

    --p-z-topbar: 100;
    --p-z-flyout: 110;
    --p-z-menu:   120;
    --p-z-drawer: 130;
    --p-z-modal:  140;
    --p-z-toast:  150;
}
html[data-buld-theme="dark"] {
    --p-card-bg: var(--buld-elevated);          /* dark: the warm #4f4a54 signature surface */
}

/* ----------------------------------------------------------------------------
   0.2 Light identity (batch 6) — navy-based neutrals instead of flat greys, a cool page tint with an
   ambient brand wash at the top, blue-tinted elevation shadows, gradient primaries. The dark theme keeps
   the warm #4f4a54 signature untouched. Tokens only: every component below inherits the identity.
   ---------------------------------------------------------------------------- */
/* v2 (batch 8) — "azure paper": the merchant asked for a light mode with zero pure white.
   Every surface is a blue-tinted paper tone; depth comes from colour, not from #FFFFFF. */
:root[data-buld-theme="light"] {
    --buld-page:        #E3EAF6;
    --buld-elevated:    #D6E0F0;
    --buld-elevated-2:  #F2F6FD;   /* cards, inputs, menus — tinted paper, never white */
    --buld-surface-2:   #E9EFF9;
    --buld-hover:       #CBD8EC;
    --buld-ink-1:       #0F1B33;
    --buld-ink-2:       #33415C;
    --buld-ink-3:       #5E6F8F;
    --buld-ink-4:       #8B9BB8;
    --buld-divider:     #AFC1DC;
    --buld-hairline:    rgba(23, 51, 108, 0.12);
    --buld-topbar-bg:   rgba(233, 239, 249, 0.60);
    --buld-shadow:      0 2px 14px rgba(23, 51, 108, 0.08);
    --bx-shadow-1: 0 1px 2px rgba(23, 51, 108, .05), 0 12px 32px -22px rgba(0, 113, 227, .38);
    --bx-shadow-2: 0 2px 8px rgba(23, 51, 108, .07), 0 22px 48px -24px rgba(0, 113, 227, .32);
    --p-card-border: rgba(23, 51, 108, 0.09);
}
html[data-buld-theme="light"] body {
    background-color: var(--buld-page);
    background-image: radial-gradient(1200px 460px at 10% -10%, rgba(0, 113, 227, .16), transparent 60%),
                      radial-gradient(1000px 420px at 102% -6%, rgba(90, 200, 250, .15), transparent 58%),
                      radial-gradient(900px 520px at 50% 114%, rgba(41, 151, 255, .10), transparent 62%),
                      linear-gradient(180deg, #E9EFF9 0%, #E3EAF6 44%, #DDE6F4 100%);
    background-attachment: fixed;
}
html[data-buld-theme="light"] .ap-nav-main { background: var(--buld-topbar-bg); box-shadow: 0 1px 0 rgba(0, 113, 227, .06); position: relative; }
/* the signature: a 3px brand ribbon along the very top of the app */
html[data-buld-theme="light"] .ap-nav-main::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, #0071E3 0%, #2997FF 45%, #5AC8FA 100%); z-index: 1; }
html[data-buld-theme="light"] .ap-nav-link { color: var(--buld-ink-2); }
html[data-buld-theme="light"] .ap-nav-link.is-active, html[data-buld-theme="light"] .ap-nav-link[aria-current] { color: var(--buld-ink-1); }
html[data-buld-theme="light"] .panel-header h1::before, html[data-buld-theme="light"] .lps-head h1::before { content: ''; display: inline-block; width: 4px; height: 18px; border-radius: 4px; background: linear-gradient(180deg, #2997FF, #0071E3); margin-inline-end: 10px; vertical-align: -2px; }
html[data-buld-theme="light"] .bx-btn--primary {
    background: linear-gradient(180deg, #1E8BFF 0%, #0071E3 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 6px 16px -8px rgba(0, 113, 227, .7);
}
html[data-buld-theme="light"] .bx-btn--primary:hover:not(:disabled) { background: linear-gradient(180deg, #1A80F0 0%, #0066CC 100%); }
html[data-buld-theme="light"] .p-card,
html[data-buld-theme="light"] .yaya-scope .orders-table,
html[data-buld-theme="light"] #panel-all-orders .orders-kpi-row { box-shadow: var(--bx-shadow-1); }
html[data-buld-theme="light"] #panel-all-orders .orders-kpi-icon,
html[data-buld-theme="light"] #panel-overview .orders-kpi-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 9px; background: var(--buld-cta-soft); color: var(--buld-cta);
}
html[data-buld-theme="light"] .orders-kpi-icon svg { width: 16px; height: 16px; }
html[data-buld-theme="light"] .panel-header h1, html[data-buld-theme="light"] .panel-header h2 { color: var(--buld-ink-1); letter-spacing: -0.03em; }
html[data-buld-theme="light"] .yaya-scope .filter-pill.active,
html[data-buld-theme="light"] .yaya-scope .p-chip.active { background: var(--buld-ink-1); color: #fff; border-color: var(--buld-ink-1); }
html[data-buld-theme="light"] .yaya-scope .p-chip.active .p-chip__count { background: rgba(255, 255, 255, .18); color: #fff; }
html[data-buld-theme="light"] .yaya-scope .p-chip.active .p-chip__dot { box-shadow: 0 0 0 2px rgba(255, 255, 255, .35); }

/* ----------------------------------------------------------------------------
   0.1 Primitives — defined once, reused everywhere
   ---------------------------------------------------------------------------- */

/* .p-card — one card surface for the whole batch */
html[data-buld-theme] .p-card {
    background: var(--p-card-bg);
    background-image: none;
    border: 1px solid var(--p-card-border);
    border-radius: var(--p-card-radius);
    box-shadow: none;
    color: var(--buld-ink-1);
}
html[data-buld-theme="light"] .p-card { box-shadow: var(--bx-shadow-1); }

/* .p-iconbtn — 32px square, quiet, lifts on hover */
html[data-buld-theme] .p-iconbtn {
    position: relative;
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; padding: 0; flex-shrink: 0;
    border: 0; border-radius: 10px;
    background: transparent; color: var(--buld-ink-2);
    font-family: inherit; font-size: 0; line-height: 1;
    cursor: pointer;
    transition: background var(--bx-dur-hover) var(--bx-ease), color var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .p-iconbtn:hover { background: var(--buld-hover); color: var(--buld-ink-1); }
html[data-buld-theme] .p-iconbtn:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] .p-iconbtn svg,
html[data-buld-theme] .p-iconbtn i { width: 18px; height: 18px; flex-shrink: 0; }

/* .p-chip — calm status chip: hairline, ink-2, a 6px dot carries the status colour */
html[data-buld-theme] .p-chip,
html[data-buld-theme] .yaya-scope .filter-pill {
    display: inline-flex; align-items: center; gap: 7px;
    height: var(--p-chip-h); padding: 0 10px;
    border-radius: 999px; border: 1px solid var(--buld-hairline);
    background: transparent; background-image: none;
    color: var(--buld-ink-2);
    font-family: inherit; font-size: 12.5px; font-weight: 500; line-height: 1; letter-spacing: 0;
    white-space: nowrap; cursor: pointer;
    box-shadow: none; transform: none;
    transition: background var(--bx-dur-hover) var(--bx-ease),
                border-color var(--bx-dur-hover) var(--bx-ease),
                color var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .p-chip:hover,
html[data-buld-theme] .yaya-scope .filter-pill:hover {
    background: var(--buld-hover); color: var(--buld-ink-1);
    transform: none; box-shadow: none;
}
html[data-buld-theme] .p-chip:focus-visible,
html[data-buld-theme] .yaya-scope .filter-pill:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] .p-chip.is-active,
html[data-buld-theme] .p-chip.active,
html[data-buld-theme] .yaya-scope .filter-pill.active {
    background: var(--buld-cta-soft);
    border-color: var(--buld-cta);
    color: var(--buld-ink-1);
    transform: none; box-shadow: none;
}
html[data-buld-theme] .p-chip svg,
html[data-buld-theme] .p-chip i,
html[data-buld-theme] .yaya-scope .filter-pill svg,
html[data-buld-theme] .yaya-scope .filter-pill i { width: 14px; height: 14px; flex-shrink: 0; }
html[data-buld-theme] .p-chip .p-chip__dot {
    width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0;
    background: var(--buld-ink-4);
}
html[data-buld-theme] .p-chip .p-chip__dot[data-tone="neutral"] { background: var(--buld-ink-4); }
html[data-buld-theme] .p-chip .p-chip__dot[data-tone="info"]    { background: var(--buld-cta); }
html[data-buld-theme] .p-chip .p-chip__dot[data-tone="success"] { background: var(--buld-success); }
html[data-buld-theme] .p-chip .p-chip__dot[data-tone="warning"] { background: var(--buld-warning); }
html[data-buld-theme] .p-chip .p-chip__dot[data-tone="danger"]  { background: var(--buld-danger); }
html[data-buld-theme] .p-chip__count,
html[data-buld-theme] .p-chip .pill-count,
html[data-buld-theme] .yaya-scope .filter-pill .pill-count {
    margin: 0; padding: 0; border-radius: 0;
    background: transparent; color: var(--buld-ink-3);
    font-family: inherit; font-size: 12px; font-weight: 500;
    font-variant-numeric: tabular-nums; line-height: 1;
}
html[data-buld-theme] .p-chip.is-active .p-chip__count,
html[data-buld-theme] .p-chip.active .p-chip__count,
html[data-buld-theme] .yaya-scope .filter-pill.active .pill-count { color: var(--buld-ink-2); }

/* .p-empty — the one empty state */
html[data-buld-theme] .p-empty {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 6px; padding: 48px 24px; text-align: center;
}
html[data-buld-theme] .p-empty__icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; margin-bottom: 8px; border-radius: 14px;
    background: var(--buld-hover); color: var(--buld-ink-3);
}
html[data-buld-theme] .p-empty__icon svg,
html[data-buld-theme] .p-empty__icon i { width: 22px; height: 22px; }
html[data-buld-theme] .p-empty__title { margin: 0; font-size: 15px; font-weight: 600; color: var(--buld-ink-1); }
html[data-buld-theme] .p-empty__hint {
    margin: 0; max-width: 420px;
    font-size: 13px; line-height: 1.5; color: var(--buld-ink-3);
}
html[data-buld-theme] .p-empty__actions {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px;
}
html[data-buld-theme] .p-empty--compact { padding: 18px 12px 12px; gap: 3px; }
html[data-buld-theme] .p-empty--compact .p-empty__icon { width: 36px; height: 36px; border-radius: 10px; margin-bottom: 4px; }
html[data-buld-theme] .p-empty--compact .p-empty__icon svg,
html[data-buld-theme] .p-empty--compact .p-empty__icon i { width: 18px; height: 18px; }
html[data-buld-theme] .p-empty--compact .p-empty__title { font-size: 13.5px; }
html[data-buld-theme] .p-empty--compact .p-empty__hint { font-size: 12px; }

/* .p-search — 32px pill search field */
html[data-buld-theme] .p-search {
    display: inline-flex; align-items: center; gap: 8px;
    height: var(--p-control-h); width: 280px; max-width: 100%;
    padding: 0 12px; margin-inline-start: auto;
    border-radius: 999px; border: 1px solid var(--buld-hairline);
    background: var(--p-card-bg); color: var(--buld-ink-3);
    transition: border-color var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .p-search:focus-within { border-color: var(--buld-cta); box-shadow: 0 0 0 3px var(--buld-cta-soft); }
html[data-buld-theme] .p-search svg,
html[data-buld-theme] .p-search i { width: 16px; height: 16px; flex-shrink: 0; color: var(--buld-ink-3); }
html[data-buld-theme] .p-search input {
    /* collision list #1 — buld-theme forces chrome on input[type="search"] with !important */
    flex: 1; min-width: 0; width: 100%;
    height: 100% !important; padding: 0 !important; margin: 0;
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
    box-shadow: none !important; outline: none;
    color: var(--buld-ink-1) !important; font-family: inherit; font-size: 13px !important;
}
html[data-buld-theme] .p-search input::placeholder { color: var(--buld-ink-4); }
html[data-buld-theme] .p-search input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }

/* .bx-btn — one button scale: 32px (sm 28px), pill, primary = CTA, secondary = divider outline */
html[data-buld-theme] .bx-btn {
    height: var(--p-control-h); padding: 0 14px; gap: 6px;
    border-radius: 999px;
    font-family: inherit; font-size: 13px; font-weight: 500; letter-spacing: -0.01em;
    box-shadow: none;
}
html[data-buld-theme] .bx-btn--sm { height: 28px; padding: 0 12px; font-size: 12.5px; }
html[data-buld-theme] .bx-btn--lg { height: 36px; padding: 0 18px; font-size: 14px; }
html[data-buld-theme] .bx-btn svg,
html[data-buld-theme] .bx-btn i { width: 16px; height: 16px; flex-shrink: 0; }
html[data-buld-theme] .bx-btn--sm svg,
html[data-buld-theme] .bx-btn--sm i { width: 14px; height: 14px; }
html[data-buld-theme] .bx-btn--primary { background: var(--buld-cta); color: var(--bx-action-ink); border-color: transparent; }
html[data-buld-theme] .bx-btn--primary:hover:not(:disabled) { background: var(--buld-cta-hover); }
html[data-buld-theme] .bx-btn--secondary { background: transparent; color: var(--buld-ink-1); border: 1px solid var(--buld-divider); }
html[data-buld-theme] .bx-btn--secondary:hover:not(:disabled) { background: var(--buld-hover); }
html[data-buld-theme] .bx-btn--ghost { background: transparent; color: var(--buld-ink-2); border-color: transparent; }
html[data-buld-theme] .bx-btn--ghost:hover:not(:disabled) { background: var(--buld-hover); color: var(--buld-ink-1); }
html[data-buld-theme] .bx-btn--danger { background: var(--buld-danger); color: var(--bx-action-ink); border-color: transparent; }
html[data-buld-theme] .bx-btn:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }

/* ----------------------------------------------------------------------------
   1. Topbar — right cluster (32px controls, gap 10), credits chip, avatar, account menu, bell
   ---------------------------------------------------------------------------- */
html[data-buld-theme] .ap-nav-left { gap: 8px; min-width: 0; }
html[data-buld-theme] .ap-store-host { display: inline-flex; align-items: center; min-width: 0; margin-inline-start: 6px; }
html[data-buld-theme] .ap-nav-right { gap: 10px; flex-shrink: 0; flex-wrap: nowrap; }
html[data-buld-theme] .ap-nav-right > * { flex-shrink: 0; }

/* icon-only theme toggle (legacy .ap-theme-toggle was a 22px text pill) */
html[data-buld-theme] .ap-nav-right .ap-theme-toggle {
    width: 32px; height: 32px; padding: 0; gap: 0;
    border-radius: 10px; border: 0;
    background: transparent; color: var(--buld-ink-2);
    font-size: 0; line-height: 1;
}
html[data-buld-theme] .ap-nav-right .ap-theme-toggle:hover { background: var(--buld-hover); color: var(--buld-ink-1); }
html[data-buld-theme] .ap-nav-right .ap-theme-toggle svg { width: 18px; height: 18px; }
html[data-buld-theme] .ap-nav-right .ap-theme-toggle span { display: none; }

/* bell */
html[data-buld-theme] .ap-notif-btn svg { width: 18px; height: 18px; }
html[data-buld-theme] .ap-notif-dot {
    top: 3px; inset-inline-end: 3px;
    min-width: 14px; height: 14px; line-height: 14px; padding: 0 3px;
    font-size: 9px; font-weight: 700;
    background: var(--buld-danger); color: var(--bx-action-ink);
    box-shadow: 0 0 0 2px var(--buld-page);
}
html[data-buld-theme] .ap-notif-dot[hidden] { display: none; }

/* wallet (batch 7) — the Manus register: a quiet counter (zap · 9 999) that opens the credits
   popover, and "Recharger" as a plain accent text action. No pill, no gradient, no box. */
html[data-buld-theme] .ap-wallet { display: inline-flex; align-items: center; gap: 2px; }
html[data-buld-theme] body .ap-wallet-bal {
    display: inline-flex; align-items: center; gap: 7px;
    height: 32px; padding: 0 10px; margin: 0; border: 0; border-radius: 9px;
    background: transparent; color: var(--buld-ink-1);
    font-family: inherit; font-size: 13.5px; font-weight: 700; line-height: 1; letter-spacing: -.01em;
    font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer; box-shadow: none;
    transition: background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] body .ap-wallet-bal:hover { background: var(--buld-hover); }
html[data-buld-theme="dark"] body .ap-wallet-bal:hover { background: rgba(255, 255, 255, .08); }
html[data-buld-theme] .ap-wallet-bal:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] .ap-wallet-bal > svg,
html[data-buld-theme] .ap-wallet-bal > i { width: 14px; height: 14px; flex-shrink: 0; color: var(--buld-cta); }
html[data-buld-theme] .ap-wallet-n { min-width: 1ch; }
html[data-buld-theme] .ap-wallet-u { font-weight: 500; font-size: 12px; color: var(--buld-ink-3); }
html[data-buld-theme] body .ap-wallet-add {
    display: inline-flex; align-items: center; gap: 5px;
    height: 32px; padding: 0 10px; margin: 0; border: 0; border-radius: 9px;
    background: transparent; color: var(--buld-cta);
    font-family: inherit; font-size: 13.5px; font-weight: 600; line-height: 1; letter-spacing: -.01em;
    white-space: nowrap; cursor: pointer; box-shadow: none;
    transition: background var(--bx-dur-hover) var(--bx-ease), color var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] body .ap-wallet-add:hover { background: var(--buld-cta-soft); }
html[data-buld-theme] .ap-wallet-add:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] .ap-wallet-add svg, html[data-buld-theme] .ap-wallet-add i { width: 14px; height: 14px; stroke-width: 2.5; }
html[data-buld-theme] .ap-wallet-bal.is-loading { opacity: .6; }
html[data-buld-theme] .ap-wallet-bal.is-low .ap-wallet-n { color: var(--buld-danger); }
html[data-buld-theme] .ap-wallet-bal.is-low > svg,
html[data-buld-theme] .ap-wallet-bal.is-low > i { color: var(--buld-danger); }
html[data-buld-theme] .ap-wallet-bal.is-error .ap-wallet-n { color: var(--buld-ink-3); }
html[data-buld-theme] .ap-wallet-bal.is-error .ap-wallet-u { display: none; }
html[data-buld-theme] body .ap-wallet-add.needs-attention { animation: apRechargeAttention 2.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { html[data-buld-theme] body .ap-wallet-add.needs-attention { animation: none; outline: 2px solid var(--buld-cta); outline-offset: 2px; } }

/* avatar — flat CTA blue disc, white initial */
html[data-buld-theme] .ap-avatar-btn { margin-inline-start: 0; }
html[data-buld-theme] .ap-avatar-btn:hover { transform: none; }
html[data-buld-theme] .ap-avatar {
    width: 32px; height: 32px;
    background: var(--buld-cta); background-image: none;
    color: var(--bx-action-ink); box-shadow: none;
    font-size: 13px; font-weight: 600;
}
html[data-buld-theme] .ap-avatar--lg { width: 44px; height: 44px; font-size: 18px; }
html[data-buld-theme] .ap-account.is-open .ap-avatar { box-shadow: 0 0 0 3px var(--buld-cta-soft); }

/* account menu — .p-card look, 280 wide */
html[data-buld-theme] .ap-account-menu {
    width: 280px; min-width: 280px; padding: 6px;
    background: var(--p-card-bg); background-image: none;
    border: 1px solid var(--p-card-border); border-radius: var(--p-card-radius);
    box-shadow: var(--bx-shadow-3);
    z-index: var(--p-z-menu);
}
html[data-buld-theme] .ap-account-head { padding: 10px 10px 8px; }
html[data-buld-theme] .ap-account-plan-row { padding: 2px 10px 10px; }
html[data-buld-theme] .ap-account-sep { height: 1px; margin: 4px 2px; background: var(--buld-hairline); }
html[data-buld-theme] .ap-account-item {
    width: 100%; padding: 8px 10px; border-radius: 8px;
    font-size: 13px; font-weight: 500; color: var(--buld-ink-1);
    background: transparent; border: 0; text-decoration: none;
}
html[data-buld-theme] .ap-account-item:hover { background: var(--buld-hover); }
html[data-buld-theme] .ap-account-item:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: -2px; }
html[data-buld-theme] .ap-account-item svg,
html[data-buld-theme] .ap-account-item i { width: 16px; height: 16px; opacity: 1; color: var(--buld-ink-3); }
html[data-buld-theme] .ap-account-item--danger { color: var(--buld-danger); }
html[data-buld-theme] .ap-account-item--danger svg,
html[data-buld-theme] .ap-account-item--danger i { color: var(--buld-danger); }
html[data-buld-theme] .ap-account-item--danger:hover { background: var(--buld-danger-soft); }
html[data-buld-theme] .ap-account-item .ap-account-check,
html[data-buld-theme] .ap-account-item .ap-account-credits { margin-inline-start: auto; }
html[data-buld-theme] .ap-account-item .ap-account-check { width: 14px; height: 14px; color: var(--buld-cta); }
html[data-buld-theme] .ap-account-item.is-active { color: var(--buld-ink-1); font-weight: 600; }

/* bell drawer — rows and actions with tokens (the inline styles were moved to these classes) */
html[data-buld-theme] .ap-notif-drawer {
    background: var(--p-card-bg);
    border-inline-start: 1px solid var(--p-card-border);
    box-shadow: var(--bx-shadow-3);
}
html[data-buld-theme] .ap-notif-item { padding: 12px 14px; border-radius: 10px; }
html[data-buld-theme] .ap-notif-item.is-unread { background: var(--buld-cta-soft); }
html[data-buld-theme] .ap-notif-item h3 { font-size: 13.5px; }
html[data-buld-theme] .ap-notif-item p { font-size: 12.5px; }
html[data-buld-theme] .ap-notif-row { display: flex; align-items: flex-start; gap: 10px; }
html[data-buld-theme] .ap-notif-row > * { min-width: 0; }
html[data-buld-theme] .ap-notif-row > svg,
html[data-buld-theme] .ap-notif-row > i { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; color: var(--buld-ink-3); }
html[data-buld-theme] .ap-notif-act {
    display: inline-flex; align-items: center; gap: 6px;
    height: 28px; padding: 0 10px; margin-top: 6px;
    border-radius: 999px; border: 1px solid var(--buld-divider);
    background: transparent; color: var(--buld-ink-1);
    font-family: inherit; font-size: 12.5px; font-weight: 500; line-height: 1;
    cursor: pointer; text-decoration: none;
    transition: background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .ap-notif-act:hover { background: var(--buld-hover); }
html[data-buld-theme] .ap-notif-act svg,
html[data-buld-theme] .ap-notif-act i { width: 14px; height: 14px; }
html[data-buld-theme] .ap-notif-readall { border-radius: 999px; height: 32px; padding: 0 12px; border-color: var(--buld-divider); color: var(--buld-ink-1); }

/* topbar flyouts sit on the ladder too */
html[data-buld-theme] .ap-nav-flyout { z-index: var(--p-z-flyout); }

/* ----------------------------------------------------------------------------
   2. Store switcher (topbar, left of the groups)
   ---------------------------------------------------------------------------- */
html[data-buld-theme] #store-switcher,
html[data-buld-theme] .store-switcher {
    position: relative; display: inline-flex; align-items: center;
    width: auto; background: transparent; border: 0; box-shadow: none;
}
html[data-buld-theme] .store-switcher-btn {
    display: inline-flex; align-items: center; gap: 8px;
    height: 32px; max-width: 220px; padding: 0 8px 0 5px;
    border: 0; border-radius: 10px;
    background: transparent; color: var(--buld-ink-1);
    font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1;
    cursor: pointer;
    transition: background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .store-switcher-btn:hover,
html[data-buld-theme] .store-switcher.open .store-switcher-btn { background: var(--buld-hover); border-color: transparent; }
html[data-buld-theme] .store-switcher-btn:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] .store-switcher-avatar {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; flex-shrink: 0; border-radius: 6px;
    background: var(--buld-cta-soft); background-image: none;
    color: var(--buld-cta); font-size: 11px; font-weight: 700; line-height: 1;
}
html[data-buld-theme] .store-switcher-name {
    flex: 1; min-width: 0; max-width: 160px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: 13px; font-weight: 500; color: var(--buld-ink-1);
}
html[data-buld-theme] .store-switcher-chevron,
html[data-buld-theme] .store-switcher-btn > svg:last-child { width: 14px; height: 14px; flex-shrink: 0; color: var(--buld-ink-3); }

/* dropdown — anchored under the button, .p-card + shadow-3 */
html[data-buld-theme] .store-switcher-dropdown {
    position: absolute; top: calc(100% + 8px); inset-inline-start: 0; inset-inline-end: auto;
    width: 300px; min-width: 300px; max-width: 300px; padding: 6px;
    background: var(--p-card-bg); background-image: none;
    border: 1px solid var(--p-card-border); border-radius: var(--p-card-radius);
    box-shadow: var(--bx-shadow-3);
    color: var(--buld-ink-1);
    z-index: var(--p-z-menu);
}
html[data-buld-theme] .ss-header {
    padding: 8px 10px 6px;
    font-family: inherit; font-size: 11px; font-weight: 600; line-height: 1;
    text-transform: uppercase; letter-spacing: .06em; color: var(--buld-ink-3);
}
html[data-buld-theme] .ss-item {
    display: flex; align-items: center; gap: 10px;
    min-height: 44px; padding: 6px 10px; border-radius: 8px;
    color: var(--buld-ink-1); background: transparent;
    font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.3;
    cursor: pointer;
    transition: background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .ss-item:hover { background: var(--buld-hover); }
html[data-buld-theme] .ss-item .store-switcher-avatar,
html[data-buld-theme] .ss-item-avatar {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px;
    background: var(--buld-cta-soft); color: var(--buld-cta);
    font-size: 12px; font-weight: 700;
}
html[data-buld-theme] .ss-item-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html[data-buld-theme] .ss-item-name { font-size: 13px; font-weight: 500; color: var(--buld-ink-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] .ss-item-domain { font-size: 11.5px; color: var(--buld-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] .ss-item-check { width: 14px; height: 14px; flex-shrink: 0; color: var(--buld-cta); opacity: 0; }
html[data-buld-theme] .ss-item.is-active .ss-item-check,
html[data-buld-theme] .ss-item.active .ss-item-check { opacity: 1; }
html[data-buld-theme] .ss-item-eye {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px;
    color: var(--buld-ink-3); background: transparent; text-decoration: none;
}
html[data-buld-theme] .ss-item-eye:hover { background: var(--buld-elevated); color: var(--buld-ink-1); }
html[data-buld-theme] .ss-item-eye svg { width: 14px; height: 14px; }
html[data-buld-theme] .ss-empty { padding: 6px 4px 8px; color: var(--buld-ink-3); font-size: 12px; text-align: center; }
html[data-buld-theme] .ss-divider { height: 1px; margin: 6px 4px; background: var(--buld-hairline); }
html[data-buld-theme] a.ss-lp { text-decoration: none; }
html[data-buld-theme] .ss-lp .ss-lp-ic { background: var(--buld-elevated); color: var(--buld-ink-2); }
html[data-buld-theme] .ss-lp .ss-lp-ic svg { width: 14px; height: 14px; }
html[data-buld-theme] .ss-lp:hover .ss-item-eye { color: var(--buld-cta); }
html[data-buld-theme] .store-switcher-dropdown { max-height: min(78vh, 620px); overflow-y: auto; overscroll-behavior: contain; }
html[data-buld-theme] .ss-actions {
    display: flex; flex-direction: column; gap: 2px;
    margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--buld-hairline);
}
html[data-buld-theme] .ss-action {
    display: flex; align-items: center; gap: 10px; width: 100%;
    height: 36px; padding: 0 10px; border: 0; border-radius: 8px;
    background: transparent; color: var(--buld-ink-1); text-align: start;
    font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1;
    cursor: pointer;
    transition: background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .ss-action:hover { background: var(--buld-hover); }
html[data-buld-theme] .ss-action:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: -2px; }
html[data-buld-theme] .ss-action svg,
html[data-buld-theme] .ss-action i { width: 16px; height: 16px; flex-shrink: 0; color: var(--buld-ink-3); }

/* ----------------------------------------------------------------------------
   3. Launch card (compact, inside #panel-overview) + hidden note
   ---------------------------------------------------------------------------- */
html[data-buld-theme] .launch-card {
    display: flex; align-items: center; gap: 16px;
    padding: 14px 16px; margin: 0 0 18px;
}
html[data-buld-theme] .launch-card[hidden],
html[data-buld-theme] .ls-hidden-note[hidden] { display: none; }
html[data-buld-theme] .launch-card__ring {
    --p: 0;
    position: relative; width: 44px; height: 44px; flex-shrink: 0;
}
html[data-buld-theme] .launch-card__ring svg { display: block; width: 44px; height: 44px; transform: rotate(-90deg); }
html[data-buld-theme] .launch-card__track { fill: none; stroke: var(--buld-hover); stroke-width: 3; }
html[data-buld-theme] .launch-card__bar {
    fill: none; stroke: var(--buld-cta); stroke-width: 3; stroke-linecap: round;
    stroke-dasharray: calc(var(--p, 0) * 0.9738) 100;
    transition: stroke-dasharray var(--bx-dur-layout) var(--bx-ease);
}
html[data-buld-theme] .launch-card__pct {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 600; color: var(--buld-ink-1);
    font-variant-numeric: tabular-nums;
}
html[data-buld-theme] .launch-card__text { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
html[data-buld-theme] .launch-card__title { font-size: 14px; font-weight: 600; color: var(--buld-ink-1); letter-spacing: -0.01em; }
html[data-buld-theme] .launch-card__meta { font-size: 12px; color: var(--buld-ink-3); }
html[data-buld-theme] .launch-card__hint { font-size: 13px; color: var(--buld-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] .launch-card__hint:empty { display: none; }
html[data-buld-theme] .launch-card__actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
html[data-buld-theme] .ls-hidden-note { margin: 0 0 16px; font-size: 12px; color: var(--buld-ink-3); }

/* ----------------------------------------------------------------------------
   5. Orders list — KPI strip, chip row, search, table skin, footer, pagination
   ---------------------------------------------------------------------------- */

/* 5.2 KPI strip: one .p-card, transparent cells, hairline separators */
html[data-buld-theme] #panel-all-orders .orders-kpi-row {
    gap: 0; margin-bottom: 16px; overflow: hidden;
    background: var(--p-card-bg); background-image: none;
    border: 1px solid var(--p-card-border); border-radius: var(--p-card-radius);
    box-shadow: none;
}
html[data-buld-theme="light"] #panel-all-orders .orders-kpi-row { box-shadow: var(--bx-shadow-1); }
html[data-buld-theme] #panel-all-orders .orders-kpi-card {
    position: relative; min-height: 0;
    background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
html[data-buld-theme] #panel-all-orders .orders-kpi-card:hover { background: transparent; }
html[data-buld-theme] #panel-all-orders .orders-kpi-card + .orders-kpi-card::before {
    content: ""; position: absolute; inset-inline-start: 0; top: 14px; bottom: 14px; width: 1px;
    background: var(--p-card-border);
}
html[data-buld-theme] #panel-all-orders .orders-kpi-icon { margin-bottom: 8px; color: var(--buld-ink-4); opacity: 1; }
html[data-buld-theme] #panel-all-orders .orders-kpi-label {
    display: block; margin: 0; padding: 0; border-bottom: 0;
    font-size: 11.5px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase;
    color: var(--buld-ink-3);
}
html[data-buld-theme] #panel-all-orders .orders-kpi-value {
    margin-top: 4px;
    font-size: 22px; font-weight: 600; line-height: 1.1; letter-spacing: -0.02em;
    color: var(--buld-ink-1); font-variant-numeric: tabular-nums;
}
html[data-buld-theme] #panel-all-orders #ordersStatRevenue { font-size: 18px; }
html[data-buld-theme] #panel-all-orders .orders-kpi-delta { margin-top: 4px; font-size: 12px; font-weight: 500; }
html[data-buld-theme] #panel-all-orders .orders-kpi-delta.is-up { color: var(--buld-success); }
html[data-buld-theme] #panel-all-orders .orders-kpi-delta.is-down { color: var(--buld-danger); }
html[data-buld-theme] #panel-all-orders .orders-kpi-spark { display: none; }   /* sparklines stay on the overview only */

/* 5.3 chip row: a bare row, chips + search at the end (no card around it) */
html[data-buld-theme] .yaya-scope .toolbar {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
html[data-buld-theme] .yaya-scope .toolbar-sep { background: var(--buld-hairline); }
html[data-buld-theme] .yaya-scope .toolbar .p-search { margin-inline-start: auto; }

/* 5.4 table: coss skin on the .p-card surface */
html[data-buld-theme] .yaya-scope .orders-table {
    background: var(--p-card-bg); background-image: none;
    border: 1px solid var(--p-card-border); border-radius: var(--p-card-radius);
    box-shadow: none; overflow: auto;   /* auto, not hidden: the sticky header needs the scroll container */
}
html[data-buld-theme="light"] .yaya-scope .orders-table { box-shadow: var(--bx-shadow-1); }
html[data-buld-theme] .yaya-scope .table-head {
    background: var(--buld-page);
    border-bottom: 1px solid var(--p-card-border);
    font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
    color: var(--buld-ink-3);
}
html[data-buld-theme] .yaya-scope .table-row { border-bottom: 1px solid var(--p-card-border); }
html[data-buld-theme] .yaya-scope .table-row:last-child { border-bottom: 0; }

/* footer + pagination */
html[data-buld-theme] #panel-all-orders .table-footer {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
    margin-top: 14px; padding: 4px 2px 0; border-top: 0;
    color: var(--buld-ink-3); font-size: 12.5px;
}
html[data-buld-theme] #panel-all-orders .table-footer-start { gap: 14px; }
html[data-buld-theme] #panel-all-orders .table-info,
html[data-buld-theme] #panel-all-orders #tableInfo,
html[data-buld-theme] #panel-all-orders .per-page-label { color: var(--buld-ink-3); font-size: 12.5px; font-weight: 400; }
html[data-buld-theme] #panel-all-orders .per-page-select {
    height: 28px; padding: 0 8px; border-radius: 8px;
    border: 1px solid var(--buld-divider); background: var(--p-card-bg); color: var(--buld-ink-1);
    font-family: inherit; font-size: 12.5px; cursor: pointer;
}
html[data-buld-theme] .yaya-scope .pagination,
html[data-buld-theme] #panel-all-orders .pagination { display: flex; gap: 4px; }
html[data-buld-theme] .yaya-scope .page-btn,
html[data-buld-theme] #panel-all-orders .page-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; padding: 0;
    border: 1px solid var(--buld-hairline); border-radius: 8px;
    background: transparent; color: var(--buld-ink-2);
    font-family: inherit; font-size: 12.5px; font-weight: 500;
    box-shadow: none; cursor: pointer;
    transition: background var(--bx-dur-hover) var(--bx-ease), border-color var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .yaya-scope .page-btn:hover,
html[data-buld-theme] #panel-all-orders .page-btn:hover { background: var(--buld-hover); color: var(--buld-ink-1); border-color: var(--buld-divider); }
html[data-buld-theme] .yaya-scope .page-btn.active,
html[data-buld-theme] #panel-all-orders .page-btn.active {
    background: var(--buld-cta); color: var(--bx-action-ink); border-color: var(--buld-cta); box-shadow: none;
}
html[data-buld-theme] .yaya-scope .page-btn:disabled,
html[data-buld-theme] #panel-all-orders .page-btn:disabled { opacity: .4; cursor: not-allowed; }
html[data-buld-theme] #panel-all-orders .page-ellipsis { width: 30px; height: 30px; color: var(--buld-ink-4); }

/* ----------------------------------------------------------------------------
   7. Shipping layout — the sidebar must never clip at 1440
   ---------------------------------------------------------------------------- */
html[data-buld-theme] .shipping-layout { grid-template-columns: minmax(0, 1fr) 320px; }
html[data-buld-theme] .shipping-layout > * { min-width: 0; }

/* ----------------------------------------------------------------------------
   10. Responsive safety for the injected topbar (nothing more)
   ---------------------------------------------------------------------------- */
@media (max-width: 1180px) {
    html[data-buld-theme] .store-switcher-name { display: none; }
}
@media (max-width: 1024px) {
    html[data-buld-theme] .ap-nav-center { overflow-x: auto; gap: 16px; }
    html[data-buld-theme] .shipping-layout { grid-template-columns: 1fr; }
}

/* ----------------------------------------------------------------------------
   9. Collision overrides (collision list #2-#5)
   Legacy wildcard rules (`#panel-* *` borders, `[class*="card"] *` surfaces, `.chip`/input chrome)
   carry !important at (0,2,2)+. These few declarations out-rank them until those layers are deleted.
   ---------------------------------------------------------------------------- */
/* #2 launch card: children are bare; only the card itself has a surface */
html[data-buld-theme] body #panel-overview .launch-card {
    background: var(--p-card-bg) !important; border: 1px solid var(--p-card-border) !important;
    border-radius: var(--p-card-radius) !important;
}
html[data-buld-theme] body #panel-overview .launch-card *:not(.bx-btn):not(.p-iconbtn):not(.ls-step):not(.ls-step *) {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html[data-buld-theme] body #panel-overview .launch-card__ring { width: 44px; height: 44px; border-radius: 0 !important; }
html[data-buld-theme] body #panel-overview .launch-card__title,
html[data-buld-theme] body #panel-overview .launch-card__meta,
html[data-buld-theme] body #panel-overview .launch-card__hint { display: block; padding: 0; border-radius: 0 !important; }
html[data-buld-theme] body #panel-overview .launch-card__hint:empty { display: none; }
html[data-buld-theme] body #panel-overview .launch-card .p-iconbtn { border: 0 !important; background: transparent !important; box-shadow: none !important; }
html[data-buld-theme] body #panel-overview .launch-card .p-iconbtn:hover { background: var(--buld-hover) !important; }

/* #3 search field: the input inside the pill is chromeless */
html[data-buld-theme] body .yaya-scope .p-search input#ordersSearch {
    border: 0 !important; background: transparent !important; border-radius: 0 !important;
    box-shadow: none !important; padding: 0 !important; height: 100% !important;
}

/* #4 chip status dots: a filled 6px dot, never a pill */
html[data-buld-theme] body .p-chip .p-chip__dot { border: 0 !important; padding: 0 !important; min-width: 6px; background: var(--buld-ink-4) !important; }
html[data-buld-theme] body .p-chip .p-chip__dot[data-tone="info"]    { background: var(--buld-cta) !important; }
html[data-buld-theme] body .p-chip .p-chip__dot[data-tone="success"] { background: var(--buld-success) !important; }
html[data-buld-theme] body .p-chip .p-chip__dot[data-tone="warning"] { background: var(--buld-warning) !important; }
html[data-buld-theme] body .p-chip .p-chip__dot[data-tone="danger"]  { background: var(--buld-danger) !important; }

/* #5 count badges honour [hidden] */
html[data-buld-theme] body .badge-count[hidden] { display: none !important; }

/* ----------------------------------------------------------------------------
   10. Responsive safety for the injected topbar
   ---------------------------------------------------------------------------- */
html[data-buld-theme] .ap-nav-right { flex-shrink: 0; flex-wrap: nowrap; }
@media (max-width: 1180px) { html[data-buld-theme] .store-switcher-name { display: none; } }
@media (max-width: 1024px) { html[data-buld-theme] .ap-nav-center { overflow-x: auto; gap: 16px; } }

/* ----------------------------------------------------------------------------
   11. Toasts sit below the topbar, at the trailing edge (never over the logo)
   ---------------------------------------------------------------------------- */
html[data-buld-theme] body .toast-container {
    top: 76px; left: auto; right: 24px; inset-inline-start: auto; inset-inline-end: 24px;
    z-index: var(--p-z-toast);
}
html[data-buld-theme] body #panel-confirmation .call-center-layout[hidden],
html[data-buld-theme] body #panel-confirmation .p-empty[hidden] { display: none !important; }

/* 12. Account menu: the check shows on the active language only; billing balance is white on its fill */
html[data-buld-theme] body .ap-account-item .ap-account-check { visibility: hidden; }
html[data-buld-theme] body .ap-account-item.is-active .ap-account-check,
html[data-buld-theme] body .ap-account-item[aria-checked="true"] .ap-account-check { visibility: visible; }
html[data-buld-theme] body .ap-bill-balance,
html[data-buld-theme] body .ap-bill-balance * { color: var(--bx-action-ink) !important; }

/* ----------------------------------------------------------------------------
   13. Topbar layout: flex, never overlapping. Left = logo + store switcher, centre = sections,
   right = bell / theme / credits + Recharger / avatar. The logo is a fixed 40px mark.
   ---------------------------------------------------------------------------- */
html[data-buld-theme] .ap-nav-main__inner {
    display: flex; align-items: center; gap: 24px;
    width: 100%; max-width: 1400px; padding: 0 28px; height: 64px;
}
html[data-buld-theme] .ap-nav-left  { flex: 0 1 auto; min-width: 0; gap: 10px; overflow: visible; }
html[data-buld-theme] .ap-nav-center { flex: 1 1 auto; min-width: 0; justify-content: center; gap: 26px; }
html[data-buld-theme] .ap-nav-right { flex: 0 0 auto; }
html[data-buld-theme] .ap-nav-logo { pointer-events: auto; cursor: pointer; margin-inline-end: 2px; }
html[data-buld-theme] .ap-nav-logo img { height: 40px; max-height: 40px; }
html[data-buld-theme] .ap-store-host { margin-inline-start: 0; }
html[data-buld-theme] #store-switcher .store-switcher-name { max-width: 150px; }
@media (max-width: 1280px) {
    html[data-buld-theme] .ap-nav-center { gap: 18px; }
    html[data-buld-theme] #store-switcher .store-switcher-name { max-width: 110px; }
}
@media (max-width: 1100px) {
    html[data-buld-theme] .ap-nav-center { overflow-x: auto; justify-content: flex-start; scrollbar-width: none; }
    html[data-buld-theme] .ap-wallet-u { display: none; }
    html[data-buld-theme] body .ap-wallet-add span { display: none; }
    html[data-buld-theme] body .ap-wallet-add { padding: 0 8px; }
}

/* ----------------------------------------------------------------------------
   14. One KPI style everywhere: the overview strip takes the orders-list treatment
   (no coloured left borders, no bordered boxes). Sparklines stay on the overview.
   ---------------------------------------------------------------------------- */
html[data-buld-theme] body #panel-overview .orders-kpi-row {
    gap: 0; overflow: hidden;
    background: var(--p-card-bg) !important; background-image: none !important;
    border: 1px solid var(--p-card-border) !important; border-radius: var(--p-card-radius) !important;
    box-shadow: none !important;
}
html[data-buld-theme="light"] body #panel-overview .orders-kpi-row { box-shadow: var(--bx-shadow-1) !important; }
html[data-buld-theme] body #panel-overview .orders-kpi-card {
    position: relative; min-height: 0;
    background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    padding: 16px 18px;
}
html[data-buld-theme] body #panel-overview .orders-kpi-card + .orders-kpi-card::before {
    content: ""; position: absolute; inset-inline-start: 0; top: 14px; bottom: 14px; width: 1px;
    background: var(--p-card-border);
}
html[data-buld-theme] body #panel-overview .orders-kpi-icon { margin-bottom: 8px; color: var(--buld-ink-4) !important; opacity: 1; }
html[data-buld-theme] body #panel-overview .orders-kpi-label {
    display: block; margin: 0; padding: 0; border: 0;
    font-size: 11.5px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase;
    color: var(--buld-ink-3) !important;
}
html[data-buld-theme] body #panel-overview .orders-kpi-value {
    margin-top: 4px; font-size: 22px; font-weight: 600; line-height: 1.1; letter-spacing: -0.02em;
    color: var(--buld-ink-1) !important; font-variant-numeric: tabular-nums;
}
html[data-buld-theme] body #panel-overview .orders-kpi-trend { margin-top: 4px; font-size: 12px; font-weight: 500; color: var(--buld-ink-3) !important; }
html[data-buld-theme] body #panel-overview .orders-kpi-delta.is-up { color: var(--buld-success) !important; }
html[data-buld-theme] body #panel-overview .orders-kpi-delta.is-down { color: var(--buld-danger) !important; }

/* 15. Overview KPI: the legacy coloured bar is a ::before on each cell — retire it; the divider moves to ::after */
html[data-buld-theme] body #panel-overview .orders-kpi-card::before { display: none !important; content: none !important; }
html[data-buld-theme] body #panel-overview .orders-kpi-card + .orders-kpi-card::after {
    content: ""; position: absolute; inset-inline-start: 0; top: 14px; bottom: 14px; width: 1px;
    background: var(--p-card-border); pointer-events: none;
}
/* logo mark: the trimmed wordmark, 26px tall */
html[data-buld-theme] .ap-nav-logo img { height: 26px; max-height: 26px; width: auto; }
/* billing balance card: every text white and fully opaque */
html[data-buld-theme] body .ap-bill-balance span,
html[data-buld-theme] body .ap-bill-balance small { opacity: 1; color: var(--bx-action-ink) !important; }
/* orders grid keeps its columns readable below 1200px: scroll instead of squeezing */
html[data-buld-theme] .yaya-scope .orders-table .table-head,
html[data-buld-theme] .yaya-scope .orders-table .table-row { min-width: 1060px; }

/* ============================================================================
   BATCH 2 — HOME & CHROME
   Overview selectors are written `html[data-buld-theme] body #panel-overview .x` (1,2,3): buld-theme.css
   has a `html[data-buld-theme="light"] body.dashboard-body #panel-overview *` border rule at (1,2,2) and
   dark-fix.css paints anything named *card / *-tile / *-box, so the new blocks avoid those suffixes.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   16. Topbar: hairline + blur, logo = home button, store switcher in the right cluster,
       animated 2px underline under the active section (moved by --x / --w from buldMoveNavIndicator)
   ---------------------------------------------------------------------------- */
html[data-buld-theme] .ap-nav-main {
    border-bottom: 1px solid var(--buld-hairline);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
html[data-buld-theme] .ap-nav-logo {
    border-radius: 8px; padding: 2px 4px;
    transition: opacity var(--bx-dur-hover) var(--bx-ease), background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .ap-nav-logo:hover { opacity: .85; }
html[data-buld-theme] .ap-nav-logo:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] .ap-nav-center { position: relative; height: 64px; }
html[data-buld-theme] .ap-nav-link { height: 64px; padding: 0 2px; }
html[data-buld-theme] .ap-nav-indicator {
    position: absolute; left: 0; bottom: -1px;
    height: 2px; width: var(--w, 0px);
    border-radius: 2px; background: var(--buld-cta);
    transform: translateX(var(--x, 0px));
    opacity: 0; pointer-events: none;
    transition: transform var(--bx-dur-layout) var(--bx-ease),
                width var(--bx-dur-layout) var(--bx-ease),
                opacity var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] .ap-nav-indicator.is-on { opacity: 1; }
html[data-buld-theme] .ap-nav-right .ap-store-host {
    position: relative; margin: 0; padding-inline-end: 10px; display: inline-flex; align-items: center;
}
html[data-buld-theme] .ap-nav-right .ap-store-host::after {
    content: ""; position: absolute; inset-inline-end: 0; top: 50%;
    width: 1px; height: 18px; transform: translateY(-50%);
    background: var(--buld-hairline);
}
html[data-buld-theme] .ap-nav-right .ap-store-host:empty { display: none; }
/* anchored to the trailing edge now that the switcher sits on the right */
html[data-buld-theme] .ap-nav-right .store-switcher-dropdown { inset-inline-start: auto; inset-inline-end: 0; }
html[data-buld-theme] .ap-nav-right .store-switcher-btn { max-width: 200px; }

/* ----------------------------------------------------------------------------
   17. Store wizard — #storeWizard (in-page card, 5 steps)
   ---------------------------------------------------------------------------- */
html[data-buld-theme] body #panel-overview .store-wizard {
    position: relative; margin: 0 0 18px; padding: 22px 24px 18px;
    background: var(--p-card-bg); background-image: none;
    border: 1px solid var(--p-card-border); border-radius: var(--p-card-radius);
    color: var(--buld-ink-1); overflow: hidden;
    animation: swCardIn var(--bx-dur-layout) var(--bx-ease) both;
}
html[data-buld-theme="light"] body #panel-overview .store-wizard { box-shadow: var(--bx-shadow-1); }
html[data-buld-theme] body #panel-overview .store-wizard[hidden] { display: none; }
html[data-buld-theme] body #panel-overview .store-wizard::before {
    content: ""; position: absolute; top: -140px; inset-inline-end: -140px;
    width: 360px; height: 360px; border-radius: 50%;
    background: radial-gradient(closest-side, var(--buld-cta-soft), transparent);
    pointer-events: none;
}
/* the launch card steps aside while the wizard is open */
html[data-buld-theme] body #panel-overview .store-wizard:not([hidden]) ~ .launch-card { display: none; }

html[data-buld-theme] body #panel-overview .sw-head { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
html[data-buld-theme] body #panel-overview .sw-head__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html[data-buld-theme] body #panel-overview .sw-eyebrow {
    font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--buld-cta);
}
html[data-buld-theme] body #panel-overview .sw-title {
    margin: 0; font-family: var(--buld-font-display); font-size: 20px; font-weight: 600; letter-spacing: -0.02em;
    color: var(--buld-ink-1); line-height: 1.2;
}
html[data-buld-theme] body #panel-overview .sw-sub { margin: 0; font-size: 13px; color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .sw-close { flex-shrink: 0; }

/* progress rail: 5 dots + labels, a track that fills with --sw-progress */
html[data-buld-theme] body #panel-overview .sw-rail {
    --sw-progress: 0;
    position: relative; list-style: none; margin: 20px 0 18px; padding: 0;
    display: grid; grid-template-columns: repeat(5, 1fr);
}
html[data-buld-theme] body #panel-overview .sw-rail::before,
html[data-buld-theme] body #panel-overview .sw-rail::after {
    content: ""; position: absolute; top: 11px; inset-inline-start: 10%; height: 2px; border-radius: 2px;
}
html[data-buld-theme] body #panel-overview .sw-rail::before { width: 80%; background: var(--buld-hover); }
html[data-buld-theme] body #panel-overview .sw-rail::after {
    width: calc(80% * var(--sw-progress) / 100); background: var(--buld-cta);
    transition: width var(--bx-dur-layout) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-rail__item {
    position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 6px;
}
html[data-buld-theme] body #panel-overview .sw-rail__dot {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 50%;
    background: var(--p-card-bg); border: 2px solid var(--buld-hover); color: var(--buld-ink-3);
    font-size: 11px; font-weight: 600; line-height: 1;
    transition: background var(--bx-dur-overlay) var(--bx-ease), border-color var(--bx-dur-overlay) var(--bx-ease),
                color var(--bx-dur-overlay) var(--bx-ease), box-shadow var(--bx-dur-overlay) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-rail__dot svg { display: none; width: 12px; height: 12px; }
html[data-buld-theme] body #panel-overview .sw-rail__item.is-current .sw-rail__dot {
    border-color: var(--buld-cta); color: var(--buld-cta); box-shadow: 0 0 0 4px var(--buld-cta-soft);
}
html[data-buld-theme] body #panel-overview .sw-rail__item.is-done .sw-rail__dot {
    background: var(--buld-cta); border-color: var(--buld-cta); color: var(--bx-action-ink);
}
html[data-buld-theme] body #panel-overview .sw-rail__item.is-done .sw-rail__num { display: none; }
html[data-buld-theme] body #panel-overview .sw-rail__item.is-done .sw-rail__dot svg { display: block; }
html[data-buld-theme] body #panel-overview .sw-rail__label { font-size: 11.5px; font-weight: 500; color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .sw-rail__item.is-current .sw-rail__label { color: var(--buld-ink-1); font-weight: 600; }

html[data-buld-theme] body #panel-overview .sw-restored {
    display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 8px 12px;
    border-radius: 10px; background: var(--buld-cta-soft); color: var(--buld-ink-2); font-size: 12.5px;
}
html[data-buld-theme] body #panel-overview .sw-restored svg { width: 14px; height: 14px; color: var(--buld-cta); flex-shrink: 0; }
html[data-buld-theme] body #panel-overview .sw-restored[hidden] { display: none; }

/* steps slide horizontally (translateX + fade, 240ms) */
html[data-buld-theme] body #panel-overview .sw-track { position: relative; min-height: 120px; }
html[data-buld-theme] body #panel-overview .sw-step { display: block; }
html[data-buld-theme] body #panel-overview .sw-step[hidden] { display: none; }
html[data-buld-theme] body #panel-overview .sw-step.sw-in-fwd { animation: swInFwd var(--bx-dur-layout) var(--bx-ease) both; }
html[data-buld-theme] body #panel-overview .sw-step.sw-in-back { animation: swInBack var(--bx-dur-layout) var(--bx-ease) both; }
@keyframes swCardIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes swInFwd { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
@keyframes swInBack { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: none; } }
@keyframes swShimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@keyframes swSpin { to { transform: rotate(360deg); } }

/* fields */
html[data-buld-theme] body #panel-overview .sw-grid { display: grid; gap: 16px 20px; }
html[data-buld-theme] body #panel-overview .sw-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-buld-theme] body #panel-overview .sw-grid--brand { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
html[data-buld-theme] body #panel-overview .sw-grid--tight { margin-top: 18px; }
html[data-buld-theme] body #panel-overview .sw-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html[data-buld-theme] body #panel-overview .sw-label { font-size: 12.5px; font-weight: 600; color: var(--buld-ink-2); }
html[data-buld-theme] body #panel-overview .sw-label--gap { margin-top: 14px; }
html[data-buld-theme] body #panel-overview .sw-help { font-size: 12px; color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .sw-help.is-free { color: var(--buld-success); }
html[data-buld-theme] body #panel-overview .sw-help.is-taken { color: var(--buld-danger); }
html[data-buld-theme] body #panel-overview .sw-error { display: none; font-size: 12px; color: var(--buld-danger); }
html[data-buld-theme] body #panel-overview .sw-field.has-error .sw-error { display: block; }
html[data-buld-theme] body #panel-overview .sw-field.has-error .sw-help { display: none; }
/* collision #6 — the UNIFIED INPUTS block forces bg/border/radius with !important */
html[data-buld-theme] body #panel-overview .sw-input,
html[data-buld-theme] body #panel-overview .sw-select {
    width: 100%; height: 38px; padding: 0 12px !important; margin: 0;
    border-radius: 10px !important; border: 1px solid var(--buld-divider) !important;
    background: var(--buld-elevated-2) !important; color: var(--buld-ink-1) !important;
    font-family: inherit; font-size: 14px !important; line-height: 38px;
    box-shadow: none !important;
    transition: border-color var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease) !important;
}
html[data-buld-theme="dark"] body #panel-overview .sw-input,
html[data-buld-theme="dark"] body #panel-overview .sw-select { background: var(--buld-surface-2) !important; }
html[data-buld-theme] body #panel-overview .sw-input:focus,
html[data-buld-theme] body #panel-overview .sw-select:focus {
    outline: none; border-color: var(--buld-cta) !important; box-shadow: 0 0 0 4px var(--buld-cta-soft) !important;
}
html[data-buld-theme] body #panel-overview .sw-field.has-error .sw-input { border-color: var(--buld-danger) !important; }
html[data-buld-theme] body #panel-overview .sw-input::placeholder { color: var(--buld-ink-4); }
html[data-buld-theme] body #panel-overview .sw-select { padding-inline-end: 32px !important; cursor: pointer; }
/* slug pill: the input is chromeless inside */
html[data-buld-theme] body #panel-overview .sw-slug {
    display: flex; align-items: center; height: 38px; padding-inline-end: 12px;
    border-radius: 10px; border: 1px solid var(--buld-divider); background: var(--buld-elevated-2);
    overflow: hidden;
    transition: border-color var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme="dark"] body #panel-overview .sw-slug { background: var(--buld-surface-2); }
html[data-buld-theme] body #panel-overview .sw-slug:focus-within { border-color: var(--buld-cta); box-shadow: 0 0 0 4px var(--buld-cta-soft); }
html[data-buld-theme] body #panel-overview .sw-field.has-error .sw-slug { border-color: var(--buld-danger); }
html[data-buld-theme] body #panel-overview .sw-slug .sw-slug__input {
    flex: 1; min-width: 0; height: 100% !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
html[data-buld-theme] body #panel-overview .sw-slug__suffix {
    font-size: 13px; color: var(--buld-ink-3); white-space: nowrap; font-variant-numeric: tabular-nums;
}
/* live address preview */
html[data-buld-theme] body #panel-overview .sw-preview {
    display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 12px 14px;
    border-radius: 10px; border: 1px dashed var(--buld-divider); background: var(--buld-page);
}
html[data-buld-theme="dark"] body #panel-overview .sw-preview { background: var(--buld-surface-2); }
html[data-buld-theme] body #panel-overview .sw-preview__icon {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 32px; height: 32px; border-radius: 10px; background: var(--buld-cta-soft); color: var(--buld-cta);
}
html[data-buld-theme] body #panel-overview .sw-preview__icon svg { width: 16px; height: 16px; }
html[data-buld-theme] body #panel-overview .sw-preview__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html[data-buld-theme] body #panel-overview .sw-preview__eyebrow { font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .sw-preview__url {
    font-size: 14px; font-weight: 600; color: var(--buld-ink-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html[data-buld-theme] body #panel-overview .sw-preview__state {
    display: inline-flex; align-items: center; height: 24px; padding: 0 10px; flex-shrink: 0;
    border-radius: 999px; border: 1px solid var(--buld-hairline); color: var(--buld-ink-2);
    font-size: 12px; font-weight: 600;
}
html[data-buld-theme] body #panel-overview .sw-preview__state[data-tone="success"] { background: var(--buld-success-soft); color: var(--buld-success); border-color: transparent; }
html[data-buld-theme] body #panel-overview .sw-preview__state[data-tone="danger"]  { background: var(--buld-danger-soft);  color: var(--buld-danger);  border-color: transparent; }
html[data-buld-theme] body #panel-overview .sw-preview__state[hidden] { display: none; }

/* step 2: niche grid, language segmented control */
html[data-buld-theme] body #panel-overview .sw-niches { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
html[data-buld-theme] body #panel-overview .sw-niche {
    position: relative; display: flex; align-items: center; gap: 10px;
    height: 56px; padding: 0 12px; border-radius: 12px;
    border: 1px solid var(--buld-hairline); background: var(--buld-page); color: var(--buld-ink-1);
    font-family: inherit; font-size: 13px; font-weight: 500; text-align: start; cursor: pointer;
    transition: transform var(--bx-dur-hover) var(--bx-ease), border-color var(--bx-dur-hover) var(--bx-ease),
                background var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme="dark"] body #panel-overview .sw-niche { background: var(--buld-surface-2); }
html[data-buld-theme] body #panel-overview .sw-niche:hover { transform: translateY(-1px); border-color: var(--buld-divider); box-shadow: var(--bx-shadow-2); }
html[data-buld-theme] body #panel-overview .sw-niche:active { transform: scale(.98); box-shadow: none; }
html[data-buld-theme] body #panel-overview .sw-niche:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] body #panel-overview .sw-niche.is-active { border-color: var(--buld-cta); background: var(--buld-cta-soft); box-shadow: inset 0 0 0 1px var(--buld-cta); }
html[data-buld-theme] body #panel-overview .sw-niche__icon {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 32px; height: 32px; border-radius: 9px;
    background: var(--p-card-bg); border: 1px solid var(--buld-hairline); color: var(--buld-ink-2);
}
html[data-buld-theme] body #panel-overview .sw-niche__icon svg { width: 16px; height: 16px; }
html[data-buld-theme] body #panel-overview .sw-niche.is-active .sw-niche__icon { color: var(--buld-cta); border-color: transparent; }
html[data-buld-theme] body #panel-overview .sw-niche__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] body #panel-overview .sw-niche__check {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 18px; height: 18px; border-radius: 50%; background: var(--buld-cta); color: var(--bx-action-ink);
    opacity: 0; transform: scale(.6);
    transition: opacity var(--bx-dur-hover) var(--bx-ease), transform var(--bx-dur-overlay) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-niche__check svg { width: 11px; height: 11px; }
html[data-buld-theme] body #panel-overview .sw-niche.is-active .sw-niche__check { opacity: 1; transform: none; }
html[data-buld-theme] body #panel-overview .sw-seg {
    display: inline-flex; width: max-content; padding: 3px; border-radius: 10px;
    background: var(--buld-page); border: 1px solid var(--buld-hairline);
}
html[data-buld-theme="dark"] body #panel-overview .sw-seg { background: var(--buld-surface-2); }
html[data-buld-theme] body #panel-overview .sw-seg__btn {
    height: 30px; padding: 0 14px; border: 0; border-radius: 8px;
    background: transparent; color: var(--buld-ink-2);
    font-family: inherit; font-size: 13px; font-weight: 500; cursor: pointer;
    transition: background var(--bx-dur-hover) var(--bx-ease), color var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-seg__btn:hover { color: var(--buld-ink-1); }
html[data-buld-theme] body #panel-overview .sw-seg__btn.is-active { background: var(--p-card-bg); color: var(--buld-ink-1); font-weight: 600; box-shadow: var(--bx-shadow-1); }
html[data-buld-theme] body #panel-overview .sw-seg__btn:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }

/* step 3: theme cards */
html[data-buld-theme] body #panel-overview .sw-themes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
html[data-buld-theme] body #panel-overview .sw-theme {
    position: relative; display: flex; flex-direction: column; overflow: hidden; cursor: pointer;
    border-radius: 12px; border: 1px solid var(--buld-hairline); background: var(--p-card-bg);
    transition: transform var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease), border-color var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-theme:hover { transform: translateY(-2px); box-shadow: var(--bx-shadow-2); border-color: var(--buld-divider); }
html[data-buld-theme] body #panel-overview .sw-theme.is-active { border-color: var(--buld-cta); box-shadow: 0 0 0 1px var(--buld-cta); }
html[data-buld-theme] body #panel-overview .sw-theme.is-active:hover { box-shadow: 0 0 0 1px var(--buld-cta), var(--bx-shadow-2); }
html[data-buld-theme] body #panel-overview .sw-theme:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] body #panel-overview .sw-theme__thumb { position: relative; aspect-ratio: 16 / 10; background: var(--buld-hover); overflow: hidden; }
html[data-buld-theme] body #panel-overview .sw-theme__thumb img {
    display: block; width: 100%; height: 100%; object-fit: cover;
    transition: transform var(--bx-dur-layout) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-theme:hover .sw-theme__thumb img { transform: scale(1.03); }
html[data-buld-theme] body #panel-overview .sw-theme__placeholder {
    display: flex; align-items: center; justify-content: center; height: 100%;
    font-size: 18px; font-weight: 600; color: var(--buld-ink-3);
}
html[data-buld-theme] body #panel-overview .sw-theme__check {
    position: absolute; top: 10px; inset-inline-end: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 50%; background: var(--buld-cta); color: var(--bx-action-ink);
    box-shadow: var(--bx-shadow-2); opacity: 0; transform: scale(.6);
    transition: opacity var(--bx-dur-hover) var(--bx-ease), transform var(--bx-dur-overlay) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-theme__check svg { width: 13px; height: 13px; }
html[data-buld-theme] body #panel-overview .sw-theme.is-active .sw-theme__check { opacity: 1; transform: none; }
html[data-buld-theme] body #panel-overview .sw-theme__meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 12px 12px 4px; }
html[data-buld-theme] body #panel-overview .sw-theme__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html[data-buld-theme] body #panel-overview .sw-theme__name { font-size: 13.5px; font-weight: 600; color: var(--buld-ink-1); }
html[data-buld-theme] body #panel-overview .sw-theme__niche { font-size: 12px; color: var(--buld-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] body #panel-overview .sw-theme__tag {
    display: inline-flex; align-items: center; flex-shrink: 0; height: 22px; padding: 0 8px;
    border-radius: 999px; border: 1px solid var(--buld-hairline); color: var(--buld-ink-2);
    font-size: 11px; font-weight: 600;
}
html[data-buld-theme] body #panel-overview .sw-theme__tag[data-tag="free"] { color: var(--buld-cta); background: var(--buld-cta-soft); border-color: transparent; }
html[data-buld-theme] body #panel-overview .sw-theme__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px 12px; }
html[data-buld-theme] body #panel-overview .sw-theme__foot .bx-btn[hidden] { display: none; }
html[data-buld-theme] body #panel-overview .sw-theme__pick { font-size: 12px; font-weight: 600; color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .sw-theme.is-active .sw-theme__pick { color: var(--buld-cta); }
html[data-buld-theme] body #panel-overview .sw-skel {
    height: 230px; border-radius: 12px;
    background: linear-gradient(90deg, var(--buld-hover) 25%, var(--p-card-bg) 50%, var(--buld-hover) 75%);
    background-size: 200% 100%; animation: swShimmer 1.4s linear infinite;
}
html[data-buld-theme] body #panel-overview .sw-themes-empty { grid-column: 1 / -1; }

/* step 4: logo drop zone, colour presets, live brand preview */
html[data-buld-theme] body #panel-overview .sw-drop {
    position: relative; display: flex; align-items: center; justify-content: center; min-height: 132px;
    border-radius: 12px; border: 1px dashed var(--buld-divider); background: var(--buld-page); cursor: pointer;
    transition: border-color var(--bx-dur-hover) var(--bx-ease), background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme="dark"] body #panel-overview .sw-drop { background: var(--buld-surface-2); }
html[data-buld-theme] body #panel-overview .sw-drop:hover,
html[data-buld-theme] body #panel-overview .sw-drop.is-over { border-color: var(--buld-cta); background: var(--buld-cta-soft); }
html[data-buld-theme] body #panel-overview .sw-drop:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] body #panel-overview .sw-drop__idle { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 16px; text-align: center; }
html[data-buld-theme] body #panel-overview .sw-drop.has-logo .sw-drop__idle { display: none; }
html[data-buld-theme] body #panel-overview .sw-drop__has { display: none; align-items: center; gap: 14px; padding: 14px; }
html[data-buld-theme] body #panel-overview .sw-drop.has-logo .sw-drop__has { display: flex; }
html[data-buld-theme] body #panel-overview .sw-drop__icon {
    display: inline-flex; align-items: center; justify-content: center; margin-bottom: 4px;
    width: 36px; height: 36px; border-radius: 10px;
    background: var(--p-card-bg); border: 1px solid var(--buld-hairline); color: var(--buld-ink-2);
}
html[data-buld-theme] body #panel-overview .sw-drop__icon svg { width: 18px; height: 18px; }
html[data-buld-theme] body #panel-overview .sw-drop__title { font-size: 13.5px; font-weight: 600; color: var(--buld-ink-1); }
html[data-buld-theme] body #panel-overview .sw-drop__hint { font-size: 12px; color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .sw-drop__img {
    width: 72px; height: 72px; padding: 6px; object-fit: contain;
    border-radius: 12px; background: var(--p-card-bg); border: 1px solid var(--buld-hairline);
}
html[data-buld-theme] body #panel-overview .sw-colors { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
html[data-buld-theme] body #panel-overview .sw-swatches { display: flex; gap: 8px; }
html[data-buld-theme] body #panel-overview .sw-swatch {
    display: inline-flex; align-items: center; justify-content: center; padding: 0;
    width: 30px; height: 30px; border-radius: 50%;
    border: 2px solid var(--p-card-bg); background: var(--swatch, var(--buld-cta));
    box-shadow: 0 0 0 1px var(--buld-hairline); color: var(--bx-action-ink); cursor: pointer;
    transition: transform var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-swatch svg { width: 14px; height: 14px; opacity: 0; transition: opacity var(--bx-dur-hover) var(--bx-ease); }
html[data-buld-theme] body #panel-overview .sw-swatch:hover { transform: scale(1.08); }
html[data-buld-theme] body #panel-overview .sw-swatch:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] body #panel-overview .sw-swatch.is-active { box-shadow: 0 0 0 2px var(--swatch, var(--buld-cta)); }
html[data-buld-theme] body #panel-overview .sw-swatch.is-active svg { opacity: 1; }
html[data-buld-theme] body #panel-overview .sw-colorpick { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--buld-ink-2); cursor: pointer; }
html[data-buld-theme] body #panel-overview .sw-colorpick input[type="color"] {
    width: 30px; height: 30px; padding: 0; border: 1px solid var(--buld-hairline); border-radius: 50%;
    background: transparent; cursor: pointer; overflow: hidden;
}
html[data-buld-theme] body #panel-overview .sw-colorpick input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
html[data-buld-theme] body #panel-overview .sw-colorpick input[type="color"]::-webkit-color-swatch { border: 0; border-radius: 50%; }
html[data-buld-theme] body #panel-overview .sw-brand {
    --brand: var(--buld-cta);
    display: flex; flex-direction: column; min-height: 132px; overflow: hidden;
    border-radius: 12px; border: 1px solid var(--buld-hairline); background: var(--p-card-bg);
}
html[data-buld-theme] body #panel-overview .sw-brand__bar { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--buld-hairline); }
html[data-buld-theme] body #panel-overview .sw-brand__mark {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;
    width: 24px; height: 24px; border-radius: 7px; background: var(--brand); color: var(--bx-action-ink);
    font-size: 11px; font-weight: 700; transition: background var(--bx-dur-overlay) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-brand__mark img { width: 100%; height: 100%; object-fit: cover; }
html[data-buld-theme] body #panel-overview .sw-brand__name { flex: 1; min-width: 0; font-size: 12.5px; font-weight: 600; color: var(--buld-ink-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] body #panel-overview .sw-brand__nav { display: flex; gap: 6px; }
html[data-buld-theme] body #panel-overview .sw-brand__nav span { width: 18px; height: 5px; border-radius: 3px; background: var(--buld-hover); }
html[data-buld-theme] body #panel-overview .sw-brand__hero { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 12px 10px; }
html[data-buld-theme] body #panel-overview .sw-brand__line { width: 55%; height: 8px; border-radius: 4px; background: var(--buld-hover); }
html[data-buld-theme] body #panel-overview .sw-brand__line--lg { width: 70%; height: 12px; background: var(--buld-divider); }
html[data-buld-theme] body #panel-overview .sw-brand__cta {
    display: inline-flex; align-items: center; margin-top: 6px; height: 24px; padding: 0 12px;
    border-radius: 999px; background: var(--brand); color: var(--bx-action-ink); font-size: 11px; font-weight: 600;
    transition: background var(--bx-dur-overlay) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .sw-brand__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0 12px 12px; }
html[data-buld-theme] body #panel-overview .sw-brand__grid span { height: 34px; border-radius: 8px; background: var(--buld-page); border: 1px solid var(--buld-hairline); }
html[data-buld-theme="dark"] body #panel-overview .sw-brand__grid span { background: var(--buld-surface-2); }

/* step 5: summary */
html[data-buld-theme] body #panel-overview .sw-sum {
    display: flex; flex-direction: column; overflow: hidden;
    border-radius: 12px; border: 1px solid var(--buld-hairline); background: var(--buld-page);
}
html[data-buld-theme="dark"] body #panel-overview .sw-sum { background: var(--buld-surface-2); }
html[data-buld-theme] body #panel-overview .sw-sum__row {
    display: grid; grid-template-columns: 28px 150px minmax(0, 1fr); align-items: center; gap: 12px;
    padding: 10px 14px; border-bottom: 1px solid var(--buld-hairline); font-size: 13px;
}
html[data-buld-theme] body #panel-overview .sw-sum__row:last-child { border-bottom: 0; }
html[data-buld-theme] body #panel-overview .sw-sum__icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 8px;
    background: var(--p-card-bg); border: 1px solid var(--buld-hairline); color: var(--buld-ink-3);
}
html[data-buld-theme] body #panel-overview .sw-sum__icon svg { width: 14px; height: 14px; }
html[data-buld-theme] body #panel-overview .sw-sum__label { color: var(--buld-ink-3); font-weight: 500; }
html[data-buld-theme] body #panel-overview .sw-sum__value { color: var(--buld-ink-1); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] body #panel-overview .sw-sum__brand { display: inline-flex; align-items: center; gap: 8px; }
html[data-buld-theme] body #panel-overview .sw-sum__swatch { width: 14px; height: 14px; border-radius: 50%; background: var(--swatch, var(--buld-cta)); box-shadow: 0 0 0 1px var(--buld-hairline); }

/* footer */
html[data-buld-theme] body #panel-overview .sw-foot {
    display: flex; align-items: center; gap: 12px; margin-top: 18px; padding-top: 14px;
    border-top: 1px solid var(--buld-hairline);
}
html[data-buld-theme] body #panel-overview .sw-foot [data-action="back"][hidden] { display: none; }
html[data-buld-theme] body #panel-overview .sw-foot__hint { flex: 1; font-size: 12px; color: var(--buld-ink-4); text-align: end; }
html[data-buld-theme] body #panel-overview .sw-foot .bx-btn { height: 36px; padding: 0 18px; font-size: 13.5px; gap: 8px; }
html[data-buld-theme] body #panel-overview .sw-spinner {
    width: 14px; height: 14px; border-radius: 50%;
    border: 2px solid var(--bx-action-ink); border-inline-end-color: transparent;
    animation: swSpin .7s linear infinite;
}
html[data-buld-theme] body #panel-overview .store-wizard.is-busy .sw-track { opacity: .6; pointer-events: none; }

/* ----------------------------------------------------------------------------
   18. Launch card — "Parcours de lancement": next-3 chips (done = check, current = pulsing dot)
   ---------------------------------------------------------------------------- */
html[data-buld-theme] body #panel-overview .launch-card { flex-wrap: wrap; row-gap: 10px; }
html[data-buld-theme] body #panel-overview .launch-card__text { flex: 1 1 260px; }
html[data-buld-theme] body #panel-overview .launch-card__steps { display: flex; align-items: center; gap: 6px; flex: 0 1 auto; min-width: 0; }
html[data-buld-theme] body #panel-overview .launch-card__steps:empty { display: none; }
html[data-buld-theme] body #panel-overview .launch-card .ls-step {
    display: inline-flex; align-items: center; gap: 7px;
    height: 28px; padding: 0 10px 0 7px;
    border-radius: 999px; border: 1px solid var(--buld-hairline); background: transparent; color: var(--buld-ink-2);
    font-family: inherit; font-size: 12.5px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer;
    transition: background var(--bx-dur-hover) var(--bx-ease), border-color var(--bx-dur-hover) var(--bx-ease),
                color var(--bx-dur-hover) var(--bx-ease), transform var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .launch-card .ls-step:hover { background: var(--buld-hover); color: var(--buld-ink-1); }
html[data-buld-theme] body #panel-overview .launch-card .ls-step:active { transform: scale(.98); }
html[data-buld-theme] body #panel-overview .launch-card .ls-step:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] body #panel-overview .launch-card .ls-step.is-current { border-color: var(--buld-cta); background: var(--buld-cta-soft); color: var(--buld-ink-1); font-weight: 600; }
html[data-buld-theme] body #panel-overview .launch-card .ls-step.is-done { color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .launch-card .ls-step__dot {
    position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 16px; height: 16px; border-radius: 50%;
}
html[data-buld-theme] body #panel-overview .launch-card .ls-step__dot::before {
    content: ""; width: 6px; height: 6px; border-radius: 50%; border: 1.5px solid var(--buld-ink-4);
}
html[data-buld-theme] body #panel-overview .launch-card .ls-step.is-current .ls-step__dot::before { width: 8px; height: 8px; border: 0; background: var(--buld-cta); }
html[data-buld-theme] body #panel-overview .launch-card .ls-step.is-current .ls-step__dot::after {
    content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--buld-cta);
    animation: lsRing 1.6s var(--bx-ease) infinite;
}
html[data-buld-theme] body #panel-overview .launch-card .ls-step.is-done .ls-step__dot { background: var(--buld-cta); color: var(--bx-action-ink); }
html[data-buld-theme] body #panel-overview .launch-card .ls-step.is-done .ls-step__dot::before { display: none; }
html[data-buld-theme] body #panel-overview .launch-card .ls-step__dot svg { width: 10px; height: 10px; }
html[data-buld-theme] body #panel-overview .launch-card.is-highlight { box-shadow: 0 0 0 4px var(--buld-cta-soft); }
@keyframes lsRing { 0% { transform: scale(.55); opacity: .9; } 100% { transform: scale(1.15); opacity: 0; } }

/* ----------------------------------------------------------------------------
   19. Quick-action tiles: hover lift + trailing arrow
   ---------------------------------------------------------------------------- */
html[data-buld-theme] body #panel-overview .home-shortcut {
    position: relative; border-radius: var(--p-card-radius);
    background: var(--p-card-bg); border: 1px solid var(--p-card-border);
    transition: background var(--bx-dur-hover) var(--bx-ease), transform var(--bx-dur-hover) var(--bx-ease),
                border-color var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme="light"] body #panel-overview .home-shortcut { box-shadow: var(--bx-shadow-1); }
html[data-buld-theme] body #panel-overview .home-shortcut:hover { background: var(--p-card-bg); transform: translateY(-1px); border-color: var(--buld-divider); box-shadow: var(--bx-shadow-2); }
html[data-buld-theme] body #panel-overview .home-shortcut:active { transform: scale(.98); box-shadow: none; }
html[data-buld-theme] body #panel-overview .home-shortcut:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] body #panel-overview .home-shortcut .hs-txt { flex: 1; min-width: 0; }
html[data-buld-theme] body #panel-overview .hs-arrow {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 24px; height: 24px; border-radius: 50%; color: var(--buld-ink-3);
    opacity: 0; transform: translateX(-6px);
    transition: opacity var(--bx-dur-hover) var(--bx-ease), transform var(--bx-dur-hover) var(--bx-ease),
                color var(--bx-dur-hover) var(--bx-ease), background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .hs-arrow svg { width: 14px; height: 14px; }
html[data-buld-theme] body #panel-overview .home-shortcut:hover .hs-arrow,
html[data-buld-theme] body #panel-overview .home-shortcut:focus-visible .hs-arrow { opacity: 1; transform: none; color: var(--buld-cta); background: var(--buld-cta-soft); }

/* ----------------------------------------------------------------------------
   20. Map section: calm header, tokenised side rail, "Dernières commandes" list
   ---------------------------------------------------------------------------- */
html[data-buld-theme] body #panel-overview .geo-hero-header { align-items: center; margin-bottom: 12px; padding: 0; }
html[data-buld-theme] body #panel-overview .geo-hero-eyebrow {
    margin-bottom: 4px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--buld-ink-3);
}
html[data-buld-theme] body #panel-overview .geo-hero-title h2 {
    font-family: var(--buld-font-display); font-size: 18px; font-weight: 600; letter-spacing: -0.02em; color: var(--buld-ink-1);
}
html[data-buld-theme] body #panel-overview .geo-hero-meta { gap: 10px; font-size: 12px; color: var(--buld-ink-3); }
/* collision #7 — orders.css forces a green pill on body.dark with !important */
html[data-buld-theme] body #panel-overview .geo-hero-pulse {
    height: 24px; padding: 0 10px; border-radius: 999px;
    background: transparent !important; border: 1px solid var(--buld-hairline); color: var(--buld-ink-2) !important;
    font-size: 11.5px; font-weight: 500;
}
html[data-buld-theme] body #panel-overview .geo-pulse-dot { width: 6px; height: 6px; background: var(--buld-success); box-shadow: none; animation: none; }
html[data-buld-theme] body #panel-overview .geo-hero-update { color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .geo-hero-stage { border-radius: var(--p-card-radius); border-color: var(--p-card-border); box-shadow: none; }
html[data-buld-theme] body #panel-overview .geo-hero-side { gap: 12px; }
html[data-buld-theme] body #panel-overview .geo-side-strip,
html[data-buld-theme] body #panel-overview .geo-side-panel {
    background: var(--p-card-bg); border: 1px solid var(--p-card-border); border-radius: var(--p-card-radius); box-shadow: none;
}
html[data-buld-theme="light"] body #panel-overview .geo-side-strip,
html[data-buld-theme="light"] body #panel-overview .geo-side-panel { box-shadow: var(--bx-shadow-1); }
html[data-buld-theme] body #panel-overview .geo-strip-cell { background: transparent; border-color: var(--p-card-border); padding: 12px 14px 10px; }
html[data-buld-theme] body #panel-overview .geo-strip-label { font-size: 11.5px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: var(--buld-ink-3); }
html[data-buld-theme] body #panel-overview .geo-strip-cell strong { font-family: var(--buld-font-display); font-size: 20px; font-weight: 600; letter-spacing: -0.02em; color: var(--buld-ink-1); }
html[data-buld-theme] body #panel-overview .geo-side-panel { padding: 12px 14px; min-height: 0; flex: 0 0 auto; }
html[data-buld-theme] body #panel-overview .geo-side-panel h4 { font-size: 13.5px; font-weight: 600; color: var(--buld-ink-1); }
html[data-buld-theme] body #panel-overview .geo-side-panel p { font-size: 12px; color: var(--buld-ink-3); }
/* the hover detail only earns its place once there is a ranking to show */
html[data-buld-theme] body #panel-overview .geo-side-panel:has(.dz-map-ranking:empty) { display: none; }

html[data-buld-theme] body #panel-overview .geo-recent {
    display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden;
    background: var(--p-card-bg); border: 1px solid var(--p-card-border); border-radius: var(--p-card-radius);
}
html[data-buld-theme="light"] body #panel-overview .geo-recent { box-shadow: var(--bx-shadow-1); }
html[data-buld-theme] body #panel-overview .geo-recent__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px 6px; }
html[data-buld-theme] body #panel-overview .geo-recent__title { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--buld-ink-1); }
html[data-buld-theme] body #panel-overview .geo-recent__more { height: 26px; padding: 0 8px; font-size: 12px; color: var(--buld-cta); gap: 4px; }
html[data-buld-theme] body #panel-overview .geo-recent__more svg { width: 13px; height: 13px; }
html[data-buld-theme] body #panel-overview .geo-recent__more[hidden] { display: none; }
html[data-buld-theme] body #panel-overview .geo-recent__list { display: flex; flex-direction: column; padding: 0 6px 6px; }
html[data-buld-theme] body #panel-overview .geo-recent__row {
    display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 6px 8px;
    border: 0; border-radius: 8px; background: transparent; color: var(--buld-ink-1);
    font-family: inherit; text-align: start; cursor: pointer;
    transition: background var(--bx-dur-hover) var(--bx-ease);
}
html[data-buld-theme] body #panel-overview .geo-recent__row + .geo-recent__row { box-shadow: inset 0 1px 0 var(--buld-hairline); }
html[data-buld-theme] body #panel-overview .geo-recent__row:hover { background: var(--buld-hover); box-shadow: none; }
html[data-buld-theme] body #panel-overview .geo-recent__row:focus-visible { outline: 2px solid var(--buld-cta); outline-offset: -2px; }
html[data-buld-theme] body #panel-overview .geo-recent__dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: var(--buld-ink-4); }
html[data-buld-theme] body #panel-overview .geo-recent__dot[data-tone="info"]    { background: var(--buld-cta); }
html[data-buld-theme] body #panel-overview .geo-recent__dot[data-tone="success"] { background: var(--buld-success); }
html[data-buld-theme] body #panel-overview .geo-recent__dot[data-tone="warning"] { background: var(--buld-warning); }
html[data-buld-theme] body #panel-overview .geo-recent__dot[data-tone="danger"]  { background: var(--buld-danger); }
html[data-buld-theme] body #panel-overview .geo-recent__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html[data-buld-theme] body #panel-overview .geo-recent__name { font-size: 13px; font-weight: 500; color: var(--buld-ink-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] body #panel-overview .geo-recent__sub { font-size: 11.5px; color: var(--buld-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] body #panel-overview .geo-recent__amt { font-size: 13px; font-weight: 600; color: var(--buld-ink-1); font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-buld-theme] body #panel-overview .geo-recent .p-empty--compact { padding: 26px 12px 22px; }

/* ----------------------------------------------------------------------------
   21. Micro-interactions: press, lift, focus, switch
   ---------------------------------------------------------------------------- */
html[data-buld-theme] .bx-btn,
html[data-buld-theme] .p-iconbtn,
html[data-buld-theme] .p-chip,
html[data-buld-theme] .ss-action,
html[data-buld-theme] .ss-item,
html[data-buld-theme] .ap-account-item,
html[data-buld-theme] .ap-wallet-bal,
html[data-buld-theme] .ap-avatar-btn,
html[data-buld-theme] .ap-nav-flyitem,
html[data-buld-theme] .store-switcher-btn,
html[data-buld-theme] .qa-mini-card { transition-property: background, background-color, border-color, color, box-shadow, transform, opacity; transition-duration: var(--bx-dur-hover); transition-timing-function: var(--bx-ease); }
html[data-buld-theme] .bx-btn:active:not(:disabled),
html[data-buld-theme] .p-iconbtn:active,
html[data-buld-theme] .p-chip:active,
html[data-buld-theme] .ss-action:active,
html[data-buld-theme] .ss-item:active,
html[data-buld-theme] .ap-account-item:active,
html[data-buld-theme] .ap-wallet-bal:active,
html[data-buld-theme] .ap-avatar-btn:active,
html[data-buld-theme] .ap-nav-flyitem:active,
html[data-buld-theme] .store-switcher-btn:active,
html[data-buld-theme] .qa-mini-card:active { transform: scale(.98); }
html[data-buld-theme] .bx-btn:disabled { opacity: .6; cursor: not-allowed; }
html[data-buld-theme] .bx-btn--primary:not(:disabled):hover { box-shadow: 0 2px 8px var(--buld-cta-soft); }
/* interactive cards lift */
html[data-buld-theme] .p-card--interactive,
html[data-buld-theme] .qa-mini-card { transition: transform var(--bx-dur-hover) var(--bx-ease), box-shadow var(--bx-dur-hover) var(--bx-ease), border-color var(--bx-dur-hover) var(--bx-ease), background var(--bx-dur-hover) var(--bx-ease); }
html[data-buld-theme] .p-card--interactive:hover,
html[data-buld-theme] .qa-mini-card:hover { transform: translateY(-1px); box-shadow: var(--bx-shadow-2); }
/* chips: a tap feels like a tap */
html[data-buld-theme] .p-chip:active { background: var(--buld-cta-soft); }
/* .p-switch — one toggle for the batch: <label class="p-switch"><input type="checkbox"><span class="p-switch__track"></span>Libellé</label> */
html[data-buld-theme] .p-switch { position: relative; display: inline-flex; align-items: center; gap: 10px; font-size: 13px; color: var(--buld-ink-1); cursor: pointer; }
html[data-buld-theme] .p-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
html[data-buld-theme] .p-switch__track {
    position: relative; flex-shrink: 0; width: 36px; height: 22px; border-radius: 999px; background: var(--buld-divider);
    transition: background var(--bx-dur-overlay) var(--bx-ease);
}
html[data-buld-theme] .p-switch__track::after {
    content: ""; position: absolute; top: 2px; inset-inline-start: 2px; width: 18px; height: 18px; border-radius: 50%;
    background: var(--bx-action-ink); box-shadow: var(--bx-shadow-1);
    transition: transform var(--bx-dur-overlay) var(--bx-ease);
}
html[data-buld-theme] .p-switch input:checked + .p-switch__track { background: var(--buld-cta); }
html[data-buld-theme] .p-switch input:checked + .p-switch__track::after { transform: translateX(14px); }
html[data-buld-theme][dir="rtl"] .p-switch input:checked + .p-switch__track::after { transform: translateX(-14px); }
html[data-buld-theme] .p-switch input:focus-visible + .p-switch__track { outline: 2px solid var(--buld-cta); outline-offset: 2px; }
html[data-buld-theme] .p-switch input:disabled + .p-switch__track { opacity: .5; }

/* ----------------------------------------------------------------------------
   22. Responsive (the wizard stacks) + reduced motion
   ---------------------------------------------------------------------------- */
@media (max-width: 1100px) {
    html[data-buld-theme] body #panel-overview .sw-niches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-buld-theme] body #panel-overview .sw-themes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-buld-theme] body #panel-overview .launch-card__steps { flex-basis: 100%; order: 5; }
}
@media (max-width: 760px) {
    html[data-buld-theme] body #panel-overview .store-wizard { padding: 18px 16px 14px; }
    html[data-buld-theme] body #panel-overview .sw-grid--2,
    html[data-buld-theme] body #panel-overview .sw-grid--brand { grid-template-columns: 1fr; }
    html[data-buld-theme] body #panel-overview .sw-themes { grid-template-columns: 1fr; }
    html[data-buld-theme] body #panel-overview .sw-rail__label { display: none; }
    html[data-buld-theme] body #panel-overview .sw-sum__row { grid-template-columns: 28px minmax(0, 1fr); }
    html[data-buld-theme] body #panel-overview .sw-sum__label { grid-column: 2; }
    html[data-buld-theme] body #panel-overview .sw-sum__value { grid-column: 2; }
    html[data-buld-theme] body #panel-overview .sw-sum__icon { grid-row: span 2; }
    html[data-buld-theme] body #panel-overview .sw-foot__hint { display: none; }
    html[data-buld-theme] .ap-nav-right .ap-store-host::after { display: none; }
}
@media (max-width: 560px) {
    html[data-buld-theme] body #panel-overview .sw-niches { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    html[data-buld-theme] body #panel-overview .store-wizard,
    html[data-buld-theme] body #panel-overview .sw-step,
    html[data-buld-theme] body #panel-overview .sw-skel,
    html[data-buld-theme] body #panel-overview .launch-card .ls-step__dot::after { animation: none; }
    html[data-buld-theme] .ap-nav-indicator { transition: none; }
}

/* ----------------------------------------------------------------------------
   16. Batch 4 — LIGHT MODE: every card-like surface is white on the #F5F5F7 page.
   Legacy layers paint cards --buld-elevated (grey) in light; the premium look is white + hairline.
   ---------------------------------------------------------------------------- */
html[data-buld-theme="light"] body .panel [class*="-card"]:not([class*="card-"]):not([class*="card__"]):not(.apx-app):not(.st-theme):not(.switcher-card):not(.user-card):not(.theme-card):not(.new-order-card):not(.sw-card):not(.launch-card):not(.p-card),
html[data-buld-theme="light"] body .panel .ac-kpi, html[data-buld-theme="light"] body .panel .track-stat, html[data-buld-theme="light"] body .panel .sd-kpi,
html[data-buld-theme="light"] body .panel .cf-stat, html[data-buld-theme="light"] body .panel .inv-kpi, html[data-buld-theme="light"] body .panel .carrier-kpi-card,
html[data-buld-theme="light"] body .panel .dash-recent-card, html[data-buld-theme="light"] body .panel .geo-side-panel, html[data-buld-theme="light"] body .panel .geo-side-strip,
html[data-buld-theme="light"] body .panel .home-shortcut, html[data-buld-theme="light"] body .panel .ac-table-card, html[data-buld-theme="light"] body .panel .track-table-card,
html[data-buld-theme="light"] body .panel .sw-panel, html[data-buld-theme="light"] body .panel .team-stats-bar, html[data-buld-theme="light"] body .panel .lp-card,
html[data-buld-theme="light"] body .panel .ac-kpis > *, html[data-buld-theme="light"] body .panel .track-stats > *, html[data-buld-theme="light"] body .panel .dash-kpi-row {
    background: var(--p-card-bg) !important; background-image: none !important;
    border: 1px solid var(--p-card-border) !important; box-shadow: var(--bx-shadow-1) !important;
}
html[data-buld-theme="light"] body .panel .ac-kpi *, html[data-buld-theme="light"] body .panel .track-stat *, html[data-buld-theme="light"] body .panel .carrier-kpi-card * { background-image: none; }
/* the colored underline bars of the legacy tracking strip */
html[data-buld-theme] body #panel-tracking .track-stat::after, html[data-buld-theme] body #panel-tracking .track-stat .track-bar { display: none !important; }
html[data-buld-theme] body #panel-tracking .track-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
html[data-buld-theme] body #panel-tracking .track-stat { border-radius: 12px !important; padding: 14px 16px !important; }
html[data-buld-theme] body #panel-tracking .track-stat:empty { display: none; }
/* products: the empty-state CTA is one line */
html[data-buld-theme] body #panel-products .prod-empty-yaya .btn-action, html[data-buld-theme] body #panel-products .prod-empty-yaya button { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: 34px !important; padding: 0 14px !important; white-space: nowrap; border-radius: 999px !important; background: var(--buld-cta) !important; color: #fff !important; border: 0 !important; font-size: 13px; font-weight: 600; }
html[data-buld-theme] body #panel-products .prod-empty-yaya button svg { width: 15px; height: 15px; position: static; }
/* landing pages: no rainbow rails, no emoji, white cards, French credits pill */
html[data-buld-theme] body #panel-landing-pages [class*="card"]::before, html[data-buld-theme] body #panel-landing-pages .lp-section::before, html[data-buld-theme] body #panel-landing-pages .lp-preview::before { display: none !important; }
html[data-buld-theme] body #panel-landing-pages [class*="card"], html[data-buld-theme] body #panel-landing-pages .lp-section, html[data-buld-theme] body #panel-landing-pages .lp-preview { border-top: 1px solid var(--p-card-border) !important; border-image: none !important; }
html[data-buld-theme] body #panel-landing-pages .cost-badge, html[data-buld-theme] body #panel-landing-pages .cost-badge.sale { background: var(--buld-cta-soft) !important; color: var(--buld-cta) !important; border: 0 !important; }
html[data-buld-theme] body #panel-landing-pages .upload-zone, html[data-buld-theme] body #panel-landing-pages [class*="dropzone"] { background: var(--buld-page) !important; border: 1.5px dashed var(--buld-divider) !important; color: var(--buld-ink-3) !important; }
html[data-buld-theme] body #panel-landing-pages .upload-zone svg, html[data-buld-theme] body #panel-landing-pages [class*="dropzone"] svg { color: var(--buld-cta) !important; }
/* cod-forms: the black primary becomes the CTA blue; the header bar is a plain header */
html[data-buld-theme] body #panel-cod-forms .cf-btn-primary, html[data-buld-theme] body #panel-cod-forms .cf-btn.cf-btn-primary { background: var(--buld-cta) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; }
html[data-buld-theme] body #panel-cod-forms .cf-head, html[data-buld-theme] body #panel-cod-forms .cf-header { background: transparent !important; border: 0 !important; box-shadow: none !important; padding-inline: 0 !important; }
/* carriers: the second KPI row and the status board follow the card system */
html[data-buld-theme] body #panel-carriers .carrier-kpi-card, html[data-buld-theme] body #panel-carriers .carrier-kpi { border-radius: 12px !important; }
/* tracking strip → the same KPI language as the orders list */
html[data-buld-theme] body #panel-tracking .tracking-stats { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 18px; }
html[data-buld-theme] body #panel-tracking .track-stat { display: flex; align-items: center; gap: 12px; padding: 14px 16px !important; border-radius: 12px !important; background: var(--p-card-bg) !important; border: 1px solid var(--p-card-border) !important; box-shadow: none !important; }
html[data-buld-theme="light"] body #panel-tracking .track-stat { box-shadow: var(--bx-shadow-1) !important; }
html[data-buld-theme] body #panel-tracking .track-stat * { border: 0 !important; box-shadow: none !important; background-image: none !important; }
html[data-buld-theme] body #panel-tracking .track-stat-icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--buld-cta-soft) !important; color: var(--buld-cta) !important; flex-shrink: 0; }
html[data-buld-theme] body #panel-tracking .track-stat-icon svg { width: 18px !important; height: 18px !important; }
html[data-buld-theme] body #panel-tracking .track-stat-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html[data-buld-theme] body #panel-tracking .track-stat-value { font-size: 20px; font-weight: 600; color: var(--buld-ink-1) !important; font-variant-numeric: tabular-nums; background: transparent !important; padding: 0 !important; }
html[data-buld-theme] body #panel-tracking .track-stat-label { font-size: 11.5px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: var(--buld-ink-3) !important; background: transparent !important; padding: 0 !important; }
html[data-buld-theme] body #panel-tracking .track-stat-label::after, html[data-buld-theme] body #panel-tracking .track-stat::after, html[data-buld-theme] body #panel-tracking .track-stat::before { display: none !important; }
html[data-buld-theme] body #panel-tracking .tracking-table-head, html[data-buld-theme] body #panel-tracking .track-table-head { background: transparent !important; }
/* landing pages: the creator sections and the preview lose their rainbow rails */
html[data-buld-theme] body #panel-landing-pages .control-section::before, html[data-buld-theme] body #panel-landing-pages .creator-preview::before, html[data-buld-theme] body #panel-landing-pages .preview-panel::before, html[data-buld-theme] body #panel-landing-pages .creator-controls > *::before { display: none !important; content: none !important; }
html[data-buld-theme] body #panel-landing-pages .control-section, html[data-buld-theme] body #panel-landing-pages .creator-preview, html[data-buld-theme] body #panel-landing-pages .preview-panel { background: var(--p-card-bg) !important; border: 1px solid var(--p-card-border) !important; border-radius: 12px !important; box-shadow: none !important; background-image: none !important; }
html[data-buld-theme="light"] body #panel-landing-pages .control-section, html[data-buld-theme="light"] body #panel-landing-pages .creator-preview { box-shadow: var(--bx-shadow-1) !important; }
html[data-buld-theme] body #panel-landing-pages .control-section h3 { color: var(--buld-ink-1) !important; font-size: 14px; }
html[data-buld-theme] body #panel-landing-pages .creator-preview-head, html[data-buld-theme] body #panel-landing-pages .preview-head { border-bottom: 1px solid var(--buld-hairline) !important; background: transparent !important; }