/* Configurator Studio v506: AdminPortal day/night variables. */
:root, html[data-admin-theme="night"] {
    /* NOVOGEX brand foundation shared with Splash and Login. */
    --ng-primary: #1677ff;
    --ng-primary-hover: #0f6fe8;
    --ng-primary-active: #0b5ed1;
    --ng-primary-light: #62adff;
    --ng-primary-soft: rgba(22, 119, 255, .14);
    --ng-primary-border: rgba(22, 119, 255, .32);
    --ng-primary-glow: rgba(22, 119, 255, .28);
    --ng-navy-950: #02070d;
    --ng-navy-900: #06111f;
    --ng-navy-850: #081528;
    --ng-navy-800: #0a1829;
    --ng-navy-700: #10243a;
    color-scheme: dark;
    --ap-page-background: #06111f;
    --ap-surface: #0a1829;
    --ap-surface-raised: #10243a;
    --ap-text-primary: #f8fafc;
    --ap-text-secondary: #cbd5e1;
    --ap-text-muted: #94a3b8;
    --ap-border: rgba(148, 163, 184, .18);
    --ap-shadow: rgba(0, 0, 0, .28);
    --ap-toggle-track: #26364d;
    --ap-toggle-thumb: #f8fafc;

    /* Admin Portal design tokens: semantic source of truth.
       Existing page selectors are intentionally untouched in this stage. */

    /* Surfaces */
    --ap-bg-page: var(--ap-page-background);
    --ap-bg-surface: var(--ap-surface);
    --ap-bg-surface-muted: #081528;
    --ap-bg-surface-raised: var(--ap-surface-raised);
    --ap-bg-surface-overlay: #10243a;
    --ap-bg-sidebar: #06111f;
    --ap-bg-sidebar-muted: #0a1a31;
    --ap-bg-preview: #0d1e35;
    --ap-bg-backdrop: rgba(2, 6, 23, .72);

    /* Background architecture: semantic ownership from canvas to controls. */
    --ap-bg-canvas: var(--ap-bg-page);
    --ap-bg-shell: var(--ap-bg-page);
    --ap-bg-navigation: color-mix(in srgb, var(--ap-bg-surface) 94%, var(--ap-bg-page));
    --ap-bg-topbar: var(--ap-bg-surface);
    --ap-bg-content: var(--ap-bg-page);
    --ap-bg-panel: var(--ap-bg-surface);
    --ap-bg-panel-muted: var(--ap-bg-surface-muted);
    --ap-bg-panel-raised: var(--ap-bg-surface-raised);
    --ap-bg-control: var(--ap-bg-surface);
    --ap-bg-control-muted: var(--ap-bg-surface-muted);
    --ap-bg-hover: color-mix(in srgb, var(--ap-bg-surface-raised) 76%, transparent);
    --ap-bg-selected: color-mix(in srgb, var(--ap-brand-primary) 10%, var(--ap-bg-surface));

    /* Content */
    --ap-content-primary: var(--ap-text-primary);
    --ap-content-secondary: var(--ap-text-secondary);
    --ap-content-muted: var(--ap-text-muted);
    --ap-content-disabled: #64748b;
    --ap-content-inverse: #ffffff;
    --ap-content-link: #62adff;
    --ap-content-link-hover: #9ac7ff;

    /* Brand */
    --ap-brand-primary: #1677ff;
    --ap-brand-primary-hover: #3d91ff;
    --ap-brand-primary-pressed: #0d63d9;
    --ap-brand-primary-soft: rgba(22, 119, 255, .16);
    --ap-brand-primary-border: rgba(69, 160, 255, .38);
    --ap-brand-focus-ring: rgba(22, 119, 255, .34);

    /* Backward-compatible semantic aliases used by shared Admin components. */
    --ap-primary: var(--ap-brand-primary);
    --ap-primary-soft: var(--ap-brand-primary-soft);
    --ap-page-eyebrow: var(--ap-content-link);

    /* Page Header System */
    --admin-header-height: 72px;
    --admin-header-padding-block: 20px;
    --admin-header-padding-inline: 24px;
    --admin-header-gap: 24px;
    --admin-header-title-size: 28px;
    --admin-header-title-weight: 700;
    --admin-header-description-size: 14px;
    --admin-header-description-color: var(--ap-content-secondary);
    --admin-header-label-size: 12px;
    --admin-header-label-color: var(--ap-content-link);
    --admin-header-breadcrumb-color: var(--ap-content-muted);
    --admin-header-actions-gap: 12px;
    --admin-header-bottom-spacing: 24px;
    --admin-header-radius: var(--ap-radius-lg);
    --admin-header-border: var(--ap-stroke-default);
    --admin-header-background: var(--ap-bg-panel);
    --admin-header-shadow: var(--ap-shadow-xs);

    /* Borders and dividers */
    --ap-border-width: 1px;
    --ap-border-style: solid;
    --ap-border-subtle: rgba(148, 163, 184, .12);
    --ap-border-default: var(--ap-border);
    --ap-border-strong: rgba(148, 163, 184, .32);
    --ap-border-focus: #2a88ff;
    --ap-border-transparent: transparent;
    --ap-divider: rgba(148, 163, 184, .14);
    --ap-stroke-transparent: var(--ap-border-width) var(--ap-border-style) var(--ap-border-transparent);
    --ap-stroke-subtle: var(--ap-border-width) var(--ap-border-style) var(--ap-border-subtle);
    --ap-stroke-default: var(--ap-border-width) var(--ap-border-style) var(--ap-border-default);
    --ap-stroke-strong: var(--ap-border-width) var(--ap-border-style) var(--ap-border-strong);
    --ap-divider-line: var(--ap-border-width) var(--ap-border-style) var(--ap-divider);

    /* Status colours */
    --ap-status-success: #34d399;
    --ap-status-success-hover: #6ee7b7;
    --ap-status-success-soft: rgba(52, 211, 153, .14);
    --ap-status-success-border: rgba(52, 211, 153, .32);
    --ap-status-warning: #fbbf24;
    --ap-status-warning-hover: #fcd34d;
    --ap-status-warning-soft: rgba(251, 191, 36, .14);
    --ap-status-warning-border: rgba(251, 191, 36, .34);
    --ap-status-danger: #fb7185;
    --ap-status-danger-hover: #fda4af;
    --ap-status-danger-soft: rgba(251, 113, 133, .14);
    --ap-status-danger-border: rgba(251, 113, 133, .34);
    --ap-status-info: #38bdf8;
    --ap-status-info-hover: #7dd3fc;
    --ap-status-info-soft: rgba(56, 189, 248, .14);
    --ap-status-info-border: rgba(56, 189, 248, .32);
    --ap-status-neutral: #94a3b8;
    --ap-status-neutral-soft: rgba(148, 163, 184, .14);

    /* Typography */
    --ap-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ap-font-size-xs: 12px;
    --ap-font-size-sm: 13px;
    --ap-font-size-md: 14px;
    --ap-font-size-lg: 16px;
    --ap-font-size-xl: 18px;
    --ap-font-size-title-sm: 22px;
    --ap-font-size-title-md: 28px;
    --ap-font-size-title-lg: 32px;
    --ap-font-weight-regular: 400;
    --ap-font-weight-medium: 500;
    --ap-font-weight-semibold: 600;
    --ap-font-weight-bold: 700;
    --ap-line-height-tight: 1.2;
    --ap-line-height-normal: 1.5;
    --ap-line-height-relaxed: 1.65;
    --ap-letter-spacing-tight: -.02em;
    --ap-letter-spacing-wide: .06em;

    /* Spacing */
    --ap-space-0: 0;
    --ap-space-1: 4px;
    --ap-space-2: 8px;
    --ap-space-3: 12px;
    --ap-space-4: 16px;
    --ap-space-5: 20px;
    --ap-space-6: 24px;
    --ap-space-7: 28px;
    --ap-space-8: 32px;
    --ap-space-10: 40px;
    --ap-space-12: 48px;
    --ap-page-gutter: 28px;
    --ap-section-gap: 24px;
    --ap-card-padding: 20px;

    /* Geometry */
    --ap-radius-xs: 6px;
    --ap-radius-sm: 8px;
    --ap-radius-md: 10px;
    --ap-radius-lg: 12px;
    --ap-radius-xl: 16px;
    --ap-radius-pill: 999px;
    --ap-control-height-sm: 36px;
    --ap-control-height-md: 44px;
    --ap-control-height-lg: 52px;
    --ap-icon-size-sm: 16px;
    --ap-icon-size-md: 20px;
    --ap-icon-size-lg: 24px;
    --ap-sidebar-width: 282px;
    --admin-sidebar-width: var(--ap-sidebar-width);
    --admin-sidebar-compact-width: 246px;
    --admin-sidebar-collapsed-width: 0px;
    --admin-topbar-height-default: 64px;
    --admin-topbar-height-compact: 58px;
    --admin-topbar-height: var(--admin-topbar-height-default);
    --admin-shell-height: 100dvh;
    --admin-shell-min-height: 100svh;
    --admin-shell-divider: var(--ap-divider-line);
    --admin-topbar-padding-inline: var(--ap-space-6);
    --admin-topbar-gap: var(--ap-space-3);
    --admin-topbar-control-size: var(--ap-control-height-sm);
    --admin-page-gutter-desktop: var(--ap-space-5);
    --admin-page-gutter-tablet: var(--ap-space-5);
    --admin-page-gutter-mobile: var(--ap-space-4);
    --admin-page-gutter-phone: var(--ap-space-3);
    --admin-page-gutter: var(--admin-page-gutter-desktop);
    --ap-content-max-width: 1600px;

    /* Elevation */
    --ap-shadow-xs: 0 1px 2px rgba(0, 0, 0, .18);
    --ap-shadow-sm: 0 6px 18px rgba(0, 0, 0, .18);
    --ap-shadow-md: 0 16px 38px rgba(0, 0, 0, .24);
    --ap-shadow-lg: 0 28px 64px rgba(0, 0, 0, .32);
    --ap-shadow-focus: 0 0 0 3px var(--ap-brand-focus-ring);

    /* Interaction */
    --ap-opacity-hover: .92;
    --ap-opacity-disabled: .52;
    --ap-transition-fast: 120ms ease;
    --ap-transition-base: 180ms ease;
    --ap-transition-slow: 260ms ease;

    /* Layering */
    --ap-z-sticky: 100;
    --ap-z-dropdown: 1000;
    --ap-z-overlay: 1100;
    --ap-z-dialog: 1200;
    --ap-z-toast: 1300;
    --ap-color-052e2b: #052e2b;
    --ap-color-06101e: #06101e;
    --ap-color-070b14: #070b14;
    --ap-color-07101d: #07101d;
    --ap-color-07101f: #07101f;
    --ap-color-071426: #071426;
    --ap-color-08111f: #08111f;
    --ap-color-090f1d: #090f1d;
    --ap-color-091525: #091525;
    --ap-color-0a111e: #0a111e;
    --ap-color-0a1221: #0a1221;
    --ap-color-0a1322: #0a1322;
    --ap-color-0a1422: #0a1422;
    --ap-color-0a1423: #0a1423;
    --ap-color-0b121d: #0b121d;
    --ap-color-0b1322: #0b1322;
    --ap-color-0b1524: #0b1524;
    --ap-color-0b1626: #0b1626;
    --ap-color-0b1627: #0b1627;
    --ap-color-0b1728: #0b1728;
    --ap-color-0b5cff: #0b5cff;
    --ap-color-0b63ff: #0b63ff;
    --ap-color-0c1523: #0c1523;
    --ap-color-0c1728: #0c1728;
    --ap-color-0c203c: #0c203c;
    --ap-color-0c4a6e: #0c4a6e;
    --ap-color-0d1622: #0d1622;
    --ap-color-0d1624: #0d1624;
    --ap-color-0d1727: #0d1727;
    --ap-color-0d1829: #0d1829;
    --ap-color-0d192b: #0d192b;
    --ap-color-0d203c: #0d203c;
    --ap-color-0d213d: #0d213d;
    --ap-color-0e1828: #0e1828;
    --ap-color-0e1929: #0e1929;
    --ap-color-0e1a2c: #0e1a2c;
    --ap-color-0ea5e9: #0ea5e9;
    --ap-color-0f1d31: #0f1d31;
    --ap-color-101824: #101824;
    --ap-color-101c2e: #101c2e;
    --ap-color-101c2f: #101c2f;
    --ap-color-101d30: #101d30;
    --ap-color-101d31: #101d31;
    --ap-color-102039: #102039;
    --ap-color-10213a: #10213a;
    --ap-color-10251f: #10251f;
    --ap-color-10261f: #10261f;
    --ap-color-111827: #111827;
    --ap-color-111a2c: #111a2c;
    --ap-color-111b2b: #111b2b;
    --ap-color-111c2b: #111c2b;
    --ap-color-111d2f: #111d2f;
    --ap-color-111e31: #111e31;
    --ap-color-111f33: #111f33;
    --ap-color-121c2a: #121c2a;
    --ap-color-121d2c: #121d2c;
    --ap-color-121e31: #121e31;
    --ap-color-12223a: #12223a;
    --ap-color-131e2c: #131e2c;
    --ap-color-13223a: #13223a;
    --ap-color-132440: #132440;
    --ap-color-132a49: #132a49;
    --ap-color-141d2a: #141d2a;
    --ap-color-141e2c: #141e2c;
    --ap-color-14233a: #14233a;
    --ap-color-142744: #142744;
    --ap-color-15263d: #15263d;
    --ap-color-162131: #162131;
    --ap-color-16335c: #16335c;
    --ap-color-1680ff: #1680ff;
    --ap-color-172338: #172338;
    --ap-color-172554: #172554;
    --ap-color-172942: #172942;
    --ap-color-172b43: #172b43;
    --ap-color-172b49: #172b49;
    --ap-color-17305a: #17305a;
    --ap-color-1780ff: #1780ff;
    --ap-color-193052: #193052;
    --ap-color-1a2940: #1a2940;
    --ap-color-1a2c45: #1a2c45;
    --ap-color-1b2f4c: #1b2f4c;
    --ap-color-1b3150: #1b3150;
    --ap-color-1c7257: #1c7257;
    --ap-color-1d2a3d: #1d2a3d;
    --ap-color-1d4ed8: #0b5ed1;
    --ap-color-1e2a3b: #1e2a3b;
    --ap-color-1e2d45: #1e2d45;
    --ap-color-1e745a: #1e745a;
    --ap-color-1f9d73: #1f9d73;
    --ap-color-202c3e: #202c3e;
    --ap-color-20304a: #20304a;
    --ap-color-203b61: #203b61;
    --ap-color-21314b: #21314b;
    --ap-color-21324a: #21324a;
    --ap-color-22314a: #22314a;
    --ap-color-22334d: #22334d;
    --ap-color-22344d: #22344d;
    --ap-color-22c55e: #22c55e;
    --ap-color-22c985: #22c985;
    --ap-color-23344d: #23344d;
    --ap-color-233750: #233750;
    --ap-color-241d12: #241d12;
    --ap-color-243247: #243247;
    --ap-color-24344b: #24344b;
    --ap-color-24344d: #24344d;
    --ap-color-244169: #244169;
    --ap-color-253247: #253247;
    --ap-color-254270: #254270;
    --ap-color-2563eb: #1677ff;
    --ap-color-263244: #263244;
    --ap-color-263347: #263347;
    --ap-color-26334a: #26334a;
    --ap-color-26364b: #26364b;
    --ap-color-26364d: #26364d;
    --ap-color-263650: #263650;
    --ap-color-263752: #263752;
    --ap-color-263952: #263952;
    --ap-color-263a55: #263a55;
    --ap-color-263b5a: #263b5a;
    --ap-color-273449: #273449;
    --ap-color-273a55: #273a55;
    --ap-color-273a56: #273a56;
    --ap-color-283a55: #283a55;
    --ap-color-2a394f: #2a394f;
    --ap-color-2a3a54: #2a3a54;
    --ap-color-2a3c58: #2a3c58;
    --ap-color-2a3d59: #2a3d59;
    --ap-color-2b1720: #2b1720;
    --ap-color-2b3a50: #2b3a50;
    --ap-color-2b3d57: #2b3d57;
    --ap-color-2b3d58: #2b3d58;
    --ap-color-2c3b54: #2c3b54;
    --ap-color-2e4668: #2e4668;
    --ap-color-2f86ff: #2f86ff;
    --ap-color-2f8cff: #2f8cff;
    --ap-color-30202a: #30202a;
    --ap-color-30435f: #30435f;
    --ap-color-30445f: #30445f;
    --ap-color-312e81: #312e81;
    --ap-color-31435c: #31435c;
    --ap-color-31445f: #31445f;
    --ap-color-315078: #315078;
    --ap-color-31517d: #31517d;
    --ap-color-31598c: #31598c;
    --ap-color-3178f6: #3178f6;
    --ap-color-334155: #334155;
    --ap-color-33445d: #33445d;
    --ap-color-334766: #334766;
    --ap-color-34445b: #34445b;
    --ap-color-344a69: #344a69;
    --ap-color-34d399: #34d399;
    --ap-color-35445a: #35445a;
    --ap-color-355071: #355071;
    --ap-color-35517b: #35517b;
    --ap-color-3568a9: #3568a9;
    --ap-color-365786: #365786;
    --ap-color-38bdf8: #38bdf8;
    --ap-color-39577d: #39577d;
    --ap-color-3a4a60: #3a4a60;
    --ap-color-3b1d28: #3b1d28;
    --ap-color-3b82f6: #62adff;
    --ap-color-3f111b: #3f111b;
    --ap-color-3f2b08: #3f2b08;
    --ap-color-422006: #422006;
    --ap-color-42638f: #42638f;
    --ap-color-4ade80: #4ade80;
    --ap-color-4c7fc2: #4c7fc2;
    --ap-color-4d56de: #4d56de;
    --ap-color-4d6079: #4d6079;
    --ap-color-4e8cff: #4e8cff;
    --ap-color-4ea1ff: #4ea1ff;
    --ap-color-4f46e5: #0f6fe8;
    --ap-color-4f6cff: #4f6cff;
    --ap-color-4f6f9c: #4f6f9c;
    --ap-color-4f7ec1: #4f7ec1;
    --ap-color-4f7fff: #4f7fff;
    --ap-color-526987: #526987;
    --ap-color-5b2537: #5b2537;
    --ap-color-5c6df6: #0f6fe8;
    --ap-color-5ea0ff: #5ea0ff;
    --ap-color-5ee5a3: #5ee5a3;
    --ap-color-5eead4: #5eead4;
    --ap-color-5f6bff: #5f6bff;
    --ap-color-5f6d82: #5f6d82;
    --ap-color-60a5fa: #60a5fa;
    --ap-color-6366f1: #1677ff;
    --ap-color-64748b: #64748b;
    --ap-color-66e1b5: #66e1b5;
    --ap-color-67e8a3: #67e8a3;
    --ap-color-6b63f7: #6b63f7;
    --ap-color-6d5dfc: #1677ff;
    --ap-color-6f7d91: #6f7d91;
    --ap-color-6f819b: #6f819b;
    --ap-color-6f86a5: #6f86a5;
    --ap-color-70b7ff: #70b7ff;
    --ap-color-7164ff: #7164ff;
    --ap-color-718096: #718096;
    --ap-color-71839c: #71839c;
    --ap-color-71839d: #71839d;
    --ap-color-71849d: #71849d;
    --ap-color-7185a3: #7185a3;
    --ap-color-7187a6: #7187a6;
    --ap-color-7188a9: #7188a9;
    --ap-color-728096: #728096;
    --ap-color-72839a: #72839a;
    --ap-color-72839c: #72839c;
    --ap-color-738198: #738198;
    --ap-color-75859a: #75859a;
    --ap-color-75a7ff: #75a7ff;
    --ap-color-765521: #765521;
    --ap-color-7658ff: #0b5ed1;
    --ap-color-77adff: #77adff;
    --ap-color-7890b2: #7890b2;
    --ap-color-7893b8: #7893b8;
    --ap-color-78a7e9: #78a7e9;
    --ap-color-78a9ff: #78a9ff;
    --ap-color-79a8ef: #79a8ef;
    --ap-color-7b90ff: #7b90ff;
    --ap-color-7c4dff: #1677ff;
    --ap-color-7c6dff: #7c6dff;
    --ap-color-7ca9ed: #7ca9ed;
    --ap-color-7cb1ff: #7cb1ff;
    --ap-color-7d72ff: #7d72ff;
    --ap-color-7d8ba2: #7d8ba2;
    --ap-color-7db5ff: #7db5ff;
    --ap-color-7dd3fc: #7dd3fc;
    --ap-color-7e8cff: #7e8cff;
    --ap-color-7e94b3: #7e94b3;
    --ap-color-7f8ca1: #7f8ca1;
    --ap-color-7f8da1: #7f8da1;
    --ap-color-7f8da4: #7f8da4;
    --ap-color-7f90a8: #7f90a8;
    --ap-color-7f91a8: #7f91a8;
    --ap-color-7f91aa: #7f91aa;
    --ap-color-7f9bc3: #7f9bc3;
    --ap-color-7fb1ff: #7fb1ff;
    --ap-color-8090aa: #8090aa;
    --ap-color-8092aa: #8092aa;
    --ap-color-818cf8: #62adff;
    --ap-color-8192a8: #8192a8;
    --ap-color-8194ae: #8194ae;
    --ap-color-8196b5: #8196b5;
    --ap-color-8197b7: #8197b7;
    --ap-color-8290a4: #8290a4;
    --ap-color-8293aa: #8293aa;
    --ap-color-8391a5: #8391a5;
    --ap-color-8396b0: #8396b0;
    --ap-color-83aff1: #83aff1;
    --ap-color-83e7c2: #83e7c2;
    --ap-color-8494ad: #8494ad;
    --ap-color-8496ad: #8496ad;
    --ap-color-8498b6: #8498b6;
    --ap-color-84a3d5: #84a3d5;
    --ap-color-8595b0: #8595b0;
    --ap-color-8698b0: #8698b0;
    --ap-color-86efac: #86efac;
    --ap-color-8798b0: #8798b0;
    --ap-color-8b99ad: #8b99ad;
    --ap-color-8bb7ff: #8bb7ff;
    --ap-color-8be7cf: #8be7cf;
    --ap-color-8ca6ff: #8ca6ff;
    --ap-color-8d9ab0: #8d9ab0;
    --ap-color-8da0ba: #8da0ba;
    --ap-color-8da0bb: #8da0bb;
    --ap-color-8e9cb4: #8e9cb4;
    --ap-color-8ea0b8: #8ea0b8;
    --ap-color-8ea0ba: #8ea0ba;
    --ap-color-8ea3c2: #8ea3c2;
    --ap-color-8ea3c4: #8ea3c4;
    --ap-color-8ea3c5: #8ea3c5;
    --ap-color-8ef0b4: #8ef0b4;
    --ap-color-8fa1b9: #8fa1b9;
    --ap-color-90acd1: #90acd1;
    --ap-color-91a1b8: #91a1b8;
    --ap-color-91a2b7: #91a2b7;
    --ap-color-91a2b9: #91a2b9;
    --ap-color-91a4bd: #91a4bd;
    --ap-color-91a7bf: #91a7bf;
    --ap-color-92abd0: #92abd0;
    --ap-color-93a4ba: #93a4ba;
    --ap-color-93c5fd: #93c5fd;
    --ap-color-94a3b8: #94a3b8;
    --ap-color-94a6bd: #94a6bd;
    --ap-color-94a8c6: #94a8c6;
    --ap-color-98a7bb: #98a7bb;
    --ap-color-9aa8bd: #9aa8bd;
    --ap-color-9aaabe: #9aaabe;
    --ap-color-9bacc1: #9bacc1;
    --ap-color-9ca3af: #9ca3af;
    --ap-color-9ca9bd: #9ca9bd;
    --ap-color-9eabc0: #9eabc0;
    --ap-color-9eafc3: #9eafc3;
    --ap-color-9eb2d1: #9eb2d1;
    --ap-color-9eb4d8: #9eb4d8;
    --ap-color-9ec8ff: #9ec8ff;
    --ap-color-9fb0c6: #9fb0c6;
    --ap-color-9fb0c7: #9fb0c7;
    --ap-color-9fb0c8: #9fb0c8;
    --ap-color-9fb0cb: #9fb0cb;
    --ap-color-9fb1c8: #9fb1c8;
    --ap-color-9fc2ff: #9fc2ff;
    --ap-color-9fc7ff: #9fc7ff;
    --ap-color-9fc8ff: #9fc8ff;
    --ap-color-a2b2cb: #a2b2cb;
    --ap-color-a5b4fc: #8fc3ff;
    --ap-color-a7b5cd: #a7b5cd;
    --ap-color-a7b7d1: #a7b7d1;
    --ap-color-a7bad6: #a7bad6;
    --ap-color-a7f3d0: #a7f3d0;
    --ap-color-a8b3c7: #a8b3c7;
    --ap-color-a8b8d1: #a8b8d1;
    --ap-color-a8ccff: #a8ccff;
    --ap-color-a9b6c9: #a9b6c9;
    --ap-color-a9b8ca: #a9b8ca;
    --ap-color-a9b8d0: #a9b8d0;
    --ap-color-a9bad0: #a9bad0;
    --ap-color-a9bad4: #a9bad4;
    --ap-color-aab8cc: #aab8cc;
    --ap-color-aeb9cc: #aeb9cc;
    --ap-color-aebbd0: #aebbd0;
    --ap-color-aebdd0: #aebdd0;
    --ap-color-aebed1: #aebed1;
    --ap-color-aec5e3: #aec5e3;
    --ap-color-afbdd0: #afbdd0;
    --ap-color-afc0d8: #afc0d8;
    --ap-color-b4c1d2: #b4c1d2;
    --ap-color-b4c4de: #b4c4de;
    --ap-color-b4c6e5: #b4c6e5;
    --ap-color-b5c0d0: #b5c0d0;
    --ap-color-b5c5de: #b5c5de;
    --ap-color-b6c6df: #b6c6df;
    --ap-color-b6c8e6: #b6c8e6;
    --ap-color-b7c9e5: #b7c9e5;
    --ap-color-b8c4d5: #b8c4d5;
    --ap-color-b8c6db: #b8c6db;
    --ap-color-b8c7dc: #b8c7dc;
    --ap-color-b8c7df: #b8c7df;
    --ap-color-b8cff0: #b8cff0;
    --ap-color-b8d0ee: #b8d0ee;
    --ap-color-b8d4ff: #b8d4ff;
    --ap-color-b9c4d4: #b9c4d4;
    --ap-color-bac7d9: #bac7d9;
    --ap-color-bae6fd: #bae6fd;
    --ap-color-bbf7d0: #bbf7d0;
    --ap-color-bcd7ff: #bcd7ff;
    --ap-color-bfdbfe: #bfdbfe;
    --ap-color-c1ccdc: #c1ccdc;
    --ap-color-c3d0e2: #c3d0e2;
    --ap-color-c4b5fd: #8fc3ff;
    --ap-color-c4cfdd: #c4cfdd;
    --ap-color-c4d0e4: #c4d0e4;
    --ap-color-c6d1e0: #c6d1e0;
    --ap-color-c7d2fe: #c7d2fe;
    --ap-color-c7d4e7: #c7d4e7;
    --ap-color-c7d7ef: #c7d7ef;
    --ap-color-c7ddff: #c7ddff;
    --ap-color-c8c5ff: #c8c5ff;
    --ap-color-c8d4e4: #c8d4e4;
    --ap-color-c8d6e9: #c8d6e9;
    --ap-color-c8d6ed: #c8d6ed;
    --ap-color-cbd5e1: #cbd5e1;
    --ap-color-cbd7e8: #cbd7e8;
    --ap-color-cdd8eb: #cdd8eb;
    --ap-color-cde0ff: #cde0ff;
    --ap-color-cfd8e7: #cfd8e7;
    --ap-color-cfe3ff: #cfe3ff;
    --ap-color-d1d5db: #d1d5db;
    --ap-color-d5deea: #d5deea;
    --ap-color-d5deee: #d5deee;
    --ap-color-d6b27f: #d6b27f;
    --ap-color-d6e0ee: #d6e0ee;
    --ap-color-d6e2f0: #d6e2f0;
    --ap-color-d7e3f4: #d7e3f4;
    --ap-color-d8e1ef: #d8e1ef;
    --ap-color-d8e4f5: #d8e4f5;
    --ap-color-d8e7fb: #d8e7fb;
    --ap-color-d9e3f1: #d9e3f1;
    --ap-color-dbe5f3: #dbe5f3;
    --ap-color-dbe7f5: #dbe7f5;
    --ap-color-dbe7f8: #dbe7f8;
    --ap-color-dbeafe: #dbeafe;
    --ap-color-dce5f5: #dce5f5;
    --ap-color-dce7f5: #dce7f5;
    --ap-color-dce8f7: #dce8f7;
    --ap-color-dce8f8: #dce8f8;
    --ap-color-e2e8f0: #e2e8f0;
    --ap-color-e5edf7: #e5edf7;
    --ap-color-e5edf8: #e5edf8;
    --ap-color-e6effb: #e6effb;
    --ap-color-e7eef8: #e7eef8;
    --ap-color-e7eefb: #e7eefb;
    --ap-color-e8edf7: #e8edf7;
    --ap-color-e8eef8: #e8eef8;
    --ap-color-e8f1ff: #e8f1ff;
    --ap-color-e8f2ff: #e8f2ff;
    --ap-color-e9f2ff: #e9f2ff;
    --ap-color-ea580c: #ea580c;
    --ap-color-eaf3ff: #eaf3ff;
    --ap-color-edf4ff: #edf4ff;
    --ap-color-edf5ff: #edf5ff;
    --ap-color-eef2ff: #eef2ff;
    --ap-color-eef4fc: #eef4fc;
    --ap-color-eef5ff: #eef5ff;
    --ap-color-eff6ff: #eff6ff;
    --ap-color-f1f7ff: #f1f7ff;
    --ap-color-f2ba69: #f2ba69;
    --ap-color-f2f7ff: #f2f7ff;
    --ap-color-f4c88b: #f4c88b;
    --ap-color-f4f8ff: #f4f8ff;
    --ap-color-f59e0b: #f59e0b;
    --ap-color-f5f8ff: #f5f8ff;
    --ap-color-f6c453: #f6c453;
    --ap-color-f8fafc: #f8fafc;
    --ap-color-f8fbff: #f8fbff;
    --ap-color-f97316: #f97316;
    --ap-color-f9fbff: #f9fbff;
    --ap-color-fb7185: #fb7185;
    --ap-color-fbbf24: #fbbf24;
    --ap-color-fca5a5: #fca5a5;
    --ap-color-fcd34d: #fcd34d;
    --ap-color-fda4af: #fda4af;
    --ap-color-fde68a: #fde68a;
    --ap-color-fecaca: #fecaca;
    --ap-color-fed7aa: #fed7aa;
    --ap-color-ff6b6b: #ff6b6b;
    --ap-color-ff9cac: #ff9cac;
    --ap-color-ffd292: #ffd292;
    --ap-color-ffe3a6: #ffe3a6;
    --ap-color-ffffff: #ffffff;
    --ap-rgb-0-0-0: 0, 0, 0;
    --ap-rgb-0-102-255: 0, 102, 255;
    --ap-rgb-2-6-23: 2, 6, 23;
    --ap-rgb-2-8-23: 2, 8, 23;
    --ap-rgb-3-10-24: 3, 10, 24;
    --ap-rgb-4-11-22: 4, 11, 22;
    --ap-rgb-4-12-25: 4, 12, 25;
    --ap-rgb-4-14-30: 4, 14, 30;
    --ap-rgb-5-12-24: 5, 12, 24;
    --ap-rgb-6-13-24: 6, 13, 24;
    --ap-rgb-6-13-25: 6, 13, 25;
    --ap-rgb-6-13-26: 6, 13, 26;
    --ap-rgb-6-14-28: 6, 14, 28;
    --ap-rgb-6-18-36: 6, 18, 36;
    --ap-rgb-7-15-28: 7, 15, 28;
    --ap-rgb-7-15-29: 7, 15, 29;
    --ap-rgb-7-16-29: 7, 16, 29;
    --ap-rgb-8-15-28: 8, 15, 28;
    --ap-rgb-8-16-30: 8, 16, 30;
    --ap-rgb-8-17-30: 8, 17, 30;
    --ap-rgb-9-15-27: 9, 15, 27;
    --ap-rgb-9-15-28: 9, 15, 28;
    --ap-rgb-9-18-32: 9, 18, 32;
    --ap-rgb-9-20-36: 9, 20, 36;
    --ap-rgb-11-20-36: 11, 20, 36;
    --ap-rgb-11-99-255: 11, 99, 255;
    --ap-rgb-12-22-38: 12, 22, 38;
    --ap-rgb-12-25-45: 12, 25, 45;
    --ap-rgb-13-23-39: 13, 23, 39;
    --ap-rgb-13-24-42: 13, 24, 42;
    --ap-rgb-14-165-233: 14, 165, 233;
    --ap-rgb-14-207-152: 14, 207, 152;
    --ap-rgb-15-23-38: 15, 23, 38;
    --ap-rgb-15-23-42: 15, 23, 42;
    --ap-rgb-15-118-50: 15, 118, 50;
    --ap-rgb-16-185-129: 16, 185, 129;
    --ap-rgb-17-31-52: 17, 31, 52;
    --ap-rgb-19-32-51: 19, 32, 51;
    --ap-rgb-20-83-45: 20, 83, 45;
    --ap-rgb-21-33-52: 21, 33, 52;
    --ap-rgb-21-65-131: 21, 65, 131;
    --ap-rgb-22-37-62: 22, 37, 62;
    --ap-rgb-22-163-74: 22, 163, 74;
    --ap-rgb-28-60-108: 28, 60, 108;
    --ap-rgb-29-45-70: 29, 45, 70;
    --ap-rgb-30-41-59: 30, 41, 59;
    --ap-rgb-30-64-175: 30, 64, 175;
    --ap-rgb-31-41-55: 31, 41, 55;
    --ap-rgb-32-38-90: 32, 38, 90;
    --ap-rgb-34-197-94: 34, 197, 94;
    --ap-rgb-37-99-235: 37, 99, 235;
    --ap-rgb-40-53-74: 40, 53, 74;
    --ap-rgb-41-53-72: 41, 53, 72;
    --ap-rgb-41-53-74: 41, 53, 74;
    --ap-rgb-43-120-255: 43, 120, 255;
    --ap-rgb-47-77-132: 47, 77, 132;
    --ap-rgb-51-65-85: 51, 65, 85;
    --ap-rgb-55-65-81: 55, 65, 81;
    --ap-rgb-56-189-248: 56, 189, 248;
    --ap-rgb-59-130-246: 59, 130, 246;
    --ap-rgb-77-104-186: 77, 104, 186;
    --ap-rgb-78-140-255: 78, 140, 255;
    --ap-rgb-78-161-255: 78, 161, 255;
    --ap-rgb-79-70-229: 79, 70, 229;
    --ap-rgb-79-142-255: 79, 142, 255;
    --ap-rgb-87-107-143: 87, 107, 143;
    --ap-rgb-95-107-255: 95, 107, 255;
    --ap-rgb-96-165-250: 96, 165, 250;
    --ap-rgb-99-102-241: 22, 119, 255;
    --ap-rgb-99-122-166: 99, 122, 166;
    --ap-rgb-100-116-139: 100, 116, 139;
    --ap-rgb-101-119-151: 101, 119, 151;
    --ap-rgb-110-127-255: 110, 127, 255;
    --ap-rgb-111-76-35: 111, 76, 35;
    --ap-rgb-111-143-200: 111, 143, 200;
    --ap-rgb-112-154-230: 112, 154, 230;
    --ap-rgb-120-65-8: 120, 65, 8;
    --ap-rgb-120-74-8: 120, 74, 8;
    --ap-rgb-124-77-255: 22, 119, 255;
    --ap-rgb-125-114-255: 125, 114, 255;
    --ap-rgb-127-29-29: 127, 29, 29;
    --ap-rgb-129-140-248: 129, 140, 248;
    --ap-rgb-130-148-196: 130, 148, 196;
    --ap-rgb-143-133-255: 143, 133, 255;
    --ap-rgb-145-80-8: 145, 80, 8;
    --ap-rgb-147-197-253: 147, 197, 253;
    --ap-rgb-148-163-184: 148, 163, 184;
    --ap-rgb-153-27-27: 153, 27, 27;
    --ap-rgb-154-106-37: 154, 106, 37;
    --ap-rgb-185-28-28: 185, 28, 28;
    --ap-rgb-203-213-225: 203, 213, 225;
    --ap-rgb-221-145-43: 221, 145, 43;
    --ap-rgb-222-231-244: 222, 231, 244;
    --ap-rgb-239-68-68: 239, 68, 68;
    --ap-rgb-244-63-94: 244, 63, 94;
    --ap-rgb-245-158-11: 245, 158, 11;
    --ap-rgb-248-113-113: 248, 113, 113;
    --ap-rgb-255-255-255: 255, 255, 255;
}

html[data-admin-theme="day"] {
    color-scheme: light;
    --ap-page-background: #f4f7fb;
    --ap-surface: #ffffff;
    --ap-surface-raised: #f8fafc;
    --ap-text-primary: #0f172a;
    --ap-text-secondary: #334155;
    --ap-text-muted: #64748b;
    --ap-border: rgba(71, 85, 105, .18);
    --ap-shadow: rgba(15, 23, 42, .12);
    --ap-toggle-track: #dbe4f0;
    --ap-toggle-thumb: #ffffff;

    /* Light-theme semantic token values */
    --ap-bg-surface-muted: #f4f7fb;
    --ap-bg-surface-overlay: #ffffff;
    --ap-bg-sidebar: #f8fbff;
    --ap-bg-sidebar-muted: #eef4fb;
    --ap-bg-preview: #eef3f8;
    --ap-bg-backdrop: rgba(15, 23, 42, .48);

    --ap-content-disabled: #94a3b8;
    --ap-content-inverse: #ffffff;
    --ap-content-link: #1677ff;
    --ap-content-link-hover: #0f6fe8;

    --ap-brand-primary: #1677ff;
    --ap-brand-primary-hover: #0f6fe8;
    --ap-brand-primary-pressed: #0b5ed1;
    --ap-brand-primary-soft: rgba(22, 119, 255, .10);
    --ap-brand-primary-border: rgba(22, 119, 255, .28);
    --ap-brand-focus-ring: rgba(22, 119, 255, .22);

    --ap-border-subtle: rgba(71, 85, 105, .10);
    --ap-border-strong: rgba(71, 85, 105, .28);
    --ap-border-focus: #1677ff;
    --ap-divider: rgba(71, 85, 105, .12);

    --ap-status-success: #16a34a;
    --ap-status-success-hover: #15803d;
    --ap-status-success-soft: rgba(22, 163, 74, .10);
    --ap-status-success-border: rgba(22, 163, 74, .24);
    --ap-status-warning: #d97706;
    --ap-status-warning-hover: #b45309;
    --ap-status-warning-soft: rgba(217, 119, 6, .10);
    --ap-status-warning-border: rgba(217, 119, 6, .26);
    --ap-status-danger: #dc2626;
    --ap-status-danger-hover: #b91c1c;
    --ap-status-danger-soft: rgba(220, 38, 38, .09);
    --ap-status-danger-border: rgba(220, 38, 38, .24);
    --ap-status-info: #0284c7;
    --ap-status-info-hover: #0369a1;
    --ap-status-info-soft: rgba(2, 132, 199, .10);
    --ap-status-info-border: rgba(2, 132, 199, .24);
    --ap-status-neutral: #64748b;
    --ap-status-neutral-soft: rgba(100, 116, 139, .10);

    --ap-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
    --ap-shadow-sm: 0 6px 18px rgba(15, 23, 42, .07);
    --ap-shadow-md: 0 16px 38px rgba(15, 23, 42, .10);
    --ap-shadow-lg: 0 28px 64px rgba(15, 23, 42, .14);
    --ap-color-052e2b: #f1f6f6;
    --ap-color-06101e: #f7f8fa;
    --ap-color-070b14: #f8f8f9;
    --ap-color-07101d: #f8f8fa;
    --ap-color-07101f: #f7f8fa;
    --ap-color-071426: #f7f8fa;
    --ap-color-08111f: #f8f8fa;
    --ap-color-090f1d: #f8f8fa;
    --ap-color-091525: #f8f8fa;
    --ap-color-0a111e: #f8f8fa;
    --ap-color-0a1221: #f8f8fa;
    --ap-color-0a1322: #f8f8fa;
    --ap-color-0a1422: #f8f8fa;
    --ap-color-0a1423: #f8f8fa;
    --ap-color-0b121d: #f8f8f9;
    --ap-color-0b1322: #f8f8fa;
    --ap-color-0b1524: #f8f8fa;
    --ap-color-0b1626: #f8f8fa;
    --ap-color-0b1627: #f8f8fa;
    --ap-color-0b1728: #f2f3f5;
    --ap-color-0b5cff: #134ec3;
    --ap-color-0b63ff: #1353c3;
    --ap-color-0c1523: #f8f8f9;
    --ap-color-0c1728: #f2f3f5;
    --ap-color-0c203c: #f1f3f6;
    --ap-color-0c4a6e: #e6ecef;
    --ap-color-0d1622: #f8f9f9;
    --ap-color-0d1624: #f8f8f9;
    --ap-color-0d1727: #f2f3f5;
    --ap-color-0d1829: #f2f3f5;
    --ap-color-0d192b: #f2f3f5;
    --ap-color-0d203c: #f1f3f6;
    --ap-color-0d213d: #f1f3f6;
    --ap-color-0e1828: #f2f3f5;
    --ap-color-0e1929: #f2f3f5;
    --ap-color-0e1a2c: #f2f3f5;
    --ap-color-0ea5e9: #0ea5e9;
    --ap-color-0f1d31: #f2f3f5;
    --ap-color-101824: #f2f3f5;
    --ap-color-101c2e: #f2f3f5;
    --ap-color-101c2f: #f2f3f5;
    --ap-color-101d30: #f2f3f5;
    --ap-color-101d31: #f2f3f5;
    --ap-color-102039: #f2f3f5;
    --ap-color-10213a: #f2f3f5;
    --ap-color-10251f: #f2f5f4;
    --ap-color-10261f: #f2f5f4;
    --ap-color-111827: #f2f3f5;
    --ap-color-111a2c: #f2f3f5;
    --ap-color-111b2b: #f2f3f5;
    --ap-color-111c2b: #f2f3f5;
    --ap-color-111d2f: #f2f3f5;
    --ap-color-111e31: #f2f3f5;
    --ap-color-111f33: #f2f3f5;
    --ap-color-121c2a: #f2f3f5;
    --ap-color-121d2c: #f2f3f5;
    --ap-color-121e31: #f2f3f5;
    --ap-color-12223a: #f2f3f5;
    --ap-color-131e2c: #f2f3f5;
    --ap-color-13223a: #f2f3f5;
    --ap-color-132440: #f2f3f5;
    --ap-color-132a49: #f2f3f5;
    --ap-color-141d2a: #f2f3f5;
    --ap-color-141e2c: #f2f3f5;
    --ap-color-14233a: #f2f3f5;
    --ap-color-142744: #f2f3f5;
    --ap-color-15263d: #f2f3f5;
    --ap-color-162131: #f2f3f5;
    --ap-color-16335c: #e7eaee;
    --ap-color-1680ff: #1363c3;
    --ap-color-172338: #f2f3f5;
    --ap-color-172554: #e7e9ee;
    --ap-color-172942: #f2f3f5;
    --ap-color-172b43: #f2f3f5;
    --ap-color-172b49: #f2f3f5;
    --ap-color-17305a: #e7eaee;
    --ap-color-1780ff: #1363c3;
    --ap-color-193052: #e8eaee;
    --ap-color-1a2940: #f2f3f5;
    --ap-color-1a2c45: #f2f3f5;
    --ap-color-1b2f4c: #e8eaed;
    --ap-color-1b3150: #e8eaed;
    --ap-color-1c7257: #e7eeec;
    --ap-color-1d2a3d: #f2f3f5;
    --ap-color-1d4ed8: #0b5ed1;
    --ap-color-1e2a3b: #f2f3f5;
    --ap-color-1e2d45: #f2f3f5;
    --ap-color-1e745a: #e7eeec;
    --ap-color-1f9d73: #1f9d73;
    --ap-color-202c3e: #f2f3f5;
    --ap-color-20304a: #e8eaed;
    --ap-color-203b61: #e8eaed;
    --ap-color-21314b: #e8eaed;
    --ap-color-21324a: #e8eaed;
    --ap-color-22314a: #e8eaed;
    --ap-color-22334d: #e8eaed;
    --ap-color-22344d: #e8eaed;
    --ap-color-22c55e: #22c55e;
    --ap-color-22c985: #22c985;
    --ap-color-23344d: #e8eaed;
    --ap-color-233750: #e8eaed;
    --ap-color-241d12: #f5f4f2;
    --ap-color-243247: #e9eaec;
    --ap-color-24344b: #e9eaed;
    --ap-color-24344d: #e9eaed;
    --ap-color-244169: #e8eaed;
    --ap-color-253247: #e9eaec;
    --ap-color-254270: #e8eaed;
    --ap-color-2563eb: #134ac3;
    --ap-color-263244: #e9eaec;
    --ap-color-263347: #e9eaec;
    --ap-color-26334a: #e9eaec;
    --ap-color-26364b: #e9eaec;
    --ap-color-26364d: #e9eaed;
    --ap-color-263650: #e9eaed;
    --ap-color-263752: #e9eaed;
    --ap-color-263952: #e9eaed;
    --ap-color-263a55: #e8eaed;
    --ap-color-263b5a: #e8eaed;
    --ap-color-273449: #e9eaec;
    --ap-color-273a55: #e8eaed;
    --ap-color-273a56: #e8eaed;
    --ap-color-283a55: #e9eaed;
    --ap-color-2a394f: #e9eaec;
    --ap-color-2a3a54: #e9eaed;
    --ap-color-2a3c58: #e9eaed;
    --ap-color-2a3d59: #e9eaed;
    --ap-color-2b1720: #f4f3f3;
    --ap-color-2b3a50: #e9eaec;
    --ap-color-2b3d57: #e9eaed;
    --ap-color-2b3d58: #e9eaed;
    --ap-color-2c3b54: #e9eaec;
    --ap-color-2e4668: #e8eaed;
    --ap-color-2f86ff: #1c58ab;
    --ap-color-2f8cff: #1c5cab;
    --ap-color-30202a: #f4f3f4;
    --ap-color-30435f: #e9eaec;
    --ap-color-30445f: #e9eaec;
    --ap-color-312e81: #312e81;
    --ap-color-31435c: #e9eaec;
    --ap-color-31445f: #e9eaec;
    --ap-color-315078: #315078;
    --ap-color-31517d: #31517d;
    --ap-color-31598c: #31598c;
    --ap-color-3178f6: #1353c3;
    --ap-color-334155: #e9eaec;
    --ap-color-33445d: #e9eaec;
    --ap-color-334766: #e9eaed;
    --ap-color-34445b: #e9eaec;
    --ap-color-344a69: #e9eaed;
    --ap-color-34d399: #26b07e;
    --ap-color-35445a: #e9eaec;
    --ap-color-355071: #60728a;
    --ap-color-35517b: #60728a;
    --ap-color-3568a9: #3568a9;
    --ap-color-365786: #365786;
    --ap-color-38bdf8: #217da6;
    --ap-color-39577d: #60728a;
    --ap-color-3a4a60: #e9eaec;
    --ap-color-3b1d28: #f5f2f3;
    --ap-color-3b82f6: #2254a5;
    --ap-color-3f111b: #f5f2f2;
    --ap-color-3f2b08: #f6f4f1;
    --ap-color-422006: #f6f3f1;
    --ap-color-42638f: #60728a;
    --ap-color-4ade80: #329556;
    --ap-color-4c7fc2: #3664a0;
    --ap-color-4d56de: #323895;
    --ap-color-4d6079: #60728a;
    --ap-color-4e8cff: #1c4eab;
    --ap-color-4ea1ff: #1c5fab;
    --ap-color-4f46e5: #0f6fe8;
    --ap-color-4f6cff: #1c33ab;
    --ap-color-4f6f9c: #4f5e72;
    --ap-color-4f7ec1: #38629e;
    --ap-color-4f7fff: #1c43ab;
    --ap-color-526987: #60728a;
    --ap-color-5b2537: #ede8ea;
    --ap-color-5c6df6: #0f6fe8;
    --ap-color-5ea0ff: #1c57ab;
    --ap-color-5ee5a3: #309765;
    --ap-color-5eead4: #2c9b89;
    --ap-color-5f6bff: #1c27ab;
    --ap-color-5f6d82: #525e70;
    --ap-color-60a5fa: #205ca7;
    --ap-color-6366f1: #1677ff;
    --ap-color-64748b: #515e71;
    --ap-color-66e1b5: #339471;
    --ap-color-67e8a3: #2f9860;
    --ap-color-6b63f7: #2a23a4;
    --ap-color-6d5dfc: #1677ff;
    --ap-color-6f7d91: #545f6e;
    --ap-color-6f819b: #4f5e72;
    --ap-color-6f86a5: #4f5e72;
    --ap-color-70b7ff: #1c63ab;
    --ap-color-7164ff: #281cab;
    --ap-color-718096: #525e6f;
    --ap-color-71839c: #505e72;
    --ap-color-71839d: #4f5e72;
    --ap-color-71849d: #4f5e72;
    --ap-color-7185a3: #4f5e72;
    --ap-color-7187a6: #4f5e72;
    --ap-color-7188a9: #4f5e72;
    --ap-color-728096: #535f6f;
    --ap-color-72839a: #515e71;
    --ap-color-72839c: #505e72;
    --ap-color-738198: #525e70;
    --ap-color-75859a: #525e70;
    --ap-color-75a7ff: #1c50ab;
    --ap-color-765521: #eeebe7;
    --ap-color-7658ff: #0b5ed1;
    --ap-color-77adff: #1c55ab;
    --ap-color-7890b2: #414f62;
    --ap-color-7893b8: #414f62;
    --ap-color-78a7e9: #305b97;
    --ap-color-78a9ff: #1c50ab;
    --ap-color-79a8ef: #2b589c;
    --ap-color-7b90ff: #1c33ab;
    --ap-color-7c4dff: #1677ff;
    --ap-color-7c6dff: #2b1cab;
    --ap-color-7ca9ed: #2d589a;
    --ap-color-7cb1ff: #1c56ab;
    --ap-color-7d72ff: #271cab;
    --ap-color-7d8ba2: #515e71;
    --ap-color-7db5ff: #1c5aab;
    --ap-color-7dd3fc: #1f7ca8;
    --ap-color-7e8cff: #1c2bab;
    --ap-color-7e94b3: #414f62;
    --ap-color-7f8ca1: #525e70;
    --ap-color-7f8da1: #525e70;
    --ap-color-7f8da4: #515e71;
    --ap-color-7f90a8: #4f5e72;
    --ap-color-7f91a8: #4f5e72;
    --ap-color-7f91aa: #414f62;
    --ap-color-7f9bc3: #414f62;
    --ap-color-7fb1ff: #1c54ab;
    --ap-color-8090aa: #414f62;
    --ap-color-8092aa: #414f62;
    --ap-color-818cf8: #62adff;
    --ap-color-8192a8: #434f61;
    --ap-color-8194ae: #414f62;
    --ap-color-8196b5: #414f62;
    --ap-color-8197b7: #414f62;
    --ap-color-8290a4: #525e70;
    --ap-color-8293aa: #424f61;
    --ap-color-8391a5: #454f5f;
    --ap-color-8396b0: #414f62;
    --ap-color-83aff1: #2a589d;
    --ap-color-83e7c2: #339470;
    --ap-color-8494ad: #414f62;
    --ap-color-8496ad: #414f62;
    --ap-color-8498b6: #414f62;
    --ap-color-84a3d5: #3e5b89;
    --ap-color-8595b0: #414f62;
    --ap-color-8698b0: #414f62;
    --ap-color-86efac: #2d9a54;
    --ap-color-8798b0: #414f62;
    --ap-color-8b99ad: #444f60;
    --ap-color-8bb7ff: #184895;
    --ap-color-8be7cf: #34937a;
    --ap-color-8ca6ff: #183595;
    --ap-color-8d9ab0: #434f60;
    --ap-color-8da0ba: #414f62;
    --ap-color-8da0bb: #414f62;
    --ap-color-8e9cb4: #414f62;
    --ap-color-8ea0b8: #414f62;
    --ap-color-8ea0ba: #414f62;
    --ap-color-8ea3c2: #414f62;
    --ap-color-8ea3c4: #414f62;
    --ap-color-8ea3c5: #414f62;
    --ap-color-8ef0b4: #2d9a57;
    --ap-color-8fa1b9: #414f62;
    --ap-color-90acd1: #414f62;
    --ap-color-91a1b8: #414f62;
    --ap-color-91a2b7: #414f62;
    --ap-color-91a2b9: #414f62;
    --ap-color-91a4bd: #414f62;
    --ap-color-91a7bf: #414f62;
    --ap-color-92abd0: #414f62;
    --ap-color-93a4ba: #414f62;
    --ap-color-93c5fd: #1b5393;
    --ap-color-94a3b8: #414f62;
    --ap-color-94a6bd: #414f62;
    --ap-color-94a8c6: #414f62;
    --ap-color-98a7bb: #414f62;
    --ap-color-9aa8bd: #414f62;
    --ap-color-9aaabe: #414f62;
    --ap-color-9bacc1: #414f62;
    --ap-color-9ca3af: #49505a;
    --ap-color-9ca9bd: #414f62;
    --ap-color-9eabc0: #414f62;
    --ap-color-9eafc3: #414f62;
    --ap-color-9eb2d1: #414f62;
    --ap-color-9eb4d8: #2f3946;
    --ap-color-9ec8ff: #184e95;
    --ap-color-9fb0c6: #414f62;
    --ap-color-9fb0c7: #414f62;
    --ap-color-9fb0c8: #414f62;
    --ap-color-9fb0cb: #414f62;
    --ap-color-9fb1c8: #414f62;
    --ap-color-9fc2ff: #184695;
    --ap-color-9fc7ff: #184c95;
    --ap-color-9fc8ff: #184e95;
    --ap-color-a2b2cb: #414f62;
    --ap-color-a5b4fc: #0b5ed1;
    --ap-color-a7b5cd: #2f3946;
    --ap-color-a7b7d1: #2f3946;
    --ap-color-a7bad6: #2f3946;
    --ap-color-a7f3d0: #27865a;
    --ap-color-a8b3c7: #414f62;
    --ap-color-a8b8d1: #2f3946;
    --ap-color-a8ccff: #184c95;
    --ap-color-a9b6c9: #2f3946;
    --ap-color-a9b8ca: #2f3946;
    --ap-color-a9b8d0: #2f3946;
    --ap-color-a9bad0: #2f3946;
    --ap-color-a9bad4: #2f3946;
    --ap-color-aab8cc: #2f3946;
    --ap-color-aeb9cc: #2f3946;
    --ap-color-aebbd0: #2f3946;
    --ap-color-aebdd0: #2f3946;
    --ap-color-aebed1: #2f3946;
    --ap-color-aec5e3: #365278;
    --ap-color-afbdd0: #2f3946;
    --ap-color-afc0d8: #2f3946;
    --ap-color-b4c1d2: #2f3946;
    --ap-color-b4c4de: #2f3946;
    --ap-color-b4c6e5: #364e78;
    --ap-color-b5c0d0: #2f3946;
    --ap-color-b5c5de: #2f3946;
    --ap-color-b6c6df: #2f3946;
    --ap-color-b6c8e6: #364e78;
    --ap-color-b7c9e5: #2f3946;
    --ap-color-b8c4d5: #2f3946;
    --ap-color-b8c6db: #2f3946;
    --ap-color-b8c7dc: #2f3946;
    --ap-color-b8c7df: #2f3946;
    --ap-color-b8cff0: #2e4f7f;
    --ap-color-b8d0ee: #30527d;
    --ap-color-b8d4ff: #184a95;
    --ap-color-b9c4d4: #2f3946;
    --ap-color-bac7d9: #2f3946;
    --ap-color-bae6fd: #1c6992;
    --ap-color-bbf7d0: #258848;
    --ap-color-bcd7ff: #184b95;
    --ap-color-bfdbfe: #1a5093;
    --ap-color-c1ccdc: #2f3946;
    --ap-color-c3d0e2: #2f3946;
    --ap-color-c4b5fd: #0b5ed1;
    --ap-color-c4cfdd: #2f3946;
    --ap-color-c4d0e4: #2f3946;
    --ap-color-c6d1e0: #2f3946;
    --ap-color-c7d2fe: #1a3393;
    --ap-color-c7d4e7: #212731;
    --ap-color-c7d7ef: #345079;
    --ap-color-c7ddff: #184995;
    --ap-color-c8c5ff: #1f1895;
    --ap-color-c8d4e4: #2f3946;
    --ap-color-c8d6e9: #212731;
    --ap-color-c8d6ed: #364f78;
    --ap-color-cbd5e1: #2f3946;
    --ap-color-cbd7e8: #212731;
    --ap-color-cdd8eb: #212731;
    --ap-color-cde0ff: #184895;
    --ap-color-cfd8e7: #212731;
    --ap-color-cfe3ff: #184c95;
    --ap-color-d1d5db: #333942;
    --ap-color-d5deea: #212731;
    --ap-color-d5deee: #212731;
    --ap-color-d6b27f: #896a3e;
    --ap-color-d6e0ee: #212731;
    --ap-color-d6e2f0: #212731;
    --ap-color-d7e3f4: #33517a;
    --ap-color-d8e1ef: #212731;
    --ap-color-d8e4f5: #32507c;
    --ap-color-d8e7fb: #244f8a;
    --ap-color-d9e3f1: #212731;
    --ap-color-dbe5f3: #365178;
    --ap-color-dbe7f5: #33547a;
    --ap-color-dbe7f8: #2d4f81;
    --ap-color-dbeafe: #1c4e92;
    --ap-color-dce5f5: #344d79;
    --ap-color-dce7f5: #345379;
    --ap-color-dce8f7: #30527e;
    --ap-color-dce8f8: #2d5180;
    --ap-color-e2e8f0: #212731;
    --ap-color-e5edf7: #365378;
    --ap-color-e5edf8: #33517b;
    --ap-color-e6effb: #295084;
    --ap-color-e7eef8: #345179;
    --ap-color-e7eefb: #2a4983;
    --ap-color-e8edf7: #364c78;
    --ap-color-e8eef8: #354e78;
    --ap-color-e8f1ff: #184995;
    --ap-color-e8f2ff: #184f95;
    --ap-color-e9f2ff: #184b95;
    --ap-color-ea580c: #ea580c;
    --ap-color-eaf3ff: #184e95;
    --ap-color-edf4ff: #184995;
    --ap-color-edf5ff: #185095;
    --ap-color-eef2ff: #183695;
    --ap-color-eef4fc: #2b5082;
    --ap-color-eef5ff: #184c95;
    --ap-color-eff6ff: #184f95;
    --ap-color-f1f7ff: #184e95;
    --ap-color-f2ba69: #a06e27;
    --ap-color-f2f7ff: #184895;
    --ap-color-f4c88b: #9f6d28;
    --ap-color-f4f8ff: #184695;
    --ap-color-f59e0b: #c38213;
    --ap-color-f5f8ff: #183e95;
    --ap-color-f6c453: #a47c23;
    --ap-color-f8fafc: #14191f;
    --ap-color-f8fbff: #184e95;
    --ap-color-f97316: #c35b13;
    --ap-color-f9fbff: #184295;
    --ap-color-fb7185: #a72033;
    --ap-color-fbbf24: #c39213;
    --ap-color-fca5a5: #911c1c;
    --ap-color-fcd34d: #a9881e;
    --ap-color-fda4af: #921b2a;
    --ap-color-fde68a: #937b1a;
    --ap-color-fecaca: #931b1b;
    --ap-color-fed7aa: #945b1a;
    --ap-color-ff6b6b: #ab1c1c;
    --ap-color-ff9cac: #95182c;
    --ap-color-ffd292: #956218;
    --ap-color-ffe3a6: #956e18;
    --ap-color-ffffff: #ffffff;
    --ap-rgb-0-0-0: 15, 23, 42;
    --ap-rgb-0-102-255: 0, 102, 255;
    --ap-rgb-2-6-23: 247, 248, 250;
    --ap-rgb-2-8-23: 247, 248, 250;
    --ap-rgb-3-10-24: 247, 248, 250;
    --ap-rgb-4-11-22: 247, 248, 250;
    --ap-rgb-4-12-25: 247, 248, 250;
    --ap-rgb-4-14-30: 247, 248, 250;
    --ap-rgb-5-12-24: 247, 248, 250;
    --ap-rgb-6-13-24: 248, 248, 250;
    --ap-rgb-6-13-25: 248, 248, 250;
    --ap-rgb-6-13-26: 248, 248, 250;
    --ap-rgb-6-14-28: 247, 248, 250;
    --ap-rgb-6-18-36: 247, 248, 250;
    --ap-rgb-7-15-28: 248, 248, 250;
    --ap-rgb-7-15-29: 248, 248, 250;
    --ap-rgb-7-16-29: 248, 248, 250;
    --ap-rgb-8-15-28: 248, 248, 250;
    --ap-rgb-8-16-30: 248, 248, 250;
    --ap-rgb-8-17-30: 248, 248, 250;
    --ap-rgb-9-15-27: 248, 248, 250;
    --ap-rgb-9-15-28: 248, 248, 250;
    --ap-rgb-9-18-32: 248, 248, 250;
    --ap-rgb-9-20-36: 248, 248, 250;
    --ap-rgb-11-20-36: 248, 248, 250;
    --ap-rgb-11-99-255: 19, 83, 195;
    --ap-rgb-12-22-38: 248, 248, 250;
    --ap-rgb-12-25-45: 242, 243, 245;
    --ap-rgb-13-23-39: 242, 243, 245;
    --ap-rgb-13-24-42: 242, 243, 245;
    --ap-rgb-14-165-233: 14, 165, 233;
    --ap-rgb-14-207-152: 14, 207, 152;
    --ap-rgb-15-23-38: 242, 243, 245;
    --ap-rgb-15-23-42: 242, 243, 245;
    --ap-rgb-15-118-50: 230, 239, 233;
    --ap-rgb-16-185-129: 16, 185, 129;
    --ap-rgb-17-31-52: 242, 243, 245;
    --ap-rgb-19-32-51: 242, 243, 245;
    --ap-rgb-20-83-45: 231, 238, 234;
    --ap-rgb-21-33-52: 242, 243, 245;
    --ap-rgb-21-65-131: 230, 234, 239;
    --ap-rgb-22-37-62: 242, 243, 245;
    --ap-rgb-22-163-74: 22, 163, 74;
    --ap-rgb-28-60-108: 231, 234, 238;
    --ap-rgb-29-45-70: 242, 243, 245;
    --ap-rgb-30-41-59: 242, 243, 245;
    --ap-rgb-30-64-175: 30, 64, 175;
    --ap-rgb-31-41-55: 243, 243, 244;
    --ap-rgb-32-38-90: 232, 232, 237;
    --ap-rgb-34-197-94: 34, 197, 94;
    --ap-rgb-37-99-235: 19, 74, 195;
    --ap-rgb-40-53-74: 233, 234, 236;
    --ap-rgb-41-53-72: 233, 234, 236;
    --ap-rgb-41-53-74: 233, 234, 236;
    --ap-rgb-43-120-255: 28, 80, 171;
    --ap-rgb-47-77-132: 47, 77, 132;
    --ap-rgb-51-65-85: 233, 234, 236;
    --ap-rgb-55-65-81: 233, 234, 236;
    --ap-rgb-56-189-248: 33, 125, 166;
    --ap-rgb-59-130-246: 34, 84, 165;
    --ap-rgb-77-104-186: 60, 83, 154;
    --ap-rgb-78-140-255: 28, 78, 171;
    --ap-rgb-78-161-255: 28, 95, 171;
    --ap-rgb-79-70-229: 52, 45, 153;
    --ap-rgb-79-142-255: 28, 79, 171;
    --ap-rgb-87-107-143: 79, 94, 114;
    --ap-rgb-95-107-255: 28, 39, 171;
    --ap-rgb-96-165-250: 32, 92, 167;
    --ap-rgb-99-102-241: 40, 42, 159;
    --ap-rgb-99-122-166: 79, 94, 114;
    --ap-rgb-100-116-139: 81, 94, 113;
    --ap-rgb-101-119-151: 79, 94, 114;
    --ap-rgb-110-127-255: 28, 45, 171;
    --ap-rgb-111-76-35: 238, 235, 232;
    --ap-rgb-111-143-200: 65, 79, 98;
    --ap-rgb-112-154-230: 49, 85, 150;
    --ap-rgb-120-65-8: 240, 235, 230;
    --ap-rgb-120-74-8: 240, 235, 230;
    --ap-rgb-124-77-255: 22, 119, 255;
    --ap-rgb-125-114-255: 39, 28, 171;
    --ap-rgb-127-29-29: 238, 231, 231;
    --ap-rgb-129-140-248: 35, 47, 164;
    --ap-rgb-130-148-196: 65, 79, 98;
    --ap-rgb-143-133-255: 35, 24, 149;
    --ap-rgb-145-80-8: 240, 235, 229;
    --ap-rgb-147-197-253: 27, 83, 147;
    --ap-rgb-148-163-184: 65, 79, 98;
    --ap-rgb-153-27-27: 153, 27, 27;
    --ap-rgb-154-106-37: 154, 106, 37;
    --ap-rgb-185-28-28: 185, 28, 28;
    --ap-rgb-203-213-225: 47, 57, 70;
    --ap-rgb-221-145-43: 185, 118, 30;
    --ap-rgb-222-231-244: 54, 81, 120;
    --ap-rgb-239-68-68: 160, 39, 39;
    --ap-rgb-244-63-94: 163, 36, 57;
    --ap-rgb-245-158-11: 195, 130, 19;
    --ap-rgb-248-113-113: 164, 35, 35;
    --ap-rgb-255-255-255: 15, 23, 42;
}

html, body {
    min-height: 100%;
    background: var(--ap-bg-canvas);
    color: var(--ap-text-primary);
}

.admin-portal-shell,
.admin-portal-sidebar,
.admin-portal-main,
.admin-portal-shell input,
.admin-portal-shell select,
.admin-portal-shell textarea,
.admin-portal-shell button,
.mud-popover,
.mud-dialog,
.mud-paper {
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.admin-theme-toggle-wrap {
    margin: auto 10px 0;
    padding-top: 18px;
}

.admin-theme-toggle {
    width: 100%;
    min-height: 58px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid var(--ap-border);
    border-radius: 12px;
    background: var(--ap-bg-control);
    color: var(--ap-text-primary);
    text-align: left;
    cursor: pointer;
    box-shadow: 0 10px 26px var(--ap-shadow);
}

.admin-theme-toggle:hover {
    border-color: rgba(59, 130, 246, .45);
    transform: translateY(-1px);
}

.admin-theme-toggle-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #f59e0b;
    background: rgba(245, 158, 11, .12);
}

html[data-admin-theme="night"] .admin-theme-toggle-icon {
    color: #93c5fd;
    background: rgba(59, 130, 246, .14);
}

.admin-theme-toggle-icon .mud-icon-root { font-size: 19px; }
.admin-theme-toggle-copy { min-width: 0; }
.admin-theme-toggle-copy strong,
.admin-theme-toggle-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin-theme-toggle-copy strong { color: var(--ap-text-primary); font-size: 11px; }
.admin-theme-toggle-copy small { margin-top: 3px; color: var(--ap-text-muted); font-size: 9px; }

.admin-theme-toggle-track {
    position: relative;
    width: 40px;
    height: 23px;
    border-radius: 999px;
    background: var(--ap-toggle-track);
    box-shadow: inset 0 0 0 1px var(--ap-border);
}

.admin-theme-toggle-track i {
    position: absolute;
    top: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--ap-toggle-thumb);
    box-shadow: 0 2px 7px var(--ap-shadow);
    transition: left .2s ease;
}
.admin-theme-toggle-track i.night { left: 3px; }
.admin-theme-toggle-track i.day { left: 20px; }

html[data-admin-theme="day"] .mud-overlay-scrim {
    background-color: rgba(15, 23, 42, .28) !important;
}

html[data-admin-theme="day"] .mud-popover,
html[data-admin-theme="day"] .mud-dialog,
html[data-admin-theme="day"] .mud-paper {
    color: var(--ap-text-primary);
}

html[data-admin-theme="day"] ::selection {
    color: #ffffff;
    background: #1677ff;
}

html[data-admin-theme="day"] * {
    scrollbar-color: #94a3b8 #e2e8f0;
}

@media (max-width: 1050px) {
    .admin-theme-toggle-wrap { margin-top: 18px; }
}

.admin-theme-toggle.admin-theme-toggle-compact {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    display: inline-grid;
    grid-template-columns: 1fr;
    place-items: center;
    gap: 0;
    box-sizing: border-box;
    line-height: 0;
    text-align: center;
    overflow: hidden;
    border-radius: 12px;
    color: var(--ap-text-secondary);
    background: color-mix(in srgb, var(--ap-bg-control) 94%, transparent);
    border: 1px solid var(--ap-border);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--ap-shadow-color, #020617) 14%, transparent);
    backdrop-filter: blur(14px);
}

.admin-theme-toggle.admin-theme-toggle-compact:hover {
    color: var(--ap-text-primary);
    border-color: color-mix(in srgb, var(--ap-primary) 46%, var(--ap-border));
    background: var(--ap-bg-selected);
    transform: translateY(-1px);
}

.admin-theme-toggle.admin-theme-toggle-compact .mud-icon-root {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
}


/* v582 — unified AdminPortal select controls.
   Keep native <select> elements and MudBlazor MudSelect controls visually
   consistent across Projects, Project Groups, pricing, users, quotes and dialogs. */
.admin-portal-shell select:not([multiple]) {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-width: 0;
    height: 46px;
    min-height: 46px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 44px 0 14px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    outline: none;
    background-color: var(--ap-surface);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
    color: var(--ap-text-primary);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.admin-portal-shell select:not([multiple]):hover {
    border-color: rgba(96, 165, 250, .42);
}

.admin-portal-shell select:not([multiple]):focus,
.admin-portal-shell select:not([multiple]):focus-visible {
    border-color: #4e8cff;
    box-shadow: 0 0 0 3px rgba(78, 140, 255, .14);
}

.admin-portal-shell select:not([multiple]):disabled {
    cursor: not-allowed;
    opacity: .58;
    background-color: var(--ap-surface);
}

.admin-portal-shell select option,
.admin-portal-shell select optgroup {
    background: var(--ap-surface-raised);
    color: var(--ap-text-primary);
    font-size: 14px;
    font-weight: 600;
}

/* MudBlazor select shell */
.admin-portal-shell .mud-select {
    width: 100%;
    min-width: 0;
}

.admin-portal-shell .mud-select .mud-input-control-input-container {
    margin: 0 !important;
}

.admin-portal-shell .mud-select .mud-input {
    position: relative;
    width: 100%;
    min-width: 0;
    height: 46px !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--ap-border) !important;
    border-radius: 10px !important;
    background: var(--ap-surface) !important;
    color: var(--ap-text-primary) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
    overflow: hidden;
}

.admin-portal-shell .mud-select .mud-input:hover {
    border-color: rgba(96, 165, 250, .42) !important;
}

.admin-portal-shell .mud-select .mud-input:focus-within {
    border-color: #4e8cff !important;
    box-shadow: 0 0 0 3px rgba(78, 140, 255, .14) !important;
}

.admin-portal-shell .mud-select .mud-input::before,
.admin-portal-shell .mud-select .mud-input::after,
.admin-portal-shell .mud-select .mud-input-outlined-border {
    display: none !important;
}

.admin-portal-shell .mud-select .mud-input-root,
.admin-portal-shell .mud-select .mud-select-input,
.admin-portal-shell .mud-select input {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 44px 0 14px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--ap-text-primary) !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-portal-shell .mud-select .mud-input-adornment-end {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    z-index: 2;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ap-text-muted) !important;
    transform: translateY(-50%);
    pointer-events: none;
}

.admin-portal-shell .mud-select .mud-input-adornment-end .mud-icon-root,
.admin-portal-shell .mud-select .mud-input-adornment-end svg {
    width: 19px !important;
    height: 19px !important;
    font-size: 19px !important;
}

.admin-portal-shell .mud-select.mud-disabled,
.admin-portal-shell .mud-select .mud-input.mud-disabled,
.admin-portal-shell .mud-select .mud-input-root:disabled {
    cursor: not-allowed !important;
    opacity: .58 !important;
}

/* Select menus are rendered outside .admin-portal-shell by MudPopoverProvider. */
.mud-popover .mud-list {
    padding: 6px !important;
    border: 1px solid var(--ap-border);
    border-radius: 11px;
    background: var(--ap-surface-raised) !important;
    color: var(--ap-text-primary) !important;
    box-shadow: 0 18px 48px var(--ap-shadow) !important;
}

.mud-popover .mud-list-item {
    min-height: 40px !important;
    margin: 2px 0 !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    color: var(--ap-text-primary) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

.mud-popover .mud-list-item:hover,
.mud-popover .mud-list-item.mud-selected-item {
    background: rgba(59, 130, 246, .16) !important;
    color: var(--ap-text-primary) !important;
}

html[data-admin-theme="day"] .admin-portal-shell select:not([multiple]),
html[data-admin-theme="day"] .admin-portal-shell .mud-select .mud-input {
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
}

/* v819w20 — unified Admin Portal Page Header System. */
.admin-portal-shell .ap-page-header {
    width: 100%;
    min-width: 0;
    min-height: var(--admin-header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--admin-header-gap);
    margin: 0 0 var(--admin-header-bottom-spacing);
    padding: var(--admin-header-padding-block) var(--admin-header-padding-inline);
    border: var(--admin-header-border);
    border-radius: var(--admin-header-radius);
    background: var(--admin-header-background);
    color: var(--ap-content-primary);
    box-shadow: var(--admin-header-shadow);
    font-family: var(--ap-font-family);
}

.admin-portal-shell .ap-page-header--compact {
    min-height: 64px;
    padding-block: 16px;
}

.admin-portal-shell .ap-page-header__content {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.admin-portal-shell .ap-page-header__leading {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-top: 2px;
    border: var(--ap-stroke-subtle);
    border-radius: 10px;
    background: var(--ap-brand-primary-soft);
    color: var(--ap-primary);
}

.admin-portal-shell .ap-page-header__copy {
    min-width: 0;
}

.admin-portal-shell .ap-page-header__eyebrow {
    margin: 0 0 6px;
    color: var(--admin-header-label-color);
    font-size: var(--admin-header-label-size);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-portal-shell .ap-page-header--success .ap-page-header__eyebrow { color: var(--ap-status-success); }
.admin-portal-shell .ap-page-header--warning .ap-page-header__eyebrow { color: var(--ap-status-warning); }
.admin-portal-shell .ap-page-header--danger .ap-page-header__eyebrow { color: var(--ap-status-danger); }

.admin-portal-shell .ap-page-header__title {
    margin: 0;
    color: var(--ap-content-primary);
    font-family: inherit;
    font-size: var(--admin-header-title-size);
    font-weight: var(--admin-header-title-weight);
    line-height: 1.15;
    letter-spacing: var(--ap-letter-spacing-tight);
    overflow-wrap: anywhere;
}

.admin-portal-shell .ap-page-header--compact .ap-page-header__title {
    font-size: 22px;
}

.admin-portal-shell .ap-page-header__description {
    max-width: 760px;
    margin: 6px 0 0;
    color: var(--admin-header-description-color);
    font-size: var(--admin-header-description-size);
    font-weight: 400;
    line-height: 1.5;
}

.admin-portal-shell .ap-page-header__breadcrumbs {
    margin-top: 8px;
}

.admin-portal-shell .ap-page-header__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-top: 8px;
    color: var(--ap-content-muted);
    font-size: 13px;
    line-height: 1.4;
}

.admin-portal-shell .ap-header-actions,
.admin-portal-shell .ap-page-header__actions {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--admin-header-actions-gap);
    min-height: 40px;
}

.admin-portal-shell .ap-header-actions > *,
.admin-portal-shell .ap-page-header__actions > * {
    min-width: 0;
}

.admin-portal-shell .ap-breadcrumbs {
    color: var(--admin-header-breadcrumb-color);
    font-size: 13px;
    line-height: 1.4;
}

.admin-portal-shell .ap-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.admin-portal-shell .ap-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.admin-portal-shell .ap-breadcrumbs__link {
    color: var(--ap-content-muted);
    text-decoration: none;
}

.admin-portal-shell .ap-breadcrumbs__link:hover {
    color: var(--ap-content-link-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.admin-portal-shell .ap-breadcrumbs__current {
    color: var(--ap-content-secondary);
}

.admin-portal-shell .ap-breadcrumbs__separator {
    color: var(--ap-content-disabled);
    user-select: none;
}

.admin-portal-shell .ap-breadcrumbs__icon {
    display: inline-flex;
    color: var(--ap-content-muted);
}

@media (max-width: 900px) {
    .admin-portal-shell .ap-page-header {
        min-height: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 20px;
    }

    .admin-portal-shell .ap-header-actions,
    .admin-portal-shell .ap-page-header__actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .admin-portal-shell .ap-page-header {
        padding: 16px;
        margin-bottom: 20px;
    }

    .admin-portal-shell .ap-page-header__content {
        gap: 12px;
    }

    .admin-portal-shell .ap-page-header__leading {
        width: 36px;
        height: 36px;
    }

    .admin-portal-shell .ap-page-header__title {
        font-size: 24px;
    }

    .admin-portal-shell .ap-page-header__description {
        font-size: 13px;
    }

    .admin-portal-shell .ap-header-actions,
    .admin-portal-shell .ap-page-header__actions {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .admin-portal-shell .ap-header-actions > .ap-button,
    .admin-portal-shell .ap-page-header__actions > .ap-button {
        width: 100%;
    }
}

/* v819i — shared Admin Portal Button, Input, Card and Badge primitives.
   Additive only: existing pages are not migrated at this stage. */

/* Button */
.admin-portal-shell .ap-button {
    appearance: none;
    min-width: 0;
    min-height: var(--ap-control-height-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ap-space-2);
    padding: 0 var(--ap-space-4);
    border: var(--ap-stroke-transparent);
    border-radius: var(--ap-radius-md);
    background: transparent;
    color: var(--ap-content-primary);
    font-family: var(--ap-font-family);
    font-size: var(--ap-font-size-md);
    font-weight: var(--ap-font-weight-semibold);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition:
        background-color var(--ap-transition-fast),
        border-color var(--ap-transition-fast),
        color var(--ap-transition-fast),
        box-shadow var(--ap-transition-fast),
        transform var(--ap-transition-fast),
        opacity var(--ap-transition-fast);
}

.admin-portal-shell .ap-button:hover:not(:disabled) {
    text-decoration: none;
    transform: translateY(-1px);
}

.admin-portal-shell .ap-button:active:not(:disabled) {
    transform: translateY(0);
}

.admin-portal-shell .ap-button:focus-visible {
    outline: 0;
    box-shadow: var(--ap-shadow-focus);
}

.admin-portal-shell .ap-button:disabled,
.admin-portal-shell .ap-button[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: var(--ap-opacity-disabled);
    transform: none;
}

.admin-portal-shell .ap-button--primary {
    border-color: var(--ap-brand-primary);
    background: var(--ap-brand-primary);
    color: var(--ap-content-inverse);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell .ap-button--primary:hover:not(:disabled) {
    border-color: var(--ap-brand-primary-hover);
    background: var(--ap-brand-primary-hover);
}

.admin-portal-shell .ap-button--primary:active:not(:disabled) {
    border-color: var(--ap-brand-primary-pressed);
    background: var(--ap-brand-primary-pressed);
}

.admin-portal-shell .ap-button--secondary {
    border-color: var(--ap-border-default);
    background: var(--ap-bg-surface);
    color: var(--ap-content-primary);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell .ap-button--secondary:hover:not(:disabled) {
    border-color: var(--ap-border-strong);
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell .ap-button--ghost {
    border-color: transparent;
    background: transparent;
    color: var(--ap-content-secondary);
}

.admin-portal-shell .ap-button--ghost:hover:not(:disabled) {
    background: var(--ap-bg-surface-muted);
    color: var(--ap-content-primary);
}

.admin-portal-shell .ap-button--danger {
    border-color: var(--ap-status-danger);
    background: var(--ap-status-danger);
    color: var(--ap-content-inverse);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell .ap-button--danger:hover:not(:disabled) {
    border-color: var(--ap-status-danger-hover);
    background: var(--ap-status-danger-hover);
}

.admin-portal-shell .ap-button--success {
    border-color: var(--ap-status-success);
    background: var(--ap-status-success);
    color: var(--ap-content-inverse);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell .ap-button--success:hover:not(:disabled) {
    border-color: var(--ap-status-success-hover);
    background: var(--ap-status-success-hover);
}

.admin-portal-shell .ap-button--small {
    min-height: var(--ap-control-height-sm);
    padding-right: var(--ap-space-3);
    padding-left: var(--ap-space-3);
    border-radius: var(--ap-radius-sm);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell .ap-button--large {
    min-height: var(--ap-control-height-lg);
    padding-right: var(--ap-space-5);
    padding-left: var(--ap-space-5);
    border-radius: var(--ap-radius-lg);
    font-size: var(--ap-font-size-lg);
}

.admin-portal-shell .ap-button--full {
    width: 100%;
}

.admin-portal-shell .ap-button--icon-only {
    width: var(--ap-control-height-md);
    padding: 0;
}

.admin-portal-shell .ap-button--small.ap-button--icon-only {
    width: var(--ap-control-height-sm);
}

.admin-portal-shell .ap-button--large.ap-button--icon-only {
    width: var(--ap-control-height-lg);
}

.admin-portal-shell .ap-button__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ap-icon-size-md);
    height: var(--ap-icon-size-md);
}

.admin-portal-shell .ap-button__icon > svg,
.admin-portal-shell .ap-button__icon > .mud-icon-root {
    width: 100%;
    height: 100%;
    font-size: inherit;
}

.admin-portal-shell .ap-button__spinner {
    width: var(--ap-icon-size-sm);
    height: var(--ap-icon-size-sm);
    flex: 0 0 auto;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: ap-button-spin .7s linear infinite;
}

@keyframes ap-button-spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .admin-portal-shell .ap-button,
    .admin-portal-shell .ap-button__spinner {
        transition: none;
        animation-duration: 1.4s;
    }
}

/* Input */
.admin-portal-shell .ap-field {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--ap-space-2);
    color: var(--ap-content-primary);
    font-family: var(--ap-font-family);
}

.admin-portal-shell .ap-field--full {
    width: 100%;
}

.admin-portal-shell .ap-field__label {
    display: inline-flex;
    align-items: baseline;
    gap: var(--ap-space-1);
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
    font-weight: var(--ap-font-weight-semibold);
    line-height: 1.3;
}

.admin-portal-shell .ap-field__required {
    color: var(--ap-status-danger);
}

.admin-portal-shell .ap-input__control {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
}

.admin-portal-shell .ap-input__element {
    width: 100%;
    min-width: 0;
    height: var(--ap-control-height-md);
    padding: 0 var(--ap-space-3);
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-md);
    outline: 0;
    background: var(--ap-bg-control);
    color: var(--ap-content-primary);
    box-shadow: var(--ap-shadow-xs);
    font: inherit;
    font-size: var(--ap-font-size-md);
    line-height: normal;
    transition:
        background-color var(--ap-transition-fast),
        border-color var(--ap-transition-fast),
        box-shadow var(--ap-transition-fast);
}

.admin-portal-shell .ap-input__element::placeholder {
    color: var(--ap-content-muted);
    opacity: 1;
}

.admin-portal-shell .ap-input__element:hover:not(:disabled):not(:read-only) {
    border-color: var(--ap-border-strong);
}

.admin-portal-shell .ap-input__element:focus {
    border-color: var(--ap-border-focus);
    box-shadow: var(--ap-shadow-focus);
}

.admin-portal-shell .ap-input--small .ap-input__element {
    height: var(--ap-control-height-sm);
    border-radius: var(--ap-radius-sm);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell .ap-input--large .ap-input__element {
    height: var(--ap-control-height-lg);
    border-radius: var(--ap-radius-lg);
    font-size: var(--ap-font-size-lg);
}

.admin-portal-shell .ap-input.has-leading .ap-input__element {
    padding-left: calc(var(--ap-space-3) + var(--ap-icon-size-md) + var(--ap-space-2));
}

.admin-portal-shell .ap-input.has-trailing .ap-input__element {
    padding-right: calc(var(--ap-space-3) + var(--ap-icon-size-md) + var(--ap-space-2));
}

.admin-portal-shell .ap-input__icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: var(--ap-icon-size-md);
    height: var(--ap-icon-size-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ap-content-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.admin-portal-shell .ap-input__icon--leading {
    left: var(--ap-space-3);
}

.admin-portal-shell .ap-input__icon--trailing {
    right: var(--ap-space-3);
    pointer-events: auto;
}

.admin-portal-shell .ap-field__message {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: 1.4;
}

.admin-portal-shell .ap-field__message--error {
    color: var(--ap-status-danger);
}

.admin-portal-shell .ap-input.is-error .ap-input__element {
    border-color: var(--ap-status-danger);
}

.admin-portal-shell .ap-input.is-error .ap-input__element:focus {
    box-shadow: 0 0 0 3px var(--ap-status-danger-soft);
}

.admin-portal-shell .ap-input.is-disabled {
    opacity: var(--ap-opacity-disabled);
}

.admin-portal-shell .ap-input__element:disabled {
    cursor: not-allowed;
    background: var(--ap-bg-control-muted);
}

.admin-portal-shell .ap-input__element:read-only {
    background: var(--ap-bg-control-muted);
    color: var(--ap-content-secondary);
}

/* Card */
.admin-portal-shell .ap-card {
    min-width: 0;
    overflow: hidden;
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-panel);
    color: var(--ap-content-primary);
    box-shadow: var(--ap-shadow-xs);
    font-family: var(--ap-font-family);
    transition:
        border-color var(--ap-transition-base),
        box-shadow var(--ap-transition-base),
        transform var(--ap-transition-base);
}

.admin-portal-shell .ap-card--muted {
    background: var(--ap-bg-panel-muted);
}

.admin-portal-shell .ap-card--outlined {
    box-shadow: none;
}

.admin-portal-shell .ap-card--elevated {
    border-color: var(--ap-border-subtle);
    box-shadow: var(--ap-shadow-sm);
}

.admin-portal-shell .ap-card--interactive {
    cursor: pointer;
}

.admin-portal-shell .ap-card--interactive:hover {
    border-color: var(--ap-border-strong);
    box-shadow: var(--ap-shadow-sm);
    transform: translateY(-2px);
}

.admin-portal-shell .ap-card.is-selected {
    border-color: var(--ap-brand-primary);
    box-shadow: 0 0 0 2px var(--ap-brand-primary-soft), var(--ap-shadow-sm);
}

.admin-portal-shell .ap-card__header,
.admin-portal-shell .ap-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ap-space-4);
}

.admin-portal-shell .ap-card__header {
    border-bottom: var(--ap-divider-line);
}

.admin-portal-shell .ap-card__footer {
    border-top: var(--ap-divider-line);
}

.admin-portal-shell .ap-card__heading {
    min-width: 0;
}

.admin-portal-shell .ap-card__title {
    margin: 0;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-lg);
    font-weight: var(--ap-font-weight-bold);
    line-height: var(--ap-line-height-tight);
    letter-spacing: var(--ap-letter-spacing-tight);
}

.admin-portal-shell .ap-card__description {
    margin: var(--ap-space-1) 0 0;
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-sm);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell .ap-card__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: var(--ap-space-2);
}

.admin-portal-shell .ap-card--padding-none > .ap-card__header,
.admin-portal-shell .ap-card--padding-none > .ap-card__body,
.admin-portal-shell .ap-card--padding-none > .ap-card__footer {
    padding: 0;
}

.admin-portal-shell .ap-card--padding-small > .ap-card__header,
.admin-portal-shell .ap-card--padding-small > .ap-card__body,
.admin-portal-shell .ap-card--padding-small > .ap-card__footer {
    padding: var(--ap-space-3);
}

.admin-portal-shell .ap-card--padding-medium > .ap-card__header,
.admin-portal-shell .ap-card--padding-medium > .ap-card__body,
.admin-portal-shell .ap-card--padding-medium > .ap-card__footer {
    padding: var(--ap-card-padding);
}

.admin-portal-shell .ap-card--padding-large > .ap-card__header,
.admin-portal-shell .ap-card--padding-large > .ap-card__body,
.admin-portal-shell .ap-card--padding-large > .ap-card__footer {
    padding: var(--ap-space-6);
}

/* Badge */
.admin-portal-shell .ap-badge {
    --ap-badge-color: var(--ap-status-neutral);
    --ap-badge-bg: var(--ap-status-neutral-soft);
    --ap-badge-border: var(--ap-border-default);
    min-width: 0;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 9px;
    border: var(--ap-border-width) var(--ap-border-style) var(--ap-badge-border);
    border-radius: var(--ap-radius-pill);
    background: var(--ap-badge-bg);
    color: var(--ap-badge-color);
    font-family: var(--ap-font-family);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-semibold);
    line-height: 1;
    white-space: nowrap;
}

.admin-portal-shell .ap-badge--small {
    min-height: 22px;
    padding: 3px 7px;
    font-size: 11px;
}

.admin-portal-shell .ap-badge--primary {
    --ap-badge-color: var(--ap-brand-primary-hover);
    --ap-badge-bg: var(--ap-brand-primary-soft);
    --ap-badge-border: var(--ap-brand-primary-border);
}

.admin-portal-shell .ap-badge--success {
    --ap-badge-color: var(--ap-status-success);
    --ap-badge-bg: var(--ap-status-success-soft);
    --ap-badge-border: var(--ap-status-success-border);
}

.admin-portal-shell .ap-badge--warning {
    --ap-badge-color: var(--ap-status-warning);
    --ap-badge-bg: var(--ap-status-warning-soft);
    --ap-badge-border: var(--ap-status-warning-border);
}

.admin-portal-shell .ap-badge--danger {
    --ap-badge-color: var(--ap-status-danger);
    --ap-badge-bg: var(--ap-status-danger-soft);
    --ap-badge-border: var(--ap-status-danger-border);
}

.admin-portal-shell .ap-badge--info {
    --ap-badge-color: var(--ap-status-info);
    --ap-badge-bg: var(--ap-status-info-soft);
    --ap-badge-border: var(--ap-status-info-border);
}

.admin-portal-shell .ap-badge__dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
}

.admin-portal-shell .ap-badge__icon {
    width: var(--ap-icon-size-sm);
    height: var(--ap-icon-size-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Admin Portal shared toolbar */
.admin-portal-shell .ap-toolbar {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--ap-space-3);
    color: var(--ap-content-primary);
    font-family: var(--ap-font-family);
}

.admin-portal-shell .ap-toolbar--wrap {
    flex-wrap: wrap;
}

.admin-portal-shell .ap-toolbar--compact {
    gap: var(--ap-space-2);
}

.admin-portal-shell .ap-toolbar--surface {
    padding: var(--ap-space-3);
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-panel);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell .ap-toolbar__start,
.admin-portal-shell .ap-toolbar__content,
.admin-portal-shell .ap-toolbar__end {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: inherit;
}

.admin-portal-shell .ap-toolbar__content {
    flex: 1 1 auto;
}

.admin-portal-shell .ap-toolbar__end {
    flex: 0 0 auto;
    margin-left: auto;
}

.admin-portal-shell .ap-toolbar--wrap .ap-toolbar__start,
.admin-portal-shell .ap-toolbar--wrap .ap-toolbar__content,
.admin-portal-shell .ap-toolbar--wrap .ap-toolbar__end {
    flex-wrap: wrap;
}

/* Admin Portal shared select */
.admin-portal-shell .ap-select__control {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
}

.admin-portal-shell .ap-select__element {
    width: 100%;
    min-width: 0;
    height: var(--ap-control-height-md);
    padding: 0 calc(var(--ap-space-3) + var(--ap-icon-size-md) + var(--ap-space-2)) 0 var(--ap-space-3);
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-md);
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    background: var(--ap-bg-control);
    color: var(--ap-content-primary);
    box-shadow: var(--ap-shadow-xs);
    font: inherit;
    font-size: var(--ap-font-size-md);
    line-height: normal;
    cursor: pointer;
    transition:
        background-color var(--ap-transition-fast),
        border-color var(--ap-transition-fast),
        box-shadow var(--ap-transition-fast);
}

.admin-portal-shell .ap-select__element:hover:not(:disabled) {
    border-color: var(--ap-border-strong);
}

.admin-portal-shell .ap-select__element:focus {
    border-color: var(--ap-border-focus);
    box-shadow: var(--ap-shadow-focus);
}

.admin-portal-shell .ap-select--small .ap-select__element {
    height: var(--ap-control-height-sm);
    border-radius: var(--ap-radius-sm);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell .ap-select--large .ap-select__element {
    height: var(--ap-control-height-lg);
    border-radius: var(--ap-radius-lg);
    font-size: var(--ap-font-size-lg);
}

.admin-portal-shell .ap-select.has-leading .ap-select__element {
    padding-left: calc(var(--ap-space-3) + var(--ap-icon-size-md) + var(--ap-space-2));
}

.admin-portal-shell .ap-select__icon,
.admin-portal-shell .ap-select__chevron {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: var(--ap-icon-size-md);
    height: var(--ap-icon-size-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ap-content-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.admin-portal-shell .ap-select__icon--leading {
    left: var(--ap-space-3);
}

.admin-portal-shell .ap-select__chevron {
    right: var(--ap-space-3);
}

.admin-portal-shell .ap-select__chevron svg,
.admin-portal-shell .ap-select__icon > svg,
.admin-portal-shell .ap-select__icon > .mud-icon-root {
    width: 100%;
    height: 100%;
    font-size: inherit;
}

.admin-portal-shell .ap-select.is-error .ap-select__element {
    border-color: var(--ap-status-danger);
}

.admin-portal-shell .ap-select.is-error .ap-select__element:focus {
    box-shadow: 0 0 0 3px var(--ap-status-danger-soft);
}

.admin-portal-shell .ap-select.is-disabled {
    opacity: var(--ap-opacity-disabled);
}

.admin-portal-shell .ap-select__element:disabled {
    cursor: not-allowed;
    background: var(--ap-bg-control-muted);
}

/* Admin Portal shared empty state */
.admin-portal-shell .ap-empty-state {
    min-width: 0;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--ap-space-4);
    padding: var(--ap-space-8);
    border: var(--ap-border-width) dashed var(--ap-border-default);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-panel);
    color: var(--ap-content-primary);
    text-align: center;
    font-family: var(--ap-font-family);
}

.admin-portal-shell .ap-empty-state--subtle {
    border-color: transparent;
    background: var(--ap-bg-panel-muted);
}

.admin-portal-shell .ap-empty-state--small {
    min-height: 160px;
    gap: var(--ap-space-3);
    padding: var(--ap-space-6);
}

.admin-portal-shell .ap-empty-state--large {
    min-height: 300px;
    padding: var(--ap-space-10);
}

.admin-portal-shell .ap-empty-state__icon {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: var(--ap-border-width) var(--ap-border-style) var(--ap-brand-primary-border);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-brand-primary-soft);
    color: var(--ap-brand-primary-hover);
}

.admin-portal-shell .ap-empty-state__icon > svg,
.admin-portal-shell .ap-empty-state__icon > .mud-icon-root {
    width: var(--ap-icon-size-lg);
    height: var(--ap-icon-size-lg);
    font-size: var(--ap-icon-size-lg);
}

.admin-portal-shell .ap-empty-state__content {
    max-width: 520px;
}

.admin-portal-shell .ap-empty-state__title {
    margin: 0;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-xl);
    font-weight: var(--ap-font-weight-bold);
    line-height: var(--ap-line-height-tight);
    letter-spacing: var(--ap-letter-spacing-tight);
}

.admin-portal-shell .ap-empty-state__description,
.admin-portal-shell .ap-empty-state__body {
    margin: var(--ap-space-2) 0 0;
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-md);
    line-height: var(--ap-line-height-relaxed);
}

.admin-portal-shell .ap-empty-state__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--ap-space-2);
}

/* Admin Portal shared loading state */
.admin-portal-shell .ap-loading-state {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ap-space-3);
    color: var(--ap-content-primary);
    font-family: var(--ap-font-family);
}

.admin-portal-shell .ap-loading-state--inline {
    min-height: var(--ap-control-height-md);
}

.admin-portal-shell .ap-loading-state--card {
    min-height: 180px;
    padding: var(--ap-space-6);
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-surface);
}

.admin-portal-shell .ap-loading-state--overlay {
    position: absolute;
    z-index: var(--ap-z-overlay);
    inset: 0;
    min-height: 160px;
    padding: var(--ap-space-6);
    background: var(--ap-bg-backdrop);
    color: var(--ap-content-inverse);
    backdrop-filter: blur(3px);
}

.admin-portal-shell .ap-loading-state--compact {
    gap: 0;
}

.admin-portal-shell .ap-loading-state__spinner,
.admin-portal-shell .ap-icon-button__spinner {
    width: var(--ap-icon-size-md);
    height: var(--ap-icon-size-md);
    flex: 0 0 auto;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: ap-shared-spin .7s linear infinite;
}

.admin-portal-shell .ap-loading-state--small .ap-loading-state__spinner {
    width: var(--ap-icon-size-sm);
    height: var(--ap-icon-size-sm);
}

.admin-portal-shell .ap-loading-state--large .ap-loading-state__spinner {
    width: 32px;
    height: 32px;
    border-width: 3px;
}

.admin-portal-shell .ap-loading-state__content {
    min-width: 0;
}

.admin-portal-shell .ap-loading-state__message {
    color: inherit;
    font-size: var(--ap-font-size-md);
    font-weight: var(--ap-font-weight-semibold);
    line-height: var(--ap-line-height-tight);
}

.admin-portal-shell .ap-loading-state__description {
    margin-top: var(--ap-space-1);
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-sm);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell .ap-loading-state--overlay .ap-loading-state__description {
    color: inherit;
    opacity: .8;
}

/* Admin Portal shared icon button */
.admin-portal-shell .ap-icon-button {
    --ap-icon-button-bg: transparent;
    --ap-icon-button-border: transparent;
    --ap-icon-button-color: var(--ap-content-secondary);
    width: var(--ap-control-height-md);
    height: var(--ap-control-height-md);
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: var(--ap-border-width) var(--ap-border-style) var(--ap-icon-button-border);
    border-radius: var(--ap-radius-md);
    outline: 0;
    background: var(--ap-icon-button-bg);
    color: var(--ap-icon-button-color);
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color var(--ap-transition-fast),
        border-color var(--ap-transition-fast),
        color var(--ap-transition-fast),
        box-shadow var(--ap-transition-fast),
        transform var(--ap-transition-fast);
}

.admin-portal-shell .ap-icon-button:hover:not(:disabled) {
    background: var(--ap-bg-surface-muted);
    border-color: var(--ap-border-default);
    color: var(--ap-content-primary);
}

.admin-portal-shell .ap-icon-button:focus-visible {
    box-shadow: var(--ap-shadow-focus);
}

.admin-portal-shell .ap-icon-button:active:not(:disabled) {
    transform: translateY(1px);
}

.admin-portal-shell .ap-icon-button:disabled {
    opacity: var(--ap-opacity-disabled);
    cursor: not-allowed;
}

.admin-portal-shell .ap-icon-button--small {
    width: var(--ap-control-height-sm);
    height: var(--ap-control-height-sm);
    border-radius: var(--ap-radius-sm);
}

.admin-portal-shell .ap-icon-button--large {
    width: var(--ap-control-height-lg);
    height: var(--ap-control-height-lg);
    border-radius: var(--ap-radius-lg);
}

.admin-portal-shell .ap-icon-button--secondary {
    --ap-icon-button-bg: var(--ap-bg-surface);
    --ap-icon-button-border: var(--ap-border-default);
}

.admin-portal-shell .ap-icon-button--primary,
.admin-portal-shell .ap-icon-button.is-selected {
    --ap-icon-button-bg: var(--ap-brand-primary-soft);
    --ap-icon-button-border: var(--ap-brand-primary-border);
    --ap-icon-button-color: var(--ap-brand-primary-hover);
}

.admin-portal-shell .ap-icon-button--danger {
    --ap-icon-button-color: var(--ap-status-danger);
}

.admin-portal-shell .ap-icon-button--danger:hover:not(:disabled) {
    background: var(--ap-status-danger-soft);
    border-color: var(--ap-status-danger-border);
    color: var(--ap-status-danger-hover);
}

.admin-portal-shell .ap-icon-button__icon {
    width: var(--ap-icon-size-md);
    height: var(--ap-icon-size-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.admin-portal-shell .ap-icon-button--small .ap-icon-button__icon,
.admin-portal-shell .ap-icon-button--small .ap-icon-button__spinner {
    width: var(--ap-icon-size-sm);
    height: var(--ap-icon-size-sm);
}

.admin-portal-shell .ap-icon-button--large .ap-icon-button__icon,
.admin-portal-shell .ap-icon-button--large .ap-icon-button__spinner {
    width: var(--ap-icon-size-lg);
    height: var(--ap-icon-size-lg);
}

.admin-portal-shell .ap-icon-button__icon > svg,
.admin-portal-shell .ap-icon-button__icon > .mud-icon-root {
    width: 100%;
    height: 100%;
    font-size: inherit;
}

@keyframes ap-shared-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 720px) {
    .admin-portal-shell .ap-toolbar,
    .admin-portal-shell .ap-toolbar__start,
    .admin-portal-shell .ap-toolbar__content,
    .admin-portal-shell .ap-toolbar__end {
        width: 100%;
    }

    .admin-portal-shell .ap-toolbar__start,
    .admin-portal-shell .ap-toolbar__content,
    .admin-portal-shell .ap-toolbar__end {
        flex-wrap: wrap;
    }

    .admin-portal-shell .ap-toolbar__end {
        margin-left: 0;
        justify-content: flex-start;
    }

    .admin-portal-shell .ap-toolbar--surface {
        padding: var(--ap-space-3);
    }

    .admin-portal-shell .ap-empty-state {
        min-height: 180px;
        padding: var(--ap-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-portal-shell .ap-loading-state__spinner,
    .admin-portal-shell .ap-icon-button__spinner {
        animation-duration: 1.4s;
    }

    .admin-portal-shell .ap-icon-button {
        transition: none;
    }
}

/* Projects reference migration: shared Admin Portal components only. */
.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__loading {
    position: fixed;
    z-index: var(--ap-z-overlay);
    inset: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__header {
    margin-bottom: var(--ap-space-4);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__toolbar {
    margin-bottom: var(--ap-space-5);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__search {
    width: min(360px, 100%);
    min-width: 240px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__select {
    width: 170px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__view-switcher {
    display: inline-flex;
    align-items: center;
    gap: var(--ap-space-1);
    padding: var(--ap-space-1);
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__empty {
    margin: var(--ap-space-4) 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__list .ap-card__body {
    padding: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__project-card {
    overflow: hidden;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__project-card > .ap-card__body {
    padding: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__preview-badge {
    position: absolute;
    top: var(--ap-space-3);
    right: var(--ap-space-3);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__draft-badge {
    width: 100%;
    justify-content: center;
    margin-top: var(--ap-space-3);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__new-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--ap-space-3);
    cursor: pointer;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__new-card > .ap-card__body {
    display: flex;
    align-items: center;
    gap: var(--ap-space-3);
    padding: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__editor > .ap-card__header,
.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__editor > .ap-card__body {
    padding: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__field-full {
    grid-column: 1 / -1;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__editor-empty {
    border: 0;
}

@media (max-width: 900px) {
    .admin-portal-shell.admin-projects-design-system .admin-projects-design-system__search,
    .admin-portal-shell.admin-projects-design-system .admin-projects-design-system__select {
        width: 100%;
        min-width: 0;
    }
}

/* Projects visual QA: keep stacked text and actions readable in the right rail. */
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-topbar > div:first-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--ap-space-1);
}

.admin-portal-shell.admin-projects-design-system .admin-portal-shell.admin-projects-design-system .admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-topbar strong,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-topbar small {
    display: block;
    margin: 0;
    line-height: var(--ap-line-height-tight);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-topbar > div:first-child {
    flex: 1 1 auto;
    padding-top: var(--ap-space-1);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-topbar small {
    max-width: 250px;
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-actions {
    flex: 0 0 auto;
    align-items: flex-start;
}

/* v819k3: Projects visual alignment with the existing Product Pricing page.
   Structure and behavior remain unchanged; these rules are scoped to Projects. */
.admin-portal-shell.admin-projects-design-system {
    background: var(--ap-bg-page);
    color: var(--ap-content-primary);
    font-family: var(--ap-font-family);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-workspace {
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 16px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-table-panel,
.admin-portal-shell.admin-projects-design-system .admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-card,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-activity-card {
    border: 1px solid var(--ap-border-default);
    background: var(--ap-bg-surface);
    box-shadow: var(--ap-shadow-sm);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-table-panel {
    padding: 24px;
    border-radius: 17px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__toolbar {
    margin-bottom: 20px;
    padding: 15px 18px;
    border: 1px solid var(--ap-border-default);
    border-radius: 16px;
    background: var(--ap-bg-surface);
    box-shadow: none;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__view-switcher {
    border-color: var(--ap-border-default);
    border-radius: 10px;
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-projects-design-system .ap-input__control,
.admin-portal-shell.admin-projects-design-system .ap-select__control,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-field textarea {
    min-height: 40px;
    border-color: var(--ap-border-strong);
    border-radius: 9px;
    background: var(--ap-bg-surface-muted);
    color: var(--ap-content-primary);
}

.admin-portal-shell.admin-projects-design-system .ap-input__control:focus-within,
.admin-portal-shell.admin-projects-design-system .ap-select__control:focus-within,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-field textarea:focus {
    border-color: var(--ap-border-focus);
    box-shadow: 0 0 0 3px var(--ap-brand-focus-ring);
}

.admin-portal-shell.admin-projects-design-system .ap-input__label,
.admin-portal-shell.admin-projects-design-system .ap-select__label,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-field label {
    color: var(--ap-content-secondary);
    font-size: 13px;
    font-weight: var(--ap-font-weight-bold);
}

.admin-portal-shell.admin-projects-design-system .admin-project-group-section + .admin-project-group-section {
    margin-top: 24px;
}

.admin-portal-shell.admin-projects-design-system .admin-project-group-section-head {
    margin-bottom: 14px;
}

.admin-portal-shell.admin-projects-design-system .admin-project-group-section-head > div > span,
.admin-portal-shell.admin-projects-design-system .admin-project-group-section-head strong {
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-project-group-section-head h2 {
    color: var(--ap-content-primary);
    font-size: 16px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
    gap: 16px;
    align-items: stretch;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--ap-border-default);
    border-radius: 17px;
    background: var(--ap-bg-surface);
    color: var(--ap-content-primary);
    box-shadow: var(--ap-shadow-sm);
    transform: none;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card:hover {
    border-color: var(--ap-border-strong);
    box-shadow: var(--ap-shadow-md);
    transform: translateY(-1px);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card.is-selected,
.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card.selected,
.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card[aria-selected="true"] {
    border-color: var(--ap-border-focus);
    box-shadow: 0 0 0 2px var(--ap-brand-primary-soft), var(--ap-shadow-md);
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-preview {
    height: 178px;
    border-bottom: var(--ap-divider-line);
    background:
        radial-gradient(circle at 50% 76%, rgba(88, 112, 145, .14), transparent 34%),
        linear-gradient(180deg, var(--ap-bg-preview) 0%, var(--ap-bg-surface-muted) 100%);
}

html[data-admin-theme="day"] .admin-portal-shell.admin-projects-design-system .admin-project-ref-preview {
    background:
        radial-gradient(circle at 50% 76%, rgba(88, 112, 145, .14), transparent 34%),
        linear-gradient(180deg, #f5f8fc 0%, #e9eff6 100%);
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-preview img {
    padding: 22px 32px 18px;
    filter: drop-shadow(0 12px 18px rgba(15, 23, 42, .18));
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-placeholder {
    background: var(--ap-bg-surface-raised);
    box-shadow: var(--ap-shadow-md);
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-body {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    padding: 16px 16px 18px;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-body h2 {
    color: var(--ap-content-primary);
    font-size: 16px;
    line-height: 1.25;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-version-line,
.admin-portal-shell.admin-projects-design-system .admin-project-ref-info-line,
.admin-portal-shell.admin-projects-design-system .admin-project-ref-updated {
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-stats span {
    border-color: var(--ap-border-subtle);
    border-radius: 9px;
    background: var(--ap-bg-surface-muted);
    color: var(--ap-content-secondary);
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-actions {
    margin-top: auto;
    padding-top: 16px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-list-card,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-row {
    border-color: var(--ap-border-default);
    background: var(--ap-bg-surface);
    box-shadow: none;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-list-card {
    padding: 0;
    border-radius: 17px;
    overflow: hidden;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-list-head {
    padding: 13px 16px;
    border-bottom: var(--ap-divider-line);
    background: var(--ap-bg-surface-muted);
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-row {
    margin: 0;
    padding: 14px 16px;
    border-width: 0 0 1px;
    border-radius: 0;
    color: var(--ap-content-primary);
    transform: none;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-row:last-child {
    border-bottom: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-row:hover,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-row.selected {
    border-color: var(--ap-divider);
    background: var(--ap-brand-primary-soft);
    box-shadow: inset 3px 0 0 var(--ap-brand-primary);
    transform: none;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-name-cell strong,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-updated-cell strong {
    color: var(--ap-content-primary);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-name-cell small,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-name-cell em,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-updated-cell small,
.admin-portal-shell.admin-projects-design-system .admin-project-inline-mini-meta {
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-card,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-activity-card {
    border-radius: 17px;
}



.admin-portal-shell.admin-projects-design-system .admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-topbar strong,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-activity-card strong {
    color: var(--ap-content-primary);
}

.admin-portal-shell.admin-projects-design-system .admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-topbar small,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-activity-item small {
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-card > .ap-card__header {
    padding: 16px 18px;
    border-bottom: var(--ap-divider-line);
    background: var(--ap-bg-surface);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-card > .ap-card__body {
    padding: 18px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-form-grid {
    gap: 14px 12px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-field textarea {
    width: 100%;
    min-height: 88px;
    padding: 10px 11px;
    outline: none;
    resize: vertical;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-toggle-row {
    padding: 12px 0;
    border-top: var(--ap-divider-line);
    border-bottom: var(--ap-divider-line);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-toggle-row span {
    color: var(--ap-content-primary);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-toggle-row small,
.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-footer > span {
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-footer {
    margin-top: 18px;
    padding-top: 16px;
    border-top: var(--ap-divider-line);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-new-card {
    margin-top: 16px;
    border-color: var(--ap-border-strong);
    border-radius: 17px;
    background: var(--ap-bg-surface-muted);
    color: var(--ap-content-secondary);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-new-card:hover {
    border-color: var(--ap-border-focus);
    background: var(--ap-brand-primary-soft);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-new-icon {
    border-color: var(--ap-brand-primary-border);
    background: var(--ap-brand-primary-soft);
    color: var(--ap-brand-primary-hover);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-new-card strong {
    color: var(--ap-content-primary);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-inline-new-card small {
    color: var(--ap-content-muted);
}

@media (max-width: 1450px) {
    .admin-portal-shell.admin-projects-design-system .admin-projects-inline-workspace {
        grid-template-columns: minmax(0, 1fr) 390px;
    }
}

@media (max-width: 1180px) {
    .admin-portal-shell.admin-projects-design-system .admin-projects-inline-workspace {
        grid-template-columns: 1fr;
    }

    .admin-portal-shell.admin-projects-design-system .admin-projects-inline-editor-panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-portal-shell.admin-projects-design-system .admin-projects-inline-table-panel {
        padding: 18px;
    }

    .admin-portal-shell.admin-projects-design-system .admin-projects-pricing-grid {
        grid-template-columns: 1fr;
    }
}


/* v819k4: Projects card refinement only. */
.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-grid {
    grid-auto-rows: 1fr;
    align-items: stretch;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card {
    height: 100%;
    border-radius: var(--ap-radius-lg);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card > .ap-card__body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card:hover {
    transform: translateY(-1px);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card.is-selected,
.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card.selected,
.admin-portal-shell.admin-projects-design-system .admin-projects-pricing-card[aria-selected="true"] {
    border-color: var(--ap-brand-primary-border);
    box-shadow: 0 0 0 1px var(--ap-brand-primary-soft), var(--ap-shadow-sm);
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-preview {
    flex: 0 0 208px;
    height: 208px;
    min-height: 208px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 22px 22px;
    overflow: hidden;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-preview img {
    position: static;
    width: auto;
    height: auto;
    max-width: 84%;
    max-height: 82%;
    display: block;
    object-fit: contain;
    object-position: center;
    padding: 0;
    filter: drop-shadow(0 14px 20px rgba(15, 23, 42, .20));
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-placeholder {
    max-width: 72%;
    max-height: 72%;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-body {
    flex: 1 1 auto;
    min-height: 338px;
    gap: 0;
    padding: 16px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__group-badge {
    width: fit-content;
    max-width: 100%;
    align-self: flex-start;
    justify-content: flex-start;
    margin: 0 0 10px;
    overflow: hidden;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__group-badge .ap-badge__label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__project-title {
    min-height: 40px;
    margin: 0 0 7px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--ap-content-primary);
    font-size: 16px;
    font-weight: var(--ap-font-weight-bold);
    line-height: 1.25;
    letter-spacing: var(--ap-letter-spacing-tight);
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-version-line {
    min-height: 20px;
    margin-bottom: 12px;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-info-line {
    margin-top: 8px;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-updated {
    margin-top: 14px;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 13px;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-stats span,
.admin-portal-shell.admin-projects-design-system .admin-project-ref-stats span:last-child {
    width: auto;
    min-height: 26px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    grid-column: auto;
    gap: 5px;
    padding: 4px 8px;
    border: 1px solid var(--ap-border-subtle);
    border-radius: var(--ap-radius-sm);
    background: var(--ap-bg-surface-muted);
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-semibold);
    line-height: 1;
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-stats .mud-icon-root {
    font-size: 15px;
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-design-system__draft-badge {
    width: auto;
    max-width: 100%;
    min-height: 28px;
    align-self: stretch;
    justify-content: flex-start;
    margin-top: 13px;
    padding: 5px 9px;
    border-color: var(--ap-status-warning-border);
    background: var(--ap-status-warning-soft);
    color: var(--ap-status-warning);
}

.admin-portal-shell.admin-projects-design-system .admin-project-ref-actions {
    margin-top: auto;
    padding-top: 14px;
}

@media (max-width: 1500px) {
    .admin-portal-shell.admin-projects-design-system .admin-project-ref-preview {
        flex-basis: 192px;
        height: 192px;
        min-height: 192px;
    }
}

/* v819k5: Projects Edit project panel refinement only.
   Scoped to the Projects design-system shell and the edit panel. */
.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    border-color: var(--ap-border-default);
    border-radius: 17px;
    background: var(--ap-bg-surface);
    box-shadow: var(--ap-shadow-sm);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel > .ap-card__header {
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: var(--ap-divider-line);
    background: var(--ap-bg-surface);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel > .ap-card__body {
    min-height: 0;
    padding: 0;
    background: var(--ap-bg-surface);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel > .ap-card__footer {
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: var(--ap-divider-line);
    background: var(--ap-bg-surface);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel > .ap-card__footer:empty {
    display: none;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ap-space-3);
    width: 100%;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__heading {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__heading strong {
    margin: 0;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-lg);
    font-weight: var(--ap-font-weight-semibold);
    line-height: var(--ap-line-height-tight);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__heading small {
    max-width: 270px;
    margin: 0;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-sm);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__scroll {
    max-height: min(58vh, 590px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 18px;
    scrollbar-gutter: stable;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__section {
    min-width: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__section + .admin-projects-edit-panel__section {
    margin-top: 22px;
    padding-top: 20px;
    border-top: var(--ap-divider-line);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__section-heading {
    display: flex;
    align-items: center;
    min-height: 20px;
    margin-bottom: 13px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__section-heading span {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-semibold);
    line-height: var(--ap-line-height-tight);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__grid {
    gap: 16px 12px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-field__label,
.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__textarea > label {
    margin-bottom: 7px;
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-sm);
    font-weight: var(--ap-font-weight-medium);
    line-height: var(--ap-line-height-tight);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-input__control,
.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-select__control {
    border-color: var(--ap-border-default);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface-muted);
    box-shadow: none;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-input__control:focus-within,
.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-select__control:focus-within,
.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__textarea textarea:focus {
    border-color: var(--ap-border-focus);
    box-shadow: var(--ap-shadow-focus);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-input__element,
.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-select__element,
.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__textarea textarea {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-field.is-readonly .ap-input__control {
    border-color: var(--ap-border-subtle);
    background: var(--ap-bg-surface-subtle, var(--ap-bg-surface-muted));
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-field.is-readonly .ap-input__element {
    overflow: hidden;
    color: var(--ap-content-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel .ap-field.is-readonly .ap-input__icon {
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__readonly {
    min-width: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__textarea {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__textarea textarea {
    width: 100%;
    min-height: 104px;
    padding: 11px 12px;
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-md);
    outline: none;
    background: var(--ap-bg-surface-muted);
    line-height: var(--ap-line-height-normal);
    resize: vertical;
    transition: border-color var(--ap-transition-fast) var(--ap-ease-standard), box-shadow var(--ap-transition-fast) var(--ap-ease-standard), background-color var(--ap-transition-fast) var(--ap-ease-standard);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__setting-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ap-space-4);
    min-height: 64px;
    padding: 12px 14px;
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__setting-row > div:first-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__setting-row span {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
    font-weight: var(--ap-font-weight-semibold);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__setting-row small {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ap-space-3);
    margin: 0;
    padding: 0;
    border: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__footer > span {
    flex: 0 0 auto;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    white-space: nowrap;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__footer .admin-projects-inline-footer-actions {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 760px) {
    .admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__scroll {
        max-height: none;
        padding: 16px;
    }

    .admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__grid {
        grid-template-columns: 1fr;
    }

    .admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__grid > * {
        grid-column: 1 / -1;
    }

    .admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__footer .admin-projects-inline-footer-actions {
        justify-content: stretch;
    }
}

/* v819l: Project Groups migrated to the shared Admin Portal design system.
   Scoped to the Project Groups page only. */
.admin-portal-shell.admin-groups-design-system {
    background: var(--ap-bg-page);
    color: var(--ap-content-primary);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-workspace {
    width: min(100%, var(--ap-content-max-width));
    min-height: calc(100vh - 40px);
    margin: 20px auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    overflow: hidden;
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-surface);
    box-shadow: var(--ap-shadow-sm);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-workspace.cards-only {
    grid-template-columns: minmax(0, 1fr);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-table-panel {
    min-width: 0;
    padding: 24px;
    border-right: 1px solid var(--ap-divider);
    background: var(--ap-bg-surface);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-workspace.cards-only .admin-groups-table-panel {
    border-right: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-page-header {
    margin-bottom: var(--ap-space-5);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-toolbar {
    margin-bottom: var(--ap-space-5);
    border-color: var(--ap-border-subtle);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface-muted);
    box-shadow: none;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-toolbar .ap-toolbar__start {
    flex: 1 1 auto;
    min-width: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-toolbar-select {
    width: 180px;
    min-width: 160px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-toolbar-sort {
    width: 190px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-view-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    border: 1px solid var(--ap-border-subtle);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-view-actions .ap-button {
    min-width: 78px;
    border-color: transparent;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-view-actions .ap-button.is-selected {
    border-color: var(--ap-brand-primary-border);
    background: var(--ap-brand-primary-soft);
    color: var(--ap-brand-primary);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-loading {
    z-index: var(--ap-z-overlay);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-empty {
    min-height: 280px;
    border: var(--ap-border-width) dashed var(--ap-border-default);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-card {
    overflow: hidden;
    border-radius: var(--ap-radius-lg);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-card > .ap-card__body {
    padding: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-head,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-row .ap-button__label {
    display: grid;
    grid-template-columns: minmax(260px, 1.35fr) 100px minmax(180px, 1fr) 170px;
    align-items: center;
    gap: 16px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-head {
    min-height: 42px;
    padding: 0 16px;
    border-bottom: var(--ap-divider-line);
    background: var(--ap-bg-surface-muted);
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-bold);
    letter-spacing: var(--ap-letter-spacing-wide);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-row {
    width: 100%;
    min-height: 78px;
    padding: 0 16px;
    justify-content: stretch;
    border: 0;
    border-bottom: var(--ap-divider-line);
    border-radius: 0;
    background: var(--ap-bg-surface);
    color: var(--ap-content-primary);
    text-align: left;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-row:last-child {
    border-bottom: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-row:hover {
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-row.is-selected {
    background: var(--ap-brand-primary-soft);
    box-shadow: inset 3px 0 0 var(--ap-brand-primary);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-row .ap-button__label {
    width: 100%;
    min-width: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-name-cell,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-row-end {
    display: flex;
    align-items: center;
    min-width: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-name-cell {
    gap: 12px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-folder-icon {
    width: 44px;
    height: 44px;
    display: grid;
    flex: 0 0 44px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--group-accent) 28%, var(--ap-border-subtle));
    border-radius: var(--ap-radius-md);
    background: color-mix(in srgb, var(--group-accent) 12%, var(--ap-bg-surface-muted));
    color: var(--group-accent);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-folder-icon .mud-icon-root {
    font-size: 24px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-name-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-name-copy strong,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-name-copy small,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-usage {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-name-copy strong {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-md);
    font-weight: var(--ap-font-weight-semibold);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-name-copy small,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-usage {
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-project-count {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: var(--ap-border-width) var(--ap-border-style) var(--ap-brand-primary-border);
    border-radius: var(--ap-radius-pill);
    background: var(--ap-brand-primary-soft);
    color: var(--ap-brand-primary);
    font-size: var(--ap-font-size-sm);
    font-weight: var(--ap-font-weight-bold);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-row-end {
    justify-content: flex-end;
    gap: 10px;
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card {
    min-width: 0;
    min-height: 330px;
    overflow: hidden;
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-surface);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card.is-selected {
    border-color: var(--ap-brand-primary-border);
    box-shadow: 0 0 0 1px var(--ap-brand-primary-soft), var(--ap-shadow-sm);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card > .ap-card__body {
    height: 100%;
    padding: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-button {
    width: 100%;
    height: 100%;
    min-height: 330px;
    padding: 16px;
    align-items: stretch;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ap-content-primary);
    text-align: left;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-button:hover {
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-button .ap-button__label {
    width: 100%;
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-top,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-metrics,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-footer {
    display: flex;
    align-items: center;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-top {
    justify-content: space-between;
    gap: 8px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-art {
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    align-self: center;
    margin: 18px 0 14px;
    border: 1px solid color-mix(in srgb, var(--group-accent) 28%, var(--ap-border-subtle));
    border-radius: var(--ap-radius-lg);
    background: color-mix(in srgb, var(--group-accent) 12%, var(--ap-bg-surface-muted));
    color: var(--group-accent);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-art .mud-icon-root {
    font-size: 44px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-title {
    width: 100%;
    overflow: hidden;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-lg);
    font-weight: var(--ap-font-weight-bold);
    line-height: var(--ap-line-height-tight);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-code {
    margin-top: 4px;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-semibold);
    letter-spacing: var(--ap-letter-spacing-wide);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-description {
    min-height: 40px;
    margin-top: 10px;
    display: -webkit-box;
    overflow: hidden;
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-sm);
    line-height: var(--ap-line-height-normal);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-metrics {
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-color-chip {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid var(--ap-border-subtle);
    border-radius: var(--ap-radius-sm);
    background: var(--ap-bg-surface-muted);
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-semibold);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-color-chip i {
    width: 10px;
    height: 10px;
    border-radius: var(--ap-radius-pill);
    box-shadow: 0 0 0 1px var(--ap-border-default);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-footer {
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 16px;
    border-top: var(--ap-divider-line);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-footer small {
    min-width: 0;
    overflow: hidden;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-footer > span {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    color: var(--ap-brand-primary);
    font-size: var(--ap-font-size-sm);
    font-weight: var(--ap-font-weight-semibold);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-footer .mud-icon-root {
    font-size: 17px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-new-card {
    border-style: dashed;
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-new-button {
    min-height: 330px;
    justify-content: center;
    color: var(--ap-brand-primary);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-new-button .ap-button__label {
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-new-button > .ap-button__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: var(--ap-border-width) var(--ap-border-style) var(--ap-brand-primary-border);
    border-radius: var(--ap-radius-pill);
    background: var(--ap-brand-primary-soft);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-new-copy {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-new-copy strong {
    font-size: var(--ap-font-size-md);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-new-copy small {
    max-width: 220px;
    color: var(--ap-content-secondary);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-archive-row {
    display: flex;
    justify-content: center;
    margin-top: var(--ap-space-5);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-panel {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-actions,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-user {
    display: flex;
    align-items: center;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-actions {
    gap: 6px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-user {
    gap: 10px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-user > span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ap-border-default);
    border-radius: var(--ap-radius-pill);
    background: var(--ap-bg-surface);
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
    font-weight: var(--ap-font-weight-bold);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-user strong,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-user small {
    display: block;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-user strong {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-profile-user small {
    margin-top: 2px;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-card {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-surface);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-card > .ap-card__header {
    flex: 0 0 auto;
    padding: 16px;
    border-bottom: var(--ap-divider-line);
    background: var(--ap-bg-surface);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-card > .ap-card__body {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-card > .ap-card__footer {
    flex: 0 0 auto;
    padding: 14px 16px;
    border-top: var(--ap-divider-line);
    background: var(--ap-bg-surface);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-heading {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-heading strong {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-lg);
    font-weight: var(--ap-font-weight-semibold);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-heading small {
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-xs);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-message {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 14px 16px 0;
    padding: 10px 12px;
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-md);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-message.is-error {
    border-color: var(--ap-status-danger-border);
    background: var(--ap-status-danger-soft);
    color: var(--ap-status-danger);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-message.is-success {
    border-color: var(--ap-status-success-border);
    background: var(--ap-status-success-soft);
    color: var(--ap-status-success);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-scroll {
    min-height: 0;
    overflow: auto;
    padding: 16px;
    scrollbar-gutter: stable;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-form-section + .admin-groups-shared-form-section {
    margin-top: 22px;
    padding-top: 20px;
    border-top: var(--ap-divider-line);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-section-title {
    margin-bottom: 12px;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-bold);
    letter-spacing: var(--ap-letter-spacing-wide);
    text-transform: uppercase;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-full {
    grid-column: 1 / -1;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-textarea-field,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-color-field,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-number-field {
    min-width: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-textarea-field textarea,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-number-field input,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-color-input {
    width: 100%;
    min-width: 0;
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface);
    color: var(--ap-content-primary);
    outline: 0;
    transition: border-color var(--ap-transition-fast), box-shadow var(--ap-transition-fast), background var(--ap-transition-fast);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-textarea-field textarea,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-number-field input {
    padding: 10px 12px;
    font: inherit;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-textarea-field textarea {
    min-height: 92px;
    resize: vertical;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-number-field input {
    min-height: var(--ap-control-height-md);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-textarea-field textarea:focus,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-number-field input:focus,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-color-input:focus-within {
    border-color: var(--ap-border-focus);
    box-shadow: var(--ap-shadow-focus);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-color-input {
    min-height: var(--ap-control-height-md);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-color-input .swatch {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--ap-border-default);
    border-radius: var(--ap-radius-sm);
    background: transparent;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-color-input .color-text {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--ap-content-primary);
    font: inherit;
    outline: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 14px;
    border: 1px solid var(--ap-border-subtle);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-toggle-row strong,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-toggle-row small {
    display: block;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-toggle-row strong {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
    font-weight: var(--ap-font-weight-semibold);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-toggle-row small {
    margin-top: 4px;
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-xs);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-footer > span {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-empty {
    min-height: 300px;
    margin: 16px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-details-card {
    flex: 0 0 auto;
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-surface);
    box-shadow: var(--ap-shadow-xs);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-details-grid > div {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--ap-border-subtle);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-details-grid span,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-details-grid strong {
    display: block;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-details-grid span {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-details-grid strong {
    margin-top: 4px;
    overflow: hidden;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-modal-backdrop {
    background: var(--ap-bg-backdrop);
    backdrop-filter: blur(4px);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-modal {
    width: min(680px, calc(100vw - 32px));
    max-height: calc(100vh - 40px);
    padding: 0;
    overflow: hidden;
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-lg);
    background: var(--ap-bg-surface);
    box-shadow: var(--ap-shadow-lg);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-modal .admin-groups-shared-editor-card {
    max-height: calc(100vh - 40px);
    border: 0;
    border-radius: inherit;
    box-shadow: none;
}

@media (max-width: 1500px) {
    .admin-portal-shell.admin-groups-design-system .admin-groups-workspace {
        grid-template-columns: minmax(0, 1fr) 360px;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .admin-portal-shell.admin-groups-design-system .admin-groups-workspace {
        grid-template-columns: 1fr;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-table-panel {
        border-right: 0;
        border-bottom: var(--ap-divider-line);
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-panel {
        min-height: 650px;
    }
}

@media (max-width: 860px) {
    .admin-portal-shell.admin-groups-design-system .admin-groups-workspace {
        margin: 0;
        min-height: 100vh;
        border: 0;
        border-radius: 0;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-table-panel,
    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-panel {
        padding: 18px;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-head {
        display: none;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-list-row .ap-button__label {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-project-count,
    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-usage {
        display: none;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .admin-portal-shell.admin-groups-design-system .admin-groups-toolbar-select,
    .admin-portal-shell.admin-groups-design-system .admin-groups-toolbar-sort {
        width: 100%;
        min-width: 0;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-toolbar .ap-toolbar__start,
    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-toolbar .ap-toolbar__end,
    .admin-portal-shell.admin-groups-design-system .admin-groups-view-actions {
        width: 100%;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-view-actions .ap-button {
        flex: 1 1 50%;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-form-grid,
    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-details-grid {
        grid-template-columns: 1fr;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-portal-shell.admin-groups-design-system .admin-groups-shared-editor-footer .ap-button {
        width: 100%;
    }
}

/* v819w4 — audited shared AdminTopBar presentation.
   The shell owns placement and height; this block owns only TopBar content and interaction. */
.admin-portal-shell .admin-top-bar {
    display: flex;
    align-items: center;
    gap: var(--admin-topbar-gap);
    min-width: 0;
    padding-inline: var(--admin-topbar-padding-inline);
    color: var(--ap-content-primary);
    background: var(--ap-bg-topbar);
}

.admin-portal-shell .admin-top-bar__left,
.admin-portal-shell .admin-top-bar__right,
.admin-portal-shell .admin-top-bar__account {
    display: flex;
    align-items: center;
    min-width: 0;
}

.admin-portal-shell .admin-top-bar__left,
.admin-portal-shell .admin-top-bar__right {
    gap: var(--admin-topbar-gap);
}

.admin-portal-shell .admin-top-bar__left {
    flex: 0 1 auto;
}

.admin-portal-shell .admin-top-bar__right {
    flex: 0 1 auto;
}

.admin-portal-shell .admin-top-bar__spacer {
    flex: 1 1 auto;
    min-width: var(--ap-space-2);
}

.admin-portal-shell .admin-top-bar__context {
    min-width: 0;
    max-width: min(34vw, 460px);
    display: grid;
    gap: var(--ap-space-1);
}

.admin-portal-shell .admin-top-bar__context strong,
.admin-portal-shell .admin-top-bar__context span,
.admin-portal-shell .admin-top-bar__identity strong,
.admin-portal-shell .admin-top-bar__identity span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-portal-shell .admin-top-bar__context strong {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-md);
    font-weight: var(--ap-font-weight-bold);
    line-height: 1.2;
}

.admin-portal-shell .admin-top-bar__context span {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-regular);
    line-height: 1.2;
}

.admin-portal-shell .admin-top-bar__sidebar-toggle,
.admin-portal-shell .admin-top-bar__logout,
.admin-portal-shell .admin-top-bar .admin-theme-toggle.admin-theme-toggle-compact {
    width: var(--admin-topbar-control-size);
    min-width: var(--admin-topbar-control-size);
    height: var(--admin-topbar-control-size);
    min-height: var(--admin-topbar-control-size);
    flex: 0 0 var(--admin-topbar-control-size);
}

.admin-portal-shell .admin-top-bar .admin-theme-toggle.admin-theme-toggle-compact {
    position: static;
    border-color: var(--ap-border-default);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-control);
    box-shadow: none;
    backdrop-filter: none;
}

.admin-portal-shell .admin-top-bar .admin-theme-toggle.admin-theme-toggle-compact:focus-visible {
    outline: none;
    border-color: var(--ap-border-focus);
    box-shadow: var(--ap-shadow-focus);
}

.admin-portal-shell .admin-top-bar__version {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding-inline: var(--ap-space-2);
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-pill);
    color: var(--ap-content-muted);
    background: var(--ap-bg-control-muted);
    font-size: 10px;
    font-weight: var(--ap-font-weight-bold);
    line-height: 1;
    letter-spacing: .015em;
    white-space: nowrap;
}

.admin-portal-shell .admin-top-bar__account {
    gap: var(--ap-space-2);
    padding-left: var(--ap-space-3);
    border-left: var(--ap-divider-line);
}

.admin-portal-shell .admin-top-bar__avatar {
    width: var(--admin-topbar-control-size);
    height: var(--admin-topbar-control-size);
    flex: 0 0 var(--admin-topbar-control-size);
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--ap-text-inverse, #fff);
    background: var(--ap-primary);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-bold);
}

.admin-portal-shell .admin-top-bar__identity {
    width: 144px;
    min-width: 0;
    display: grid;
    gap: var(--ap-space-1);
}

.admin-portal-shell .admin-top-bar__identity strong {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-xs);
    font-weight: var(--ap-font-weight-semibold);
    line-height: 1.2;
}

.admin-portal-shell .admin-top-bar__identity span {
    color: var(--ap-content-muted);
    font-size: 10px;
    line-height: 1.2;
}

.admin-portal-shell .admin-top-bar__account form {
    display: flex;
    margin: 0;
}

@media (max-width: 1280px) {
    .admin-portal-shell .admin-top-bar__identity {
        width: 118px;
    }

    .admin-portal-shell .admin-top-bar__right {
        gap: var(--ap-space-2);
    }
}

@media (max-width: 980px) {
    .admin-portal-shell .admin-top-bar__identity {
        display: none;
    }

    .admin-portal-shell .admin-top-bar__account {
        padding-left: var(--ap-space-2);
    }
}

@media (max-width: 760px) {
    .admin-portal-shell {
        --admin-topbar-padding-inline: var(--ap-space-4);
    }

    .admin-portal-shell .admin-top-bar__context {
        max-width: 46vw;
    }

    .admin-portal-shell .admin-top-bar__context span,
    .admin-portal-shell .admin-top-bar__version {
        display: none;
    }
}

@media (max-width: 520px) {
    .admin-portal-shell .admin-top-bar__context {
        max-width: 38vw;
    }

    .admin-portal-shell .admin-top-bar__avatar {
        display: none;
    }

    .admin-portal-shell .admin-top-bar__account {
        border-left: 0;
        padding-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-portal-shell .admin-top-bar *,
    .admin-portal-shell .admin-top-bar *::before,
    .admin-portal-shell .admin-top-bar *::after {
        transition-duration: .01ms;
        animation-duration: .01ms;
    }
}

/* v819w2: audited Admin Portal shell architecture.
   AdminPortalShell owns Sidebar, Top Bar, page gutter, collapse state and scroll boundaries. */
.admin-portal-shell {
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    min-height: var(--admin-shell-min-height);
    height: var(--admin-shell-height);
    display: grid;
    grid-template-areas: "sidebar main";
    grid-template-columns: var(--admin-sidebar-width) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
    isolation: isolate;
    background: var(--ap-bg-shell);
    color: var(--ap-content-primary);
    font-family: var(--ap-font-family);
}

.admin-portal-shell.is-sidebar-collapsed {
    grid-template-columns: var(--admin-sidebar-collapsed-width) minmax(0, 1fr);
}

.admin-portal-shell > .admin-portal-sidebar {
    grid-area: sidebar;
    width: 100%;
    min-width: 0;
    height: var(--admin-shell-height);
    border-right: var(--admin-shell-divider);
}

.admin-portal-shell > .admin-portal-main {
    grid-area: main;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: var(--admin-shell-height);
    display: grid;
    grid-template-areas: "topbar" "content";
    grid-template-rows: var(--admin-topbar-height) minmax(0, 1fr);
    padding: 0;
    overflow: hidden;
    background: var(--ap-bg-content);
}

.admin-portal-shell > .admin-portal-main > .admin-top-bar {
    grid-area: topbar;
    position: relative;
    z-index: var(--ap-z-sticky, 100);
    width: 100%;
    height: var(--admin-topbar-height);
    min-height: var(--admin-topbar-height);
    margin: 0;
    border: 0;
    border-bottom: var(--admin-shell-divider);
}

.admin-portal-shell > .admin-portal-main > .admin-portal-page {
    grid-area: content;
    min-width: 0;
    min-height: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-padding-block-start: var(--ap-space-4);
    padding: var(--admin-page-gutter);
    background: var(--ap-bg-content);
    scrollbar-gutter: stable;
    outline: none;
}

.admin-portal-shell.is-sidebar-collapsed > .admin-portal-sidebar {
    visibility: hidden;
    width: 0;
    overflow: hidden;
    padding-inline: 0;
    border-right: 0;
    box-shadow: none;
}

.admin-portal-shell > .admin-portal-main > .admin-portal-page > * {
    min-width: 0;
    max-width: 100%;
}

.admin-portal-shell > .admin-portal-main > .admin-portal-page:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ap-border-focus);
}

/* Existing page wrappers keep their unique internal structure; the shell owns outer spacing. */
.admin-portal-shell > .admin-portal-main > .admin-portal-page > .admin-quotes-page-content,
.admin-portal-shell > .admin-portal-main > .admin-portal-page > .admin-users-shared-page,
.admin-portal-shell > .admin-portal-main > .admin-portal-page > .admin-email-routing-page,
.admin-portal-shell > .admin-portal-main > .admin-portal-page > .admin-subscription-page {
    padding: 0;
}

.admin-portal-shell.abt-design-system > .abt-main > .admin-portal-page > .abt-shared-header,
.admin-portal-shell.abt-design-system > .abt-main > .admin-portal-page > .abt-shared-toolbar,
.admin-portal-shell.abt-design-system > .abt-main > .admin-portal-page > .abt-workspace,
.admin-portal-shell.abt-design-system > .abt-main > .admin-portal-page > .mud-alert {
    margin-inline: 0;
}

.admin-portal-shell.admin-groups-design-system .admin-portal-page > .admin-groups-workspace {
    width: 100%;
    min-height: calc(100dvh - var(--admin-topbar-height) - (2 * var(--admin-page-gutter)));
    margin: 0 auto;
}

/* v819w9 — shared responsive shell contract.
   Breakpoints progressively compact the same architecture instead of creating page-specific layouts. */
@media (max-width: 1320px) {
    .admin-portal-shell {
        --admin-sidebar-width: var(--admin-sidebar-compact-width);
        --admin-topbar-padding-inline: var(--ap-space-5);
    }
}

@media (max-width: 1050px) {
    .admin-portal-shell,
    .admin-portal-shell.is-sidebar-collapsed {
        --admin-page-gutter: var(--admin-page-gutter-tablet);
        min-height: var(--admin-shell-min-height);
        height: auto;
        grid-template-areas: "sidebar" "main";
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        overflow: visible;
    }

    .admin-portal-shell > .admin-portal-sidebar {
        grid-area: sidebar;
        width: 100%;
        height: auto;
        border-right: 0;
        border-bottom: var(--admin-shell-divider);
    }

    .admin-portal-shell > .admin-portal-main {
        grid-area: main;
        width: 100%;
        height: auto;
        min-height: 0;
        grid-template-areas: "topbar" "content";
        grid-template-rows: var(--admin-topbar-height) minmax(0, auto);
        overflow: visible;
    }

    .admin-portal-shell > .admin-portal-main > .admin-portal-page {
        width: 100%;
        overflow: visible;
        overscroll-behavior: auto;
        scrollbar-gutter: auto;
    }

    .admin-portal-shell.is-sidebar-collapsed > .admin-portal-sidebar {
        display: none;
    }
}

@media (max-width: 760px) {
    .admin-portal-shell {
        --admin-topbar-height: var(--admin-topbar-height-compact);
        --admin-topbar-padding-inline: var(--ap-space-4);
        --admin-page-gutter: var(--admin-page-gutter-mobile);
    }
}

@media (max-width: 520px) {
    .admin-portal-shell {
        --admin-topbar-padding-inline: var(--ap-space-3);
        --admin-topbar-gap: var(--ap-space-2);
        --admin-page-gutter: var(--admin-page-gutter-phone);
    }
}


/* v819w13 — canonical Admin Portal button system (light + dark).
   Page CSS may control layout only; visual button styling belongs here. */
.admin-portal-shell {
    --admin-button-height-sm: 32px;
    --admin-button-height-md: 36px;
    --admin-button-height-lg: 40px;
    --admin-button-radius: 8px;
    --admin-button-font-size-sm: 12px;
    --admin-button-font-size-md: 13px;
    --admin-button-font-size-lg: 14px;
    --admin-button-font-weight: 700;
    --admin-button-icon-sm: 14px;
    --admin-button-icon-md: 16px;
    --admin-button-icon-lg: 16px;
    --admin-button-gap: 8px;
    --admin-button-focus-ring: 0 0 0 3px var(--ap-brand-primary-soft), 0 0 0 1px var(--ap-brand-primary);
}

.admin-portal-shell .ap-button {
    height: var(--admin-button-height-md);
    min-height: var(--admin-button-height-md);
    padding: 0 14px;
    gap: var(--admin-button-gap);
    border-radius: var(--admin-button-radius);
    font-size: var(--admin-button-font-size-md);
    font-weight: var(--admin-button-font-weight);
    box-shadow: none;
}

.admin-portal-shell .ap-button:hover:not(:disabled) { transform: none; }
.admin-portal-shell .ap-button:focus-visible { box-shadow: var(--admin-button-focus-ring); }
.admin-portal-shell .ap-button.is-selected { box-shadow: inset 0 0 0 1px currentColor; }

.admin-portal-shell .ap-button--small {
    height: var(--admin-button-height-sm);
    min-height: var(--admin-button-height-sm);
    padding: 0 11px;
    border-radius: var(--admin-button-radius);
    font-size: var(--admin-button-font-size-sm);
}

.admin-portal-shell .ap-button--large {
    height: var(--admin-button-height-lg);
    min-height: var(--admin-button-height-lg);
    padding: 0 18px;
    border-radius: var(--admin-button-radius);
    font-size: var(--admin-button-font-size-lg);
}

.admin-portal-shell .ap-button--primary,
.admin-portal-shell .ap-button--danger,
.admin-portal-shell .ap-button--success { color: var(--ap-content-inverse); }

.admin-portal-shell .ap-button--secondary {
    border-color: var(--ap-border-default);
    background: var(--ap-bg-surface);
    color: var(--ap-content-primary);
}

.admin-portal-shell .ap-button--secondary:active:not(:disabled) {
    border-color: var(--ap-border-strong);
    background: var(--ap-bg-selected);
}

.admin-portal-shell .ap-button--ghost {
    border-color: transparent;
    background: transparent;
    color: var(--ap-brand-primary);
}

.admin-portal-shell .ap-button--ghost:hover:not(:disabled),
.admin-portal-shell .ap-button--ghost:active:not(:disabled) {
    background: var(--ap-brand-primary-soft);
    color: var(--ap-brand-primary-hover);
}

.admin-portal-shell .ap-button--link {
    height: auto;
    min-height: 0;
    padding: 2px 0;
    border-color: transparent;
    border-radius: 4px;
    background: transparent;
    color: var(--ap-brand-primary);
    box-shadow: none;
}

.admin-portal-shell .ap-button--link:hover:not(:disabled) {
    color: var(--ap-brand-primary-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.admin-portal-shell .ap-button:disabled,
.admin-portal-shell .ap-button[aria-disabled="true"] {
    opacity: .48;
    filter: saturate(.6);
}

.admin-portal-shell .ap-button__icon {
    width: var(--admin-button-icon-md);
    height: var(--admin-button-icon-md);
}
.admin-portal-shell .ap-button--small .ap-button__icon {
    width: var(--admin-button-icon-sm);
    height: var(--admin-button-icon-sm);
}
.admin-portal-shell .ap-button--large .ap-button__icon {
    width: var(--admin-button-icon-lg);
    height: var(--admin-button-icon-lg);
}

.admin-portal-shell .ap-button--icon-only { width: var(--admin-button-height-md); padding: 0; }
.admin-portal-shell .ap-button--small.ap-button--icon-only { width: var(--admin-button-height-sm); }
.admin-portal-shell .ap-button--large.ap-button--icon-only { width: var(--admin-button-height-lg); }

.admin-portal-shell .ap-icon-button {
    width: var(--admin-button-height-md);
    height: var(--admin-button-height-md);
    min-width: var(--admin-button-height-md);
    min-height: var(--admin-button-height-md);
    border-radius: var(--admin-button-radius);
}
.admin-portal-shell .ap-icon-button--small {
    width: var(--admin-button-height-sm);
    height: var(--admin-button-height-sm);
    min-width: var(--admin-button-height-sm);
    min-height: var(--admin-button-height-sm);
}
.admin-portal-shell .ap-icon-button--large {
    width: var(--admin-button-height-lg);
    height: var(--admin-button-height-lg);
    min-width: var(--admin-button-height-lg);
    min-height: var(--admin-button-height-lg);
}
.admin-portal-shell .ap-icon-button:focus-visible { box-shadow: var(--admin-button-focus-ring); }
.admin-portal-shell .ap-icon-button__spinner {
    width: var(--admin-button-icon-sm);
    height: var(--admin-button-icon-sm);
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: ap-button-spin .7s linear infinite;
}
.admin-portal-shell .ap-icon-button--success {
    border-color: var(--ap-status-success-border);
    background: var(--ap-status-success-soft);
    color: var(--ap-status-success);
}

@media (max-width: 560px) {
    .admin-portal-shell .ap-page-header__actions > .ap-button { width: 100%; }
}

/* ========================================================================== 
   Unified Admin Input System v819w14
   Reference: docs/admin-input-system-reference.png
   ========================================================================== */
:root {
    --admin-input-height-sm: 32px;
    --admin-input-height-md: 36px;
    --admin-input-height-lg: 40px;
    --admin-input-radius: 8px;
    --admin-input-padding-x: 12px;
    --admin-input-gap: 8px;
    --admin-input-border: var(--ap-border-default);
    --admin-input-border-hover: var(--ap-border-strong);
    --admin-input-border-focus: var(--ap-border-focus);
    --admin-input-bg: var(--ap-bg-control);
    --admin-input-bg-disabled: var(--ap-bg-control-muted);
    --admin-input-placeholder: var(--ap-content-muted);
    --admin-input-text: var(--ap-content-primary);
    --admin-input-helper: var(--ap-content-muted);
    --admin-input-error: var(--ap-status-danger);
    --admin-input-success: var(--ap-status-success);
    --admin-input-warning: var(--ap-status-warning);
    --admin-input-focus-ring: var(--ap-shadow-focus);
}

.admin-portal-shell .ap-field { gap: 6px; }
.admin-portal-shell .ap-field__label { font-size: 12px; line-height: 1.35; }
.admin-portal-shell .ap-field__meta {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--admin-input-gap);
}
.admin-portal-shell .ap-field__message { min-height: 17px; color: var(--admin-input-helper); }
.admin-portal-shell .ap-field__message--success { color: var(--admin-input-success); }
.admin-portal-shell .ap-field__message--warning { color: var(--admin-input-warning); }
.admin-portal-shell .ap-field__message--error { color: var(--admin-input-error); }
.admin-portal-shell .ap-field__counter {
    flex: 0 0 auto;
    margin-left: auto;
    color: var(--admin-input-helper);
    font-size: var(--ap-font-size-xs);
    line-height: 1.4;
    white-space: nowrap;
}

.admin-portal-shell .ap-input__element,
.admin-portal-shell .ap-select__element,
.admin-portal-shell .ap-textarea__element {
    border-color: var(--admin-input-border);
    border-radius: var(--admin-input-radius);
    background: var(--admin-input-bg);
    color: var(--admin-input-text);
}
.admin-portal-shell .ap-input__element { height: var(--admin-input-height-md); padding-inline: var(--admin-input-padding-x); }
.admin-portal-shell .ap-input--small .ap-input__element { height: var(--admin-input-height-sm); border-radius: var(--admin-input-radius); }
.admin-portal-shell .ap-input--large .ap-input__element { height: var(--admin-input-height-lg); border-radius: var(--admin-input-radius); }
.admin-portal-shell .ap-select__element { height: var(--admin-input-height-md); }
.admin-portal-shell .ap-select--small .ap-select__element { height: var(--admin-input-height-sm); border-radius: var(--admin-input-radius); }
.admin-portal-shell .ap-select--large .ap-select__element { height: var(--admin-input-height-lg); border-radius: var(--admin-input-radius); }
.admin-portal-shell .ap-input__element::placeholder,
.admin-portal-shell .ap-textarea__element::placeholder { color: var(--admin-input-placeholder); }
.admin-portal-shell .ap-input__element:hover:not(:disabled):not(:read-only),
.admin-portal-shell .ap-select__element:hover:not(:disabled),
.admin-portal-shell .ap-textarea__element:hover:not(:disabled):not(:read-only) { border-color: var(--admin-input-border-hover); }
.admin-portal-shell .ap-input__element:focus-visible,
.admin-portal-shell .ap-select__element:focus-visible,
.admin-portal-shell .ap-textarea__element:focus-visible {
    border-color: var(--admin-input-border-focus);
    box-shadow: var(--admin-input-focus-ring);
    outline: 0;
}
.admin-portal-shell .ap-input__element:disabled,
.admin-portal-shell .ap-select__element:disabled,
.admin-portal-shell .ap-textarea__element:disabled,
.admin-portal-shell .ap-input__element:read-only,
.admin-portal-shell .ap-textarea__element:read-only { background: var(--admin-input-bg-disabled); }

.admin-portal-shell .ap-input.is-success .ap-input__element,
.admin-portal-shell .ap-select.is-success .ap-select__element,
.admin-portal-shell .ap-textarea.is-success .ap-textarea__element { border-color: var(--admin-input-success); }
.admin-portal-shell .ap-input.is-warning .ap-input__element,
.admin-portal-shell .ap-select.is-warning .ap-select__element,
.admin-portal-shell .ap-textarea.is-warning .ap-textarea__element { border-color: var(--admin-input-warning); }
.admin-portal-shell .ap-input.is-error .ap-input__element,
.admin-portal-shell .ap-select.is-error .ap-select__element,
.admin-portal-shell .ap-textarea.is-error .ap-textarea__element { border-color: var(--admin-input-error); }
.admin-portal-shell .ap-input.is-success .ap-input__element:focus-visible,
.admin-portal-shell .ap-select.is-success .ap-select__element:focus-visible,
.admin-portal-shell .ap-textarea.is-success .ap-textarea__element:focus-visible { box-shadow: 0 0 0 3px var(--ap-status-success-soft); }
.admin-portal-shell .ap-input.is-warning .ap-input__element:focus-visible,
.admin-portal-shell .ap-select.is-warning .ap-select__element:focus-visible,
.admin-portal-shell .ap-textarea.is-warning .ap-textarea__element:focus-visible { box-shadow: 0 0 0 3px var(--ap-status-warning-soft); }
.admin-portal-shell .ap-input.is-error .ap-input__element:focus-visible,
.admin-portal-shell .ap-select.is-error .ap-select__element:focus-visible,
.admin-portal-shell .ap-textarea.is-error .ap-textarea__element:focus-visible { box-shadow: 0 0 0 3px var(--ap-status-danger-soft); }

.admin-portal-shell .ap-field__clear {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ap-content-muted);
    cursor: pointer;
    pointer-events: auto;
}
.admin-portal-shell .ap-field__clear:hover { color: var(--ap-content-primary); }
.admin-portal-shell .ap-field__clear:focus-visible { border-radius: 4px; outline: 2px solid var(--admin-input-border-focus); outline-offset: 2px; }
.admin-portal-shell .ap-field__clear svg { width: 100%; height: 100%; }
.admin-portal-shell .ap-field__spinner {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: ap-button-spin .7s linear infinite;
}
.admin-portal-shell .ap-input.is-loading,
.admin-portal-shell .ap-select.is-loading,
.admin-portal-shell .ap-textarea.is-loading { cursor: progress; }

.admin-portal-shell .ap-textarea__control { position: relative; min-width: 0; }
.admin-portal-shell .ap-textarea__element {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 96px;
    padding: 10px var(--admin-input-padding-x);
    border: var(--ap-border-width) solid var(--admin-input-border);
    outline: 0;
    resize: vertical;
    box-shadow: var(--ap-shadow-xs);
    font: inherit;
    font-size: var(--ap-font-size-md);
    line-height: 1.45;
    transition: background-color var(--ap-transition-fast), border-color var(--ap-transition-fast), box-shadow var(--ap-transition-fast);
}
.admin-portal-shell .ap-textarea--small .ap-textarea__element { min-height: 80px; font-size: var(--ap-font-size-sm); }
.admin-portal-shell .ap-textarea--large .ap-textarea__element { min-height: 112px; font-size: var(--ap-font-size-lg); }
.admin-portal-shell .ap-textarea__spinner { position: absolute; top: 12px; right: 12px; color: var(--ap-content-muted); }

.admin-portal-shell input[type="date"].ap-input__element { color-scheme: inherit; }
.admin-portal-shell input[type="search"].ap-input__element::-webkit-search-cancel-button { display: none; }

@media (prefers-reduced-motion: reduce) {
    .admin-portal-shell .ap-field__spinner { animation-duration: 1.4s; }
}

/* ========================================================================== */
/* Unified Chip System v819w15                                                */
/* Status, Filter, Badge, Count Badge and Tag share one tokenized foundation. */
/* ========================================================================== */
.admin-portal-shell {
    --admin-chip-height-sm: 24px;
    --admin-chip-height-md: 28px;
    --admin-chip-height-lg: 32px;
    --admin-chip-radius: 8px;
    --admin-chip-padding-sm: 0 8px;
    --admin-chip-padding-md: 0 10px;
    --admin-chip-padding-lg: 0 12px;
    --admin-chip-gap: 6px;
    --admin-chip-font-size-sm: 11px;
    --admin-chip-font-size-md: 12px;
    --admin-chip-font-size-lg: 13px;
    --admin-chip-font-weight: 600;
    --admin-chip-dot-sm: 6px;
    --admin-chip-dot-md: 7px;
    --admin-chip-dot-lg: 8px;
    --admin-chip-disabled-opacity: .48;

    --admin-chip-neutral-text: var(--ap-content-secondary);
    --admin-chip-neutral-bg: var(--ap-status-neutral-soft);
    --admin-chip-neutral-border: var(--ap-border-default);

    --admin-chip-primary-text: var(--ap-brand-primary-hover);
    --admin-chip-primary-bg: var(--ap-brand-primary-soft);
    --admin-chip-primary-border: var(--ap-brand-primary-border);

    --admin-chip-success-text: var(--ap-status-success);
    --admin-chip-success-bg: var(--ap-status-success-soft);
    --admin-chip-success-border: var(--ap-status-success-border);

    --admin-chip-warning-text: var(--ap-status-warning);
    --admin-chip-warning-bg: var(--ap-status-warning-soft);
    --admin-chip-warning-border: var(--ap-status-warning-border);

    --admin-chip-danger-text: var(--ap-status-danger);
    --admin-chip-danger-bg: var(--ap-status-danger-soft);
    --admin-chip-danger-border: var(--ap-status-danger-border);

    --admin-chip-info-text: var(--ap-status-info);
    --admin-chip-info-bg: var(--ap-status-info-soft);
    --admin-chip-info-border: var(--ap-status-info-border);

    --admin-chip-draft-text: var(--ap-status-info);
    --admin-chip-draft-bg: var(--ap-status-info-soft);
    --admin-chip-draft-border: var(--ap-status-info-border);

    --admin-chip-published-text: var(--ap-brand-primary-hover);
    --admin-chip-published-bg: var(--ap-brand-primary-soft);
    --admin-chip-published-border: var(--ap-brand-primary-border);

    --admin-chip-pending-text: var(--ap-status-warning);
    --admin-chip-pending-bg: var(--ap-status-warning-soft);
    --admin-chip-pending-border: var(--ap-status-warning-border);

    --admin-chip-failed-text: var(--ap-status-danger);
    --admin-chip-failed-bg: var(--ap-status-danger-soft);
    --admin-chip-failed-border: var(--ap-status-danger-border);

    --admin-chip-archived-text: var(--ap-content-secondary);
    --admin-chip-archived-bg: var(--ap-status-neutral-soft);
    --admin-chip-archived-border: var(--ap-border-default);

    --admin-chip-inactive-text: var(--ap-content-tertiary);
    --admin-chip-inactive-bg: var(--ap-status-neutral-soft);
    --admin-chip-inactive-border: var(--ap-border-default);
}

.admin-portal-shell .ap-chip {
    --admin-chip-text: var(--admin-chip-neutral-text);
    --admin-chip-bg: var(--admin-chip-neutral-bg);
    --admin-chip-border: var(--admin-chip-neutral-border);
    min-width: 0;
    height: var(--admin-chip-height-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--admin-chip-gap);
    padding: var(--admin-chip-padding-md);
    border: 1px solid var(--admin-chip-border);
    border-radius: var(--admin-chip-radius);
    background: var(--admin-chip-bg);
    color: var(--admin-chip-text);
    font-family: var(--ap-font-family);
    font-size: var(--admin-chip-font-size-md);
    font-weight: var(--admin-chip-font-weight);
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box;
}

.admin-portal-shell button.ap-chip {
    appearance: none;
    font: inherit;
}

.admin-portal-shell .ap-chip--small { height: var(--admin-chip-height-sm); padding: var(--admin-chip-padding-sm); font-size: var(--admin-chip-font-size-sm); }
.admin-portal-shell .ap-chip--large { height: var(--admin-chip-height-lg); padding: var(--admin-chip-padding-lg); font-size: var(--admin-chip-font-size-lg); }

.admin-portal-shell .ap-chip--primary,
.admin-portal-shell .ap-chip--published { --admin-chip-text: var(--admin-chip-primary-text); --admin-chip-bg: var(--admin-chip-primary-bg); --admin-chip-border: var(--admin-chip-primary-border); }
.admin-portal-shell .ap-chip--info,
.admin-portal-shell .ap-chip--draft { --admin-chip-text: var(--admin-chip-info-text); --admin-chip-bg: var(--admin-chip-info-bg); --admin-chip-border: var(--admin-chip-info-border); }
.admin-portal-shell .ap-chip--success { --admin-chip-text: var(--admin-chip-success-text); --admin-chip-bg: var(--admin-chip-success-bg); --admin-chip-border: var(--admin-chip-success-border); }
.admin-portal-shell .ap-chip--warning,
.admin-portal-shell .ap-chip--pending { --admin-chip-text: var(--admin-chip-warning-text); --admin-chip-bg: var(--admin-chip-warning-bg); --admin-chip-border: var(--admin-chip-warning-border); }
.admin-portal-shell .ap-chip--danger,
.admin-portal-shell .ap-chip--failed { --admin-chip-text: var(--admin-chip-danger-text); --admin-chip-bg: var(--admin-chip-danger-bg); --admin-chip-border: var(--admin-chip-danger-border); }
.admin-portal-shell .ap-chip--archived { --admin-chip-text: var(--admin-chip-archived-text); --admin-chip-bg: var(--admin-chip-archived-bg); --admin-chip-border: var(--admin-chip-archived-border); }
.admin-portal-shell .ap-chip--inactive { --admin-chip-text: var(--admin-chip-inactive-text); --admin-chip-bg: var(--admin-chip-inactive-bg); --admin-chip-border: var(--admin-chip-inactive-border); }

.admin-portal-shell .ap-chip__dot {
    width: var(--admin-chip-dot-md);
    height: var(--admin-chip-dot-md);
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
}
.admin-portal-shell .ap-chip--small .ap-chip__dot { width: var(--admin-chip-dot-sm); height: var(--admin-chip-dot-sm); }
.admin-portal-shell .ap-chip--large .ap-chip__dot { width: var(--admin-chip-dot-lg); height: var(--admin-chip-dot-lg); }
.admin-portal-shell .ap-chip__icon,
.admin-portal-shell .ap-chip__trailing { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.admin-portal-shell .ap-chip__icon .mud-icon-root,
.admin-portal-shell .ap-chip__trailing .mud-icon-root { font-size: 16px; }
.admin-portal-shell .ap-chip__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

/* Status chips are informational and deliberately non-interactive. */
.admin-portal-shell .ap-chip--status { cursor: default; }

/* Filter chips remain visually distinct from object statuses. */
.admin-portal-shell .ap-chip--filter {
    --admin-chip-text: var(--ap-content-secondary);
    --admin-chip-bg: transparent;
    --admin-chip-border: var(--ap-brand-primary-border);
    cursor: pointer;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}
.admin-portal-shell .ap-chip--filter:hover:not(:disabled):not(.is-disabled):not(.is-selected) {
    --admin-chip-text: var(--ap-brand-primary-hover);
    --admin-chip-bg: var(--ap-brand-primary-soft);
}
.admin-portal-shell .ap-chip--filter:active:not(:disabled):not(.is-disabled) { transform: translateY(1px); }
.admin-portal-shell .ap-chip--filter.is-selected {
    --admin-chip-text: var(--ap-content-inverse);
    --admin-chip-bg: var(--ap-brand-primary);
    --admin-chip-border: var(--ap-brand-primary);
    box-shadow: var(--ap-shadow-xs);
}
.admin-portal-shell .ap-chip--filter:focus-visible {
    outline: 2px solid var(--ap-brand-primary);
    outline-offset: 2px;
}

/* Badges are neutral metadata; tags are descriptive; counts are compact. */
.admin-portal-shell .ap-chip--badge { border-radius: var(--admin-chip-radius); }
.admin-portal-shell .ap-chip--tag { --admin-chip-bg: var(--ap-surface-subtle); }
.admin-portal-shell .ap-chip--count { min-width: var(--admin-chip-height-sm); padding-inline: 7px; border-radius: var(--ap-radius-pill); font-variant-numeric: tabular-nums; }

.admin-portal-shell .ap-chip.is-disabled,
.admin-portal-shell .ap-chip:disabled { opacity: var(--admin-chip-disabled-opacity); cursor: not-allowed; pointer-events: none; }

/* v819w16: Unified Card System ------------------------------------------------ */
.admin-portal-shell {
    --admin-card-bg: var(--ap-bg-panel);
    --admin-card-bg-muted: var(--ap-bg-panel-muted);
    --admin-card-border: var(--ap-border-default);
    --admin-card-border-hover: var(--ap-border-strong);
    --admin-card-border-selected: var(--ap-brand-primary);
    --admin-card-text-color: var(--ap-content-primary);
    --admin-card-title-color: var(--ap-content-primary);
    --admin-card-description-color: var(--ap-content-secondary);
    --admin-card-meta-color: var(--ap-content-muted);
    --admin-card-radius-sm: 8px;
    --admin-card-radius-md: 12px;
    --admin-card-radius-lg: 16px;
    --admin-card-padding-sm: 12px;
    --admin-card-padding-md: 16px;
    --admin-card-padding-lg: 20px;
    --admin-card-gap: 12px;
    --admin-card-shadow-none: none;
    --admin-card-shadow-sm: var(--ap-shadow-xs);
    --admin-card-shadow-md: var(--ap-shadow-sm);
    --admin-card-shadow-lg: var(--ap-shadow-md);
    --admin-card-success-border: var(--ap-status-success);
    --admin-card-warning-border: var(--ap-status-warning);
    --admin-card-error-border: var(--ap-status-danger);
}

.admin-portal-shell .ap-card {
    border-color: var(--admin-card-border);
    background: var(--admin-card-bg);
    color: var(--admin-card-text-color);
}

.admin-portal-shell .ap-card--size-small { border-radius: var(--admin-card-radius-sm); }
.admin-portal-shell .ap-card--size-medium { border-radius: var(--admin-card-radius-md); }
.admin-portal-shell .ap-card--size-large { border-radius: var(--admin-card-radius-lg); }

.admin-portal-shell .ap-card--shadow-none { box-shadow: var(--admin-card-shadow-none); }
.admin-portal-shell .ap-card--shadow-small { box-shadow: var(--admin-card-shadow-sm); }
.admin-portal-shell .ap-card--shadow-medium { box-shadow: var(--admin-card-shadow-md); }
.admin-portal-shell .ap-card--shadow-large { box-shadow: var(--admin-card-shadow-lg); }

.admin-portal-shell .ap-card--success { border-color: var(--admin-card-success-border); }
.admin-portal-shell .ap-card--warning { border-color: var(--admin-card-warning-border); }
.admin-portal-shell .ap-card--error,
.admin-portal-shell .ap-card.is-error { border-color: var(--admin-card-error-border); }

.admin-portal-shell .ap-card--interactive:focus-visible {
    outline: 2px solid var(--ap-brand-primary);
    outline-offset: 2px;
}

.admin-portal-shell .ap-card--interactive:active {
    transform: translateY(0);
    box-shadow: var(--admin-card-shadow-sm);
}

.admin-portal-shell .ap-card.is-disabled {
    opacity: var(--ap-opacity-disabled);
    pointer-events: none;
    cursor: not-allowed;
}

.admin-portal-shell .ap-card__header {
    align-items: flex-start;
}

.admin-portal-shell .ap-card__icon {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    color: var(--ap-brand-primary);
}

.admin-portal-shell .ap-card__subtitle {
    margin: 2px 0 0;
    color: var(--admin-card-meta-color);
    font-size: var(--ap-font-size-xs);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell .ap-card__status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}

.admin-portal-shell .ap-card--padding-small > .ap-card__header,
.admin-portal-shell .ap-card--padding-small > .ap-card__body,
.admin-portal-shell .ap-card--padding-small > .ap-card__footer {
    padding: var(--admin-card-padding-sm);
}

.admin-portal-shell .ap-card--padding-medium > .ap-card__header,
.admin-portal-shell .ap-card--padding-medium > .ap-card__body,
.admin-portal-shell .ap-card--padding-medium > .ap-card__footer {
    padding: var(--admin-card-padding-md);
}

.admin-portal-shell .ap-card--padding-large > .ap-card__header,
.admin-portal-shell .ap-card--padding-large > .ap-card__body,
.admin-portal-shell .ap-card--padding-large > .ap-card__footer {
    padding: var(--admin-card-padding-lg);
}

.admin-portal-shell .ap-card--compact > .ap-card__body {
    display: flex;
    align-items: center;
    gap: var(--admin-card-gap);
}

.admin-portal-shell .ap-card--media > .ap-card__body {
    padding: 0;
}

.admin-portal-shell .ap-card__media {
    position: relative;
    overflow: hidden;
    background: var(--ap-bg-panel-muted);
}

.admin-portal-shell .ap-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-portal-shell .ap-card__media-content {
    min-width: 0;
}

.admin-portal-shell .ap-card--action > .ap-card__body {
    display: flex;
    align-items: center;
    gap: var(--admin-card-gap);
}

.admin-portal-shell .ap-card__action-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--admin-card-gap);
    flex: 1 1 auto;
}

.admin-portal-shell .ap-card__loading {
    display: grid;
    gap: 10px;
    padding: var(--admin-card-padding-md);
}

.admin-portal-shell .ap-card__skeleton {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ap-bg-panel-muted), var(--ap-bg-control-hover), var(--ap-bg-panel-muted));
    background-size: 200% 100%;
    animation: ap-card-skeleton 1.25s ease-in-out infinite;
}

.admin-portal-shell .ap-card__skeleton--title { width: 45%; height: 14px; }
.admin-portal-shell .ap-card__skeleton--short { width: 68%; }

@keyframes ap-card-skeleton {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

/* ========================================================================== */
/* Admin Table System v819w19                                                 */
/* Uses the portal semantic tokens so Light/Night switch automatically.       */
/* ========================================================================== */
.admin-portal-shell {
    --admin-table-bg: var(--ap-bg-panel);
    --admin-table-header-bg: var(--ap-bg-panel-muted);
    --admin-table-border: var(--ap-border-default);
    --admin-table-border-strong: var(--ap-border-strong);
    --admin-table-row-hover: var(--ap-bg-hover);
    --admin-table-row-selected: var(--ap-bg-selected);
    --admin-table-row-error: var(--ap-status-danger-soft);
    --admin-table-radius: 10px;
    --admin-table-shadow: var(--ap-shadow-xs);
    --admin-table-header-height: 38px;
    --admin-table-row-height-sm: 36px;
    --admin-table-row-height-md: 44px;
    --admin-table-row-height-lg: 52px;
    --admin-table-padding-sm: 12px;
    --admin-table-padding-md: 16px;
    --admin-table-padding-lg: 20px;
    --admin-table-font-sm: 13px;
    --admin-table-font-md: 14px;
    --admin-table-font-lg: 15px;
    --admin-table-text: var(--ap-content-primary);
    --admin-table-text-secondary: var(--ap-content-secondary);
    --admin-table-text-muted: var(--ap-content-muted);
}

.admin-portal-shell .ap-table-shell { width:100%; min-width:0; overflow:hidden; border:1px solid var(--admin-table-border); border-radius:var(--admin-table-radius); background:var(--admin-table-bg); box-shadow:var(--admin-table-shadow); }
.admin-portal-shell .ap-table__scroll { width:100%; overflow:auto; overscroll-behavior-inline:contain; }
.admin-portal-shell .ap-table { width:100%; border-collapse:separate; border-spacing:0; color:var(--admin-table-text); background:var(--admin-table-bg); table-layout:auto; }
.admin-portal-shell .ap-table thead th { height:var(--admin-table-header-height); padding-inline:var(--admin-table-padding-md); background:var(--admin-table-header-bg); border-bottom:1px solid var(--admin-table-border); color:var(--admin-table-text-muted); font-size:11px; font-weight:700; line-height:1.2; letter-spacing:.045em; text-align:left; text-transform:uppercase; white-space:nowrap; }
.admin-portal-shell .ap-table tbody td { height:var(--admin-table-row-height-md); padding-inline:var(--admin-table-padding-md); border-bottom:1px solid var(--admin-table-border); color:var(--admin-table-text-secondary); font-size:var(--admin-table-font-md); vertical-align:middle; }
.admin-portal-shell .ap-table tbody tr:last-child td { border-bottom:0; }
.admin-portal-shell .ap-table tbody tr:hover td, .admin-portal-shell .ap-table-row.is-interactive:hover td { background:var(--admin-table-row-hover); }
.admin-portal-shell .ap-table tbody tr.is-selected td, .admin-portal-shell .ap-table-row.is-selected td { background:var(--admin-table-row-selected); }
.admin-portal-shell .ap-table tbody tr.is-error td, .admin-portal-shell .ap-table-row.is-error td { background:var(--admin-table-row-error); }
.admin-portal-shell .ap-table tbody tr.is-disabled, .admin-portal-shell .ap-table-row.is-disabled { opacity:.5; pointer-events:none; }
.admin-portal-shell .ap-table--striped tbody tr:nth-child(even) td { background:color-mix(in srgb, var(--admin-table-header-bg) 55%, transparent); }
.admin-portal-shell .ap-table--bordered th, .admin-portal-shell .ap-table--bordered td { border-right:1px solid var(--admin-table-border); }
.admin-portal-shell .ap-table--bordered th:last-child, .admin-portal-shell .ap-table--bordered td:last-child { border-right:0; }
.admin-portal-shell .ap-table--compact thead th, .admin-portal-shell .ap-table--compact tbody td { padding-inline:var(--admin-table-padding-sm); }
.admin-portal-shell .ap-table--compact tbody td { height:var(--admin-table-row-height-sm); font-size:var(--admin-table-font-sm); }
.admin-portal-shell .ap-table--large thead th, .admin-portal-shell .ap-table--large tbody td { padding-inline:var(--admin-table-padding-lg); }
.admin-portal-shell .ap-table--large tbody td { height:var(--admin-table-row-height-lg); font-size:var(--admin-table-font-lg); }
.admin-portal-shell .ap-table-header__content { display:inline-flex; align-items:center; gap:6px; }
.admin-portal-shell .ap-table-header.is-sortable { cursor:pointer; user-select:none; }
.admin-portal-shell .ap-table-header__sort { width:14px!important; height:14px!important; font-size:14px!important; opacity:.65; vertical-align:middle; }
.admin-portal-shell .ap-table-header.is-sorted { color:var(--ap-color-6366f1, #1677ff); }
.admin-portal-shell .ap-table-header.is-center, .admin-portal-shell .ap-table-cell.is-center { text-align:center; }
.admin-portal-shell .ap-table-header.is-right, .admin-portal-shell .ap-table-cell.is-right { text-align:right; }
.admin-portal-shell .ap-table-cell.is-muted { color:var(--admin-table-text-muted); }
.admin-portal-shell .ap-table-cell.is-actions { width:1%; white-space:nowrap; text-align:right; }
.admin-portal-shell .ap-table-actions { display:flex; align-items:center; justify-content:flex-end; gap:4px; white-space:nowrap; }
.admin-portal-shell .ap-table-toolbar { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; border-bottom:1px solid var(--admin-table-border); background:var(--admin-table-bg); }
.admin-portal-shell .ap-table-toolbar__primary, .admin-portal-shell .ap-table-toolbar__actions { display:flex; align-items:center; gap:8px; min-width:0; }
.admin-portal-shell .ap-table__pagination-slot { border-top:1px solid var(--admin-table-border); }
.admin-portal-shell .ap-pagination { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 12px; color:var(--admin-table-text-muted); font-size:12px; }
.admin-portal-shell .ap-pagination__controls, .admin-portal-shell .ap-pagination__controls label { display:flex; align-items:center; gap:8px; }
.admin-portal-shell .ap-pagination__controls select { height:32px; border:1px solid var(--admin-table-border); border-radius:8px; background:var(--admin-table-bg); color:var(--admin-table-text); padding:0 26px 0 8px; }
.admin-portal-shell .ap-pagination__page { min-width:54px; text-align:center; color:var(--admin-table-text-secondary); }
.admin-portal-shell .ap-table-state { padding:32px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; color:var(--admin-table-text-muted); }
.admin-portal-shell .ap-table-state > .mud-icon-root { font-size:30px; }
.admin-portal-shell .ap-table-state strong { color:var(--admin-table-text); font-size:14px; }
.admin-portal-shell .ap-table-state span { max-width:440px; font-size:12px; }
.admin-portal-shell .ap-table-state__action { margin-top:8px; }
.admin-portal-shell .ap-table-state--loading { display:grid; gap:1px; padding:0; }
.admin-portal-shell .ap-table-skeleton-row { height:var(--admin-table-row-height-md); display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:24px; align-items:center; padding:0 var(--admin-table-padding-md); border-bottom:1px solid var(--admin-table-border); }
.admin-portal-shell .ap-table-skeleton-row:last-child { border-bottom:0; }
.admin-portal-shell .ap-table-skeleton-row span { height:10px; border-radius:999px; background:linear-gradient(90deg, rgba(var(--ap-rgb-148-163-184), .12), rgba(var(--ap-rgb-148-163-184), .25), rgba(var(--ap-rgb-148-163-184), .12)); background-size:200% 100%; animation:ap-table-shimmer 1.35s linear infinite; }
@keyframes ap-table-shimmer { to { background-position:-200% 0; } }
@media (max-width:1024px) { .admin-portal-shell .ap-table { min-width:760px; } .admin-portal-shell .ap-table-toolbar, .admin-portal-shell .ap-pagination { flex-wrap:wrap; } }

/* ========================================================================== */
/* Admin Tabs System v819w21                                                  */
/* One primary underline style; compact is reserved for constrained spaces.   */
/* ========================================================================== */
.admin-portal-shell {
    --admin-tab-height: 48px;
    --admin-tab-height-compact: 40px;
    --admin-tab-padding-x: 24px;
    --admin-tab-padding-x-compact: 16px;
    --admin-tab-padding-y: 12px;
    --admin-tab-padding-y-compact: 8px;
    --admin-tab-gap: 8px;
    --admin-tab-font-size: 14px;
    --admin-tab-font-size-compact: 13px;
    --admin-tab-font-weight: 600;
    --admin-tab-text: var(--ap-content-secondary);
    --admin-tab-text-hover: var(--ap-content-primary);
    --admin-tab-text-active: var(--ap-color-6366f1, #1677ff);
    --admin-tab-indicator-height: 3px;
    --admin-tab-indicator-height-compact: 2px;
    --admin-tab-indicator-color: var(--ap-color-6366f1, #1677ff);
    --admin-tab-bg-hover: var(--ap-bg-hover);
    --admin-tab-disabled-opacity: .45;
    --admin-tab-border: var(--ap-border-default);
    --admin-tab-scroll-shadow: 18px 0 18px -18px rgba(var(--ap-rgb-15-23-42), .35);
}

.admin-portal-shell .ap-tabs {
    width: 100%;
    min-width: 0;
    border-bottom: 1px solid var(--admin-tab-border);
}

.admin-portal-shell .ap-tabs__scroll {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--admin-tab-indicator-color) 35%, transparent) transparent;
}

.admin-portal-shell .ap-tabs__list {
    display: inline-flex;
    align-items: stretch;
    gap: var(--admin-tab-gap);
    min-width: max-content;
    padding-inline: 0;
}

.admin-portal-shell .ap-tab {
    position: relative;
    min-width: max-content;
    height: var(--admin-tab-height);
    padding: var(--admin-tab-padding-y) var(--admin-tab-padding-x);
    border: 0;
    border-radius: 8px 8px 0 0;
    background: transparent;
    color: var(--admin-tab-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font: inherit;
    font-size: var(--admin-tab-font-size);
    font-weight: var(--admin-tab-font-weight);
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: color 160ms ease, background-color 160ms ease;
}

.admin-portal-shell .ap-tab::after {
    content: "";
    position: absolute;
    right: var(--admin-tab-padding-x);
    bottom: -1px;
    left: var(--admin-tab-padding-x);
    height: var(--admin-tab-indicator-height);
    border-radius: 3px 3px 0 0;
    background: var(--admin-tab-indicator-color);
    opacity: 0;
    transform: scaleX(.5);
    transform-origin: center;
    transition: opacity 160ms ease, transform 160ms ease;
}

.admin-portal-shell .ap-tab:hover:not(:disabled) {
    background: var(--admin-tab-bg-hover);
    color: var(--admin-tab-text-hover);
}

.admin-portal-shell .ap-tab.is-active,
.admin-portal-shell .ap-tab[aria-selected="true"] {
    color: var(--admin-tab-text-active);
}

.admin-portal-shell .ap-tab.is-active::after,
.admin-portal-shell .ap-tab[aria-selected="true"]::after {
    opacity: 1;
    transform: scaleX(1);
}

.admin-portal-shell .ap-tab:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--admin-tab-indicator-color) 72%, transparent);
    outline-offset: -3px;
}

.admin-portal-shell .ap-tab:disabled,
.admin-portal-shell .ap-tab.is-disabled {
    opacity: var(--admin-tab-disabled-opacity);
    cursor: not-allowed;
}

.admin-portal-shell .ap-tab__icon {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    flex: 0 0 auto;
}

.admin-portal-shell .ap-tab__badge {
    flex: 0 0 auto;
}

.admin-portal-shell .ap-tabs--compact .ap-tab {
    height: var(--admin-tab-height-compact);
    padding: var(--admin-tab-padding-y-compact) var(--admin-tab-padding-x-compact);
    font-size: var(--admin-tab-font-size-compact);
}

.admin-portal-shell .ap-tabs--compact .ap-tab::after {
    right: var(--admin-tab-padding-x-compact);
    left: var(--admin-tab-padding-x-compact);
    height: var(--admin-tab-indicator-height-compact);
}

.admin-portal-shell .ap-tab-panel:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--admin-tab-indicator-color) 55%, transparent);
    outline-offset: 4px;
}

.admin-portal-shell .act-template-tabs {
    width: 100%;
}

/* Communication Templates keeps the proven v819w20 selector UX while using the shared AdminTabs component. */
.admin-portal-shell .act-template-tabs--legacy-ux .ap-tabs__scroll {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    border-bottom: 0;
}

.admin-portal-shell .act-template-tabs--legacy-ux .ap-tab {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    height: auto;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: var(--ap-radius-md, 12px);
    background: transparent;
    color: var(--ap-text-secondary, var(--admin-text-muted));
    justify-content: flex-start;
    gap: 10px;
    text-align: left;
}

.admin-portal-shell .act-template-tabs--legacy-ux .ap-tab::after {
    display: none;
}

.admin-portal-shell .act-template-tabs--legacy-ux .ap-tab:hover {
    background: var(--ap-surface-muted, color-mix(in srgb, var(--admin-surface) 92%, transparent));
    color: var(--ap-text-primary, var(--admin-text));
}

.admin-portal-shell .act-template-tabs--legacy-ux .ap-tab.is-active {
    border-color: color-mix(in srgb, var(--ap-primary, #1677ff) 45%, var(--ap-border, var(--admin-border)));
    background: var(--ap-primary-soft, rgba(22, 119, 255, .12));
    color: var(--ap-primary, #3d91ff);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ap-primary, #1677ff) 12%, transparent);
}

.admin-portal-shell .act-template-tabs--legacy-ux .ap-tab__icon {
    flex: 0 0 auto;
    font-size: 22px;
}

.admin-portal-shell .act-template-tabs--legacy-ux .ap-tab__copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.admin-portal-shell .act-template-tabs--legacy-ux .ap-tab__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}

.admin-portal-shell .act-template-tabs--legacy-ux .ap-tab__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.25;
    color: var(--ap-text-muted, var(--admin-text-muted));
}

@media (max-width: 1180px) {
    .admin-portal-shell .act-template-tabs--legacy-ux .ap-tabs__scroll {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .admin-portal-shell .act-template-tabs--legacy-ux .ap-tabs__scroll {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .admin-portal-shell .act-template-tabs--legacy-ux .ap-tabs__scroll {
        grid-template-columns: 1fr;
    }

    .admin-portal-shell .act-template-tabs--legacy-ux .ap-tab {
        min-height: 52px;
    }
}

@media (max-width: 1024px) {
    .admin-portal-shell .ap-tabs__scroll {
        box-shadow: inset -14px 0 12px -14px color-mix(in srgb, var(--ap-content-primary) 32%, transparent);
    }
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-message.is-info {
    border-color: color-mix(in srgb, var(--ap-accent, #1677ff) 28%, var(--ap-border, #26364d));
    background: color-mix(in srgb, var(--ap-accent, #1677ff) 8%, transparent);
    color: var(--ap-text, #e7eef8);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card-statuses {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* v1.0.33 — Project Groups only exposes settings that affect real project/public behavior. */
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-field-help {
    display: block;
    margin-top: 6px;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-groups-design-system .admin-groups-shared-card,
.admin-portal-shell.admin-groups-design-system .admin-groups-shared-new-button {
    min-height: 300px;
}

/* v1.0.34 — Projects: only expose real metadata; publication/model state is read-only here. */
.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card,
.admin-portal-shell.admin-projects-design-system .admin-projects-real-model-card {
    display: grid;
    gap: 10px;
    padding: 13px 14px;
    border: var(--ap-stroke-default);
    border-radius: var(--ap-radius-md);
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__row,
.admin-portal-shell.admin-projects-design-system .admin-projects-real-snapshot__row {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__row > span,
.admin-portal-shell.admin-projects-design-system .admin-projects-real-snapshot__row > span {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__row > strong,
.admin-portal-shell.admin-projects-design-system .admin-projects-real-snapshot__row > strong,
.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__row code {
    min-width: 0;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
    font-weight: var(--ap-font-weight-semibold);
    text-align: right;
    overflow-wrap: anywhere;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__row code {
    padding: 3px 7px;
    border-radius: var(--ap-radius-sm);
    background: var(--ap-bg-panel-raised);
    color: var(--ap-content-link);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: var(--ap-font-weight-medium);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__value {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card p {
    margin: 2px 0 0;
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-sm);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card > small {
    padding-top: 8px;
    border-top: var(--ap-divider-line);
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-model-card {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-model-card__icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: var(--ap-radius-md);
    background: color-mix(in srgb, var(--ap-brand-primary) 12%, var(--ap-bg-panel-raised));
    color: var(--ap-brand-primary);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-model-card.no-model .admin-projects-real-model-card__icon {
    background: var(--ap-bg-panel-raised);
    color: var(--ap-content-muted);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-model-card > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-model-card strong {
    overflow: hidden;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-model-card small {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: var(--ap-line-height-normal);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-error {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--ap-status-error, #ef4444) 38%, var(--ap-border-default));
    border-radius: var(--ap-radius-md);
    background: color-mix(in srgb, var(--ap-status-error, #ef4444) 9%, transparent);
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-snapshot {
    display: grid;
    gap: 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-snapshot__row {
    padding: 9px 0;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-real-snapshot__row + .admin-projects-real-snapshot__row {
    border-top: var(--ap-divider-line);
}

.admin-portal-shell .admin-new-project-copy-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 16px;
    padding: 11px 12px;
    border: 1px solid color-mix(in srgb, var(--ap-brand-primary) 30%, var(--ap-border-default));
    border-radius: var(--ap-radius-md);
    background: color-mix(in srgb, var(--ap-brand-primary) 8%, var(--ap-bg-surface-muted));
    color: var(--ap-content-primary);
}

.admin-portal-shell .admin-new-project-copy-note > svg {
    flex: 0 0 auto;
    color: var(--ap-brand-primary);
}

.admin-portal-shell .admin-new-project-copy-note > div {
    display: grid;
    gap: 3px;
}

.admin-portal-shell .admin-new-project-copy-note strong {
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell .admin-new-project-copy-note small {
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: var(--ap-line-height-normal);
}

@media (max-width: 620px) {
    .admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__row,
    .admin-portal-shell.admin-projects-design-system .admin-projects-real-snapshot__row {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__row > strong,
    .admin-portal-shell.admin-projects-design-system .admin-projects-real-snapshot__row > strong,
    .admin-portal-shell.admin-projects-design-system .admin-projects-real-status-card__row code {
        text-align: left;
    }
}


/* v1.0.37 — Projects footer cleanup: action buttons use the full editor width. */
.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__footer {
    display: block;
    width: 100%;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__footer .admin-projects-inline-footer-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 8px;
}

.admin-portal-shell.admin-projects-design-system .admin-projects-edit-panel__footer .admin-projects-inline-footer-actions > * {
    width: 100%;
    min-width: 0;
}