/*
 * AQARK R96-C3-B1 Shared UI Normalization
 * Purpose:
 * - Normalize authenticated Admin + Dashboard visual hierarchy.
 * - Keep the existing AQARK logo and brand identity unchanged.
 * - Preserve semantic success/warning/danger/AI states.
 * - Avoid page-specific redesign.
 */

:root {
    --aq-ui-brand: #212356;
    --aq-ui-brand-hover: #171941;

    --aq-ui-heading: #0f172a;
    --aq-ui-body: #334155;
    --aq-ui-muted: #64748b;

    --aq-ui-page: #f8fafc;
    --aq-ui-surface: #ffffff;
    --aq-ui-soft: #f8fafc;
    --aq-ui-border: #e2e8f0;

    --aq-ui-radius-card: 16px;
    --aq-ui-radius-major: 20px;
    --aq-ui-radius-control: 10px;

    --aq-ui-shadow-card: 0 6px 22px rgba(15, 23, 42, .045);
    --aq-ui-shadow-major: 0 10px 30px rgba(15, 23, 42, .055);

    --aq-ui-h1: 30px;
    --aq-ui-h2: 20px;
    --aq-ui-h3: 16px;
    --aq-ui-body-size: 14px;
    --aq-ui-label-size: 13px;
    --aq-ui-meta-size: 12px;
}

/* ---------------------------------------------------------
   Authenticated page foundations
   --------------------------------------------------------- */

body[data-aqark-reference-layout="admin"],
body[data-aqark-reference-layout="dashboard"] {
    background: var(--aq-ui-page);
    color: var(--aq-ui-body);
}

body[data-aqark-reference-layout="admin"] main,
body[data-aqark-reference-layout="dashboard"] main,
[data-aqark-account-content] {
    color: var(--aq-ui-body);
}

/* Same hierarchy = same typography. */
body[data-aqark-reference-layout="admin"] main h1,
body[data-aqark-reference-layout="dashboard"] main h1,
[data-aqark-account-content] h1 {
    margin-block-start: 0;
    color: var(--aq-ui-heading) !important;
    font-size: var(--aq-ui-h1) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -.015em;
}

body[data-aqark-reference-layout="admin"] main h2:not([class*="text-rose"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-emerald"]),
body[data-aqark-reference-layout="dashboard"] main h2:not([class*="text-rose"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-emerald"]),
[data-aqark-account-content] h2:not([class*="text-rose"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-emerald"]) {
    color: var(--aq-ui-heading) !important;
    font-size: var(--aq-ui-h2) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body[data-aqark-reference-layout="admin"] main h3:not([class*="text-rose"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-emerald"]),
body[data-aqark-reference-layout="dashboard"] main h3:not([class*="text-rose"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-emerald"]),
[data-aqark-account-content] h3:not([class*="text-rose"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-emerald"]) {
    color: var(--aq-ui-heading) !important;
    font-size: var(--aq-ui-h3) !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
}

/* Default copy only. Explicit semantic/text utilities remain authoritative. */
body[data-aqark-reference-layout="admin"] main p:not([class*="text-"]),
body[data-aqark-reference-layout="dashboard"] main p:not([class*="text-"]),
[data-aqark-account-content] p:not([class*="text-"]) {
    color: var(--aq-ui-body);
    font-size: var(--aq-ui-body-size);
    line-height: 1.65;
}

/* ---------------------------------------------------------
   Standard account/settings hero
   Ordinary product pages use one restrained hero treatment.
   AI-specific surfaces are intentionally not targeted here.
   --------------------------------------------------------- */

.aqr-account-hero,
.aqr-settings-hero {
    padding: 24px 26px !important;
    border: 1px solid var(--aq-ui-border) !important;
    border-radius: var(--aq-ui-radius-major) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(37, 99, 235, .055), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    color: var(--aq-ui-heading) !important;
    box-shadow: var(--aq-ui-shadow-major) !important;
}

[dir="rtl"] .aqr-account-hero,
[dir="rtl"] .aqr-settings-hero {
    background:
        radial-gradient(circle at 88% 0%, rgba(37, 99, 235, .055), transparent 34%),
        linear-gradient(225deg, #ffffff 0%, #f8fafc 100%) !important;
}

.aqr-account-hero h1,
.aqr-settings-hero h1 {
    color: var(--aq-ui-heading) !important;
}

.aqr-account-hero p,
.aqr-settings-hero p {
    color: var(--aq-ui-muted) !important;
}

.aqr-account-hero-status {
    border: 1px solid #d1fae5 !important;
    background: #ecfdf5 !important;
    color: #047857 !important;
}

/* ---------------------------------------------------------
   Shared card system
   --------------------------------------------------------- */

.aqr-settings-card,
.aqark-r54,
.aqark-r57__nav-card,
.aqark-r58__item,
.aqark-checkout-preview__panel,
.aqark-plan-card,
.aqark-ai-card {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--aq-ui-border) !important;
    border-radius: var(--aq-ui-radius-card) !important;
    background: var(--aq-ui-surface) !important;
    box-shadow: var(--aq-ui-shadow-card) !important;
}

/*
 * Normalize neutral utility-built cards without destroying semantic
 * success/warning/danger/selected borders.
 */
body[data-aqark-reference-layout="admin"] main :is(section, article, div)[class*="border-2"][class*="rounded-"]:not([class*="border-emerald"]):not([class*="border-green"]):not([class*="border-amber"]):not([class*="border-orange"]):not([class*="border-rose"]):not([class*="border-red"]):not([class*="border-indigo"]):not([class*="border-violet"]):not([class*="border-fuchsia"]):not([class*="border-blue"]):not([class*="border-sky"]),
body[data-aqark-reference-layout="dashboard"] main :is(section, article, div)[class*="border-2"][class*="rounded-"]:not([class*="border-emerald"]):not([class*="border-green"]):not([class*="border-amber"]):not([class*="border-orange"]):not([class*="border-rose"]):not([class*="border-red"]):not([class*="border-indigo"]):not([class*="border-violet"]):not([class*="border-fuchsia"]):not([class*="border-blue"]):not([class*="border-sky"]) {
    border-width: 1px !important;
    border-color: var(--aq-ui-border) !important;
}

/* ---------------------------------------------------------
   Controls, tabs and buttons
   --------------------------------------------------------- */

body[data-aqark-reference-layout="admin"] main :is(input, select, textarea),
body[data-aqark-reference-layout="dashboard"] main :is(input, select, textarea),
[data-aqark-account-content] :is(input, select, textarea) {
    min-height: 44px;
    border-width: 1px;
    border-color: #d5dee9;
    border-radius: var(--aq-ui-radius-control);
    background: #ffffff;
    color: var(--aq-ui-body);
    font-size: 14px;
    line-height: 1.4;
}

body[data-aqark-reference-layout="admin"] main :is(button, [role="tab"]),
body[data-aqark-reference-layout="dashboard"] main :is(button, [role="tab"]),
[data-aqark-account-content] :is(button, [role="tab"]) {
    min-height: 40px;
    border-radius: var(--aq-ui-radius-control);
    font-size: var(--aq-ui-label-size);
    font-weight: 700;
    line-height: 1.2;
}

/* Neutral secondary controls: one restrained border weight. */
body[data-aqark-reference-layout="admin"] main :is(button, a)[class*="border-slate"],
body[data-aqark-reference-layout="dashboard"] main :is(button, a)[class*="border-slate"],
[data-aqark-account-content] :is(button, a)[class*="border-slate"] {
    border-width: 1px !important;
}

/* ---------------------------------------------------------
   Tables and dense data surfaces
   --------------------------------------------------------- */

body[data-aqark-reference-layout="admin"] main table,
body[data-aqark-reference-layout="dashboard"] main table,
[data-aqark-account-content] table {
    width: 100%;
    border-color: var(--aq-ui-border);
    color: var(--aq-ui-body);
}

body[data-aqark-reference-layout="admin"] main table th,
body[data-aqark-reference-layout="dashboard"] main table th,
[data-aqark-account-content] table th {
    color: #475569;
    font-size: var(--aq-ui-meta-size) !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

body[data-aqark-reference-layout="admin"] main table td,
body[data-aqark-reference-layout="dashboard"] main table td,
[data-aqark-account-content] table td {
    color: var(--aq-ui-body);
    font-size: var(--aq-ui-label-size);
    line-height: 1.5;
}

/* ---------------------------------------------------------
   Explicit semantic colors remain semantic.
   --------------------------------------------------------- */

:is(.text-emerald-600,.text-emerald-700,.text-emerald-800,.text-green-600,.text-green-700) {
    /* success semantics intentionally preserved */
}

:is(.text-amber-600,.text-amber-700,.text-amber-800,.text-orange-600,.text-orange-700) {
    /* warning semantics intentionally preserved */
}

:is(.text-rose-600,.text-rose-700,.text-rose-800,.text-red-600,.text-red-700) {
    /* destructive/error semantics intentionally preserved */
}

/* ---------------------------------------------------------
   Responsive scale
   --------------------------------------------------------- */

@media (max-width: 900px) {
    :root {
        --aq-ui-h1: 28px;
        --aq-ui-h2: 19px;
    }

    .aqr-account-hero,
    .aqr-settings-hero {
        padding: 21px 20px !important;
    }
}

@media (max-width: 640px) {
    :root {
        --aq-ui-h1: 26px;
        --aq-ui-h2: 18px;
        --aq-ui-h3: 16px;
    }

    .aqr-account-hero,
    .aqr-settings-hero {
        padding: 18px 16px !important;
        border-radius: 16px !important;
    }

    body[data-aqark-reference-layout="admin"] main :is(button, [role="tab"]),
    body[data-aqark-reference-layout="dashboard"] main :is(button, [role="tab"]),
    [data-aqark-account-content] :is(button, [role="tab"]) {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-aqark-reference-layout="admin"] *,
    body[data-aqark-reference-layout="dashboard"] *,
    [data-aqark-account-content] * {
        scroll-behavior: auto !important;
    }
}

/* AQARK_R96_C3_B2S_R2_PHASE22_HEADER_RESPONSIVE_REPAIR */
/*
 * Phase22 protected dashboard topbar repair.
 * Desktop keeps the mobile disclosure hidden. Search width is flexible,
 * user copy collapses before collision, and the disclosure appears only
 * after the desktop sidebar collapses.
 */
[data-aqark-phase22-protected-live="dashboard"] [data-aqark-phase22-live-mobile-menu] {
    display: none !important;
}

[data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-topbar-v2 {
    min-width: 0 !important;
}

[data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-search-v2 {
    width: auto !important;
    min-width: 180px !important;
    max-width: 520px !important;
    flex: 1 1 320px !important;
}

[data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-topbar-v2__actions {
    min-width: 0 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

@media (max-width: 1180px) {
    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-user-v2__copy {
        display: none !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-search-v2 {
        max-width: 360px !important;
    }
}

@media (max-width: 900px) {
    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-topbar-v2 {
        gap: 10px !important;
        padding-inline: 14px !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-search-v2 {
        max-width: 260px !important;
    }
}

@media (max-width: 760px) {
    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-topbar-v2 {
        min-height: 62px !important;
        gap: 8px !important;
        padding: 9px 12px !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-search-v2 {
        display: none !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-topbar-v2__actions {
        margin-inline-start: auto !important;
        gap: 6px !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-topbar-v2__country,
    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-topbar-v2__notification {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] [data-aqark-phase22-live-mobile-menu] {
        position: relative !important;
        display: block !important;
        margin: 0 !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] [data-aqark-phase22-live-mobile-menu] > summary {
        min-width: 42px !important;
        min-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 10px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        background: #fff !important;
        color: #24304f !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        cursor: pointer !important;
        list-style: none !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] [data-aqark-phase22-live-mobile-menu] > summary::-webkit-details-marker {
        display: none !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] [data-aqark-phase22-live-mobile-menu] > nav {
        position: absolute !important;
        z-index: 1200 !important;
        top: calc(100% + 8px) !important;
        inset-inline-end: 0 !important;
        width: min(280px, calc(100vw - 24px)) !important;
        max-height: 70vh !important;
        overflow-y: auto !important;
        display: grid !important;
        gap: 4px !important;
        padding: 10px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 16px 40px rgba(15,23,42,.14) !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] [data-aqark-phase22-live-mobile-menu] > nav > a {
        display: block !important;
        padding: 10px 11px !important;
        border-radius: 9px !important;
        color: #24304f !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    [data-aqark-phase22-protected-live="dashboard"] [data-aqark-phase22-live-mobile-menu] > nav > a:hover,
    [data-aqark-phase22-protected-live="dashboard"] [data-aqark-phase22-live-mobile-menu] > nav > a:focus-visible {
        background: #f1f5f9 !important;
    }
}

/* AQARK_R96_C3_B2U_UNIFIED_DASHBOARD_VISUAL_REPAIR */

/* Search is one control, not a white input inside a grey shell. */
[data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-search-v2 input,
[data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-search-v2__input {
    min-width: 0 !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    appearance: none !important;
}

/* Shared language controls. */
.aqark-dashboard-language-v2,
.aqark-admin-language-v2 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    padding: 3px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
}

.aqark-dashboard-language-v2 a,
.aqark-admin-language-v2 a {
    min-width: 30px !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.aqark-dashboard-language-v2 a[aria-current="true"],
.aqark-admin-language-v2 a[aria-current="true"] {
    background: #eef4ff !important;
    color: #2357d9 !important;
}

/* Readable primary actions. */
[data-aqark-phase22-protected-live="dashboard"] main :is(a,button)[class~="bg-indigo-600"],
[data-aqark-phase22-protected-live="dashboard"] main :is(a,button)[class~="bg-blue-600"],
[data-aqark-phase22-protected-live="dashboard"] main :is(a,button)[class~="bg-violet-600"],
[data-aqark-phase22-protected-live="dashboard"] main :is(a,button)[class~="bg-purple-600"],
[data-aqark-phase22-protected-live="admin"] main :is(a,button)[class~="bg-indigo-600"],
[data-aqark-phase22-protected-live="admin"] main :is(a,button)[class~="bg-blue-600"],
[data-aqark-phase22-protected-live="admin"] main :is(a,button)[class~="bg-violet-600"],
[data-aqark-phase22-protected-live="admin"] main :is(a,button)[class~="bg-purple-600"] {
    color: #fff !important;
}

/* Paid AI stays functional but becomes a secondary entitlement area. */
[data-aqark-dashboard-surface="ai"] [data-aqark-paid-addon] {
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}
[data-aqark-dashboard-surface="ai"] [data-aqark-paid-addon] h3 {
    font-size: 14px !important;
}
[data-aqark-dashboard-surface="ai"] [data-aqark-paid-addon] p {
    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* Super Admin keeps its RBAC/IA, but uses the same visual language as customer dashboards. */
[data-aqark-phase22-protected-live="admin"] {
    background: #f7f9fc !important;
    color: #334155 !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-sidebar-v2 {
    background: linear-gradient(180deg, #1b4b7d 0%, #173f6d 100%) !important;
    border-inline-end: 0 !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
    min-height: 74px !important;
    padding: 12px 24px !important;
    gap: 14px !important;
    border-bottom: 1px solid #e7ecf3 !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 5px 20px rgba(15,23,42,.035) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-main-v2,
[data-aqark-phase22-protected-live="admin"] main {
    background: radial-gradient(circle at 20% 0%, rgba(47,103,237,.035), transparent 28%), #f7f9fc !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 a,
[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 button {
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

[data-aqark-phase22-protected-live="admin"] main :is(section,article,div)[class*="bg-white"][class*="rounded-"] {
    border-color: #e2e8f0 !important;
    box-shadow: 0 7px 22px rgba(15,23,42,.035) !important;
}

@media (max-width: 1180px) {
    .aqark-dashboard-language-v2 a,
    .aqark-admin-language-v2 a {
        min-width: 28px !important;
        min-height: 28px !important;
    }
}

@media (max-width: 760px) {
    .aqark-dashboard-language-v2,
    .aqark-admin-language-v2 {
        padding: 2px !important;
    }

    .aqark-dashboard-language-v2 a,
    .aqark-admin-language-v2 a {
        min-width: 27px !important;
        min-height: 27px !important;
        font-size: 9px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
        min-height: 62px !important;
        padding: 9px 12px !important;
    }
}

/* AQARK_R96_C3_B2W_UX_SYSTEM_CONVERGENCE_AND_COMMERCE_COMPLETION */
:root{--aq-b2w-page-bg:#f8fafc;--aq-b2w-heading:#0f172a;--aq-b2w-body:#334155;--aq-b2w-muted:#64748b;--aq-b2w-border:#e2e8f0}
.aqark-dashboard-topbar-v2,.aqark-admin-topbar-v2{min-height:72px!important;padding:11px 20px!important;gap:16px!important;border-bottom:1px solid var(--aq-b2w-border)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 1px 0 rgba(15,23,42,.03)!important;position:sticky!important;top:0!important;z-index:35!important}
.aqark-dashboard-topbar-v2__actions,.aqark-admin-topbar-v2__actions{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.aqark-dashboard-search-v2{flex:1 1 360px!important;width:auto!important;max-width:520px!important;min-width:220px!important;border:1px solid var(--aq-b2w-border)!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:none!important}
.aqark-dashboard-search-v2__input{min-height:42px!important;background:transparent!important;color:var(--aq-b2w-heading)!important}
.aqark-dashboard-main-v2,.aqark-admin-main-v2{background:var(--aq-b2w-page-bg)!important}
body[data-aqark-reference-layout="admin"] section:has([data-aqark-admin-ops-kicker]){background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;border:1px solid var(--aq-b2w-border)!important;border-radius:20px!important;color:var(--aq-b2w-body)!important;box-shadow:0 7px 22px rgba(15,23,42,.05)!important}
body[data-aqark-reference-layout="admin"] section:has([data-aqark-admin-ops-kicker]) :is(h1,h2,h3,strong){color:var(--aq-b2w-heading)!important}
body[data-aqark-reference-layout="admin"] section:has([data-aqark-admin-ops-kicker]) p{color:var(--aq-b2w-muted)!important}
[data-aqark-admin-ops-kicker]{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:4px 9px!important;border-radius:8px!important;background:#eef4ff!important;color:#245edb!important;font-size:11px!important;font-weight:800!important}
body[data-aqark-reference-layout] :is(a,button)[class~="bg-slate-950"],body[data-aqark-reference-layout] :is(a,button)[class~="bg-slate-900"],body[data-aqark-reference-layout] :is(a,button)[class~="bg-black"],body[data-aqark-reference-layout] :is(a,button)[class~="bg-indigo-600"],body[data-aqark-reference-layout] :is(a,button)[class~="bg-indigo-700"],body[data-aqark-reference-layout] :is(a,button)[class~="bg-blue-600"],body[data-aqark-reference-layout] :is(a,button)[class~="bg-blue-700"],body[data-aqark-reference-layout] :is(a,button)[class~="bg-violet-600"],body[data-aqark-reference-layout] :is(a,button)[class~="bg-purple-600"]{color:#fff!important}
.aqark-dashboard-cart-v2{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:40px!important;padding:7px 10px!important;border:1px solid var(--aq-b2w-border)!important;border-radius:10px!important;background:#fff!important;color:var(--aq-b2w-body)!important;text-decoration:none!important;white-space:nowrap!important}
.aqark-dashboard-cart-v2__label{font-size:12px!important;font-weight:800!important}
.aqark-dashboard-cart-v2__badge,.aqark-growth-store-cart-entry__badge{display:inline-flex!important;min-width:19px!important;height:19px!important;align-items:center!important;justify-content:center!important;padding-inline:5px!important;border-radius:999px!important;background:#245edb!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
.aqark-growth-store-cart-entry{display:flex!important;justify-content:flex-end!important;margin-bottom:14px!important}.aqark-growth-store-cart-entry__link{display:inline-flex!important;min-height:42px!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;border:1px solid #cbd5e1!important;border-radius:11px!important;background:#fff!important;color:var(--aq-b2w-body)!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}
.aqark-commerce-steps{display:flex!important;align-items:center!important;width:100%!important;max-width:760px!important;margin:0 auto 18px!important;padding:12px 14px!important;border:1px solid var(--aq-b2w-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 16px rgba(15,23,42,.035)!important}
.aqark-commerce-step{flex:0 0 auto!important}.aqark-commerce-step__inner{display:inline-flex!important;align-items:center!important;gap:7px!important;color:var(--aq-b2w-muted)!important;text-decoration:none!important}.aqark-commerce-step__index{display:inline-flex!important;width:26px!important;height:26px!important;align-items:center!important;justify-content:center!important;border:1px solid #cbd5e1!important;border-radius:50%!important;background:#fff!important;color:#64748b!important;font-size:11px!important;font-weight:900!important}.aqark-commerce-step__label{font-size:12px!important;font-weight:800!important;white-space:nowrap!important}.aqark-commerce-step.is-current .aqark-commerce-step__index,.aqark-commerce-step.is-done .aqark-commerce-step__index{border-color:#245edb!important;background:#245edb!important;color:#fff!important}.aqark-commerce-step__line{flex:1 1 32px!important;min-width:18px!important;height:1px!important;margin-inline:9px!important;background:#dbe3ee!important}
.aqark-payment-readiness-card{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-top:14px!important;padding:14px 16px!important;border:1px solid #f2d293!important;border-radius:12px!important;background:#fffaf0!important}.aqark-payment-readiness-card--secondary{border-color:#d9e2ef!important;background:#f8fafc!important}.aqark-payment-readiness-card strong{display:block!important;color:var(--aq-b2w-heading)!important;font-size:13px!important}.aqark-payment-readiness-card p{margin:4px 0 0!important;color:var(--aq-b2w-muted)!important;font-size:12px!important;line-height:1.55!important}.aqark-payment-readiness-card>span{flex:0 0 auto!important;padding:4px 7px!important;border-radius:7px!important;background:#fff!important;color:#92400e!important;font-size:10px!important;font-weight:900!important}
.aqark-commerce-empty-cart{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:18px!important;align-items:start!important}.aqark-commerce-empty-cart__icon{display:grid!important;width:52px!important;height:52px!important;place-items:center!important;border-radius:14px!important;background:#eef4ff!important;font-size:23px!important}
@media(max-width:900px){.aqark-dashboard-topbar-v2,.aqark-admin-topbar-v2{padding-inline:14px!important}.aqark-dashboard-search-v2{max-width:380px!important}.aqark-dashboard-cart-v2__label{display:none!important}}
@media(max-width:700px){.aqark-dashboard-topbar-v2,.aqark-admin-topbar-v2{min-height:60px!important;padding:8px 10px!important;gap:8px!important}.aqark-dashboard-cart-v2{min-width:38px!important;padding:7px 8px!important;justify-content:center!important}.aqark-commerce-steps{overflow-x:auto!important;justify-content:flex-start!important;padding:10px!important}.aqark-commerce-step__line{min-width:12px!important;margin-inline:6px!important}.aqark-payment-readiness-card{flex-direction:column!important}.aqark-commerce-empty-cart{grid-template-columns:1fr!important}}

/* ==========================================================================
   AQARK R96-C3-B2Y-B — P1 RELEASE BLOCKER REMEDIATION
   QA-002 provider-status action contrast + owner-requested desktop top-gap fix.
   ========================================================================== */

form[action*="/provider-status"] button[type="submit"] {
    min-height: 44px !important;
    border: 1px solid #075985 !important;
    border-radius: 12px !important;
    background: #0369a1 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.08) !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}
form[action*="/provider-status"] button[type="submit"]:hover:not(:disabled) {
    background: #075985 !important;
    color: #ffffff !important;
}
form[action*="/provider-status"] button[type="submit"]:focus-visible {
    outline: 3px solid rgba(14,165,233,.35) !important;
    outline-offset: 2px !important;
}
form[action*="/provider-status"] button[type="submit"]:disabled,
form[action*="/provider-status"] button[type="submit"][aria-disabled="true"] {
    border-color: #cbd5e1 !important;
    background: #e2e8f0 !important;
    color: #475569 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

@media (min-width: 901px) {
    html,
    body[data-aqark-reference-layout="dashboard"],
    body[data-aqark-reference-layout="admin"] {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body[data-aqark-reference-layout="dashboard"] .aqark-dashboard-layout-v2,
    body[data-aqark-reference-layout="admin"] .aqark-dashboard-layout-v2,
    body[data-aqark-reference-layout="admin"] .aqark-admin-layout-v2,
    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-layout-v2,
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-layout-v2 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        min-height: 100vh !important;
        align-items: stretch !important;
    }

    body[data-aqark-reference-layout="dashboard"] .aqark-dashboard-content-v2,
    body[data-aqark-reference-layout="admin"] .aqark-dashboard-content-v2,
    body[data-aqark-reference-layout="admin"] .aqark-admin-content-v2 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body[data-aqark-reference-layout="dashboard"] .aqark-dashboard-topbar-v2,
    body[data-aqark-reference-layout="admin"] .aqark-dashboard-topbar-v2,
    body[data-aqark-reference-layout="admin"] .aqark-admin-topbar-v2,
    body[data-aqark-reference-layout="admin"] [data-aqark-admin-reference-header],
    [data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-topbar-v2,
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
        margin-top: 0 !important;
        top: 0 !important;
    }

    body[data-aqark-reference-layout="dashboard"] .aqark-dashboard-sidebar-v2,
    body[data-aqark-reference-layout="admin"] .aqark-dashboard-sidebar-v2,
    body[data-aqark-reference-layout="admin"] .aqark-admin-sidebar-v2 {
        margin-top: 0 !important;
        top: 0 !important;
    }
}

/* ==========================================================================
   AQARK R96-C3-B2Y-C — SHARED RESPONSIVE UI POLISH
   ========================================================================== */

[data-aqark-quick-nav]{position:relative!important;min-width:0!important}
[data-aqark-quick-nav] input[type="search"]{width:100%!important;min-width:0!important}
[data-aqark-quick-nav-status]{position:absolute!important;inset-inline-start:0!important;top:calc(100% + 6px)!important;z-index:80!important;max-width:min(420px,90vw)!important;color:#64748b!important;font-size:11px!important;line-height:1.35!important;pointer-events:none!important}

[data-aqark-admin-account-menu]{position:relative!important;flex:0 0 auto!important}
[data-aqark-admin-account-menu]>summary{display:flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:7px 10px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;color:#0f172a!important;cursor:pointer!important;list-style:none!important;white-space:nowrap!important}
[data-aqark-admin-account-menu]>summary::-webkit-details-marker{display:none!important}
[data-aqark-admin-account-menu]>nav{position:absolute!important;inset-inline-end:0!important;top:calc(100% + 8px)!important;z-index:120!important;display:grid!important;gap:4px!important;width:min(280px,calc(100vw - 32px))!important;padding:8px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 45px rgba(15,23,42,.16)!important}
[data-aqark-admin-account-menu]>nav>:is(a,form),[data-aqark-admin-account-menu]>nav>form>button{width:100%!important;min-width:0!important}
[data-aqark-admin-account-menu]>nav :is(a,button){display:flex!important;align-items:center!important;min-height:40px!important;padding:9px 10px!important;border-radius:9px!important;color:#334155!important;background:transparent!important;text-align:start!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important}
[data-aqark-admin-account-menu]>nav :is(a,button):hover,[data-aqark-admin-account-menu]>nav :is(a,button):focus-visible{background:#f1f5f9!important;color:#0f172a!important;outline:none!important}

[data-aqark-account-content] :is(.grid,.flex)>*,.aqark-dashboard-main-v2 :is(.grid,.flex)>*{min-width:0}
[data-aqark-account-content] :is(button,a,label)[class*="bg-[#212356]"],[data-aqark-account-content] :is(button,a,label)[class*="bg-slate-8"],[data-aqark-account-content] :is(button,a,label)[class*="bg-slate-9"]{max-width:100%!important;min-width:0!important}
[data-aqark-account-content] label:has(input[name="payment_gateway"]),[data-aqark-account-content] label:has(input[name="xpay_payment_method"]){width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
[data-aqark-account-content] label:has(input[name="payment_gateway"])>*,[data-aqark-account-content] label:has(input[name="xpay_payment_method"])>*{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}

:is(a,button)[class*="bg-[#212356]"],:is(a,button)[class*="bg-slate-800"],:is(a,button)[class*="bg-slate-900"],:is(a,button)[class*="bg-indigo-700"],:is(a,button)[class*="bg-indigo-800"],:is(a,button)[class*="bg-blue-700"],:is(a,button)[class*="bg-blue-800"],.aqark-btn--primary{color:#fff!important}
:is(a,button)[class*="bg-[#212356]"] :is(span,small,strong),:is(a,button)[class*="bg-slate-800"] :is(span,small,strong),:is(a,button)[class*="bg-slate-900"] :is(span,small,strong),.aqark-btn--primary :is(span,small,strong){color:inherit!important}

body[data-aqark-reference-layout="admin"] :is(.aqark-badge,[class*="rounded-full"])[class*="bg-white"],body[data-aqark-reference-layout="admin"] [data-aqark-admin-ops-kicker]{color:#1d4ed8!important;border-color:#bfdbfe!important;background:#eff6ff!important}
body[data-aqark-reference-layout="admin"] :is(.aqark-card,[class*="rounded-2xl"]) :is(dt,.text-slate-400,.text-gray-400){color:#64748b!important}

table :is(span,a,strong)[class*="rounded-full"],table :is(span,a,strong)[class*="rounded-lg"][class*="text-xs"]{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;min-width:max-content}
table th,table td{word-break:normal!important}
table td:has(>:is(span,a,strong)[class*="rounded-full"]){min-width:96px}

[dir="rtl"] :is(input[type="tel"],input[type="url"],input[type="email"],input[type="color"],.font-mono,code){direction:ltr!important;unicode-bidi:isolate!important;text-align:start}
.aqark-admin-subpage-v2 :is(.font-mono,code,[data-aqark-receipt-hash]),[data-aqark-reference-layout="admin"] :is(.font-mono,code,[data-aqark-receipt-hash]){min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}

.aqark-home-hero-v2{height:auto!important;min-height:0!important;overflow:visible!important}
.aqark-home-hero-v2__content{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:24px!important;min-height:0!important;height:auto!important;padding-block-end:32px!important}
.aqark-home-hero-v2__copy,.aqark-home-search-v2{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;margin:0!important;min-width:0!important;max-width:100%!important}
.aqark-home-search-v2{width:100%!important}
.aqark-home-search-grid-v2{width:100%!important;min-width:0!important;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))!important}
.aqark-home-search-submit-v2{width:100%!important;min-width:0!important;max-width:100%!important}

[data-aqark-accessible-modal]{overflow-y:auto!important}
[data-aqark-accessible-modal]>[role="document"]{max-width:min(448px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;overflow:auto!important}

[data-aqark-cms-footer="configured"] :is(a,h2,h3,h4,strong){color:inherit}
[data-aqark-cms-footer="configured"] a{opacity:.9}
[data-aqark-cms-footer="configured"] a:hover,[data-aqark-cms-footer="configured"] a:focus-visible{opacity:1}
[data-aqark-cms-section-id] :is(h1,h2,h3){text-wrap:balance}

@media (max-width:900px){
    .aqark-dashboard-topbar-v2,.aqark-admin-topbar-v2{gap:10px!important;padding-inline:14px!important}
    [data-aqark-quick-nav]{flex:1 1 100%!important;order:10!important;width:100%!important;max-width:none!important}
    .aqark-dashboard-topbar-v2__actions,.aqark-admin-topbar-v2__actions{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
    [data-aqark-admin-account-menu]>nav{position:fixed!important;inset-inline:16px!important;top:72px!important;width:auto!important;max-height:calc(100vh - 96px)!important;overflow:auto!important}
    .aqark-dashboard-main-v2,.aqark-admin-subpage-v2{min-width:0!important;overflow-x:hidden!important}
    .aqark-dashboard-main-v2 table,.aqark-admin-subpage-v2 table{min-width:720px}
    .aqark-dashboard-main-v2 :is(.overflow-x-auto,.overflow-auto),.aqark-admin-subpage-v2 :is(.overflow-x-auto,.overflow-auto){max-width:100%!important}
}

/* AQARK_R96_C3_B2Z_R8_VISUAL_ACCEPTANCE_REPAIR */
@media (max-width: 767px) {
    [data-aqr-mobile-drawer][data-open="1"] {
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 72px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    [data-aqr-mobile-drawer][data-open="1"] > * {
        max-height: none !important;
    }

    html body main .overflow-x-auto,
    html body .aqark-dashboard-main-v2 .overflow-x-auto,
    html body .aqark-admin-subpage-v2 .overflow-x-auto {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
    }

    html body main .overflow-x-auto > table,
    html body .aqark-dashboard-main-v2 .overflow-x-auto > table,
    html body .aqark-admin-subpage-v2 .overflow-x-auto > table {
        max-width: none !important;
    }

    html body .aqr-admin-command-banner {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    html body .aqr-admin-command-stats {
        min-width: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 420px) {
    html body .aqark-commerce-steps {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    html body .aqark-commerce-step {
        min-width: 0 !important;
        width: 100% !important;
    }

    html body .aqark-commerce-step__inner {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        text-align: center !important;
    }

    html body .aqark-commerce-step__label {
        width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    html body .aqark-commerce-step__line {
        display: none !important;
    }
}

html body [data-aqark-r8-public-footer="1"] {
    background: #11132b !important;
    color: #e2e8f0 !important;
}

html body [data-aqark-r8-public-footer="1"] :is(a,p,span,li,small,strong,h2,h3,h4) {
    color: #e2e8f0 !important;
}

html body [data-aqark-r8-public-footer="1"] :is(h2,h3,h4,strong) {
    color: #ffffff !important;
}

html body .aqr-admin-command-banner p,
html body .aqr-admin-command-kicker,
html body .aqr-admin-command-badges span,
html body .aqr-admin-command-stats span {
    color: #f8fafc !important;
}

html body :is(a,button).bg-emerald-600.text-white {
    background-color: #047857 !important;
}

html body :is(a,button).bg-emerald-600.text-white:hover {
    background-color: #065f46 !important;
}

.aqark-r8-logo-fallback {
    display: flex !important;
    width: 100% !important;
    min-height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 10px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #212356 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* AQARK_R96_C3_B2Z_R8_R3_RESIDUAL_VISUAL_REPAIR */

/* Public mobile drawer: the fixed drawer lives inside a filtered header.
   On mobile, remove the containing-block trigger and pin the open drawer
   explicitly to the viewport below the 68px public header. */
@media (max-width: 700px) {
    body[data-aqark-reference-layout="public"] > header,
    body[data-aqark-reference-layout="public"] header[data-aqr-reference-header] {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    [data-aqr-mobile-drawer][data-open="1"] {
        position: fixed !important;
        inset: 68px 0 0 0 !important;
        width: 100vw !important;
        height: calc(100dvh - 68px) !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        z-index: 2147483000 !important;
    }

    [data-aqr-mobile-drawer][data-open="1"] [data-aqr-mobile-panel] {
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    [data-aqr-mobile-drawer][data-open="1"] [data-aqr-mobile-backdrop] {
        position: absolute !important;
        inset: 0 !important;
    }
}

/* Public footer: use the already-installed R8 scope marker and out-specific
   the legacy reference-theme !important rules. */
html body[data-aqark-reference-layout="public"] footer[data-aqark-r8-public-footer="1"] {
    background: #11132b !important;
    background-color: #11132b !important;
    color: #e2e8f0 !important;
}
html body[data-aqark-reference-layout="public"] footer[data-aqark-r8-public-footer="1"]
:is(a,p,span,li,small,strong,h2,h3,h4) {
    color: #e2e8f0 !important;
}
html body[data-aqark-reference-layout="public"] footer[data-aqark-r8-public-footer="1"]
:is(h2,h3,h4,strong) {
    color: #ffffff !important;
}

/* Admin command center: eliminate residual inherited fixed/min widths and
   raise muted labels/badges to readable contrast. */
@media (max-width: 700px) {
    .aqr-admin-command-banner,
    .aqr-admin-command-copy,
    .aqr-admin-command-stats,
    .aqr-admin-command-banner > *,
    .aqr-admin-command-stats > * {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .aqr-admin-command-banner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        overflow: visible !important;
    }

    .aqr-admin-command-stats {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        overflow: visible !important;
    }
}

.aqr-admin-command-kicker,
.aqr-admin-command-banner p,
.aqr-admin-command-stats span {
    color: #f8fafc !important;
}

.aqr-admin-command-badges span {
    background: rgba(15, 23, 42, .78) !important;
    border-color: rgba(255, 255, 255, .42) !important;
    color: #ffffff !important;
}

/* Payments header chip: do not collapse the country label character-by-character. */
[data-aqark-reference-layout="admin"] [data-aqark-r8-country-chip],
[data-aqark-reference-layout="admin"] .aqark-r8-country-chip {
    display: inline-flex !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* AQARK_R96_C3_B2Z_R8_R4_FINAL_VISUAL_RESIDUAL_REPAIR */
@media (max-width: 700px) {
    html body .aqr-admin-9cb.aqark-admin-ds63 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    html body .aqr-admin-9cb.aqark-admin-ds63 > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .aqr-admin-command-banner {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        overflow: visible !important;
    }

    html body .aqr-admin-command-stats {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body .aqark-r8-payments-header-actions {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
    }
}

html body .aqr-admin-command-stats > div {
    background: #111827 !important;
}

html body .aqr-admin-command-stats span {
    color: #ffffff !important;
}

html body .aqark-r8-payments-header-actions > * {
    max-width: 100% !important;
}

/* AQARK_R96_C3_B2Z_R8_R5_FINAL_ADMIN_ACCEPTANCE_REPAIR */

/* The command-center value inherited a dark admin heading token from a
   higher-specificity :has() rule. Keep the established dark stat cells and
   explicitly restore the numeric value to accessible white. */
body[data-aqark-reference-layout="admin"]
section:has([data-aqark-admin-ops-kicker])
.aqr-admin-command-stats strong {
    color: #ffffff !important;
}

/* At phone widths the action cluster is taller than the legacy fixed 62px
   topbar. Let the topbar participate in normal flex sizing so the account
   controls remain inside the header instead of overlapping page content. */
@media (max-width: 700px) {
    html body .aqark-admin-topbar-v2 {
        height: auto !important;
        min-height: 62px !important;
        max-height: none !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        padding: 9px 12px !important;
        overflow: visible !important;
    }

    html body .aqark-admin-topbar-v2__actions {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        flex: 1 1 100% !important;
        align-self: stretch !important;
        margin: 0 !important;
    }
}


/* ==========================================================================
   AQARK R97-A1 — Dashboard Convergence Foundation
   Agent dashboard = visual authority.
   Scope:
   - Agent AI task-first ordering + compactness
   - Agent Billing hierarchy + de-duplication of fulfilled-purchase block
   - Super Admin shell/nav/cards/forms/tables visual convergence
   - Super Admin mobile navigation remains available as a horizontal command rail
   - No route/RBAC/data/action behavior changes
   ========================================================================== */

:root {
    --aq-r97-page: #f6f8fb;
    --aq-r97-surface: #ffffff;
    --aq-r97-surface-soft: #f8fafc;
    --aq-r97-border: #e2e8f0;
    --aq-r97-border-strong: #cbd5e1;
    --aq-r97-heading: #0f172a;
    --aq-r97-body: #334155;
    --aq-r97-muted: #64748b;
    --aq-r97-brand: #212356;
    --aq-r97-primary: #245edb;
    --aq-r97-radius: 16px;
    --aq-r97-radius-sm: 11px;
    --aq-r97-shadow: 0 7px 22px rgba(15, 23, 42, .045);
    --aq-r97-shadow-soft: 0 3px 12px rgba(15, 23, 42, .035);
}

/* --------------------------------------------------------------------------
   Shared protected dashboard rhythm
   -------------------------------------------------------------------------- */

[data-aqark-phase22-protected-live="dashboard"] .aqark-dashboard-main-v2,
[data-aqark-phase22-protected-live="admin"] .aqark-admin-subpage-v2 {
    background: var(--aq-r97-page) !important;
}

[data-aqark-phase22-protected-live="dashboard"] .aqr-dashboard-workspace,
[data-aqark-phase22-protected-live="admin"] .aqark-admin-ds63 {
    width: min(100%, 1280px) !important;
    margin-inline: auto !important;
}

[data-aqark-phase22-protected-live="dashboard"] main :is(section, article)[class*="bg-white"][class*="border"],
[data-aqark-phase22-protected-live="admin"] main :is(section, article, div)[class*="bg-white"][class*="border"][class*="rounded-"] {
    border-color: var(--aq-r97-border) !important;
    box-shadow: var(--aq-r97-shadow-soft) !important;
}

[data-aqark-phase22-protected-live="dashboard"] main :is(input, select, textarea),
[data-aqark-phase22-protected-live="admin"] main :is(input, select, textarea) {
    border-color: var(--aq-r97-border-strong) !important;
    border-radius: var(--aq-r97-radius-sm) !important;
    background-color: #fff !important;
    color: var(--aq-r97-heading) !important;
}

[data-aqark-phase22-protected-live="dashboard"] main :is(input, select, textarea):focus,
[data-aqark-phase22-protected-live="admin"] main :is(input, select, textarea):focus {
    border-color: #93b4f3 !important;
    outline: 3px solid rgba(36, 94, 219, .10) !important;
    box-shadow: none !important;
}

[data-aqark-phase22-protected-live="dashboard"] main :is(button, a)[class*="rounded-"],
[data-aqark-phase22-protected-live="admin"] main :is(button, a)[class*="rounded-"] {
    border-radius: var(--aq-r97-radius-sm) !important;
}

/* --------------------------------------------------------------------------
   Agent AI — task-first workspace
   -------------------------------------------------------------------------- */

[data-aqark-dashboard-surface="ai"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

[data-aqark-dashboard-surface="ai"] > * {
    order: 3;
    margin-top: 0 !important;
    min-width: 0;
}

/* Preserve the first summary/header at the top. */
[data-aqark-dashboard-surface="ai"] > :first-child {
    order: 0;
}

/* Put the real property/lead/project workbench immediately after the summary. */
[data-aqark-dashboard-surface="ai"] > .grid[class~="xl:grid-cols-2"] {
    order: 1;
    gap: 16px !important;
}

/* Results/secondary capability material follows the workbench. */
[data-aqark-dashboard-surface="ai"] > section:not([data-aqark-paid-ai-addons]) {
    order: 2;
}

/* Paid add-ons remain clearly available, but no longer dominate the first viewport. */
[data-aqark-dashboard-surface="ai"] > [data-aqark-paid-ai-addons] {
    order: 4;
}

[data-aqark-dashboard-surface="ai"] > .grid[class~="xl:grid-cols-2"] > section,
[data-aqark-dashboard-surface="ai"] [data-aqark-paid-addon] {
    border-radius: var(--aq-r97-radius) !important;
    box-shadow: var(--aq-r97-shadow-soft) !important;
}

[data-aqark-dashboard-surface="ai"] > .grid[class~="xl:grid-cols-2"] > section {
    padding: 18px !important;
}

[data-aqark-dashboard-surface="ai"] > .grid[class~="xl:grid-cols-2"] > section > h2 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

[data-aqark-dashboard-surface="ai"] > .grid[class~="xl:grid-cols-2"] > section :is(.rounded-2xl, [class*="rounded-2xl"]) {
    border-radius: 12px !important;
}

[data-aqark-dashboard-surface="ai"] [data-aqark-paid-ai-addons] {
    padding: 18px !important;
}

[data-aqark-dashboard-surface="ai"] [data-aqark-paid-addon] {
    padding: 14px !important;
    min-height: 0 !important;
}

[data-aqark-dashboard-surface="ai"] [data-aqark-paid-addon] h3 {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

[data-aqark-dashboard-surface="ai"] [data-aqark-paid-addon] p {
    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* --------------------------------------------------------------------------
   Agent Billing — hierarchy first, duplicate purchase-success block removed
   -------------------------------------------------------------------------- */

/* The historical billing helper components are emitted before the actual page
   workspace. Flex ordering puts the real Billing page/header first without
   altering backend/component behavior. */
.aqark-dashboard-main-v2:has(> [data-aqark-dashboard-surface="billing"]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.aqark-dashboard-main-v2:has(> [data-aqark-dashboard-surface="billing"]) > * {
    order: 5;
    margin-top: 0 !important;
    min-width: 0;
}

.aqark-dashboard-main-v2:has(> [data-aqark-dashboard-surface="billing"]) > [role="status"],
.aqark-dashboard-main-v2:has(> [data-aqark-dashboard-surface="billing"]) > [role="alert"] {
    order: -1;
}

.aqark-dashboard-main-v2:has(> [data-aqark-dashboard-surface="billing"]) > [data-aqark-dashboard-surface="billing"] {
    order: 0;
}

/* Successful purchases duplicate records already represented by the unified
   payment/order ledgers and capability/lifecycle views on this page. Keep the
   component source intact for other surfaces, but suppress this duplicate only
   on the Billing Center. */
.aqark-dashboard-main-v2:has(> [data-aqark-dashboard-surface="billing"]) > .aqark-r56 {
    display: none !important;
}

/* Capability and renewal references remain available after the core ledger. */
.aqark-dashboard-main-v2:has(> [data-aqark-dashboard-surface="billing"]) > .aqark-r57,
.aqark-dashboard-main-v2:has(> [data-aqark-dashboard-surface="billing"]) > .aqark-r58 {
    order: 6;
}

[data-aqark-dashboard-surface="billing"] {
    display: grid !important;
    gap: 16px !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
}

[data-aqark-dashboard-surface="billing"] > section {
    margin-top: 0 !important;
    border-radius: var(--aq-r97-radius) !important;
    box-shadow: var(--aq-r97-shadow-soft) !important;
}

[data-aqark-dashboard-surface="billing"] > section:first-of-type {
    border-color: #dbe5f3 !important;
    background: linear-gradient(135deg, #fff 0%, #f8fbff 100%) !important;
}

[data-aqark-dashboard-surface="billing"] > section:first-of-type h1 {
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.25 !important;
}

[data-aqark-dashboard-surface="billing"] .overflow-x-auto {
    border-radius: 0 0 var(--aq-r97-radius) var(--aq-r97-radius) !important;
}

/* Keep a single primary CTA hierarchy in the billing header. */
[data-aqark-dashboard-surface="billing"] > section:first-of-type a {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* --------------------------------------------------------------------------
   Super Admin — use Agent dashboard shell geometry and visual language
   -------------------------------------------------------------------------- */

[data-aqark-phase22-protected-live="admin"] .aqark-admin-layout-v2 {
    display: grid !important;
    grid-template-columns: 248px minmax(0, 1fr) !important;
    min-height: 100vh !important;
    background: var(--aq-r97-page) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-sidebar-v2 {
    position: sticky !important;
    inset-block-start: 0 !important;
    width: 248px !important;
    height: 100vh !important;
    padding: 18px 14px !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-inline-end: 1px solid var(--aq-r97-border) !important;
    background: #fff !important;
    color: var(--aq-r97-body) !important;
    box-shadow: none !important;
    z-index: 40 !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-brand-v2 {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 8px 14px !important;
    border-bottom: 1px solid #eef2f7 !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-role-v2 {
    margin: 12px 6px 8px !important;
    padding: 7px 10px !important;
    border: 1px solid #dbe5f3 !important;
    border-radius: 10px !important;
    background: #f7faff !important;
    color: #31527f !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 {
    display: grid !important;
    gap: 4px !important;
    padding-block: 6px 16px !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a, button) {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #475569 !important;
    text-align: start !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a, button):hover,
[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a, button):focus-visible {
    background: #f1f5f9 !important;
    color: var(--aq-r97-heading) !important;
    outline: none !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a, button).is-active,
[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 [aria-current="page"] {
    background: #edf3ff !important;
    color: #1d4ed8 !important;
    font-weight: 900 !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-content-v2 {
    min-width: 0 !important;
    width: 100% !important;
    background: var(--aq-r97-page) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
    min-height: 72px !important;
    padding: 11px 20px !important;
    gap: 14px !important;
    border-bottom: 1px solid var(--aq-r97-border) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .03) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-search-v2 {
    flex: 1 1 360px !important;
    width: auto !important;
    max-width: 520px !important;
    min-width: 220px !important;
    min-height: 42px !important;
    border: 1px solid var(--aq-r97-border) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-search-v2 input {
    min-height: 40px !important;
    background: transparent !important;
    color: var(--aq-r97-heading) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2__actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-subpage-v2 {
    width: 100% !important;
    min-width: 0 !important;
    padding: 24px !important;
    overflow-x: hidden !important;
}

/* Page title hierarchy: one consistent Agent-style title block. */
[data-aqark-phase22-protected-live="admin"] .aqark-admin-ds63 > :first-child h1,
[data-aqark-phase22-protected-live="admin"] .aqark-admin-subpage-v2 > :first-child h1,
[data-aqark-phase22-protected-live="admin"] main h1 {
    color: var(--aq-r97-heading) !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
}

[data-aqark-phase22-protected-live="admin"] main h2 {
    color: var(--aq-r97-heading) !important;
    line-height: 1.35 !important;
}

/* Normalize admin cards/panels to Agent card language. */
[data-aqark-phase22-protected-live="admin"] main :is(section, article, div)[class*="rounded-2xl"][class*="border"],
[data-aqark-phase22-protected-live="admin"] main :is(section, article, div)[class*="rounded-3xl"][class*="border"] {
    border-color: var(--aq-r97-border) !important;
    border-radius: var(--aq-r97-radius) !important;
    box-shadow: var(--aq-r97-shadow-soft) !important;
}

/* Preserve semantic warning/success colors while reducing over-saturation. */
[data-aqark-phase22-protected-live="admin"] main [class*="bg-emerald-50"] {
    background-color: #f0fdf7 !important;
}

[data-aqark-phase22-protected-live="admin"] main [class*="bg-rose-50"] {
    background-color: #fff5f5 !important;
}

[data-aqark-phase22-protected-live="admin"] main [class*="bg-amber-50"] {
    background-color: #fffbeb !important;
}

[data-aqark-phase22-protected-live="admin"] main [class*="bg-indigo-50"] {
    background-color: #f5f7ff !important;
}

/* Buttons/tabs */
[data-aqark-phase22-protected-live="admin"] main :is(button, a)[class*="px-"],
[data-aqark-phase22-protected-live="admin"] main [role="tab"] {
    min-height: 38px !important;
    border-radius: 10px !important;
}

[data-aqark-phase22-protected-live="admin"] main :is(button, a)[class*="bg-[#212356]"],
[data-aqark-phase22-protected-live="admin"] main :is(button, a)[class~="bg-indigo-600"],
[data-aqark-phase22-protected-live="admin"] main :is(button, a)[class~="bg-indigo-700"] {
    background: var(--aq-r97-brand) !important;
    color: #fff !important;
}

/* Tables: cleaner density, sticky header inside existing scroll wrappers. */
[data-aqark-phase22-protected-live="admin"] main .overflow-x-auto {
    max-width: 100% !important;
    border-radius: 12px !important;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

[data-aqark-phase22-protected-live="admin"] main table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
}

[data-aqark-phase22-protected-live="admin"] main table thead {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
}

[data-aqark-phase22-protected-live="admin"] main table th {
    padding: 11px 12px !important;
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
}

[data-aqark-phase22-protected-live="admin"] main table td {
    padding: 12px !important;
    color: var(--aq-r97-body) !important;
    vertical-align: middle !important;
}

/* Forms/filters */
[data-aqark-phase22-protected-live="admin"] main form[class*="flex"],
[data-aqark-phase22-protected-live="admin"] main form[class*="grid"] {
    min-width: 0 !important;
}

[data-aqark-phase22-protected-live="admin"] main :is(label, legend) {
    color: var(--aq-r97-body) !important;
}

/* Admin overview: keep one permission-aware KPI system, remove duplicated
   reference command-stat presentation. */
[data-aqark-admin-page="overview"] [data-aqark-admin-section="reference-command-stats"] {
    display: none !important;
}

[data-aqark-admin-page="overview"] [data-aqark-admin-section="authorized-stats"] {
    gap: 14px !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

[data-aqark-admin-page="overview"] [data-aqark-admin-reference-modules] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 14px !important;
}

/* Dense builders remain fully functional but use tighter Agent spacing. */
[data-aqark-phase22-protected-live="admin"] :is(
    .aqr-cms-builder-panel,
    .aqr-cms-editor-panel,
    .aqr-cms-section-studio,
    [data-aqark-admin-page="payments"] > section,
    [data-aqark-admin-page="monetization"] > section
) {
    margin-block: 0 !important;
}

/* --------------------------------------------------------------------------
   Responsive convergence
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-layout-v2 {
        display: block !important;
    }

    /* Unlike the old admin shell, navigation never disappears on mobile.
       It becomes a compact horizontal command rail using the same nav items. */
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-sidebar-v2 {
        position: sticky !important;
        inset-block-start: 60px !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        padding: 7px 10px !important;
        overflow: hidden !important;
        border-inline-end: 0 !important;
        border-bottom: 1px solid var(--aq-r97-border) !important;
        background: rgba(255,255,255,.98) !important;
        z-index: 34 !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-brand-v2,
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-role-v2 {
        display: none !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        padding: 0 0 2px !important;
        overflow-x: auto !important;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        scroll-snap-type: inline proximity;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2::-webkit-scrollbar {
        display: none;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a, button) {
        flex: 0 0 auto !important;
        width: auto !important;
        min-height: 40px !important;
        padding: 8px 11px !important;
        border: 1px solid var(--aq-r97-border) !important;
        background: #fff !important;
        scroll-snap-align: start;
        white-space: nowrap !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a, button).is-active,
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 [aria-current="page"] {
        border-color: #bfd2fa !important;
        background: #edf3ff !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
        min-height: 60px !important;
        padding: 8px 12px !important;
        gap: 8px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-search-v2 {
        min-width: 160px !important;
        max-width: none !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2__actions {
        flex-wrap: wrap !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-subpage-v2 {
        padding: 16px !important;
    }
}

@media (max-width: 700px) {
    [data-aqark-phase22-protected-live="dashboard"] .aqr-dashboard-workspace,
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-ds63 {
        width: 100% !important;
    }

    [data-aqark-dashboard-surface="ai"],
    [data-aqark-dashboard-surface="billing"] {
        gap: 12px !important;
    }

    [data-aqark-dashboard-surface="ai"] > .grid[class~="xl:grid-cols-2"] {
        gap: 12px !important;
    }

    [data-aqark-dashboard-surface="ai"] > .grid[class~="xl:grid-cols-2"] > section,
    [data-aqark-dashboard-surface="ai"] [data-aqark-paid-ai-addons] {
        padding: 14px !important;
    }

    [data-aqark-dashboard-surface="ai"] > .grid[class~="xl:grid-cols-2"] > section :is(button, a) {
        width: 100% !important;
        justify-content: center !important;
    }

    [data-aqark-dashboard-surface="billing"] > section {
        border-radius: 14px !important;
    }

    [data-aqark-dashboard-surface="billing"] > section:first-of-type {
        padding: 16px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
        position: sticky !important;
        inset-block-start: 0 !important;
        z-index: 36 !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-sidebar-v2 {
        inset-block-start: 60px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-search-v2 {
        flex: 1 1 100% !important;
        order: 2;
        width: 100% !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2__actions {
        width: auto !important;
        flex: 0 0 auto !important;
        margin-inline-start: auto !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-subpage-v2 {
        padding: 12px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-ds63 {
        gap: 12px !important;
    }

    [data-aqark-phase22-protected-live="admin"] main :is(section, article, div)[class*="p-8"] {
        padding: 18px !important;
    }

    [data-aqark-phase22-protected-live="admin"] main :is(section, article, div)[class*="p-6"] {
        padding: 16px !important;
    }

    [data-aqark-phase22-protected-live="admin"] main form[class*="flex"] {
        align-items: stretch !important;
    }

    [data-aqark-phase22-protected-live="admin"] main form[class*="flex"] > :is(div, label) {
        min-width: 0 !important;
        width: 100% !important;
    }

    [data-aqark-phase22-protected-live="admin"] main .overflow-x-auto {
        margin-inline: -2px !important;
        padding-block-end: 5px !important;
        border: 1px solid var(--aq-r97-border) !important;
        background:
            linear-gradient(to right, #fff 30%, rgba(255,255,255,0)),
            linear-gradient(to left, #fff 30%, rgba(255,255,255,0)) !important;
        background-attachment: local, local !important;
    }

    [data-aqark-phase22-protected-live="admin"] main .overflow-x-auto > table {
        min-width: 640px !important;
    }

    [data-aqark-admin-page="overview"] [data-aqark-admin-section="authorized-stats"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    [data-aqark-admin-page="overview"] [data-aqark-admin-reference-modules] {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

@media (max-width: 430px) {
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a, button) {
        min-height: 38px !important;
        padding-inline: 10px !important;
        font-size: 12px !important;
    }

    [data-aqark-admin-page="overview"] [data-aqark-admin-section="authorized-stats"] {
        grid-template-columns: 1fr !important;
    }

    [data-aqark-dashboard-surface="ai"] [data-aqark-paid-addon] {
        padding: 12px !important;
    }
}

/* R97-A1 marker */
html { --aq-r97-a1-dashboard-convergence: 1; }


/* ==========================================================================
   AQARK R97-A1-R1 — Billing Convergence Selector Recovery
   Root cause:
   Billing surface and r55/r56/r57/r58 are direct children of
   [data-aqark-phase22-live-preserved-runtime="billing"], not of
   .aqark-dashboard-main-v2.
   ========================================================================== */

[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content] {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
}

[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content] > * {
    order: 5;
    margin-top: 0 !important;
    min-width: 0 !important;
}

/* Canonical Billing Center becomes the first real content block. */
[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content]
> [data-aqark-dashboard-surface="billing"] {
    order: 0 !important;
}

/* Preserve alerts/messages ahead of the main workspace when present. */
[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content]
> :is([role="status"], [role="alert"]) {
    order: -1 !important;
}

/* Duplicate fulfilled-purchase representation is removed only from the
   Billing Center runtime. The component source remains intact elsewhere. */
[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content]
> .aqark-r56 {
    display: none !important;
}

/* Purchase navigation remains available after the main Billing Center. */
[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content]
> .aqark-r55-billing-nav {
    order: 4 !important;
}

/* Capability and lifecycle content remain available, but clearly secondary. */
[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content]
> .aqark-r57,
[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content]
> .aqark-r58 {
    order: 6 !important;
}

/* Remove oversized whitespace from secondary commercial sections. */
[data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content]
> :is(.aqark-r55-billing-nav, .aqark-r57, .aqark-r58) {
    margin-block: 0 !important;
}

/* Mobile: keep the main Billing Center first and make the secondary sections
   visibly subordinate without hiding useful entitlement/lifecycle data. */
@media (max-width: 700px) {
    [data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content] {
        gap: 12px !important;
    }

    [data-aqark-phase22-live-preserved-runtime="billing"][data-aqark-account-content]
    > :is(.aqark-r55-billing-nav, .aqark-r57, .aqark-r58) {
        border-radius: 14px !important;
    }
}

/* R97-A1-R1 marker */
html { --aq-r97-a1-r1-billing-selector-recovery: 1; }


/* AQARK R97-A2 — Super Admin Agent-Style Optimization */

:root {
    --aq-r97-a2-navy: #212356;
    --aq-r97-a2-navy-2: #17193f;
    --aq-r97-a2-page: #f6f8fb;
    --aq-r97-a2-surface: #ffffff;
    --aq-r97-a2-border: #e2e8f0;
    --aq-r97-a2-text: #0f172a;
    --aq-r97-a2-radius: 14px;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-layout-v2 {
    background: var(--aq-r97-a2-page) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-sidebar-v2 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 248px !important;
    background: linear-gradient(180deg, var(--aq-r97-a2-navy) 0%, var(--aq-r97-a2-navy-2) 100%) !important;
    color: #fff !important;
    border-inline-end: 0 !important;
    box-shadow: 8px 0 26px rgba(15, 23, 42, .08) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-brand-v2 {
    border-bottom-color: rgba(255,255,255,.10) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-role-v2 {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #dbeafe !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a,button) {
    color: #d7def0 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a,button):hover,
[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a,button):focus-visible {
    color: #fff !important;
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.08) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a,button).is-active,
[data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 [aria-current="page"] {
    color: #fff !important;
    background: rgba(255,255,255,.13) !important;
    border-color: rgba(255,255,255,.16) !important;
    box-shadow: inset 3px 0 0 #8fb3ff !important;
}

[dir="rtl"] [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a,button).is-active,
[dir="rtl"] [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 [aria-current="page"] {
    box-shadow: inset -3px 0 0 #8fb3ff !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-content-v2 {
    background: var(--aq-r97-a2-page) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
    min-height: 72px !important;
    padding: 10px 24px !important;
    background: #fff !important;
    border-bottom: 1px solid var(--aq-r97-a2-border) !important;
    box-shadow: 0 1px 0 rgba(15,23,42,.025) !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-search-v2 {
    min-height: 42px !important;
    max-width: 520px !important;
    background: #f8fafc !important;
    border: 1px solid var(--aq-r97-a2-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

[data-aqark-phase22-protected-live="admin"] .aqark-admin-subpage-v2 {
    width: 100% !important;
    max-width: none !important;
    padding: 24px !important;
    overflow-x: hidden !important;
}

[data-aqark-phase22-protected-live="admin"] main h1 {
    color: var(--aq-r97-a2-text) !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
}

[data-aqark-phase22-protected-live="admin"] main h2 {
    color: var(--aq-r97-a2-text) !important;
}

[data-aqark-phase22-protected-live="admin"] main :is(section,article,div)[class*="rounded-2xl"][class*="border"],
[data-aqark-phase22-protected-live="admin"] main :is(section,article,div)[class*="rounded-3xl"][class*="border"] {
    border-color: var(--aq-r97-a2-border) !important;
    border-radius: var(--aq-r97-a2-radius) !important;
    box-shadow: 0 4px 16px rgba(15,23,42,.035) !important;
}

[data-aqark-phase22-protected-live="admin"] main :is(input,select,textarea) {
    min-width: 0 !important;
    max-width: 100% !important;
    border-radius: 10px !important;
}

[data-aqark-phase22-protected-live="admin"] main :is(button,a)[class*="rounded-"] {
    border-radius: 10px !important;
}

[data-aqark-admin-page="overview"] {
    gap: 18px !important;
}

[data-aqark-admin-page="overview"] [data-aqark-admin-section="reference-command-stats"] {
    display: none !important;
}

[data-aqark-admin-page="overview"] [data-aqark-admin-section="authorized-stats"] {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 12px !important;
}

[data-aqark-admin-page="overview"] [data-aqark-admin-reference-modules] {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
}

[data-aqark-admin-page="overview"] [data-aqark-admin-module] {
    padding: 16px !important;
}

[data-aqark-admin-page="applications"] {
    min-width: 0 !important;
    overflow: hidden !important;
}

[data-aqark-admin-page="applications"] > :first-child,
[data-aqark-admin-page="applications"] > :nth-child(2) {
    min-width: 0 !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
}

[data-aqark-admin-page="applications"] .overflow-x-auto {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

[data-aqark-admin-page="applications"] table {
    min-width: 760px !important;
    width: 100% !important;
}

[data-aqark-admin-page="applications"] td:last-child {
    position: sticky !important;
    inset-inline-end: 0 !important;
    background: #fff !important;
    box-shadow: -10px 0 20px rgba(255,255,255,.88) !important;
}

[dir="rtl"] [data-aqark-admin-page="applications"] td:last-child {
    box-shadow: 10px 0 20px rgba(255,255,255,.88) !important;
}

[data-aqark-phase22-protected-live="admin"] main .overflow-x-auto {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

[data-aqark-phase22-protected-live="admin"] main table {
    width: 100% !important;
}

[data-aqark-phase22-protected-live="admin"] main table thead {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
}

[data-aqark-phase22-protected-live="admin"] main table th {
    background: #f8fafc !important;
    color: #64748b !important;
    text-transform: none !important;
}

[data-aqark-admin-page="cms"],
[data-aqark-admin-page="billing"],
[data-aqark-admin-page="menus"],
[data-aqark-admin-page="payments"],
[data-aqark-admin-page="monetization"] {
    gap: 16px !important;
}

[data-aqark-admin-page="cms"] table,
[data-aqark-admin-page="billing"] table {
    min-width: 640px !important;
}

[data-aqark-admin-page="menus"] form,
[data-aqark-admin-page="payments"] > *,
[data-aqark-admin-page="monetization"] > * {
    min-width: 0 !important;
    max-width: 100% !important;
}

[data-aqark-admin-page="monetization"] *,
[data-aqark-admin-page="payments"] * {
    max-inline-size: 100%;
}

[data-aqark-admin-page="monetization"] [class*="overflow-x-clip"],
[data-aqark-admin-page="payments"] [class*="overflow-x-clip"] {
    overflow-x: auto !important;
}

@media (max-width: 1024px) {
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-layout-v2 {
        display: block !important;
        min-height: 100vh !important;
        padding-bottom: 74px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-content-v2 {
        width: 100% !important;
        min-width: 0 !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
        position: sticky !important;
        inset-block-start: 0 !important;
        z-index: 55 !important;
        min-height: 62px !important;
        padding: 8px 12px !important;
        flex-wrap: nowrap !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-search-v2 {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 40px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2__actions {
        flex: 0 0 auto !important;
        width: auto !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-sidebar-v2 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        inset-inline: 0 !important;
        inset-block-start: auto !important;
        inset-block-end: 0 !important;
        width: 100% !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
        padding: 7px 8px !important;
        overflow: hidden !important;
        background: rgba(23,25,63,.98) !important;
        border: 0 !important;
        box-shadow: 0 -6px 24px rgba(15,23,42,.16) !important;
        z-index: 70 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-brand-v2,
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-role-v2 {
        display: none !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        gap: 6px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none;
        transform: none !important;
        pointer-events: auto !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2::-webkit-scrollbar {
        display: none;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a,button) {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 8px 11px !important;
        white-space: nowrap !important;
        color: #dbe4ff !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        background: rgba(255,255,255,.04) !important;
        border-radius: 11px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a,button).is-active,
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 [aria-current="page"] {
        background: #fff !important;
        color: var(--aq-r97-a2-navy) !important;
        border-color: #fff !important;
        box-shadow: none !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-subpage-v2 {
        padding: 14px !important;
    }
}

@media (max-width: 700px) {
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2 {
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        overflow: hidden !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-search-v2 {
        min-height: 38px !important;
        height: 38px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-topbar-v2__actions > :is(a,span):not([data-aqark-admin-language-switcher]):not(.aqark-admin-country-chip-v2) {
        display: none !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-subpage-v2 {
        padding: 12px !important;
    }

    [data-aqark-phase22-protected-live="admin"] .aqark-admin-ds63 {
        width: 100% !important;
        min-width: 0 !important;
        gap: 12px !important;
    }

    [data-aqark-admin-page="overview"] [data-aqark-admin-section="authorized-stats"] {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important;
    }

    [data-aqark-admin-page="overview"] [data-aqark-admin-reference-modules] {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    [data-aqark-admin-page="applications"] > :first-child,
    [data-aqark-admin-page="applications"] > :nth-child(2) {
        display: flex !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    [data-aqark-admin-page="applications"] table {
        min-width: 720px !important;
    }

    [data-aqark-admin-page="applications"] td:last-child {
        min-width: 250px !important;
    }

    [data-aqark-admin-page="menus"] > section {
        max-height: 760px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        padding: 16px !important;
    }

    [data-aqark-admin-page="payments"] > :nth-child(n+4) {
        max-height: 680px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }

    [data-aqark-admin-page="monetization"] > :nth-child(n+2),
    [data-aqark-admin-page="monetization"] [data-aqark-growth-store-builder],
    [data-aqark-admin-page="monetization"] form[class*="space-y-"] {
        max-height: 760px !important;
        overflow-y: auto !important;
        overflow-x: auto !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }
}

@media (max-width: 430px) {
    [data-aqark-phase22-protected-live="admin"] .aqark-admin-nav-v2 :is(a,button) {
        font-size: 11px !important;
        padding-inline: 9px !important;
    }

    [data-aqark-admin-page="overview"] [data-aqark-admin-section="authorized-stats"] {
        grid-template-columns: 1fr !important;
    }

    [data-aqark-admin-page="menus"] > section,
    [data-aqark-admin-page="payments"] > :nth-child(n+4),
    [data-aqark-admin-page="monetization"] > :nth-child(n+2) {
        max-height: 640px !important;
    }
}

html { --aq-r97-a2-super-admin-agent-style: 1; }

/* ==========================================================================
   AQARK R97-A3 — STRUCTURAL ADMIN SHELL + APPLICATIONS RESPONSIVE CONVERGENCE
   ========================================================================== */
:root { --aq-r97-a3-structural-admin: 1; }

@media (min-width: 1025px) {
  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-sidebar-v2 {
    align-self: start !important;
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-mobile-nav-v3 {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-sidebar-v2 {
    display: none !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-content-v2 {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-subpage-v2 {
    min-width: 0 !important;
    padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-mobile-nav-v3 {
    display: block !important;
    position: fixed !important;
    inset-inline: 0 !important;
    bottom: 0 !important;
    z-index: 80 !important;
    height: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(148, 163, 184, .22) !important;
    background: #111827 !important;
    box-shadow: 0 -10px 28px rgba(15, 23, 42, .16) !important;
    overflow: hidden !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-mobile-nav-v3__track {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-mobile-nav-v3__item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 14px minmax(58px, auto) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: 150px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    color: #cbd5e1 !important;
    background: transparent !important;
    text-decoration: none !important;
    scroll-snap-align: center;
    white-space: nowrap !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-mobile-nav-v3__item.is-active {
    border-color: rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-mobile-nav-v3__icon {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-mobile-nav-v3__label {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"] .aqark-admin-mobile-nav-v3__badge {
    position: absolute !important;
    top: 2px !important;
    inset-inline-end: 4px !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background: #ef4444 !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 17px !important;
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table-wrap {
    overflow: visible !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table,
  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table tbody,
  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table tr,
  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table {
    table-layout: auto !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table tbody {
    padding: 10px !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table tr {
    margin: 0 0 12px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05) !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td {
    display: grid !important;
    grid-template-columns: minmax(86px, 32%) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 11px 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:last-child {
    display: block !important;
    border-bottom: 0 !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td::before {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
  }

  html[dir="ltr"] [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:nth-child(1)::before { content: "Applicant"; }
  html[dir="ltr"] [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:nth-child(2)::before { content: "Details / License"; }
  html[dir="ltr"] [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:nth-child(3)::before { content: "Status"; }
  html[dir="ltr"] [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:nth-child(4)::before { content: "Applied At"; }

  html[dir="rtl"] [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:nth-child(1)::before { content: "مقدم الطلب"; }
  html[dir="rtl"] [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:nth-child(2)::before { content: "الترخيص والشركة"; }
  html[dir="rtl"] [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:nth-child(3)::before { content: "الحالة"; }
  html[dir="rtl"] [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:nth-child(4)::before { content: "تاريخ التقديم"; }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:last-child > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:last-child a,
  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:last-child form,
  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:last-child button {
    width: 100% !important;
    max-width: 100% !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table td:last-child form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  [data-aqark-r97-a3-applications="1"] .aqark-r97-a3-applications-table input[name="reason"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

[data-aqark-r97-a3-dashboard="1"] [data-aqark-admin-section="authorized-stats"] {
  margin-block: 14px 18px !important;
}

/* ==========================================================================
   AQARK R97-A3-R4 — APPLICATIONS MOBILE SPECIFICITY RECOVERY
   Root cause: an older admin normalization rule forces min-width:640px !important.
   This phase only overrides that rule inside the R97-A3 Applications surface.
   ========================================================================== */
:root { --aq-r97-a3-r4-applications-mobile: 1; }

@media (max-width: 767px) {
  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table-wrap] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table-wrap]
  > [data-aqark-r97-a3-applications-table] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto !important;
    overflow: visible !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody > tr {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody > tr > td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody > tr > td:last-child {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody > tr > td:last-child > div,
  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody > tr > td:last-child form,
  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody > tr > td:last-child a,
  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody > tr > td:last-child button,
  body[data-aqark-r97-a3-admin-shell="1"][data-aqark-phase22-protected-live="admin"]
  main[data-aqark-phase22-live-functional-content]
  [data-aqark-r97-a3-applications="1"]
  [data-aqark-r97-a3-applications-table] > tbody > tr > td:last-child input[name="reason"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ==========================================================================
   AQARK R97-A4 — DENSE ADMIN WORKSPACE PROGRESSIVE DISCLOSURE
   ========================================================================== */
:root { --aq-r97-a4-dense-admin: 1; }

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav {
  display: grid;
  gap: 10px;
  width: 100%;
  min-width: 0;
  margin-block: 4px 18px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 8px 24px rgba(15,23,42,.05);
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__title {
  color: #0f172a;
  font-size: 12px;
  font-weight: 900;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__global {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__global-button,
body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__chip {
  min-height: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__global-button {
  padding: 7px 11px;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__chips {
  display: flex;
  gap: 7px;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__chip {
  flex: 0 0 auto;
  max-width: min(280px, 70vw);
  padding: 8px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__chip.is-active {
  border-color: #312e81;
  background: #312e81;
  color: #fff;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-panel {
  min-width: 0 !important;
  max-width: 100% !important;
  scroll-margin-top: 88px;
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-panel--collapsed {
  display: none !important;
}

/* Payments: keep the primary ledger and filters visible, contain the table
   internally, and let operational panels be opened only when needed. */
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="payments"] {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="payments"] .overflow-x-auto {
  max-width: 100% !important;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

/* Menus / Monetization: every editor remains in the DOM and keeps the
   original forms/routes, but inputs cannot force page-level overflow. */
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="menus"] form,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="monetization"] form,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-growth-store-builder] form {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="menus"] input,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="menus"] select,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="menus"] textarea,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="monetization"] input,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="monetization"] select,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="monetization"] textarea,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-growth-store-builder] input,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-growth-store-builder] select,
body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-growth-store-builder] textarea {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 700px) {
  body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav {
    margin-block: 2px 12px;
    padding: 10px;
    border-radius: 14px;
  }

  body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__head {
    align-items: flex-start;
    flex-direction: column;
  }

  body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__global {
    width: 100%;
  }

  body[data-aqark-r97-a4-dense-admin="1"] .aqark-r97-a4-workspace-nav__global-button {
    flex: 1 1 0;
    min-width: 0;
  }

  body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="payments"],
  body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="menus"],
  body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="monetization"],
  body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-growth-store-builder] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="menus"] form,
  body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-admin-page="monetization"] form,
  body[data-aqark-r97-a4-dense-admin="1"] [data-aqark-growth-store-builder] form {
    width: 100% !important;
  }
}