/* Aedan admin information architecture shell.
 * This stylesheet intentionally layers over the legacy monolith so every
 * existing product surface and deep link remains intact during migration. */

/* Restore the production galaxy as a clearly visible, restrained environment.
 * The legacy DOM still owns its animated star and particle nodes; these layers
 * improve depth and ensure the atmosphere remains present while data panels are
 * loading or reduced-motion is enabled. */
html body::before {
    background:
        radial-gradient(ellipse at 52% 112%, rgba(60, 74, 214, .34) 0%, rgba(45, 27, 105, .18) 36%, transparent 66%),
        radial-gradient(ellipse at 88% 18%, rgba(255, 107, 0, .16) 0%, transparent 44%),
        radial-gradient(ellipse at 28% 34%, rgba(0, 212, 255, .19) 0%, transparent 46%),
        radial-gradient(ellipse at 66% 52%, rgba(124, 58, 237, .14) 0%, transparent 52%),
        linear-gradient(180deg, #05070f 0%, #100b2b 48%, #090615 100%);
    filter: saturate(1.12) contrast(1.04);
}

html body::after {
    content: '';
    position: fixed;
    inset: -8%;
    z-index: -2;
    pointer-events: none;
    background-image:
        radial-gradient(circle, rgba(255, 255, 255, .74) 0 .65px, transparent .9px),
        radial-gradient(circle, rgba(128, 224, 255, .52) 0 .7px, transparent 1px),
        radial-gradient(ellipse at 74% 76%, rgba(76, 72, 190, .2), transparent 42%);
    background-position: 17px 31px, 83px 109px, 0 0;
    background-size: 149px 137px, 223px 211px, 100% 100%;
    opacity: .62;
    mix-blend-mode: screen;
    animation: adminIaGalaxyDrift 42s ease-in-out infinite alternate;
}

@keyframes adminIaGalaxyDrift {
    from { transform: translate3d(-.6%, -.4%, 0) scale(1); }
    to { transform: translate3d(.8%, .5%, 0) scale(1.025); }
}

body .starfield {
    opacity: .92;
    mix-blend-mode: screen;
}

body .starfield .star {
    background: rgba(248, 251, 255, .96);
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, .72));
}

body .starfield .star.medium {
    box-shadow: 0 0 5px rgba(125, 224, 255, .72);
}

body .starfield .star.large {
    box-shadow: 0 0 7px rgba(255, 255, 255, .88), 0 0 15px rgba(0, 212, 255, .35);
}

body #darkMatter { opacity: .72; mix-blend-mode: screen; }
body #darkMatter .particle { filter: blur(.35px) saturate(1.08); }

.admin-ia-nav {
    --ia-cyan: var(--electric-blue, #00d4ff);
    --ia-orange: var(--electric-orange, #ff6b00);
    --ia-ink: var(--starlight, #fff);
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 9px 0 16px;
    font-family: 'Exo 2', sans-serif;
}

/* Keep the original production sidebar as the visual shell. The IA replaces
 * only the navigation contents; logo, restaurant switcher, cosmic background,
 * logout action and footer branding remain permanent, visible regions. */
.sidebar:has(.admin-ia-nav) .sidebar-header,
.sidebar:has(.admin-ia-nav) .sidebar-footer {
    z-index: 3;
}

.sidebar:has(.admin-ia-nav)::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        radial-gradient(circle, rgba(255, 255, 255, .52) 0 .55px, transparent .9px),
        radial-gradient(circle, rgba(0, 212, 255, .42) 0 .6px, transparent 1px);
    background-position: 29px 37px, 91px 131px;
    background-size: 173px 157px, 241px 227px;
    opacity: .34;
    mix-blend-mode: screen;
}

.sidebar:has(.admin-ia-nav) .sidebar-header {
    background: linear-gradient(180deg, rgba(4, 8, 18, .7), rgba(10, 10, 20, .22));
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
}

.sidebar:has(.admin-ia-nav) .sidebar-logo-image {
    display: block;
    height: 31px;
    filter: saturate(1.06) contrast(1.03);
}

.sidebar:has(.admin-ia-nav) .sidebar-footer {
    position: relative;
    padding: 9px 0 10px;
    border-top: 1px solid rgba(0, 212, 255, .16);
    background:
        radial-gradient(ellipse at 20% 100%, rgba(255, 107, 0, .09), transparent 55%),
        rgba(3, 5, 13, .72);
    box-shadow: 0 -12px 28px rgba(0, 0, 0, .24);
    backdrop-filter: blur(14px);
}

.sidebar:has(.admin-ia-nav) .sidebar-footer > .nav-item {
    width: calc(100% - 20px);
    min-height: 42px;
    margin: 0 10px 8px !important;
    padding: 10px 16px;
    border: 1px solid rgba(255, 107, 107, .2);
    border-radius: 9px;
    background: rgba(255, 82, 82, .045);
}

.sidebar:has(.admin-ia-nav) .sidebar-footer > .nav-item:hover,
.sidebar:has(.admin-ia-nav) .sidebar-footer > .nav-item:focus-visible {
    color: #ff8f8f !important;
    border-color: rgba(255, 107, 107, .46);
    background: rgba(255, 82, 82, .11);
    outline: 0;
}

.admin-ia-sidebar-search {
    width: 100%;
    min-height: 47px;
    margin: 11px 0 0;
    padding: 7px 9px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(0, 212, 255, .3);
    border-radius: 10px;
    color: rgba(255, 255, 255, .92);
    background:
        radial-gradient(circle at 0 50%, rgba(0, 212, 255, .13), transparent 48%),
        rgba(2, 7, 18, .64);
    box-shadow: inset 0 0 18px rgba(0, 212, 255, .035), 0 4px 16px rgba(0, 0, 0, .18);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.admin-ia-sidebar-search:hover,
.admin-ia-sidebar-search:focus-visible {
    border-color: rgba(0, 212, 255, .62);
    background:
        radial-gradient(circle at 0 50%, rgba(0, 212, 255, .19), transparent 52%),
        rgba(4, 12, 27, .82);
    box-shadow: inset 0 0 22px rgba(0, 212, 255, .07), 0 0 14px rgba(0, 212, 255, .1);
    outline: 0;
}

.admin-ia-sidebar-search__icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 212, 255, .2);
    border-radius: 8px;
    color: var(--ia-cyan);
    background: rgba(0, 212, 255, .08);
    filter: drop-shadow(0 0 5px rgba(0, 212, 255, .32));
}

.admin-ia-sidebar-search__copy { min-width: 0; display: grid; gap: 1px; }
.admin-ia-sidebar-search__copy strong { font-size: 11.5px; font-weight: 650; line-height: 1.2; }
.admin-ia-sidebar-search__copy small { color: rgba(255, 255, 255, .46); font-size: 9px; line-height: 1.2; }
.admin-ia-sidebar-search kbd { padding: 3px 5px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 5px; color: rgba(255, 255, 255, .52); background: rgba(255, 255, 255, .045); font: 600 9px/1 'Exo 2', sans-serif; }

.admin-ia-nav [hidden] { display: none !important; }

.admin-ia-nav > .admin-ia-domain,
.admin-ia-nav > .admin-ia-link,
.admin-ia-nav > .admin-ia-nav__label,
.admin-ia-nav > .admin-ia-quick {
    flex: 0 0 auto;
}

.admin-ia-nav__label {
    margin: 19px 20px 6px;
    color: rgba(255, 255, 255, .48);
    font-size: 8.25px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.admin-ia-nav__label--section {
    display: flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    transform: translateY(2px);
}

.admin-ia-nav__label--section::after {
    content: '';
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 212, 255, .23), rgba(255, 255, 255, .025));
}

.admin-ia-nav > .admin-ia-nav__label--section:first-of-type { margin-top: 5px; }

.admin-ia-domain {
    position: relative;
    display: flow-root;
    border: 0;
    border-radius: 8px;
    overflow: visible;
}

.admin-ia-domain.is-open,
.admin-ia-domain.has-active {
    background: rgba(0, 212, 255, .025);
}

.admin-ia-domain__trigger,
.admin-ia-link {
    width: 100%;
    min-height: 44px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    margin: 2px 12px;
    padding: 10px 14px;
    border: 0;
    border-radius: 8px;
    color: rgba(255, 255, 255, .82);
    background: transparent;
    font: inherit;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.admin-ia-domain__trigger::before,
.admin-ia-nav > .admin-ia-link::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 -105%;
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, .16), transparent);
    transition: left .45s ease;
    pointer-events: none;
}

.admin-ia-domain__trigger:hover::before,
.admin-ia-nav > .admin-ia-link:hover::before { left: 105%; }

.admin-ia-domain__trigger:hover,
.admin-ia-link:hover,
.admin-ia-link:focus-visible,
.admin-ia-domain__trigger:focus-visible {
    color: var(--ia-cyan);
    background: rgba(0, 212, 255, .1);
    box-shadow: inset -3px 0 0 rgba(255, 107, 0, .8), 0 0 16px rgba(0, 212, 255, .05);
    outline: 0;
}

.admin-ia-link.active,
.admin-ia-domain__trigger.active,
.admin-ia-domain.has-active > .admin-ia-domain__trigger {
    color: var(--ia-orange);
    background: rgba(255, 107, 0, .12);
    box-shadow: inset -4px 0 0 var(--ia-cyan), inset 0 0 20px rgba(255, 107, 0, .035);
}

.admin-ia-domain__icon,
.admin-ia-link__icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    color: var(--ia-cyan);
    background: transparent;
    filter: drop-shadow(0 0 5px rgba(0, 212, 255, .35));
}

.admin-ia-domain.has-active > .admin-ia-domain__trigger .admin-ia-domain__icon,
.admin-ia-link.active .admin-ia-link__icon { color: var(--ia-orange); filter: drop-shadow(0 0 5px rgba(255, 107, 0, .3)); }

.admin-ia-domain__chevron {
    font-size: 10px;
    color: var(--ia-cyan);
    opacity: .58;
    transition: transform .16s ease;
}

.admin-ia-domain.is-open .admin-ia-domain__chevron { transform: rotate(180deg); }

.admin-ia-domain__menu {
    display: none;
    margin: 0 12px 7px;
    padding: 5px 0;
    border-left: 3px solid rgba(0, 212, 255, .3);
    border-radius: 0 0 8px 8px;
    background:
        radial-gradient(ellipse at 0 50%, rgba(0, 212, 255, .075), transparent 48%),
        rgba(5, 5, 15, .58);
    overflow: hidden;
}

.admin-ia-domain.is-open .admin-ia-domain__menu { display: grid; gap: 2px; }

.admin-ia-domain__menu .admin-ia-link {
    min-height: 38px;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    margin: 0;
    padding: 7px 12px 7px 25px;
    border-radius: 0;
    font-size: 12.25px;
    font-weight: 500;
}

.admin-ia-domain__menu .admin-ia-link:hover,
.admin-ia-domain__menu .admin-ia-link:focus-visible { padding-left: 29px; box-shadow: none; background: rgba(0, 212, 255, .1); }

.admin-ia-domain__menu .admin-ia-link.active {
    color: var(--ia-cyan);
    background: rgba(0, 212, 255, .1);
    box-shadow: inset 3px 0 0 var(--ia-orange);
    font-weight: 650;
}

.admin-ia-domain__menu .admin-ia-link__icon {
    width: 20px;
    height: 20px;
    color: rgba(0, 212, 255, .7);
    background: transparent;
}

.admin-ia-link__meta {
    color: rgba(255, 107, 0, .82);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.admin-ia-link .lock-badge {
    max-width: 80px;
    padding: 3px 6px !important;
    font-size: 8px !important;
    white-space: nowrap;
}

.admin-ia-favorite {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    color: rgba(226, 232, 240, .38);
    background: transparent;
    cursor: pointer;
}

.admin-ia-favorite:hover,
.admin-ia-favorite[aria-pressed="true"] { color: #fbbf24; background: rgba(251, 191, 36, .1); }

.admin-ia-quick { display: none; }
.admin-ia-quick.has-items { display: block; }
.admin-ia-quick__items { display: grid; gap: 2px; }
.admin-ia-quick__items .admin-ia-link { min-height: 38px; padding-top: 7px; padding-bottom: 7px; color: rgba(255,255,255,.7); }

.admin-ia-command {
    position: sticky;
    top: 0;
    z-index: 80;
    min-height: 62px;
    margin: -2px -2px 18px;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid rgba(0, 212, 255, .18);
    border-left: 3px solid rgba(0, 212, 255, .66);
    border-radius: 10px;
    background: rgba(10, 10, 10, .84);
    box-shadow: 0 8px 26px rgba(0, 0, 0, .24), inset 0 0 18px rgba(0, 212, 255, .025);
    backdrop-filter: blur(14px);
}

.admin-ia-command__context { min-width: 0; }
.admin-ia-command__scope {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 4px;
    color: var(--electric-blue, #00d4ff);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-ia-command__crumbs {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.admin-ia-command__crumbs span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-ia-command__crumbs i { color: rgba(226, 232, 240, .36); font-size: 9px; }
.admin-ia-command__actions { display: flex; align-items: center; gap: 7px; }

.admin-ia-command__button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 8px;
    color: rgba(255, 255, 255, .84);
    background: rgba(255, 255, 255, .045);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.admin-ia-command__button:hover,
.admin-ia-command__button:focus-visible { color: var(--electric-blue, #00d4ff); border-color: rgba(0, 212, 255, .4); background: rgba(0, 212, 255, .09); outline: none; }
.admin-ia-command__button kbd { color: rgba(226, 232, 240, .5); font: inherit; font-size: 9px; }

.admin-ia-home-actions {
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(0, 212, 255, .16);
    border-radius: 12px;
    background: rgba(10, 10, 10, .52);
    box-shadow: inset 0 0 22px rgba(0, 212, 255, .025);
}

.admin-ia-role-home__intro { margin-bottom: 12px; padding: 20px; border: 1px solid rgba(0, 212, 255, .18); border-left: 3px solid var(--electric-orange, #ff6b00); border-radius: 10px; background: rgba(10, 10, 10, .58); }
.admin-ia-role-home__intro > span { color: var(--electric-blue, #00d4ff); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.admin-ia-role-home__intro h2 { margin: 6px 0; color: #fff; font-size: 24px; }
.admin-ia-role-home__intro p { margin: 0; color: rgba(226, 232, 240, .64); font-size: 12px; }

.admin-ia-home-actions__head { display: flex; justify-content: space-between; gap: 12px; align-items: start; margin-bottom: 13px; }
.admin-ia-home-actions h2 { margin: 0 0 4px; color: #fff; font-size: 17px; }
.admin-ia-home-actions p { margin: 0; color: rgba(226, 232, 240, .62); font-size: 12px; }
.admin-ia-home-actions__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.admin-ia-home-action { min-height: 74px; padding: 11px; border: 1px solid rgba(255,255,255,.11); border-radius: 9px; color: #fff; background: rgba(255,255,255,.035); text-align: left; cursor: pointer; }
.admin-ia-home-action:hover,.admin-ia-home-action:focus-visible { border-color: rgba(0, 212, 255, .38); background: rgba(0, 212, 255, .065); outline: none; }
.admin-ia-home-action i { color: var(--electric-blue, #00d4ff); margin-right: 7px; }
.admin-ia-home-action strong { display: block; margin-bottom: 5px; font-size: 12px; }
.admin-ia-home-action span { display: block; color: rgba(226, 232, 240, .55); font-size: 10px; line-height: 1.35; }

.admin-ia-scope-notice {
    margin: 0 0 14px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid rgba(0, 212, 255, .2);
    border-radius: 9px;
    color: rgba(226, 232, 240, .76);
    background: rgba(0, 212, 255, .055);
    font-size: 11px;
    line-height: 1.4;
}

.admin-ia-scope-notice strong { color: var(--electric-blue, #00d4ff); }
.admin-ia-scope-notice__badge { flex: 0 0 auto; padding: 4px 7px; border-radius: 5px; color: var(--electric-orange, #ff6b00); background: rgba(255, 107, 0, .1); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.admin-ia-access-card {
    margin: 0 0 20px;
    padding: 18px;
    border: 1px solid rgba(0, 212, 255, .18);
    border-radius: 11px;
    background: rgba(10, 10, 10, .58);
}
.admin-ia-access-card h3 { margin: 0 0 5px; color: #fff; font-size: 16px; }
.admin-ia-access-card > p { margin: 0 0 13px; color: rgba(226, 232, 240, .62); font-size: 11px; line-height: 1.45; }
.admin-ia-access-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.admin-ia-access-role { padding: 11px; border: 1px solid rgba(148, 163, 184, .15); border-radius: 11px; background: rgba(15, 23, 42, .55); }
.admin-ia-access-role.is-current { border-color: rgba(0, 212, 255, .46); box-shadow: inset 3px 0 0 var(--electric-orange, #ff6b00); }
.admin-ia-access-role strong { display: block; margin-bottom: 4px; color: #fff; font-size: 11px; }
.admin-ia-access-role span { display: block; color: rgba(226, 232, 240, .55); font-size: 9.5px; line-height: 1.4; }

.admin-ia-hub__hero { margin-bottom: 16px; padding: 20px; border: 1px solid rgba(255, 107, 0, .25); border-left: 3px solid rgba(255, 107, 0, .72); border-radius: 10px; background: rgba(10, 10, 10, .6); }
.admin-ia-hub__eyebrow { margin-bottom: 6px; color: var(--electric-orange, #ff6b00); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.admin-ia-hub__hero h2 { margin: 0 0 6px; color: #fff; font-size: 24px; }
.admin-ia-hub__hero p { max-width: 760px; margin: 0; color: rgba(226, 232, 240, .66); font-size: 12px; line-height: 1.55; }
.admin-ia-hub__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.admin-ia-hub__card { min-height: 138px; padding: 15px; border: 1px solid rgba(255,255,255,.11); border-radius: 9px; color: #fff; background: rgba(255,255,255,.035); text-align: left; cursor: pointer; }
.admin-ia-hub__card:hover,.admin-ia-hub__card:focus-visible { border-color: rgba(0, 212, 255, .38); background: rgba(0, 212, 255, .055); outline: none; }
.admin-ia-hub__card i { display: inline-flex; width: 31px; height: 31px; align-items: center; justify-content: center; margin-bottom: 14px; border-radius: 7px; color: var(--electric-orange, #ff6b00); background: rgba(255, 107, 0, .1); }
.admin-ia-hub__card strong { display: block; margin-bottom: 5px; font-size: 13px; }
.admin-ia-hub__card span { display: block; color: rgba(226, 232, 240, .56); font-size: 10.5px; line-height: 1.45; }

.admin-ia-search-dialog {
    width: min(680px, calc(100vw - 28px));
    max-height: min(680px, calc(100vh - 40px));
    padding: 0;
    border: 1px solid rgba(0, 212, 255, .32);
    border-radius: 12px;
    color: #f8fafc;
    background: #0b1020;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .58);
}

.admin-ia-search-dialog::backdrop { background: rgba(2, 6, 23, .76); backdrop-filter: blur(6px); }
.admin-ia-search__head { padding: 14px; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 9px; border-bottom: 1px solid rgba(148, 163, 184, .15); }
.admin-ia-search__input { width: 100%; border: 0; outline: 0; color: #fff; background: transparent; font: inherit; font-size: 16px; }
.admin-ia-search__close { border: 0; color: rgba(226, 232, 240, .65); background: transparent; cursor: pointer; }
.admin-ia-search__results { max-height: 530px; padding: 9px; overflow: auto; }
.admin-ia-search__result { width: 100%; display: grid; grid-template-columns: 1fr auto; gap: 6px; align-items: center; border-radius: 11px; color: #fff; background: transparent; }
.admin-ia-search__result:hover,.admin-ia-search__result:focus-within { background: rgba(0, 212, 255, .08); outline: none; }
.admin-ia-search__destination { min-width: 0; display: grid; grid-template-columns: 31px 1fr; gap: 10px; align-items: center; padding: 10px; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.admin-ia-search__destination:focus-visible,.admin-ia-favorite:focus-visible { border-radius: 6px; outline: 2px solid var(--electric-blue, #00d4ff); outline-offset: -2px; }
.admin-ia-search__destination i:first-child { color: var(--electric-blue, #00d4ff); }
.admin-ia-search__destination strong { display: block; font-size: 12px; }
.admin-ia-search__destination span { display: block; margin-top: 3px; color: rgba(226, 232, 240, .5); font-size: 10px; }
.admin-ia-search__empty { padding: 30px 16px; color: rgba(226, 232, 240, .58); text-align: center; font-size: 13px; }

/* Route isolation: shared legacy containers remain the single functional
 * source, while each enterprise navigation destination renders only its own
 * workflow. The class is temporary and cleared before every route change. */
.admin-ia-subview-hidden,
.crm-hub-route-hidden {
    display: none !important;
}

.admin-ia-subview-boundary {
    min-height: 1px;
}

.admin-ia-event-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 18px;
    padding: 10px;
    border: 1px solid rgba(0, 212, 255, .2);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(8, 15, 31, .94), rgba(31, 24, 63, .9));
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}
.admin-ia-event-tabs__buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.admin-ia-event-tabs__button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .74);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.admin-ia-event-tabs__button:hover { border-color: rgba(0, 212, 255, .42); color: #fff; }
.admin-ia-event-tabs__button.is-active {
    color: #fff;
    border-color: rgba(0, 212, 255, .62);
    background: rgba(0, 212, 255, .12);
    box-shadow: inset 0 -2px 0 #ff6b00;
}
.admin-ia-event-tabs__context { color: rgba(255, 255, 255, .56); font-size: 12px; text-align: right; max-width: 360px; }
@media (max-width: 760px) {
    .admin-ia-event-tabs { align-items: stretch; flex-direction: column; }
    .admin-ia-event-tabs__buttons { display: grid; grid-template-columns: 1fr; }
    .admin-ia-event-tabs__context { text-align: left; max-width: none; padding: 0 4px 3px; }
}

/* Enterprise sub-navigation harmonization.
 * These selectors deliberately outrank feature-local legacy rules so the
 * existing tabs keep their behavior while sharing the sidebar's restrained
 * cyan/orange visual language. */
.main-content :is(.scheduling-tabs, .feedback-tabs, .crm-subtab-nav, .ws-subnav, .chat-tabs),
#manager-notebook .nb-toggle {
    gap: 3px !important;
    padding: 4px !important;
    border: 1px solid rgba(0, 212, 255, .14) !important;
    border-radius: 9px !important;
    background: rgba(10, 10, 10, .48) !important;
    box-shadow: inset 0 0 16px rgba(0, 212, 255, .02);
}

.main-content :is(.scheduling-tabs .tab-btn, .feedback-tab, .crm-subtab-btn, .ws-tab, .chat-tab, .pto-subtab-btn, .task-view-tab, .devx-tab),
#manager-notebook .nb-tab {
    min-height: 38px;
    padding: 9px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, .68) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: 'Exo 2', sans-serif;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    transform: none !important;
    transition: color .15s ease, background .15s ease, border-color .15s ease !important;
}

.main-content :is(.scheduling-tabs .tab-btn, .feedback-tab, .crm-subtab-btn, .ws-tab, .chat-tab, .pto-subtab-btn, .task-view-tab, .devx-tab):hover,
#manager-notebook .nb-tab:hover {
    color: #fff !important;
    border-color: rgba(0, 212, 255, .2) !important;
    background: rgba(0, 212, 255, .06) !important;
}

.main-content :is(.scheduling-tabs .tab-btn.active, .feedback-tab.active, .crm-subtab-btn.is-active, .ws-tab.ws-active, .chat-tab.active, .pto-subtab-btn.active, .task-view-tab.active, .devx-tab[aria-selected="true"]),
#manager-notebook .nb-tab.active {
    color: var(--electric-blue, #00d4ff) !important;
    border-color: rgba(0, 212, 255, .3) !important;
    background: rgba(0, 212, 255, .1) !important;
    box-shadow: inset 0 -2px 0 var(--electric-orange, #ff6b00) !important;
}

.main-content :is(.scheduling-tabs, .feedback-tabs, .crm-subtab-nav, .ws-subnav) {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 212, 255, .28) transparent;
}

@media (max-width: 1050px) {
    .admin-ia-home-actions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-ia-command__button span, .admin-ia-command__button kbd { display: none; }
    .admin-ia-access-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-ia-hub__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .sidebar .admin-ia-domain__trigger,
    .sidebar .admin-ia-nav > .admin-ia-link,
    .sidebar .admin-ia-quick .admin-ia-link {
        width: calc(100% - 24px) !important;
        min-height: 44px !important;
        padding: 9px 14px !important;
        font-size: 13.5px !important;
    }
    .sidebar .admin-ia-domain__menu .admin-ia-link {
        width: 100% !important;
        min-height: 38px !important;
        padding: 7px 12px 7px 25px !important;
        font-size: 12.25px !important;
    }
    .sidebar .admin-ia-domain__menu .admin-ia-link:hover,
    .sidebar .admin-ia-domain__menu .admin-ia-link:focus-visible { padding-left: 29px !important; }
    .sidebar .admin-ia-sidebar-search {
        min-height: 47px !important;
        padding: 7px 9px !important;
        font-size: 12px !important;
    }
    .admin-ia-command { top: 8px; min-height: 56px; padding: 8px 10px; margin-bottom: 14px; }
    .admin-ia-command__scope { font-size: 9px; }
    .admin-ia-command__crumbs { font-size: 13px; }
    .admin-ia-command__button { min-width: 38px; justify-content: center; padding: 8px; }
    .admin-ia-home-actions { padding: 14px; }
    .admin-ia-home-actions__grid { grid-template-columns: 1fr; }
    .admin-ia-access-grid { grid-template-columns: 1fr; }
    .admin-ia-hub__grid { grid-template-columns: 1fr; }
    .admin-ia-scope-notice { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    html body::after { animation: none !important; }
    .admin-ia-domain, .admin-ia-domain__chevron, .admin-ia-domain__trigger, .admin-ia-link, .admin-ia-home-action { transition: none !important; scroll-behavior: auto !important; }
}