/* AHO-MGM 1.0.111 compiled UI bundle: 1.0.105 compatibility base + Floating Glass Enterprise Intelligence. */
/* AHO-MGM 1.0.105 compiled UI bundle. Source files retained for maintenance. */

/* ==========================================================================
   SOURCE: app.css
   ========================================================================== */

/*
===============================================================================
Techburg MGM & Analistik
Global Design System
Datei: public/assets/css/app.css
===============================================================================
*/


/* ============================================================================
   1. DESIGN TOKENS
   ========================================================================== */

:root {

    /* Brand */
    --color-primary: #5b67f1;
    --color-primary-hover: #4854e2;
    --color-primary-soft: #eef0ff;

    --color-secondary: #7c3aed;
    --color-secondary-soft: #f3e8ff;

    /* Functional colors */
    --color-success: #16a34a;
    --color-success-soft: #ecfdf3;

    --color-warning: #f59e0b;
    --color-warning-soft: #fff7e6;

    --color-danger: #dc2626;
    --color-danger-soft: #fff1f2;

    --color-info: #0284c7;
    --color-info-soft: #eff8ff;

    /* Module accents */
    --module-social: #5b67f1;
    --module-social-soft: #eef0ff;

    --module-lab: #7c3aed;
    --module-lab-soft: #f5f0ff;

    --module-event: #14b8a6;
    --module-event-soft: #ecfdf9;

    --module-exchange: #f59e0b;
    --module-exchange-soft: #fff8e8;

    --module-inventory: #0ea5e9;
    --module-inventory-soft: #edf9ff;

    /* Background */
    --bg-app: #f7f8fc;
    --bg-sidebar: #ffffff;
    --bg-card: #ffffff;
    --bg-muted: #f8fafc;
    --bg-hover: #f4f6fb;

    /* Text */
    --text-primary: #182033;
    --text-secondary: #667085;
    --text-muted: #98a2b3;
    --text-inverse: #ffffff;

    /* Border */
    --border-color: #e7eaf0;
    --border-strong: #d8dde8;

    /* Shadows */
    --shadow-xs:
        0 1px 2px rgba(16, 24, 40, 0.04);

    --shadow-sm:
        0 4px 16px rgba(16, 24, 40, 0.05);

    --shadow-md:
        0 12px 34px rgba(16, 24, 40, 0.08);

    --shadow-lg:
        0 24px 60px rgba(16, 24, 40, 0.12);

    /* Radius */
    --radius-xs: 8px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    --radius-2xl: 28px;
    --radius-round: 999px;

    /* Spacing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-9: 40px;
    --space-10: 48px;

    /* Layout */
    --sidebar-width: 272px;
    --topbar-height: 76px;
    --content-max-width: 1800px;

    /* Animation */
    --transition-fast: 150ms ease;
    --transition-normal: 220ms ease;
    --transition-slow: 320ms ease;

}


/* ============================================================================
   2. RESET
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    min-height: 100%;

    font-size: 16px;

    scroll-behavior: smooth;
}


body {
    margin: 0;

    min-width: 320px;
    min-height: 100vh;

    background:
        var(--bg-app);

    color:
        var(--text-primary);

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 15px;

    line-height: 1.5;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


button,
input,
select,
textarea {
    font: inherit;
}


button,
a {
    -webkit-tap-highlight-color: transparent;
}


a {
    color: inherit;

    text-decoration: none;
}


button {
    color: inherit;
}


img,
svg {
    display: block;
}


svg {
    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;
}


::selection {
    background:
        rgba(91, 103, 241, 0.16);

    color:
        var(--text-primary);
}


/* ============================================================================
   3. APP LAYOUT
   ========================================================================== */

.app-shell {
    display: flex;

    min-height: 100vh;
}


.app-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;

    min-width: 0;
    min-height: 100vh;

    margin-left:
        var(--sidebar-width);
}


.content {
    width: 100%;
    max-width:
        var(--content-max-width);

    margin:
        0 auto;

    padding:
        30px 34px 54px;
}


/* ============================================================================
   4. SIDEBAR
   ========================================================================== */

.sidebar {
    position: fixed;
    z-index: 100;

    top: 0;
    bottom: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width:
        var(--sidebar-width);

    background:
        var(--bg-sidebar);

    border-right:
        1px solid var(--border-color);

    transition:
        transform var(--transition-normal);
}


.sidebar__brand {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height:
        var(--topbar-height);

    padding:
        0 20px;

    border-bottom:
        1px solid var(--border-color);
}


.brand {
    display: inline-flex;
    align-items: center;

    min-width: 0;

    gap: 12px;
}


.brand__mark {
    display: grid;
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    place-items: center;

    border-radius:
        14px;

    background:
        linear-gradient(
            135deg,
            #6874f8,
            #514ce9
        );

    color:
        #ffffff;

    box-shadow:
        0 8px 20px
        rgba(91, 103, 241, 0.28);

    font-size: 19px;
    font-weight: 800;
}


.brand__text {
    display: flex;
    flex-direction: column;

    min-width: 0;

    line-height: 1.2;
}


.brand__text strong {
    font-size: 18px;
    font-weight: 800;

    letter-spacing: -0.02em;
}


.brand__text small {
    margin-top: 3px;

    overflow: hidden;

    color:
        var(--text-muted);

    font-size: 10px;
    font-weight: 600;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.sidebar__close {
    display: none;

    width: 38px;
    height: 38px;

    border: 0;

    border-radius:
        10px;

    background:
        transparent;

    color:
        var(--text-secondary);

    cursor: pointer;
}


.sidebar__close:hover {
    background:
        var(--bg-hover);
}


.sidebar__navigation {
    flex: 1 1 auto;

    overflow-y: auto;

    padding:
        18px 14px 26px;
}


.nav-section + .nav-section {
    margin-top:
        24px;
}


.nav-section__title {
    padding:
        0 12px;

    margin-bottom:
        8px;

    color:
        var(--text-muted);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;
}


.nav-section__items {
    display: grid;

    gap: 4px;
}


.nav-item {
    display: flex;
    align-items: center;

    min-height:
        46px;

    padding:
        0 12px;

    border-radius:
        12px;

    color:
        #4b5565;

    gap: 12px;

    transition:
        background var(--transition-fast),
        color var(--transition-fast),
        transform var(--transition-fast);
}


.nav-item:hover {
    background:
        var(--bg-hover);

    color:
        var(--text-primary);

    transform:
        translateX(2px);
}


.nav-item.is-active {
    background:
        var(--color-primary-soft);

    color:
        var(--color-primary);

    font-weight:
        700;
}


.nav-item__icon {
    display: grid;
    flex: 0 0 auto;

    width: 22px;
    height: 22px;

    place-items: center;
}


.nav-item__icon svg {
    width: 20px;
    height: 20px;
}


.nav-item__label {
    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.sidebar__footer {
    padding:
        14px;

    border-top:
        1px solid var(--border-color);
}


.system-indicator {
    display: flex;
    align-items: center;

    min-height:
        56px;

    padding:
        10px 12px;

    border-radius:
        14px;

    background:
        #f8fafc;

    gap: 11px;
}


.system-indicator__dot {
    width: 9px;
    height: 9px;

    border-radius:
        50%;

    background:
        var(--color-success);

    box-shadow:
        0 0 0 5px
        rgba(22, 163, 74, 0.10);
}


.system-indicator div {
    display: flex;
    flex-direction: column;
}


.system-indicator strong {
    font-size: 12px;
}


.system-indicator small {
    margin-top: 2px;

    color:
        var(--text-muted);

    font-size: 10px;
}


/* ============================================================================
   5. TOPBAR
   ========================================================================== */

.topbar {
    position: sticky;
    z-index: 80;

    top: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height:
        var(--topbar-height);

    padding:
        0 32px;

    background:
        rgba(255, 255, 255, 0.88);

    border-bottom:
        1px solid var(--border-color);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);
}


.topbar__left,
.topbar__actions {
    display: flex;
    align-items: center;
}


.topbar__left {
    min-width: 0;

    gap: 14px;
}


.topbar__actions {
    gap: 8px;
}


.topbar__title {
    display: flex;
    flex-direction: column;

    min-width: 0;
}


.topbar__eyebrow {
    margin-bottom: 2px;

    color:
        var(--text-muted);

    font-size: 10px;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;
}


.topbar__title strong {
    overflow: hidden;

    font-size: 16px;

    font-weight: 750;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.topbar__menu {
    display: none;
}


/* ============================================================================
   6. ICON BUTTON
   ========================================================================== */

.icon-button {
    position: relative;

    display: grid;
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    padding: 0;

    place-items: center;

    border:
        1px solid transparent;

    border-radius:
        12px;

    background:
        transparent;

    color:
        #667085;

    cursor: pointer;

    transition:
        background var(--transition-fast),
        border-color var(--transition-fast),
        color var(--transition-fast);
}


.icon-button:hover {
    background:
        #f5f7fb;

    border-color:
        var(--border-color);

    color:
        var(--text-primary);
}


.icon-button svg {
    width: 20px;
    height: 20px;
}


.notification-button__badge {
    position: absolute;

    top: 4px;
    right: 3px;

    display: grid;

    min-width: 17px;
    height: 17px;

    padding:
        0 4px;

    place-items: center;

    border:
        2px solid #ffffff;

    border-radius:
        var(--radius-round);

    background:
        var(--color-danger);

    color:
        #ffffff;

    font-size: 9px;
    font-weight: 800;
}


/* ============================================================================
   7. USER MENU
   ========================================================================== */

.user-menu {
    display: flex;
    align-items: center;

    min-height: 48px;

    margin-left: 4px;

    padding:
        5px 8px 5px 6px;

    border:
        1px solid transparent;

    border-radius:
        14px;

    background:
        transparent;

    cursor: pointer;

    gap: 10px;
}


.user-menu:hover {
    background:
        var(--bg-hover);

    border-color:
        var(--border-color);
}


.user-menu__avatar {
    display: grid;
    flex: 0 0 auto;

    width: 36px;
    height: 36px;

    place-items: center;

    border-radius:
        50%;

    background:
        linear-gradient(
            135deg,
            #f1f2ff,
            #e3e6ff
        );

    color:
        var(--color-primary);

    font-size: 12px;
    font-weight: 800;
}


.user-menu__avatar--large {
    width: 44px;
    height: 44px;

    font-size: 14px;
}


.user-menu__details {
    display: flex;
    flex-direction: column;

    min-width: 0;

    text-align: left;
}


.user-menu__details strong {
    max-width: 150px;

    overflow: hidden;

    font-size: 12px;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.user-menu__details small {
    margin-top: 2px;

    color:
        var(--text-muted);

    font-size: 10px;
}


.user-menu__chevron {
    width: 16px;
    height: 16px;

    color:
        var(--text-muted);
}


/* ============================================================================
   8. PROFILE DROPDOWN
   ========================================================================== */

.profile-dropdown {
    position: fixed;
    z-index: 120;

    top: 68px;
    right: 24px;

    width: 260px;

    padding:
        8px;

    border:
        1px solid var(--border-color);

    border-radius:
        18px;

    background:
        #ffffff;

    box-shadow:
        var(--shadow-lg);
}


.profile-dropdown[hidden] {
    display: none;
}


.profile-dropdown__header {
    display: flex;
    align-items: center;

    padding:
        12px;

    gap: 12px;
}


.profile-dropdown__header div {
    display: flex;
    flex-direction: column;
}


.profile-dropdown__header strong {
    font-size: 13px;
}


.profile-dropdown__header small {
    margin-top: 2px;

    color:
        var(--text-muted);

    font-size: 11px;
}


.profile-dropdown__divider {
    height: 1px;

    margin:
        6px 4px;

    background:
        var(--border-color);
}


.profile-dropdown > a {
    display: flex;
    align-items: center;

    min-height:
        42px;

    padding:
        0 12px;

    border-radius:
        10px;

    color:
        var(--text-secondary);

    font-size: 13px;

    font-weight: 600;
}


.profile-dropdown > a:hover {
    background:
        var(--bg-hover);

    color:
        var(--text-primary);
}


.profile-dropdown__logout {
    color:
        var(--color-danger) !important;
}


/* ============================================================================
   9. PAGE HEADER
   ========================================================================== */

.page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    margin-bottom:
        28px;

    gap: 24px;
}


.page-header__eyebrow {
    display: block;

    margin-bottom: 6px;

    color:
        var(--color-primary);

    font-size: 11px;

    font-weight: 800;

    letter-spacing:
        0.08em;

    text-transform: uppercase;
}


.page-header h1 {
    margin: 0;

    font-size:
        clamp(
            26px,
            3vw,
            38px
        );

    font-weight: 800;

    letter-spacing:
        -0.035em;

    line-height: 1.15;
}


.page-header p {
    max-width: 760px;

    margin:
        9px 0 0;

    color:
        var(--text-secondary);

    line-height: 1.65;
}


.page-header__actions {
    display: flex;
    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ============================================================================
   10. CARD SYSTEM
   ========================================================================== */

.card {
    position: relative;

    border:
        1px solid var(--border-color);

    border-radius:
        var(--radius-xl);

    background:
        var(--bg-card);

    box-shadow:
        var(--shadow-xs);
}


.card--interactive {
    transition:
        transform var(--transition-normal),
        box-shadow var(--transition-normal),
        border-color var(--transition-normal);
}


.card--interactive:hover {
    transform:
        translateY(-2px);

    border-color:
        #dfe3eb;

    box-shadow:
        var(--shadow-md);
}


.card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    padding:
        22px 24px 0;

    gap: 16px;
}


.card__body {
    padding:
        22px 24px 24px;
}


.card__footer {
    padding:
        0 24px 22px;
}


.card__title {
    margin: 0;

    font-size: 15px;

    font-weight: 760;

    letter-spacing:
        -0.01em;
}


.card__subtitle {
    margin-top: 4px;

    color:
        var(--text-muted);

    font-size: 11px;
}


/* ============================================================================
   11. GRID SYSTEM
   ========================================================================== */

.grid {
    display: grid;

    gap: 18px;
}


.grid--2 {
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
}


.grid--3 {
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
}


.grid--4 {
    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
}


.grid--5 {
    grid-template-columns:
        repeat(
            5,
            minmax(0, 1fr)
        );
}


.grid--6 {
    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );
}


/* ============================================================================
   12. KPI CARDS
   ========================================================================== */

.kpi-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 16px;

    margin-bottom:
        22px;
}


.kpi-card {
    position: relative;

    overflow: hidden;

    min-height:
        142px;

    padding:
        22px;

    border:
        1px solid var(--border-color);

    border-radius:
        20px;

    background:
        #ffffff;

    box-shadow:
        var(--shadow-xs);
}


.kpi-card::after {
    position: absolute;

    width: 105px;
    height: 105px;

    top: -42px;
    right: -36px;

    border-radius:
        50%;

    background:
        var(--kpi-soft, #eef0ff);

    content: "";
}


.kpi-card__top {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}


.kpi-card__icon {
    display: grid;

    width: 38px;
    height: 38px;

    place-items: center;

    border-radius:
        12px;

    background:
        var(--kpi-soft, #eef0ff);

    color:
        var(--kpi-color, var(--color-primary));
}


.kpi-card__icon svg {
    width: 20px;
    height: 20px;
}


.kpi-card__label {
    color:
        var(--text-secondary);

    font-size: 12px;
    font-weight: 650;
}


.kpi-card__value {
    position: relative;
    z-index: 1;

    margin-top: 15px;

    font-size:
        clamp(
            28px,
            3vw,
            36px
        );

    font-weight: 820;

    letter-spacing:
        -0.045em;

    line-height: 1;
}


.kpi-card__footer {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;

    margin-top: 12px;

    gap: 6px;
}


.kpi-card__change {
    display: inline-flex;
    align-items: center;

    padding:
        4px 7px;

    border-radius:
        var(--radius-round);

    font-size: 10px;
    font-weight: 750;
}


.kpi-card__change--positive {
    background:
        var(--color-success-soft);

    color:
        var(--color-success);
}


.kpi-card__change--negative {
    background:
        var(--color-danger-soft);

    color:
        var(--color-danger);
}


.kpi-card__comparison {
    color:
        var(--text-muted);

    font-size: 10px;
}


/* KPI Variants */

.kpi-card--social {
    --kpi-color:
        var(--module-social);

    --kpi-soft:
        var(--module-social-soft);
}


.kpi-card--lab {
    --kpi-color:
        var(--module-lab);

    --kpi-soft:
        var(--module-lab-soft);
}


.kpi-card--event {
    --kpi-color:
        var(--module-event);

    --kpi-soft:
        var(--module-event-soft);
}


.kpi-card--exchange {
    --kpi-color:
        var(--module-exchange);

    --kpi-soft:
        var(--module-exchange-soft);
}


.kpi-card--inventory {
    --kpi-color:
        var(--module-inventory);

    --kpi-soft:
        var(--module-inventory-soft);
}


/* ============================================================================
   13. BUTTONS
   ========================================================================== */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height:
        42px;

    padding:
        0 16px;

    border:
        1px solid transparent;

    border-radius:
        11px;

    background:
        #ffffff;

    color:
        var(--text-primary);

    cursor: pointer;

    font-size: 13px;
    font-weight: 700;

    gap: 8px;

    transition:
        background var(--transition-fast),
        color var(--transition-fast),
        border-color var(--transition-fast),
        transform var(--transition-fast),
        box-shadow var(--transition-fast);
}


.btn:hover {
    transform:
        translateY(-1px);
}


.btn:active {
    transform:
        translateY(0);
}


.btn--primary {
    background:
        var(--color-primary);

    color:
        #ffffff;

    box-shadow:
        0 7px 18px
        rgba(91, 103, 241, 0.20);
}


.btn--primary:hover {
    background:
        var(--color-primary-hover);
}


.btn--secondary {
    border-color:
        var(--border-color);

    background:
        #ffffff;
}


.btn--secondary:hover {
    background:
        var(--bg-hover);
}


.btn--danger {
    background:
        var(--color-danger);

    color:
        #ffffff;
}


.btn--success {
    background:
        var(--color-success);

    color:
        #ffffff;
}


.btn--ghost {
    background:
        transparent;

    color:
        var(--text-secondary);
}


.btn--ghost:hover {
    background:
        var(--bg-hover);

    color:
        var(--text-primary);
}


.btn--sm {
    min-height: 34px;

    padding:
        0 12px;

    font-size: 11px;
}


.btn--lg {
    min-height: 48px;

    padding:
        0 20px;

    font-size: 14px;
}


.btn svg {
    width: 18px;
    height: 18px;
}


/* ============================================================================
   14. FORMS
   ========================================================================== */

.form-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 18px;
}


.form-group {
    display: flex;
    flex-direction: column;

    gap: 7px;
}


.form-group--full {
    grid-column:
        1 / -1;
}


.form-label {
    color:
        #344054;

    font-size: 12px;

    font-weight: 700;
}


.form-help {
    color:
        var(--text-muted);

    font-size: 10px;

    line-height: 1.5;
}


.form-control,
.form-select,
.form-textarea {
    width: 100%;

    border:
        1px solid var(--border-strong);

    border-radius:
        12px;

    background:
        #ffffff;

    color:
        var(--text-primary);

    outline: none;

    transition:
        border-color var(--transition-fast),
        box-shadow var(--transition-fast),
        background var(--transition-fast);
}


.form-control,
.form-select {
    min-height:
        44px;

    padding:
        0 13px;
}


.form-textarea {
    min-height:
        120px;

    padding:
        12px 13px;

    resize: vertical;
}


.form-control::placeholder,
.form-textarea::placeholder {
    color:
        #b0b7c3;
}


.form-control:focus,
.form-select:focus,
.form-textarea:focus {
    border-color:
        var(--color-primary);

    box-shadow:
        0 0 0 4px
        rgba(91, 103, 241, 0.10);
}


.form-control:disabled,
.form-select:disabled,
.form-textarea:disabled {
    background:
        #f7f8fa;

    color:
        var(--text-muted);

    cursor: not-allowed;
}


.form-error {
    color:
        var(--color-danger);

    font-size: 10px;
}


/* ============================================================================
   15. CHOICE PILLS / MULTI SELECT
   ========================================================================== */

.choice-grid {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;
}


.choice {
    position: relative;
}


.choice input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;

    pointer-events: none;
}


.choice label {
    display: inline-flex;
    align-items: center;

    min-height: 38px;

    padding:
        0 13px;

    border:
        1px solid var(--border-color);

    border-radius:
        11px;

    background:
        #ffffff;

    color:
        var(--text-secondary);

    cursor: pointer;

    font-size: 12px;

    font-weight: 650;

    transition:
        background var(--transition-fast),
        border-color var(--transition-fast),
        color var(--transition-fast),
        box-shadow var(--transition-fast);
}


.choice label:hover {
    border-color:
        #cfd5df;

    background:
        #fafbfc;
}


.choice input:checked + label {
    border-color:
        rgba(91, 103, 241, 0.35);

    background:
        var(--color-primary-soft);

    color:
        var(--color-primary);

    box-shadow:
        inset 0 0 0 1px
        rgba(91, 103, 241, 0.08);
}


/* ============================================================================
   16. FORM SECTIONS
   ========================================================================== */

.form-section {
    padding:
        24px;

    border:
        1px solid var(--border-color);

    border-radius:
        var(--radius-xl);

    background:
        #ffffff;

    box-shadow:
        var(--shadow-xs);
}


.form-section + .form-section {
    margin-top:
        18px;
}


.form-section__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    margin-bottom:
        22px;

    gap: 20px;
}


.form-section__header h2 {
    margin: 0;

    font-size: 17px;

    font-weight: 800;

    letter-spacing:
        -0.02em;
}


.form-section__header p {
    margin:
        5px 0 0;

    color:
        var(--text-secondary);

    font-size: 12px;
}


/* ============================================================================
   17. TABLES
   ========================================================================== */

.table-card {
    overflow: hidden;

    border:
        1px solid var(--border-color);

    border-radius:
        var(--radius-xl);

    background:
        #ffffff;

    box-shadow:
        var(--shadow-xs);
}


.table-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding:
        16px 18px;

    border-bottom:
        1px solid var(--border-color);

    gap: 16px;
}


.table-toolbar__left,
.table-toolbar__right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}


.table-responsive {
    overflow-x: auto;
}


.data-table {
    width: 100%;

    border-collapse: collapse;
}


.data-table th,
.data-table td {
    padding:
        14px 18px;

    border-bottom:
        1px solid #edf0f4;

    text-align: left;

    vertical-align: middle;
}


.data-table th {
    position: sticky;

    z-index: 1;

    top: 0;

    background:
        #fafbfc;

    color:
        #667085;

    font-size: 10px;

    font-weight: 800;

    letter-spacing:
        0.055em;

    text-transform: uppercase;
}


.data-table td {
    color:
        #344054;

    font-size: 12px;
}


.data-table tbody tr {
    transition:
        background var(--transition-fast);
}


.data-table tbody tr:hover {
    background:
        #fafbff;
}


.data-table tbody tr:last-child td {
    border-bottom: 0;
}


/* ============================================================================
   18. BADGES
   ========================================================================== */

.badge {
    display: inline-flex;
    align-items: center;

    min-height:
        25px;

    padding:
        0 9px;

    border-radius:
        var(--radius-round);

    background:
        #f2f4f7;

    color:
        #475467;

    font-size: 10px;

    font-weight: 750;
}


.badge--success {
    background:
        var(--color-success-soft);

    color:
        var(--color-success);
}


.badge--warning {
    background:
        var(--color-warning-soft);

    color:
        #b36b00;
}


.badge--danger {
    background:
        var(--color-danger-soft);

    color:
        var(--color-danger);
}


.badge--info {
    background:
        var(--color-info-soft);

    color:
        var(--color-info);
}


.badge--primary {
    background:
        var(--color-primary-soft);

    color:
        var(--color-primary);
}


/* ============================================================================
   19. ALERTS
   ========================================================================== */

.alert {
    display: flex;
    align-items: flex-start;

    margin-bottom:
        18px;

    padding:
        14px 16px;

    border:
        1px solid transparent;

    border-radius:
        14px;

    gap: 10px;
}


.alert strong {
    flex: 0 0 auto;

    font-size: 12px;
}


.alert span {
    font-size: 12px;

    line-height: 1.55;
}


.alert--success {
    border-color:
        #ccebd7;

    background:
        var(--color-success-soft);

    color:
        #166534;
}


.alert--danger {
    border-color:
        #ffd5d8;

    background:
        var(--color-danger-soft);

    color:
        #b42318;
}


.alert--warning {
    border-color:
        #fde6b5;

    background:
        var(--color-warning-soft);

    color:
        #92400e;
}


.alert--info {
    border-color:
        #caeafa;

    background:
        var(--color-info-soft);

    color:
        #075985;
}


/* ============================================================================
   20. DASHBOARD BLOCKS
   ========================================================================== */

.dashboard-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 2fr)
        minmax(300px, 1fr);

    gap: 18px;
}


.dashboard-stack {
    display: grid;

    gap: 18px;
}


.dashboard-panel {
    min-height:
        300px;
}


/* ============================================================================
   21. CHART PLACEHOLDERS
   ========================================================================== */

.chart-container {
    position: relative;

    min-height:
        280px;
}


.chart-empty {
    display: grid;

    min-height:
        280px;

    place-items: center;

    border:
        1px dashed #d9dee8;

    border-radius:
        14px;

    background:
        #fafbfc;

    color:
        var(--text-muted);

    text-align: center;
}


.chart-empty strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--text-secondary);
}


/* ============================================================================
   22. LISTS / RECENT ACTIVITY
   ========================================================================== */

.activity-list {
    display: grid;
}


.activity-item {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    align-items: center;

    padding:
        13px 0;

    border-bottom:
        1px solid #edf0f4;

    gap: 12px;
}


.activity-item:last-child {
    border-bottom: 0;
}


.activity-item__icon {
    display: grid;

    width: 36px;
    height: 36px;

    place-items: center;

    border-radius:
        11px;

    background:
        var(--color-primary-soft);

    color:
        var(--color-primary);
}


.activity-item__icon svg {
    width: 18px;
    height: 18px;
}


.activity-item__content {
    min-width: 0;
}


.activity-item__content strong {
    display: block;

    overflow: hidden;

    font-size: 12px;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.activity-item__content small {
    display: block;

    margin-top: 3px;

    color:
        var(--text-muted);

    font-size: 10px;
}


.activity-item__time {
    color:
        var(--text-muted);

    font-size: 10px;
}


/* ============================================================================
   23. WARNING CARDS
   ========================================================================== */

.warning-list {
    display: grid;

    gap: 10px;
}


.warning-card {
    display: flex;
    align-items: flex-start;

    padding:
        14px;

    border:
        1px solid var(--border-color);

    border-radius:
        14px;

    background:
        #ffffff;

    gap: 11px;
}


.warning-card__icon {
    display: grid;
    flex: 0 0 auto;

    width: 34px;
    height: 34px;

    place-items: center;

    border-radius:
        10px;

    background:
        var(--color-warning-soft);

    color:
        var(--color-warning);
}


.warning-card--critical
.warning-card__icon {
    background:
        var(--color-danger-soft);

    color:
        var(--color-danger);
}


.warning-card__content {
    flex: 1;

    min-width: 0;
}


.warning-card__content strong {
    display: block;

    font-size: 12px;
}


.warning-card__content p {
    margin:
        4px 0 0;

    color:
        var(--text-secondary);

    font-size: 10px;

    line-height: 1.5;
}


/* ============================================================================
   24. TABS
   ========================================================================== */

.tabs {
    display: flex;
    align-items: center;

    overflow-x: auto;

    padding:
        4px;

    border:
        1px solid var(--border-color);

    border-radius:
        13px;

    background:
        #ffffff;

    gap: 3px;
}


.tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height:
        36px;

    padding:
        0 13px;

    border-radius:
        9px;

    color:
        var(--text-secondary);

    font-size: 11px;

    font-weight: 700;

    white-space: nowrap;
}


.tab:hover {
    background:
        var(--bg-hover);
}


.tab.is-active {
    background:
        var(--color-primary-soft);

    color:
        var(--color-primary);
}


/* ============================================================================
   25. FILTER BAR
   ========================================================================== */

.filter-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    padding:
        12px;

    border:
        1px solid var(--border-color);

    border-radius:
        15px;

    background:
        #ffffff;

    gap: 9px;
}


.filter-control {
    min-height:
        38px;

    padding:
        0 11px;

    border:
        1px solid var(--border-color);

    border-radius:
        10px;

    background:
        #ffffff;

    color:
        var(--text-secondary);

    outline: none;

    font-size: 11px;
}


.filter-control:focus {
    border-color:
        var(--color-primary);

    box-shadow:
        0 0 0 3px
        rgba(91, 103, 241, 0.08);
}


/* ============================================================================
   26. EMPTY STATES
   ========================================================================== */

.empty-state {
    display: grid;

    min-height:
        280px;

    padding:
        34px;

    place-items: center;

    text-align: center;
}


.empty-state__inner {
    max-width:
        420px;
}


.empty-state__icon {
    display: grid;

    width: 54px;
    height: 54px;

    margin:
        0 auto 16px;

    place-items: center;

    border-radius:
        16px;

    background:
        var(--color-primary-soft);

    color:
        var(--color-primary);
}


.empty-state h3 {
    margin:
        0;

    font-size: 17px;
}


.empty-state p {
    margin:
        8px 0 18px;

    color:
        var(--text-secondary);

    font-size: 12px;

    line-height: 1.6;
}


/* ============================================================================
   27. LOADING SKELETON
   ========================================================================== */

.skeleton {
    position: relative;

    overflow: hidden;

    border-radius:
        8px;

    background:
        #eef1f5;
}


.skeleton::after {
    position: absolute;

    inset: 0;

    transform:
        translateX(-100%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.62),
            transparent
        );

    animation:
        aho-skeleton 1.5s infinite;

    content: "";
}


@keyframes aho-skeleton {

    100% {
        transform:
            translateX(100%);
    }

}


/* ============================================================================
   28. MODAL
   ========================================================================== */

.modal-backdrop {
    position: fixed;
    z-index: 200;

    inset: 0;

    display: grid;

    padding: 24px;

    place-items: center;

    background:
        rgba(17, 24, 39, 0.38);

    backdrop-filter:
        blur(4px);
}


.modal {
    width:
        min(
            100%,
            680px
        );

    max-height:
        calc(100vh - 48px);

    overflow-y: auto;

    border:
        1px solid var(--border-color);

    border-radius:
        24px;

    background:
        #ffffff;

    box-shadow:
        var(--shadow-lg);
}


.modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding:
        20px 22px;

    border-bottom:
        1px solid var(--border-color);
}


.modal__body {
    padding:
        22px;
}


.modal__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    padding:
        16px 22px;

    border-top:
        1px solid var(--border-color);

    gap: 10px;
}


/* ============================================================================
   29. TOASTS
   ========================================================================== */

.toast-container {
    position: fixed;
    z-index: 300;

    right: 22px;
    bottom: 22px;

    display: grid;

    width:
        min(
            390px,
            calc(100vw - 44px)
        );

    gap: 10px;
}


.toast {
    padding:
        14px 16px;

    border:
        1px solid var(--border-color);

    border-radius:
        14px;

    background:
        #ffffff;

    box-shadow:
        var(--shadow-md);
}


/* ============================================================================
   30. FOOTER
   ========================================================================== */

.app-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    max-width:
        var(--content-max-width);

    margin:
        auto auto 0;

    padding:
        20px 34px;

    color:
        var(--text-muted);

    font-size: 10px;

    gap: 12px;
}


/* ============================================================================
   31. MOBILE SIDEBAR OVERLAY
   ========================================================================== */

.sidebar-overlay {
    position: fixed;
    z-index: 90;

    inset: 0;

    display: none;

    border: 0;

    background:
        rgba(17, 24, 39, 0.36);

    backdrop-filter:
        blur(2px);
}


/* ============================================================================
   32. RESPONSIVE
   ========================================================================== */

@media (
    max-width: 1300px
) {

    .kpi-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .grid--5,
    .grid--6 {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

}


@media (
    max-width: 1080px
) {

    .sidebar {
        transform:
            translateX(-100%);

        box-shadow:
            var(--shadow-lg);
    }


    body.sidebar-open
    .sidebar {
        transform:
            translateX(0);
    }


    body.sidebar-open
    .sidebar-overlay {
        display: block;
    }


    .sidebar__close {
        display: grid;

        place-items: center;
    }


    .app-main {
        margin-left: 0;
    }


    .topbar__menu {
        display: grid;
    }


    .dashboard-grid {
        grid-template-columns:
            1fr;
    }


    .grid--4 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}


@media (
    max-width: 760px
) {

    :root {
        --topbar-height: 66px;
    }


    .content {
        padding:
            22px 16px 40px;
    }


    .topbar {
        padding:
            0 14px;
    }


    .topbar__eyebrow {
        display: none;
    }


    .topbar__title strong {
        font-size: 14px;
    }


    .user-menu {
        padding: 4px;
    }


    .user-menu__details,
    .user-menu__chevron {
        display: none;
    }


    .page-header {
        align-items: stretch;
        flex-direction: column;

        margin-bottom: 20px;
    }


    .page-header__actions {
        justify-content: flex-start;
    }


    .kpi-grid {
        grid-template-columns:
            1fr 1fr;

        gap: 12px;
    }


    .kpi-card {
        min-height: 125px;

        padding: 18px;
    }


    .kpi-card__value {
        font-size: 28px;
    }


    .grid--2,
    .grid--3,
    .grid--4,
    .grid--5,
    .grid--6 {
        grid-template-columns:
            1fr;
    }


    .form-grid {
        grid-template-columns:
            1fr;
    }


    .table-toolbar {
        align-items: stretch;
        flex-direction: column;
    }


    .table-toolbar__left,
    .table-toolbar__right {
        width: 100%;
    }


    .app-footer {
        align-items: flex-start;
        flex-direction: column;

        padding:
            18px 16px;
    }


    .profile-dropdown {
        top: 62px;
        right: 12px;
    }

}


@media (
    max-width: 520px
) {

    .kpi-grid {
        grid-template-columns:
            1fr;
    }


    .kpi-card {
        min-height: 120px;
    }


    .page-header h1 {
        font-size: 26px;
    }


    .form-section {
        padding: 18px;
    }


    .card__header {
        padding:
            18px 18px 0;
    }


    .card__body {
        padding:
            18px;
    }


    .icon-button {
        width: 38px;
        height: 38px;
    }

}


/* ============================================================================
   33. ACCESSIBILITY
   ========================================================================== */

:focus-visible {
    outline:
        3px solid
        rgba(91, 103, 241, 0.28);

    outline-offset:
        2px;
}


@media (
    prefers-reduced-motion: reduce
) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

}


/* ============================================================================
   34. PRINT
   ========================================================================== */

@media print {

    body {
        background:
            #ffffff;
    }


    .sidebar,
    .topbar,
    .app-footer,
    .sidebar-overlay,
    .btn,
    .profile-dropdown {
        display:
            none !important;
    }


    .app-main {
        margin-left: 0;
    }


    .content {
        max-width: none;

        padding: 0;
    }


    .card,
    .table-card,
    .form-section {
        box-shadow: none;

        break-inside: avoid;
    }

}
/* AHO 2.1 – funktionale Moduloberflächen */
.aho-inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.aho-inline-form label{display:flex;gap:6px;align-items:center}.aho-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aho-form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}.aho-form-grid input,.aho-form-grid select,.aho-form-grid textarea,.aho-inline-form input{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #cfd6df;border-radius:8px;background:#fff;color:#172033}.aho-form-grid select[multiple]{min-height:120px}.aho-checkbox{flex-direction:row!important;align-items:center!important}.aho-checkbox input{width:auto!important}.aho-span-2{grid-column:1/-1}.aho-actions{display:flex;gap:10px;align-items:center}.aho-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e6e9ee;text-align:left;vertical-align:top}.table th{font-size:.85rem;color:#526070}.text-right{text-align:right!important}.link-button{background:none;border:0;padding:0;color:#b42318;text-decoration:underline;cursor:pointer;font:inherit}.alert{padding:12px 14px;border-radius:8px;margin:0 0 16px}.alert--success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.alert--danger{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.muted{color:#667085}.aho-bar-chart{display:grid;gap:8px}.aho-bar-row{display:grid;grid-template-columns:42px 1fr 48px;gap:8px;align-items:center}.aho-bar{height:12px;background:#eef2f6;border-radius:99px;overflow:hidden}.aho-bar i{display:block;height:100%;background:currentColor;opacity:.65}.badge{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:99px;background:#eef2f6;padding:0 8px}.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border-radius:8px;border:1px solid #cfd6df;background:#fff;color:#172033;cursor:pointer}.button--primary{background:#172033;color:#fff;border-color:#172033}@media(max-width:800px){.aho-form-grid,.aho-grid-2{grid-template-columns:1fr}.aho-span-2{grid-column:auto}}

/* Release 1.0: Analytics- und Export-Erweiterungen */
.aho-chart-export{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.button--small{min-height:30px;padding:4px 8px;font-size:.78rem}.aho-bar-row--wide{grid-template-columns:minmax(110px,220px) 1fr 58px}.aho-bar-row--wide>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__header{gap:12px;flex-wrap:wrap}

.profile-dropdown__logout-button{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer;padding:10px 14px}.profile-dropdown__logout-button:hover{background:#f9fafb}

/* Release 1.0.2 – Diagrammtyp-Wechsel */
.aho-chart-type-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#475467;font-weight:600}.aho-chart-type{min-height:30px;padding:4px 28px 4px 8px;border:1px solid #cfd6df;border-radius:8px;background:#fff;color:#172033}.aho-chart-preview{display:block;width:100%;height:auto;max-height:460px;margin:0 0 16px;border:1px solid #eaecf0;border-radius:10px;background:#fff}.aho-chart-data-list{border-top:1px solid #eaecf0;padding-top:14px}.aho-chart-export{justify-content:flex-end}@media(max-width:700px){.aho-chart-export{justify-content:flex-start}.aho-chart-preview{max-height:none}}

/* Release 1.0.3 – Berichtoptionen & Diagramm-Engine */
.aho-report-option{padding:14px 16px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}
.aho-checkbox-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.aho-checkbox-row input[type="checkbox"]{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
.aho-checkbox-row span{display:flex;flex-direction:column;gap:3px}
.aho-checkbox-row small{color:#667085;font-weight:400;line-height:1.4}
/* Mit JavaScript ist Canvas das einzige sichtbare Diagramm. Die alte Balkenliste
   bleibt ausschließlich als No-JS-Fallback erhalten, damit der Typwechsel nicht
   optisch durch eine zweite, unveränderte Grafik überlagert wird. */
.aho-js-ready .aho-chart-preview + .aho-chart-data-list{display:none}
.aho-chart-type{min-width:128px}

/* ============================================================================
   AHO-MGM 1.0.9 · DESIGN SYSTEM 2026
   Premium UI refresh – no functional/data behavior changes
   ========================================================================== */

:root {
    --color-primary: #5b3df5;
    --color-primary-hover: #4c2fe0;
    --color-primary-soft: #f0edff;
    --color-primary-soft-2: #f7f5ff;
    --color-violet: #7c3aed;
    --color-cyan: #0ea5e9;
    --color-teal: #14b8a6;
    --color-orange: #f97316;
    --color-green: #10b981;

    --bg-app: #f7f8fd;
    --bg-sidebar: rgba(255, 255, 255, 0.93);
    --bg-card: rgba(255, 255, 255, 0.92);
    --bg-muted: #f7f8fc;
    --bg-hover: #f3f4fb;

    --text-primary: #111936;
    --text-secondary: #58627a;
    --text-muted: #8c96ab;

    --border-color: rgba(126, 137, 167, 0.17);
    --border-strong: rgba(105, 115, 143, 0.26);

    --shadow-xs: 0 1px 2px rgba(31, 37, 70, 0.025), 0 2px 8px rgba(31, 37, 70, 0.025);
    --shadow-sm: 0 8px 24px rgba(31, 37, 70, 0.055);
    --shadow-md: 0 16px 45px rgba(31, 37, 70, 0.085);
    --shadow-lg: 0 28px 80px rgba(31, 37, 70, 0.14);

    --radius-sm: 12px;
    --radius-md: 15px;
    --radius-lg: 19px;
    --radius-xl: 22px;
    --radius-2xl: 28px;

    --sidebar-width: 286px;
    --topbar-height: 88px;
    --content-max-width: 1720px;
}

html {
    background: #f7f8fd;
}

body {
    position: relative;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 78% -10%, rgba(102, 81, 255, 0.075), transparent 33%),
        radial-gradient(circle at 35% 8%, rgba(14, 165, 233, 0.035), transparent 31%),
        linear-gradient(180deg, #fbfbff 0%, #f7f8fd 44%, #f5f7fb 100%);
    color: var(--text-primary);
    font-size: 14px;
    letter-spacing: -0.006em;
}

body::before {
    position: fixed;
    z-index: -1;
    top: 92px;
    right: -140px;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(91, 61, 245, 0.055), rgba(91, 61, 245, 0) 68%);
    content: "";
    pointer-events: none;
}

.app-main {
    margin-left: var(--sidebar-width);
}

.content {
    padding: 34px 38px 64px;
}

/* Sidebar ------------------------------------------------------------------ */
.sidebar {
    width: var(--sidebar-width);
    border-right: 1px solid rgba(126, 137, 167, 0.15);
    background: var(--bg-sidebar);
    box-shadow: 12px 0 42px rgba(31, 37, 70, 0.025);
    backdrop-filter: blur(22px) saturate(140%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
}

.sidebar__brand {
    min-height: var(--topbar-height);
    padding: 0 24px;
    border-bottom-color: rgba(126, 137, 167, 0.12);
}

.brand {
    gap: 14px;
}

.brand__mark {
    position: relative;
    display: block;
    width: 43px;
    height: 43px;
    border-radius: 14px;
    background: linear-gradient(145deg, #6847ff 0%, #5149f4 53%, #3d7ff8 100%);
    box-shadow: 0 10px 30px rgba(91, 61, 245, 0.28), inset 0 1px 0 rgba(255,255,255,.28);
    overflow: hidden;
}

.brand__mark::before,
.brand__mark::after,
.brand__mark i {
    position: absolute;
    display: block;
    width: 8px;
    height: 25px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .95);
    content: "";
    transform: rotate(34deg);
}

.brand__mark::before { left: 10px; top: 10px; opacity: .9; }
.brand__mark::after { left: 18px; top: 8px; opacity: .76; }
.brand__mark i:first-child { left: 25px; top: 7px; opacity: .58; }
.brand__mark i:last-child { display: none; }

.brand__text strong {
    color: #111936;
    font-size: 21px;
    font-weight: 850;
    letter-spacing: -0.04em;
}

.brand__text small {
    margin-top: 4px;
    color: #768199;
    font-size: 10.5px;
    font-weight: 590;
    letter-spacing: .005em;
}

.sidebar__navigation {
    padding: 18px 15px 28px;
    scrollbar-width: thin;
    scrollbar-color: rgba(118,129,153,.22) transparent;
}

.nav-section + .nav-section {
    margin-top: 20px;
}

.nav-section__title {
    margin-bottom: 7px;
    padding: 0 13px;
    color: #a0a8ba;
    font-size: 9px;
    font-weight: 780;
    letter-spacing: .115em;
}

.nav-section__items {
    gap: 3px;
}

.nav-item {
    position: relative;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #4e5b76;
    gap: 12px;
    font-size: 13.5px;
    font-weight: 590;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.nav-item:hover {
    transform: translateX(2px);
    border-color: rgba(113, 125, 154, .09);
    background: rgba(244, 245, 252, .88);
    color: #18203e;
}

.nav-item.is-active {
    border-color: rgba(255,255,255,.22);
    background: linear-gradient(112deg, #5d37f6 0%, #6155f7 45%, #5882f8 100%);
    color: #fff;
    box-shadow: 0 10px 24px rgba(83, 64, 226, 0.24), inset 0 1px 0 rgba(255,255,255,.2);
    font-weight: 720;
}

.nav-item.is-active::after {
    position: absolute;
    top: 10px;
    right: -15px;
    width: 3px;
    height: 26px;
    border-radius: 4px 0 0 4px;
    background: #6a4df8;
    content: "";
    opacity: .0;
}

.nav-item__icon {
    width: 21px;
    height: 21px;
}

.nav-item__icon svg {
    width: 19px;
    height: 19px;
    stroke-width: 1.85;
}

.sidebar__footer {
    padding: 14px 15px 17px;
    border-top-color: rgba(126, 137, 167, 0.11);
}

.system-indicator {
    min-height: 59px;
    padding: 11px 13px;
    border: 1px solid rgba(126, 137, 167, .11);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(249,250,254,.96), rgba(246,248,252,.9));
}

.system-indicator__dot {
    width: 8px;
    height: 8px;
    background: #10b981;
    box-shadow: 0 0 0 5px rgba(16,185,129,.09), 0 0 18px rgba(16,185,129,.25);
}

/* Topbar ------------------------------------------------------------------- */
.topbar {
    min-height: var(--topbar-height);
    padding: 0 34px;
    border-bottom: 1px solid rgba(126, 137, 167, 0.13);
    background: rgba(251, 251, 255, 0.76);
    box-shadow: 0 1px 0 rgba(255,255,255,.72);
    backdrop-filter: blur(24px) saturate(145%);
    -webkit-backdrop-filter: blur(24px) saturate(145%);
}

.topbar__left {
    flex: 1 1 auto;
    gap: 20px;
}

.topbar__title {
    flex: 0 0 auto;
    min-width: 135px;
}

.topbar__eyebrow {
    margin-bottom: 1px;
    color: #9aa3b6;
    font-size: 9px;
    font-weight: 760;
}

.topbar__title strong {
    color: #26314e;
    font-size: 14px;
    font-weight: 720;
}

.topbar-search {
    display: flex;
    align-items: center;
    flex: 0 1 550px;
    min-width: 250px;
    min-height: 48px;
    margin-left: 10px;
    padding: 0 11px 0 15px;
    border: 1px solid rgba(126, 137, 167, 0.18);
    border-radius: 14px;
    background: rgba(255,255,255,.82);
    color: #8c96ab;
    box-shadow: 0 6px 22px rgba(31, 37, 70, .045), inset 0 1px 0 rgba(255,255,255,.95);
    gap: 11px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.topbar-search:hover,
.topbar-search:focus-visible {
    border-color: rgba(91, 61, 245, .26);
    background: #fff;
    box-shadow: 0 9px 28px rgba(62, 52, 136, .075), 0 0 0 4px rgba(91,61,245,.04);
}

.topbar-search svg {
    width: 19px;
    height: 19px;
    color: #78849d;
}

.topbar-search span {
    overflow: hidden;
    flex: 1 1 auto;
    font-size: 13px;
    font-weight: 520;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-search kbd {
    display: inline-grid;
    min-width: 36px;
    height: 29px;
    padding: 0 7px;
    place-items: center;
    border: 1px solid rgba(126, 137, 167, .17);
    border-radius: 8px;
    background: #f8f9fc;
    color: #6e7890;
    box-shadow: inset 0 -1px 0 rgba(104, 116, 143, .08);
    font-family: inherit;
    font-size: 10px;
    font-weight: 720;
}

.topbar__actions {
    margin-left: 18px;
    gap: 6px;
}

.icon-button {
    width: 43px;
    height: 43px;
    border-radius: 13px;
    color: #65718b;
}

.icon-button:hover {
    border-color: rgba(126, 137, 167, 0.14);
    background: rgba(255,255,255,.88);
    box-shadow: 0 7px 18px rgba(31,37,70,.055);
}

.notification-button__badge {
    top: 2px;
    right: 1px;
    min-width: 18px;
    height: 18px;
    border-width: 2px;
    background: linear-gradient(135deg, #6c4af9, #4c4bf1);
    box-shadow: 0 3px 9px rgba(91,61,245,.3);
}

.user-menu {
    min-height: 54px;
    margin-left: 8px;
    padding: 6px 9px 6px 7px;
    border-radius: 15px;
}

.user-menu:hover {
    border-color: rgba(126,137,167,.13);
    background: rgba(255,255,255,.82);
    box-shadow: 0 7px 20px rgba(31,37,70,.045);
}

.user-menu__avatar {
    width: 39px;
    height: 39px;
    background: linear-gradient(135deg, #ede9fe, #dbeafe);
    color: #5b3df5;
    box-shadow: inset 0 0 0 1px rgba(91,61,245,.07);
}

.user-menu__details strong {
    max-width: 175px;
    color: #202a47;
    font-size: 12.5px;
    font-weight: 730;
}

.user-menu__details small {
    color: #8993a8;
    font-size: 10.5px;
}

.profile-dropdown {
    top: 78px;
    right: 25px;
    width: 272px;
    border-color: rgba(126, 137, 167, .16);
    border-radius: 19px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 28px 80px rgba(31,37,70,.15);
    backdrop-filter: blur(22px);
}

/* Page header -------------------------------------------------------------- */
.page-header {
    align-items: center;
    margin-bottom: 28px;
}

.page-header__eyebrow {
    margin-bottom: 7px;
    color: #5b3df5;
    font-size: 11px;
    font-weight: 820;
    letter-spacing: .02em;
    text-transform: none;
}

.page-header h1 {
    color: #111936;
    font-size: clamp(32px, 3.2vw, 48px);
    font-weight: 870;
    letter-spacing: -0.052em;
    line-height: 1.03;
}

.page-header p {
    margin-top: 10px;
    color: #66718a;
    font-size: 14.5px;
    line-height: 1.55;
}

/* General card system ------------------------------------------------------ */
.card,
.table-card,
.form-section {
    border-color: rgba(126, 137, 167, .15);
    border-radius: 21px;
    background: rgba(255,255,255,.91);
    box-shadow: 0 8px 26px rgba(31,37,70,.045), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.card--interactive:hover {
    transform: translateY(-2px);
    border-color: rgba(91,61,245,.16);
    box-shadow: 0 18px 42px rgba(31,37,70,.09);
}

.card__header {
    padding: 23px 25px 0;
}

.card__body {
    padding: 22px 25px 25px;
}

.card__title {
    color: #18213f;
    font-size: 16px;
    font-weight: 790;
    letter-spacing: -0.025em;
}

.card__subtitle,
.muted {
    color: #7d879c;
}

/* Buttons and fields ------------------------------------------------------- */
.button {
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid rgba(126,137,167,.2);
    border-radius: 11px;
    background: rgba(255,255,255,.9);
    color: #26314d;
    box-shadow: 0 2px 5px rgba(31,37,70,.025);
    font-size: 12.5px;
    font-weight: 680;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.button:hover {
    transform: translateY(-1px);
    border-color: rgba(91,61,245,.22);
    background: #fff;
    box-shadow: 0 7px 18px rgba(31,37,70,.07);
}

.button--primary {
    border-color: #5b3df5;
    background: linear-gradient(115deg, #6639f6 0%, #5b3df5 48%, #536ef6 100%);
    color: #fff;
    box-shadow: 0 9px 22px rgba(91,61,245,.22), inset 0 1px 0 rgba(255,255,255,.18);
}

.button--primary:hover {
    border-color: #4f31dd;
    background: linear-gradient(115deg, #5c31eb 0%, #5034e7 48%, #4866ed 100%);
    box-shadow: 0 12px 28px rgba(91,61,245,.28);
}

.button--small {
    min-height: 34px;
    padding: 5px 10px;
    border-radius: 9px;
    font-size: 11.5px;
}

.aho-form-grid,
.form-grid {
    gap: 18px;
}

.aho-form-grid label,
.form-field label,
.aho-inline-form label {
    color: #43506d;
    font-size: 12px;
    font-weight: 690;
}

.aho-form-grid input,
.aho-form-grid select,
.aho-form-grid textarea,
.aho-inline-form input,
.aho-inline-form select,
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="url"],
select,
textarea {
    min-height: 43px;
    border: 1px solid rgba(126,137,167,.23);
    border-radius: 11px;
    background: rgba(255,255,255,.92);
    color: #18213e;
    box-shadow: inset 0 1px 2px rgba(31,37,70,.025);
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

textarea {
    min-height: 110px;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(91,61,245,.48) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(91,61,245,.075), inset 0 1px 2px rgba(31,37,70,.02) !important;
}

.aho-inline-form {
    margin-bottom: 20px;
    gap: 10px;
}

/* Tables ------------------------------------------------------------------- */
.table-card {
    overflow: hidden;
}

.table-responsive {
    border-radius: 15px;
    scrollbar-width: thin;
    scrollbar-color: rgba(118,129,153,.25) transparent;
}

.table,
.data-table {
    border-collapse: separate;
    border-spacing: 0;
}

.table th,
.table td,
.data-table th,
.data-table td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(126,137,167,.11);
}

.table th,
.data-table th {
    background: linear-gradient(180deg, rgba(248,249,253,.98), rgba(246,247,252,.94));
    color: #63708a;
    font-size: 10.5px;
    font-weight: 780;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.table td,
.data-table td {
    color: #313c59;
    font-size: 12.5px;
}

.table tbody tr,
.data-table tbody tr {
    transition: background .14s ease;
}

.table tbody tr:hover,
.data-table tbody tr:hover {
    background: rgba(246,247,253,.82);
}

/* Alerts / chips ----------------------------------------------------------- */
.alert {
    border-radius: 13px;
    padding: 13px 15px;
    box-shadow: 0 6px 18px rgba(31,37,70,.035);
}

.alert--success {
    border-color: rgba(16,185,129,.2);
    background: rgba(236,253,245,.88);
    color: #08765a;
}

.alert--danger,
.alert--error {
    border-color: rgba(239,68,68,.18);
    background: rgba(254,242,242,.9);
    color: #b42318;
}

.badge,
.aho-chip {
    border: 1px solid rgba(126,137,167,.12);
    background: #f5f6fb;
    color: #55617a;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

/* Generic analytics -------------------------------------------------------- */
.kpi-grid {
    gap: 15px;
}

.kpi-card {
    min-height: 140px;
    padding: 20px;
    border-color: rgba(126,137,167,.14);
    border-radius: 19px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 7px 22px rgba(31,37,70,.04);
}

.kpi-card::after {
    background: linear-gradient(135deg, rgba(91,61,245,.07), rgba(14,165,233,.02));
}

.kpi-card__label {
    color: #64708a;
    font-size: 12px;
    font-weight: 650;
}

.kpi-card__value {
    color: #121b39;
    font-size: clamp(28px, 3vw, 35px);
    font-weight: 840;
}

.aho-bar {
    height: 10px;
    background: #f0f2f8;
}

.aho-bar i {
    background: linear-gradient(90deg, #6947f5, #5b78f6);
    opacity: .92;
}

.aho-chart-type {
    min-height: 34px;
    border-color: rgba(126,137,167,.2);
    border-radius: 9px;
    background: #fff;
}

.aho-chart-preview {
    border-color: rgba(126,137,167,.12);
    border-radius: 15px;
    background: linear-gradient(180deg, #fff, #fcfcff);
}

/* Dashboard 2026 ----------------------------------------------------------- */
.page-dashboard .page-header {
    margin-bottom: 20px;
}

.page-dashboard .page-header__eyebrow {
    color: #6043f4;
}

.dashboard-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 14px;
}

.dashboard-year-filter,
.dashboard-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.dashboard-year-filter {
    min-height: 45px;
    padding: 4px 4px 4px 12px;
    border: 1px solid rgba(126,137,167,.16);
    border-radius: 13px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 6px 18px rgba(31,37,70,.035);
}

.dashboard-year-filter__icon {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    color: #596683;
}

.dashboard-year-filter__icon svg {
    width: 18px;
    height: 18px;
}

.dashboard-year-filter select {
    min-width: 84px;
    min-height: 34px;
    padding: 0 26px 0 5px;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #1f2946;
    font-weight: 760;
}

.dashboard-year-filter select:focus {
    box-shadow: none !important;
}

.dashboard-year-filter__submit {
    min-height: 35px;
    padding: 5px 11px;
}

.dashboard-live-badge {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 11px;
    border: 1px solid rgba(16,185,129,.14);
    border-radius: 999px;
    background: rgba(236,253,245,.72);
    color: #168466;
    gap: 7px;
    font-size: 10.5px;
    font-weight: 720;
}

.dashboard-live-badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 4px rgba(16,185,129,.09);
}

.dashboard-report-button {
    min-height: 44px;
    padding-inline: 17px;
    gap: 8px;
}

.dashboard-report-button svg {
    width: 17px;
    height: 17px;
}

.dashboard-kpi-grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
    margin-bottom: 18px;
}

.dashboard-kpi-card {
    --kpi-accent: #5b3df5;
    --kpi-soft-bg: #f0edff;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 154px;
    padding: 19px 19px 17px;
    overflow: hidden;
    border-radius: 19px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.dashboard-kpi-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--kpi-accent) 18%, #dfe3ec);
    box-shadow: 0 15px 34px rgba(31,37,70,.075);
}

.dashboard-kpi-card::before {
    position: absolute;
    right: -38px;
    bottom: -49px;
    width: 138px;
    height: 105px;
    border: 1px solid color-mix(in srgb, var(--kpi-accent) 12%, transparent);
    border-radius: 50% 50% 0 0;
    background: radial-gradient(circle at 55% 40%, color-mix(in srgb, var(--kpi-accent) 9%, transparent), transparent 66%);
    content: "";
    transform: rotate(-14deg);
    pointer-events: none;
}

.dashboard-kpi-card::after {
    top: auto;
    right: 16px;
    bottom: 10px;
    width: 82px;
    height: 34px;
    border: 0;
    border-top: 1.5px solid color-mix(in srgb, var(--kpi-accent) 36%, transparent);
    border-radius: 50%;
    background: transparent;
    content: "";
    transform: rotate(-7deg);
    opacity: .55;
}

.kpi-card--teal { --kpi-accent: #13b8ab; --kpi-soft-bg: #eafcf8; }
.kpi-card--blue { --kpi-accent: #2584f5; --kpi-soft-bg: #edf5ff; }
.kpi-card--orange { --kpi-accent: #f47b2f; --kpi-soft-bg: #fff3e9; }
.kpi-card--green { --kpi-accent: #10ae83; --kpi-soft-bg: #eafaf4; }
.kpi-card--violet { --kpi-accent: #6545f4; --kpi-soft-bg: #f1edff; }

.dashboard-kpi-card .kpi-card__top {
    z-index: 2;
}

.dashboard-kpi-card .kpi-card__icon {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: var(--kpi-soft-bg);
    color: var(--kpi-accent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kpi-accent) 6%, transparent);
}

.dashboard-kpi-card .kpi-card__icon svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.75;
}

.dashboard-kpi-card__status {
    z-index: 2;
    color: #a0a8b9;
    font-size: 9px;
    font-weight: 760;
    letter-spacing: .04em;
}

.dashboard-kpi-card__content {
    z-index: 2;
    margin-top: 14px;
}

.dashboard-kpi-card .kpi-card__label {
    color: #56627d;
    font-size: 12px;
    font-weight: 690;
}

.dashboard-kpi-card .kpi-card__value {
    margin-top: 6px;
    color: #111936;
    font-size: clamp(27px, 2.7vw, 34px);
    font-weight: 860;
    letter-spacing: -0.045em;
}

.dashboard-kpi-card__footer {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 9px;
    color: #98a1b3;
    font-size: 9.7px;
    font-weight: 590;
}

.dashboard-kpi-card__arrow {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    border-radius: 8px;
    background: var(--kpi-soft-bg);
    color: var(--kpi-accent);
    font-size: 12px;
    font-weight: 850;
}

.dashboard-kpi-card__link {
    position: absolute;
    z-index: 5;
    inset: 0;
    border-radius: inherit;
}

.dashboard-kpi-card__link:focus-visible {
    outline: 3px solid rgba(91,61,245,.25);
    outline-offset: -3px;
}

.dashboard-grid--2026 {
    display: grid;
    grid-template-columns: minmax(0, 1.62fr) minmax(340px, .78fr);
    gap: 16px;
    align-items: stretch;
}

.dashboard-chart-card,
.dashboard-highlights-card {
    min-height: 408px;
}

.dashboard-card-header {
    align-items: center;
}

.dashboard-card-kicker {
    margin-bottom: 5px;
    color: #8f98ad;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .105em;
    text-transform: uppercase;
}

.dashboard-chart-card .card__title,
.dashboard-highlights-card .card__title {
    font-size: 18px;
    font-weight: 820;
}

.dashboard-chart-actions {
    gap: 6px;
}

.dashboard-chart-type select,
.dashboard-export-button {
    min-height: 34px;
}

.dashboard-export-button {
    min-width: 46px;
    background: #fafbfe;
}

.dashboard-chart-body {
    min-height: 335px;
    padding-top: 14px;
}

.dashboard-chart-canvas {
    max-height: 310px;
    margin-bottom: 0;
    border: 0;
    background: transparent;
}

.dashboard-chart-fallback {
    border-top: 0;
}

.dashboard-highlights-card {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgba(95, 61, 246, .095), transparent 31%),
        linear-gradient(155deg, rgba(255,255,255,.96), rgba(250,249,255,.92));
}

.dashboard-highlights-visual {
    position: absolute;
    z-index: 0;
    top: 8px;
    right: 9px;
    width: 125px;
    height: 118px;
    opacity: .9;
}

.dashboard-highlights-visual svg {
    position: absolute;
    z-index: 2;
    top: 24px;
    right: 24px;
    width: 62px;
    height: 62px;
    color: #5f47f5;
    filter: drop-shadow(0 12px 12px rgba(91,61,245,.17));
    stroke-width: 1.7;
}

.dashboard-highlights-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(.2px);
}

.dashboard-highlights-orb--1 {
    top: 10px;
    right: 3px;
    width: 105px;
    height: 105px;
    background: radial-gradient(circle at 35% 30%, rgba(119,91,255,.17), rgba(119,91,255,.035) 55%, transparent 70%);
}

.dashboard-highlights-orb--2 {
    top: 50px;
    right: 70px;
    width: 43px;
    height: 43px;
    background: rgba(86,122,249,.08);
}

.dashboard-highlights-header {
    position: relative;
    z-index: 2;
}

.dashboard-highlight-star {
    display: grid;
    width: 36px;
    height: 36px;
    margin-right: 102px;
    place-items: center;
    border-radius: 12px;
    background: #f0edff;
    color: #6947f6;
    font-size: 17px;
}

.dashboard-highlights-body {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 10px;
    padding-top: 18px;
}

.dashboard-insight {
    display: flex;
    align-items: center;
    min-height: 81px;
    padding: 13px 14px;
    border: 1px solid rgba(126,137,167,.12);
    border-radius: 15px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 4px 14px rgba(31,37,70,.025);
    gap: 12px;
}

.dashboard-insight__icon {
    display: grid;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
}

.dashboard-insight__icon--violet {
    background: #f0edff;
    color: #6947f6;
}

.dashboard-insight__icon--blue {
    background: #edf5ff;
    color: #2f82ef;
}

.dashboard-insight__icon svg {
    width: 20px;
    height: 20px;
}

.dashboard-insight div {
    min-width: 0;
}

.dashboard-insight small {
    display: block;
    margin-bottom: 2px;
    color: #939caf;
    font-size: 9px;
    font-weight: 730;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.dashboard-insight strong {
    display: block;
    overflow: hidden;
    color: #27314c;
    font-size: 12.5px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-insight strong span {
    color: #6345ef;
}

.dashboard-insight p {
    margin: 3px 0 0;
    color: #929bad;
    font-size: 9.7px;
}

.dashboard-quick-actions {
    display: grid;
    gap: 8px;
    margin-top: 3px;
}

.dashboard-quick-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 47px;
    padding: 0 14px;
    border: 1px solid rgba(126,137,167,.12);
    border-radius: 13px;
    background: rgba(246,248,253,.85);
    color: #3566d7;
    font-size: 11.5px;
    font-weight: 710;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.dashboard-quick-action:hover {
    transform: translateY(-1px);
    background: #fff;
    box-shadow: 0 7px 18px rgba(31,37,70,.055);
}

.dashboard-quick-action--primary {
    background: linear-gradient(115deg, rgba(239,235,255,.9), rgba(244,243,255,.88));
    color: #5c3ee6;
}

.dashboard-quick-action span {
    display: flex;
    align-items: center;
    gap: 9px;
}

.dashboard-quick-action svg {
    width: 18px;
    height: 18px;
}

.dashboard-quick-action b {
    font-size: 17px;
    font-weight: 500;
}

/* Administration cards and operational modules ---------------------------- */
.admin-grid,
.module-grid,
.employee-grid {
    gap: 16px;
}

.admin-card,
.module-card {
    border-color: rgba(126,137,167,.14) !important;
    border-radius: 19px !important;
    box-shadow: 0 7px 22px rgba(31,37,70,.04) !important;
}

/* Smart search ------------------------------------------------------------- */
.page-standard form > label > input[name="q"] {
    min-height: 52px;
    margin-top: 8px;
    padding-inline: 15px;
    border-radius: 14px;
    font-size: 14px;
}

/* Footer ------------------------------------------------------------------- */
.app-footer {
    padding: 20px 38px 27px;
    border-top: 0;
    color: #9ba4b6;
    font-size: 10.5px;
}

/* Utilities ---------------------------------------------------------------- */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

:focus-visible {
    outline: 3px solid rgba(91,61,245,.28);
    outline-offset: 2px;
}

/* Responsive 2026 ---------------------------------------------------------- */
@media (max-width: 1380px) {
    :root {
        --sidebar-width: 266px;
    }

    .content {
        padding-inline: 28px;
    }

    .topbar {
        padding-inline: 27px;
    }

    .topbar__title {
        display: none;
    }

    .topbar-search {
        margin-left: 0;
    }

    .dashboard-kpi-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) and (min-width: 1081px) {
    .dashboard-grid--2026 { grid-template-columns: 1fr; }
    .dashboard-highlights-card { min-height: auto; }
}

@media (max-width: 1080px) {
    .app-main {
        margin-left: 0;
    }

    .sidebar {
        transform: translateX(-100%);
    }

    body.sidebar-open .sidebar {
        transform: translateX(0);
    }

    .topbar__menu {
        display: grid;
    }

    .topbar-search {
        flex-basis: 440px;
    }

    .dashboard-grid--2026 {
        grid-template-columns: 1fr;
    }

    .dashboard-highlights-card {
        min-height: auto;
    }
}

@media (max-width: 900px) {
    .content {
        padding: 26px 20px 46px;
    }

    .topbar {
        min-height: 74px;
        padding: 0 19px;
    }

    .topbar-search {
        min-width: 0;
        min-height: 43px;
        flex-basis: 320px;
    }

    .topbar-search span {
        font-size: 0;
    }

    .topbar-search span::after {
        font-size: 12px;
        content: "Smart Search";
    }

    .topbar-search kbd {
        display: none;
    }

    .user-menu__details,
    .user-menu__chevron {
        display: none;
    }

    .dashboard-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-toolbar__actions {
        justify-content: space-between;
    }

    .dashboard-kpi-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 620px) {
    .content {
        padding: 22px 14px 40px;
    }

    .topbar {
        padding: 0 12px;
    }

    .topbar__left {
        gap: 8px;
    }

    .topbar-search {
        width: 43px;
        min-width: 43px;
        max-width: 43px;
        padding: 0;
        justify-content: center;
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

    .topbar-search span,
    .topbar-search kbd {
        display: none;
    }

    .topbar__actions {
        margin-left: auto;
    }

    .user-menu {
        padding: 4px;
    }

    .page-header {
        margin-bottom: 19px;
    }

    .page-header h1 {
        font-size: 31px;
    }

    .page-header p {
        font-size: 13px;
    }

    .dashboard-toolbar__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-live-badge,
    .dashboard-report-button {
        justify-content: center;
    }

    .dashboard-kpi-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-kpi-card {
        min-height: 142px;
    }

    .dashboard-card-header {
        align-items: flex-start;
    }

    .dashboard-chart-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .dashboard-chart-card,
    .dashboard-highlights-card {
        min-height: auto;
    }

    .dashboard-highlight-star {
        margin-right: 88px;
    }
}

@supports not (color: color-mix(in srgb, red, blue)) {
    .dashboard-kpi-card:hover {
        border-color: rgba(91,61,245,.18);
    }

    .dashboard-kpi-card::before {
        border-color: rgba(91,61,245,.08);
        background: radial-gradient(circle at 55% 40%, rgba(91,61,245,.08), transparent 66%);
    }
}

/* Smart Search 2026 -------------------------------------------------------- */
.smart-search-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    background:
        radial-gradient(circle at 87% 15%, rgba(102, 63, 246, .12), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.97), rgba(248,247,255,.94));
}

.smart-search-glow {
    position: absolute;
    right: -80px;
    bottom: -130px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(92,61,245,.12), transparent 65%);
    pointer-events: none;
}

.smart-search-hero__body {
    position: relative;
    z-index: 2;
    padding: 32px;
}

.smart-search-hero__icon {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 18px;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(135deg, #efeaff, #e8f1ff);
    color: #5b3df5;
    box-shadow: inset 0 0 0 1px rgba(91,61,245,.06);
}

.smart-search-hero__icon svg {
    width: 24px;
    height: 24px;
}

.smart-search-kicker {
    color: #6947f5;
    font-size: 10px;
    font-weight: 820;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.smart-search-hero__copy h2 {
    max-width: 760px;
    margin: 7px 0 8px;
    color: #111936;
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 850;
    letter-spacing: -.045em;
}

.smart-search-hero__copy p {
    max-width: 800px;
    margin: 0;
    color: #6a758d;
    line-height: 1.65;
}

.smart-search-form {
    max-width: 980px;
    margin-top: 26px;
}

.smart-search-input-wrap {
    display: flex;
    align-items: center;
    min-height: 62px;
    padding: 6px 7px 6px 17px;
    border: 1px solid rgba(126,137,167,.18);
    border-radius: 17px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 32px rgba(31,37,70,.065);
    gap: 12px;
}

.smart-search-input-wrap > svg {
    flex: 0 0 auto;
    width: 21px;
    height: 21px;
    color: #7e899f;
}

.smart-search-input-wrap input {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

.smart-search-input-wrap .button {
    flex: 0 0 auto;
    min-height: 48px;
    padding-inline: 19px;
}

.smart-search-examples {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
    gap: 7px;
}

.smart-search-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid rgba(91,61,245,.10);
    border-radius: 999px;
    background: rgba(244,241,255,.7);
    color: #6653c8;
    font-size: 10px;
    font-weight: 650;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.smart-search-chip:hover {
    transform: translateY(-1px);
    border-color: rgba(91,61,245,.19);
    background: #f0edff;
}

.smart-search-result {
    overflow: hidden;
}

.smart-search-summary {
    margin: 0 0 18px;
    padding: 13px 15px;
    border: 1px solid rgba(91,61,245,.10);
    border-radius: 13px;
    background: #f8f7ff;
    color: #4d5873;
    line-height: 1.6;
}

.smart-search-json {
    overflow: auto;
    padding: 18px;
    border: 1px solid rgba(126,137,167,.13);
    border-radius: 14px;
    background: #111936;
    color: #e5e7ff;
    font-size: 12px;
    line-height: 1.65;
}

@media (max-width: 620px) {
    .smart-search-hero__body { padding: 22px; }
    .smart-search-input-wrap { align-items: stretch; flex-direction: column; padding: 12px; }
    .smart-search-input-wrap > svg { display: none; }
    .smart-search-input-wrap input { padding: 0 4px !important; }
}


/* ============================================================================
   AHO-MGM 1.0.10 · COMPLETE INTERFACE 2026
   Einheitliche Oberfläche für Fachmodule, Analytics und Administration
   ========================================================================== */

:root {
    --color-primary: #6246f5;
    --color-primary-hover: #5035e5;
    --color-primary-soft: #f0edff;
    --bg-app: #f6f7fc;
    --bg-card: rgba(255, 255, 255, .94);
    --text-primary: #111936;
    --text-secondary: #65708a;
    --border-color: rgba(126, 137, 167, .14);
    --border-strong: rgba(108, 120, 151, .22);
    --shadow-sm: 0 7px 24px rgba(31, 37, 70, .045);
    --shadow-md: 0 17px 46px rgba(31, 37, 70, .075);
    --radius-md: 15px;
    --radius-lg: 20px;
    --radius-xl: 24px;
}

body {
    background:
        radial-gradient(circle at 77% -12%, rgba(98, 70, 245, .075), transparent 28%),
        radial-gradient(circle at 18% 108%, rgba(38, 139, 244, .055), transparent 31%),
        var(--bg-app);
}

.content {
    padding-top: clamp(26px, 3vw, 42px);
    padding-bottom: 64px;
}

.brand__logo {
    display: grid;
    flex: 0 0 auto;
    width: 52px;
    height: 44px;
    padding: 6px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(126, 137, 167, .12);
    border-radius: 13px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 9px 24px rgba(31, 37, 70, .10);
}

.brand__logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.brand__text strong {
    max-width: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-header {
    position: relative;
    padding-bottom: 4px;
}

.page-header::after {
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 42px;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, #6d4df7, #4f87f8);
    content: "";
    opacity: .8;
}

.page-standard .content > :is(
    form.aho-inline-form,
    .alert,
    .kpi-grid,
    .aho-grid-2,
    .card,
    section,
    h2,
    p
) + :is(
    form.aho-inline-form,
    .alert,
    .kpi-grid,
    .aho-grid-2,
    .card,
    section,
    h2,
    p
) {
    margin-top: 20px;
}

.card,
.table-card,
.form-section,
.aho-intel-card,
.aho-settings-group,
.aho-feature-card,
.aho-retention-card,
.aho-card,
.aho-admin-card,
.aho-module-card {
    border: 1px solid var(--border-color) !important;
    border-radius: 21px !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
}

.card,
.kpi-card,
.aho-intel-card,
.aho-feature-card,
.aho-admin-card,
.aho-module-card {
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.card:hover,
.aho-intel-card:hover,
.aho-feature-card:hover,
.aho-admin-card:hover,
.aho-module-card:hover {
    border-color: rgba(98, 70, 245, .18) !important;
    box-shadow: var(--shadow-md) !important;
}

.card__header {
    min-height: 70px;
    align-items: flex-start;
    gap: 16px;
}

.card__title,
.aho-section-heading h3,
.aho-settings-group-title {
    color: #151e3d !important;
    font-weight: 800 !important;
    letter-spacing: -.028em !important;
}

.kpi-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.kpi-card:not(.dashboard-kpi-card) {
    position: relative;
    min-height: 132px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    border-radius: 19px;
    background:
        radial-gradient(circle at 92% 8%, rgba(98,70,245,.075), transparent 31%),
        rgba(255,255,255,.94);
    box-shadow: var(--shadow-sm);
}

.kpi-card:not(.dashboard-kpi-card):hover {
    transform: translateY(-2px);
    border-color: rgba(98,70,245,.18);
    box-shadow: var(--shadow-md);
}

.aho-grid-2 {
    gap: 20px;
}

.aho-inline-form {
    width: fit-content;
    max-width: 100%;
    min-height: 58px;
    padding: 8px;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 7px 22px rgba(31,37,70,.035);
}

.aho-inline-form .aho-inline-form {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea {
    accent-color: var(--color-primary);
}

input::placeholder,
textarea::placeholder {
    color: #9aa3b5;
}

select[multiple] {
    min-height: 148px;
    padding: 7px;
}

select[multiple] option {
    padding: 8px 10px;
    border-radius: 8px;
}

select[multiple] option:checked {
    background: linear-gradient(90deg, #ede9ff, #edf4ff);
    color: #4930cf;
}

.button,
[class*="-button"],
[class*="_button"] {
    font-weight: 700;
}

.button--primary,
.aho-save-button,
[class*="button-primary"] {
    border-color: #6246f5 !important;
    background: linear-gradient(118deg, #704cf8 0%, #6246f5 48%, #4e79f6 100%) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(98,70,245,.22), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

.button--primary:hover,
.aho-save-button:hover,
[class*="button-primary"]:hover {
    transform: translateY(-1px);
    filter: saturate(1.08);
    box-shadow: 0 14px 31px rgba(98,70,245,.29), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.table-responsive {
    overflow: auto;
    border: 1px solid rgba(126,137,167,.10);
    background: rgba(255,255,255,.7);
}

.table thead th,
.data-table thead th {
    position: sticky;
    z-index: 2;
    top: 0;
    white-space: nowrap;
}

.table tbody tr:nth-child(even),
.data-table tbody tr:nth-child(even) {
    background: rgba(248,249,253,.46);
}

.table a:not(.button),
.data-table a:not(.button) {
    color: #5439df;
    font-weight: 720;
}

.badge,
.aho-chip,
[class*="status"] {
    font-variant-numeric: tabular-nums;
}

.alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.aho-chart-preview {
    min-height: 300px;
    padding: 8px;
}

.aho-chart-export {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.aho-bar-row--wide {
    min-height: 33px;
}

.aho-bar-row--wide > span {
    overflow: hidden;
    color: #46516c;
    font-size: 12px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aho-settings-page,
.aho-users,
.aho-user-edit-page,
.aho-user-form-page,
.aho-permissions-page,
.aho-catalog,
.aho-import-page,
.aho-import-job-page,
.aho-audit-page,
.aho-audit-detail-page,
.aho-system-status-page,
.aho-intel {
    width: 100% !important;
    max-width: 1480px !important;
}

.aho-settings-nav {
    position: sticky;
    z-index: 8;
    top: calc(var(--topbar-height) + 8px);
    padding: 8px;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    background: rgba(249,250,254,.88);
    box-shadow: 0 8px 26px rgba(31,37,70,.055);
    backdrop-filter: blur(18px);
}

.aho-settings-nav a {
    border-radius: 10px !important;
}

.aho-settings-nav a:hover,
.aho-settings-nav a:focus-visible {
    background: #eeebff !important;
    color: #5439df !important;
}

.aho-settings-fields,
.aho-feature-grid {
    gap: 1px !important;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
    background: rgba(126,137,167,.10);
}

.aho-setting-field {
    background: rgba(255,255,255,.96) !important;
}

.app-footer {
    margin-top: auto;
    color: #929caf;
}

@media (max-width: 1080px) {
    .aho-settings-nav {
        top: 8px;
    }
}

@media (max-width: 800px) {
    .content {
        padding: 24px 18px 48px;
    }

    .page-header h1 {
        font-size: clamp(29px, 8vw, 40px);
    }

    .kpi-grid,
    .dashboard-kpi-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .aho-chart-preview {
        min-height: 240px;
    }

    .aho-inline-form {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .topbar {
        padding-inline: 14px;
    }

    .content {
        padding-inline: 13px;
    }

    .kpi-grid,
    .dashboard-kpi-grid {
        grid-template-columns: 1fr;
    }

    .card__header,
    .card__body {
        padding-inline: 18px;
    }

    .aho-chart-export {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@media print {
    .sidebar,
    .topbar,
    .app-footer,
    .page-header__actions,
    .aho-chart-export,
    .aho-inline-form {
        display: none !important;
    }

    .app-main {
        margin: 0 !important;
    }

    .content {
        max-width: none;
        padding: 0;
    }

    .card,
    .kpi-card {
        break-inside: avoid;
        box-shadow: none !important;
    }
}

/* ============================================================================
   AHO-MGM 1.0.11 · RESPONSIVE CHARTS 2026
   Canvas-Größe und Zeichenfläche bleiben identisch, damit Diagramme weder
   gestreckt noch gestaucht werden. Die Höhe wird von der Diagramm-Engine je
   nach Typ, Datenmenge und verfügbarer Breite gesetzt.
   ========================================================================== */

.aho-chart-preview {
    display: block;
    width: 100%;
    height: var(--aho-chart-height, 420px);
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(126, 137, 167, .14);
    box-sizing: border-box;
    image-rendering: auto;
}

.dashboard-chart-body {
    min-height: 0;
}

.dashboard-chart-canvas {
    height: var(--aho-chart-height, 430px);
    min-height: 0;
    max-height: none;
    margin: 0;
    border: 0;
    background: #fff;
    box-shadow: none;
}

.aho-chart-type-label {
    font-size: .84rem;
    line-height: 1.35;
}

.aho-chart-type,
.dashboard-chart-type select {
    min-height: 36px;
    font-size: .86rem;
    font-weight: 650;
}

@media (max-width: 700px) {
    .aho-chart-preview,
    .dashboard-chart-canvas {
        min-height: 0;
        max-height: none;
    }

    .aho-chart-export {
        width: 100%;
        justify-content: flex-start;
    }
}

/* ============================================================================
   AHO-MGM 1.0.12 · OPERATIVE WORKSPACES & READABLE ANALYTICS 2026
   ========================================================================== */

.aho-workspace {
    --workspace-accent: #5b3df5;
    --workspace-accent-soft: #f0edff;
    display: grid;
    gap: 20px;
    color: #17213d;
}

.aho-workspace--events { --workspace-accent: #0a7d71; --workspace-accent-soft: #e9f8f5; }
.aho-workspace--needle_exchange { --workspace-accent: #c65d19; --workspace-accent-soft: #fff3e8; }
.aho-workspace--inventory { --workspace-accent: #1768c4; --workspace-accent-soft: #eaf3ff; }
.aho-workspace--own { --workspace-accent: #7b3fc6; --workspace-accent-soft: #f4edfc; }
.aho-workspace--analytics { --workspace-accent: #4f46e5; --workspace-accent-soft: #eeefff; }

.aho-module-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    overflow: hidden;
    padding: clamp(24px, 4vw, 40px);
    border: 1px solid color-mix(in srgb, var(--workspace-accent) 16%, transparent);
    border-radius: 24px;
    background:
        radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--workspace-accent) 18%, transparent), transparent 34%),
        linear-gradient(135deg, #fff 0%, var(--workspace-accent-soft) 100%);
    box-shadow: 0 18px 52px rgba(31, 37, 70, .07);
}

.aho-module-hero::after {
    position: absolute;
    right: -42px;
    bottom: -78px;
    width: 220px;
    height: 220px;
    border: 1px solid color-mix(in srgb, var(--workspace-accent) 18%, transparent);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.aho-module-hero > * { position: relative; z-index: 1; }
.aho-module-hero h2 { margin: 5px 0 8px; max-width: 760px; color: #10172d; font-size: clamp(1.55rem, 3vw, 2.3rem); line-height: 1.08; letter-spacing: -.045em; }
.aho-module-hero p { max-width: 720px; margin: 0; color: #52617b; font-size: 1rem; line-height: 1.65; }
.aho-eyebrow { display: block; color: var(--workspace-accent, #5b3df5); font-size: .72rem; font-weight: 800; letter-spacing: .105em; text-transform: uppercase; }
.aho-hero-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 9px; justify-content: flex-end; }

.aho-workspace .button {
    gap: 7px;
    min-height: 40px;
    padding: 8px 14px;
    border-color: rgba(111, 124, 154, .23);
    border-radius: 11px;
    color: #1b2743;
    font-weight: 720;
    box-shadow: 0 2px 5px rgba(31, 37, 70, .025);
}
.aho-workspace .button:hover { border-color: color-mix(in srgb, var(--workspace-accent) 42%, transparent); background: var(--workspace-accent-soft); color: var(--workspace-accent); transform: translateY(-1px); }
.aho-workspace .button--primary { border-color: var(--workspace-accent); background: linear-gradient(135deg, var(--workspace-accent), color-mix(in srgb, var(--workspace-accent) 78%, #243ba6)); color: #fff; box-shadow: 0 10px 22px color-mix(in srgb, var(--workspace-accent) 22%, transparent); }
.aho-workspace .button--primary:hover { color: #fff; filter: saturate(1.08); }
.button--danger-ghost { color: #a83434 !important; }

.aho-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
}
.aho-summary-grid--seven { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }
.aho-summary-card {
    display: grid;
    min-width: 0;
    gap: 6px;
    padding: 18px 19px;
    border: 1px solid rgba(119, 132, 161, .14);
    border-radius: 17px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 9px 28px rgba(31, 37, 70, .045);
}
.aho-summary-card span { color: #58667f; font-size: .78rem; font-weight: 730; line-height: 1.35; }
.aho-summary-card strong { color: #111a32; font-size: clamp(1.45rem, 2.5vw, 2rem); line-height: 1; letter-spacing: -.04em; }
.aho-summary-card small { color: #728097; font-size: .72rem; line-height: 1.35; }
.aho-summary-card--quiet { box-shadow: none; }

.aho-workspace .card {
    overflow: clip;
    border-color: rgba(119, 132, 161, .14);
    border-radius: 20px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 12px 36px rgba(31, 37, 70, .05);
}
.aho-workspace .card__header { min-height: 70px; padding: 17px 21px; border-bottom-color: rgba(119, 132, 161, .12); }
.aho-workspace .card__title { margin-top: 3px; color: #18213a; font-size: 1.05rem; letter-spacing: -.018em; }
.aho-workspace .card__body { padding: 21px; }

.aho-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 14px;
    align-items: end;
}
.aho-filter-grid label,
.aho-save-filter-card label,
.aho-scan-form > label {
    display: grid;
    min-width: 0;
    gap: 6px;
    color: #34425d;
    font-size: .78rem;
    font-weight: 740;
}
.aho-filter-grid :is(input, select),
.aho-save-filter-card input,
.aho-scan-form :is(input, select, textarea),
.aho-inline-scanner input {
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    border: 1px solid rgba(111, 124, 154, .24);
    border-radius: 11px;
    background: #fff;
    color: #1c2843;
    font: inherit;
    font-size: .88rem;
}
.aho-filter-grid :is(input, select):focus,
.aho-scan-form :is(input, select, textarea):focus,
.aho-inline-scanner input:focus { border-color: color-mix(in srgb, var(--workspace-accent) 55%, transparent); outline: 0; box-shadow: 0 0 0 4px color-mix(in srgb, var(--workspace-accent) 9%, transparent); }
.aho-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.aho-filter-hint { margin: 16px 0 0; padding: 11px 13px; border-radius: 11px; background: var(--workspace-accent-soft); color: #48556f; font-size: .78rem; line-height: 1.5; }

.aho-form-shell .aho-form-grid { gap: 17px; }
.aho-form-shell .aho-form-grid > label { color: #34425d; font-size: .8rem; }
.aho-team-picker { padding: 15px; border: 1px solid color-mix(in srgb, var(--workspace-accent) 18%, transparent); border-radius: 14px; background: var(--workspace-accent-soft); }
.aho-switch-row { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: flex-start !important; cursor: pointer; }
.aho-switch-row input { width: 20px !important; height: 20px; margin-top: 1px; accent-color: var(--workspace-accent); }
.aho-switch-row span { display: grid; gap: 3px; }
.aho-switch-row small { color: #67758d; font-weight: 500; line-height: 1.45; }
.aho-team-options { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr); gap: 18px; margin-top: 14px; padding-top: 14px; border-top: 1px solid color-mix(in srgb, var(--workspace-accent) 15%, transparent); }
.aho-team-options[hidden] { display: none; }

.aho-scan-panel { border-color: color-mix(in srgb, var(--workspace-accent) 24%, transparent) !important; }
.aho-scan-panel[hidden] { display: none; }
.aho-scan-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: end; }
.aho-segmented { display: flex; min-width: 0; gap: 6px; margin: 0; padding: 0; border: 0; }
.aho-segmented legend { width: 100%; margin: 0 0 6px; color: #34425d; font-size: .78rem; font-weight: 740; }
.aho-segmented label { flex: 1; cursor: pointer; }
.aho-segmented input { position: absolute; opacity: 0; }
.aho-segmented span { display: flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid rgba(111, 124, 154, .24); border-radius: 10px; background: #fff; color: #42506b; font-size: .82rem; font-weight: 750; }
.aho-segmented input:checked + span { border-color: var(--workspace-accent); background: var(--workspace-accent-soft); color: var(--workspace-accent); box-shadow: inset 0 0 0 1px var(--workspace-accent); }
.aho-status-pill { display: inline-flex; width: fit-content; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: #eef1f6; color: #53617a; font-size: .7rem; font-weight: 780; white-space: nowrap; }
.aho-status-pill--ready,.aho-status-pill--success { background: #e8f7ef; color: #17693d; }
.aho-status-pill--warning { background: #fff0dd; color: #9a4d10; }
.aho-status-pill--info { background: #eaf1ff; color: #285ca8; }
.aho-scan-feedback { margin: 0; color: #65738b; font-size: .78rem; }
.aho-inline-scanner { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(260px, 1fr); gap: 12px 20px; align-items: end; padding: 15px; border: 1px dashed color-mix(in srgb, var(--workspace-accent) 35%, transparent); border-radius: 14px; background: var(--workspace-accent-soft); }
.aho-inline-scanner > div:first-child { display: grid; gap: 4px; }
.aho-inline-scanner small,.aho-inline-scanner p { margin: 0; color: #65738b; font-size: .74rem; line-height: 1.45; }
.aho-inline-scanner__controls { display: flex; gap: 8px; }
.aho-inline-scanner p { grid-column: 1 / -1; }

.aho-data-table { min-width: 760px; }
.aho-data-table th { padding: 12px 14px; background: #f8f9fc; color: #53617a; font-size: .72rem; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; }
.aho-data-table td { padding: 14px; color: #34415c; font-size: .84rem; line-height: 1.45; vertical-align: middle; }
.aho-data-table tbody tr:hover { background: color-mix(in srgb, var(--workspace-accent-soft) 62%, #fff); }
.aho-actions-column { min-width: 155px; }
.aho-row-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.aho-row-actions form { display: inline-flex; margin: 0; }
.aho-team-badge,.aho-module-badge { display: inline-flex; width: fit-content; margin-top: 5px; padding: 4px 8px; border-radius: 999px; background: var(--workspace-accent-soft); color: var(--workspace-accent); font-size: .68rem; font-weight: 790; white-space: nowrap; }
.aho-module-badge { margin: 0; }
.aho-table-subline { display: block; margin-top: 3px; color: #718097; font-size: .72rem; }
.aho-code { display: inline-flex; max-width: 180px; overflow: hidden; padding: 4px 7px; border-radius: 7px; background: #f1f3f7; color: #3f4d66; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.aho-empty-state { display: grid; gap: 5px; padding: 32px; color: #728097; text-align: center; }
.aho-empty-state strong { color: #283650; font-size: 1rem; }
.aho-empty-compact { padding: 17px; border: 1px dashed rgba(111, 124, 154, .25); border-radius: 12px; color: #68768d; font-size: .82rem; text-align: center; }

.aho-saved-filter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 11px; }
.aho-save-filter-card { display: flex; min-width: 0; gap: 12px; align-items: end; justify-content: space-between; padding: 14px; border: 1px solid rgba(111, 124, 154, .15); border-radius: 14px; background: #fafbfc; }
.aho-save-filter-card > div:first-child { display: grid; gap: 4px; }
.aho-save-filter-card small { display: block; color: #718097; font-size: .72rem; }
.aho-saved-filter-grid form.aho-save-filter-card { display: grid; grid-template-columns: minmax(160px, 1fr) auto; }

.aho-analytics-grid { align-items: start; }
.aho-chart-card { min-width: 0; }
.aho-chart-card .card__body { min-width: 0; overflow: hidden; }
.aho-chart-preview {
    width: 100% !important;
    height: var(--aho-chart-height, 420px) !important;
    max-width: 100%;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    border-radius: 14px;
    background: #fff;
    image-rendering: auto;
}
.aho-chart-type-label { color: #44516a; font-size: .82rem; font-weight: 720; }
.aho-chart-type { color: #23304b; font-size: .86rem; }

@media (max-width: 900px) {
    .aho-module-hero { align-items: flex-start; flex-direction: column; }
    .aho-hero-actions { justify-content: flex-start; }
    .aho-team-options,.aho-scan-form,.aho-inline-scanner { grid-template-columns: 1fr; }
    .aho-inline-scanner p { grid-column: auto; }
    .aho-saved-filter-grid form.aho-save-filter-card { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .aho-workspace { gap: 15px; }
    .aho-module-hero { padding: 22px 19px; border-radius: 19px; }
    .aho-module-hero h2 { font-size: 1.55rem; }
    .aho-hero-actions,.aho-hero-actions .button { width: 100%; }
    .aho-filter-grid { grid-template-columns: 1fr; }
    .aho-workspace .card__header,.aho-workspace .card__body { padding-inline: 16px; }
    .aho-summary-grid,.aho-summary-grid--seven { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aho-summary-card { padding: 15px; }
    .aho-summary-card strong { font-size: 1.45rem; }
    .aho-inline-scanner__controls { align-items: stretch; flex-direction: column; }
}

@media (max-width: 390px) {
    .aho-summary-grid,.aho-summary-grid--seven { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Techburg MGM & Analistik 1.0.14 · Profilbilder und geschützte Drill-downs
   ========================================================================== */

.user-menu__avatar {
    overflow: hidden;
}

.user-menu__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aho-profile-layout {
    display: grid;
    grid-template-columns: minmax(320px, .75fr) minmax(420px, 1.25fr);
    gap: 20px;
    width: 100%;
}

.aho-profile-employee-card {
    grid-column: 1 / -1;
}

.aho-profile-image-panel {
    display: grid;
    justify-items: start;
    gap: 18px;
}

.aho-profile-avatar {
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(91, 61, 245, .16);
    border-radius: 28%;
    background: linear-gradient(135deg, #f1efff, #eaf2ff);
    color: #563ee2;
    font-weight: 850;
    letter-spacing: -.04em;
    box-shadow: 0 12px 30px rgba(49, 54, 92, .10);
}

.aho-profile-avatar--xl {
    width: clamp(128px, 14vw, 184px);
    height: clamp(128px, 14vw, 184px);
    font-size: clamp(2.4rem, 5vw, 4.2rem);
}

.aho-profile-avatar--admin {
    width: 108px;
    height: 108px;
    flex: 0 0 108px;
    font-size: 2.2rem;
}

.aho-profile-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aho-profile-image-copy {
    min-width: 0;
}

.aho-profile-image-copy strong {
    display: block;
    overflow-wrap: anywhere;
    color: #151d35;
    font-size: 1.15rem;
}

.aho-profile-image-copy p {
    max-width: 58ch;
    margin: 6px 0 0;
    color: #69758c;
    line-height: 1.55;
}

.aho-profile-image-form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
    align-items: end;
}

.aho-file-picker {
    display: grid;
    min-width: min(100%, 290px);
    flex: 1;
    gap: 7px;
    color: #34425d;
    font-size: .8rem;
    font-weight: 760;
}

.aho-file-picker input {
    width: 100%;
    min-height: 44px;
    padding: 8px;
    border: 1px solid rgba(111, 124, 154, .25);
    border-radius: 11px;
    background: #fff;
    color: #34425d;
}

.aho-file-picker input::file-selector-button {
    margin-right: 10px;
    padding: 7px 11px;
    border: 0;
    border-radius: 8px;
    background: #eeebff;
    color: #5439df;
    font-weight: 750;
    cursor: pointer;
}

.aho-profile-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    margin: 0 0 22px;
}

.aho-profile-facts > div {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(111, 124, 154, .14);
    border-radius: 12px;
    background: #fafbfe;
}

.aho-profile-facts dt {
    color: #758096;
    font-size: .72rem;
    font-weight: 760;
}

.aho-profile-facts dd {
    margin: 4px 0 0;
    overflow-wrap: anywhere;
    color: #26334e;
    font-weight: 700;
}

.aho-admin-avatar-editor {
    display: flex;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
}

.aho-admin-avatar-editor .aho-profile-image-form {
    flex: 1 1 420px;
}

.aho-drilldown-card,
.aho-drilldown-row {
    color: inherit;
    text-decoration: none;
}

.aho-drilldown-card {
    position: relative;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.aho-drilldown-card:hover,
.aho-drilldown-card:focus-visible {
    border-color: rgba(91, 61, 245, .38);
    color: inherit;
    box-shadow: 0 14px 36px rgba(67, 55, 153, .12);
    transform: translateY(-2px);
    outline: none;
}

.aho-drilldown-row {
    border-radius: 8px;
}

.aho-drilldown-row:hover,
.aho-drilldown-row:focus-visible {
    background: #f4f2ff;
    outline: 2px solid rgba(91, 61, 245, .24);
    outline-offset: 2px;
}

.aho-chart-preview--interactive {
    cursor: pointer;
}

.aho-chart-preview--interactive:focus-visible {
    outline: 3px solid rgba(91, 61, 245, .48);
    outline-offset: 4px;
}

body.aho-drilldown-open {
    overflow: hidden !important;
}

.aho-drilldown-backdrop {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: clamp(12px, 3vw, 38px);
    background: rgba(18, 23, 42, .58);
    backdrop-filter: blur(5px);
}

.aho-drilldown-backdrop[hidden] {
    display: none !important;
}

.aho-drilldown-modal {
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
    width: min(1500px, 96vw);
    height: min(900px, 94vh);
    overflow: hidden;
    border: 1px solid rgba(126, 137, 167, .22);
    border-radius: 22px;
    outline: 0;
    background: #fff;
    box-shadow: 0 32px 90px rgba(14, 19, 38, .30);
}

.aho-drilldown-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(126, 137, 167, .15);
    background: linear-gradient(135deg, #fff, #f7f6ff);
}

.aho-drilldown-modal__header h2 {
    margin: 3px 0 4px;
    overflow-wrap: anywhere;
    color: #121a31;
    font-size: clamp(1.25rem, 2.2vw, 1.8rem);
}

.aho-drilldown-modal__header p {
    margin: 0;
    color: #69758c;
    font-size: .86rem;
}

.aho-drilldown-modal__close {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(111, 124, 154, .22);
    border-radius: 12px;
    background: #fff;
    color: #35415a;
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
}

.aho-drilldown-modal__close:hover,
.aho-drilldown-modal__close:focus-visible {
    border-color: #6651e5;
    color: #563ee2;
    outline: 3px solid rgba(91, 61, 245, .12);
}

.aho-drilldown-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 1px;
    border-bottom: 1px solid rgba(126, 137, 167, .14);
    background: rgba(126, 137, 167, .12);
}

.aho-drilldown-summary__item {
    display: grid;
    min-width: 0;
    gap: 3px;
    padding: 12px 18px;
    background: #fff;
}

.aho-drilldown-summary__item span {
    color: #77839a;
    font-size: .7rem;
    font-weight: 760;
    text-transform: uppercase;
}

.aho-drilldown-summary__item strong {
    overflow-wrap: anywhere;
    color: #26334e;
    font-size: .9rem;
}

.aho-drilldown-toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(160px, auto) minmax(105px, auto) auto;
    gap: 10px;
    align-items: end;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(126, 137, 167, .14);
    background: #fafbfe;
}

.aho-drilldown-toolbar label {
    display: grid;
    min-width: 0;
    gap: 5px;
    color: #53617a;
    font-size: .72rem;
    font-weight: 750;
}

.aho-drilldown-toolbar input,
.aho-drilldown-toolbar select {
    width: 100%;
    min-height: 40px;
    padding: 7px 10px;
    border: 1px solid rgba(111, 124, 154, .24);
    border-radius: 9px;
    background: #fff;
    color: #25314a;
}

.aho-drilldown-status {
    min-height: 26px;
    padding: 5px 18px;
    color: #68758d;
    background: #fff;
    font-size: .75rem;
}

.aho-drilldown-content {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0 18px 18px;
}

.aho-drilldown-loading,
.aho-drilldown-empty,
.aho-drilldown-error {
    display: grid;
    place-items: center;
    min-height: 220px;
    padding: 28px;
    border: 1px dashed rgba(111, 124, 154, .28);
    border-radius: 14px;
    color: #67748c;
    text-align: center;
}

.aho-drilldown-loading--small {
    min-height: 90px;
}

.aho-drilldown-error {
    gap: 8px;
    border-color: rgba(186, 62, 77, .24);
    background: #fff8f8;
    color: #8f3441;
}

.aho-drilldown-error p,
.aho-drilldown-empty p {
    margin: 0;
}

.aho-drilldown-table-wrap {
    overflow-x: auto;
}

.aho-drilldown-table {
    width: 100%;
    min-width: 1020px;
    border-collapse: collapse;
}

.aho-drilldown-table th {
    position: sticky;
    z-index: 1;
    top: 0;
    padding: 11px 12px;
    border-bottom: 1px solid #e3e7ef;
    background: #f7f8fb;
    color: #56637a;
    text-align: left;
    font-size: .68rem;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.aho-drilldown-table td {
    padding: 12px;
    border-bottom: 1px solid #edf0f5;
    color: #34415b;
    font-size: .79rem;
    line-height: 1.45;
    vertical-align: top;
}

.aho-drilldown-table tbody tr:not(.aho-drilldown-detail-row):hover {
    background: #fafaff;
}

.aho-drilldown-detail-row td {
    padding: 0 12px;
    background: #fafbfe;
}

.aho-record-detail:not([hidden]) {
    margin: 10px 0 16px;
    padding: 15px;
    border: 1px solid rgba(91, 61, 245, .14);
    border-radius: 12px;
    background: #fff;
}

.aho-record-definition {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 9px;
    margin: 0;
}

.aho-record-definition__item {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #e7eaf1;
    border-radius: 9px;
    background: #fafbfc;
}

.aho-record-definition dt {
    color: #78839a;
    font-size: .68rem;
    font-weight: 780;
}

.aho-record-definition dd {
    margin: 4px 0 0;
    overflow-wrap: anywhere;
    color: #2d3953;
    font-size: .8rem;
}

.aho-record-definition dd .aho-record-definition {
    grid-template-columns: 1fr;
    margin-top: 6px;
}

.aho-drilldown-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 58px;
    padding: 9px 18px;
    border-top: 1px solid rgba(126, 137, 167, .14);
    background: #fafbfe;
    color: #56637a;
    font-size: .8rem;
    font-weight: 720;
}

.aho-duplicate-groups {
    display: grid;
    gap: 14px;
}

.aho-duplicate-group {
    overflow: hidden;
    border: 1px solid rgba(201, 128, 29, .26);
    border-radius: 15px;
    background: #fff;
}

.aho-duplicate-group__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 15px 17px;
    background: #fff9ef;
}

.aho-duplicate-group__header h3 {
    margin: 3px 0 0;
    color: #2b3449;
}

.aho-duplicate-group__count {
    color: #925211;
    white-space: nowrap;
}

.aho-duplicate-group__reason {
    margin: 0;
    padding: 12px 17px;
    border-block: 1px solid #f0e6d5;
    color: #5c4a32;
    font-size: .82rem;
}

.aho-duplicate-group__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 15px 17px;
}

.aho-duplicate-group h4 {
    margin: 0 0 8px;
    color: #37435a;
    font-size: .8rem;
}

.aho-duplicate-values {
    display: grid;
    gap: 6px;
    margin: 0;
}

.aho-duplicate-values > div {
    display: grid;
    grid-template-columns: minmax(110px, .45fr) minmax(0, 1fr);
    gap: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #f8f9fc;
}

.aho-duplicate-values dt {
    color: #748097;
    font-size: .7rem;
    font-weight: 740;
}

.aho-duplicate-values dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #35415b;
    font-size: .75rem;
}

.aho-duplicate-records {
    display: grid;
    gap: 8px;
    padding: 0 17px 17px;
}

.aho-duplicate-record {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 9px 11px;
    border: 1px solid #e6e9f0;
    border-radius: 9px;
}

.aho-duplicate-record .aho-record-detail {
    width: 100%;
}

@media (max-width: 900px) {
    .aho-profile-layout {
        grid-template-columns: 1fr;
    }

    .aho-profile-employee-card {
        grid-column: auto;
    }

    .aho-drilldown-toolbar {
        grid-template-columns: minmax(0, 1fr) minmax(150px, .6fr);
    }

    .aho-drilldown-search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .aho-drilldown-backdrop {
        padding: 0;
    }

    .aho-drilldown-modal {
        width: 100vw;
        height: 100dvh;
        max-height: none;
        border: 0;
        border-radius: 0;
    }

    .aho-drilldown-modal__header {
        padding: 15px;
    }

    .aho-drilldown-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aho-drilldown-summary__item {
        padding: 9px 12px;
    }

    .aho-drilldown-toolbar {
        grid-template-columns: 1fr 1fr;
        padding: 11px 12px;
    }

    .aho-drilldown-search {
        grid-column: 1 / -1;
    }

    .aho-drilldown-toolbar .button {
        width: 100%;
    }

    .aho-drilldown-content {
        padding-inline: 10px;
    }

    .aho-duplicate-group__columns {
        grid-template-columns: 1fr;
    }

    .aho-profile-image-form,
    .aho-admin-avatar-editor {
        align-items: stretch;
        flex-direction: column;
    }

    .aho-profile-image-form .button {
        width: 100%;
    }
}

/* ==========================================================================
   SOURCE: design-system.css
   ========================================================================== */

/*
 * Techburg MGM & Analistik 1.0.22
 * Enterprise Design System 2026
 *
 * Diese Datei ist die verbindliche Darstellungsschicht der Anwendung.
 * Bestehende Komponentenklassen bleiben aus Kompatibilitätsgründen erhalten,
 * beziehen ihre sichtbare Gestaltung jedoch ausschließlich aus diesen Tokens.
 */

:root {
    color-scheme: light;

    /* Brand & surfaces */
    --aho-bg-root: #f0f2f6;
    --aho-bg-app: #f6f7fa;
    --aho-bg-sidebar: #ffffff;
    --aho-bg-surface: #ffffff;
    --aho-bg-surface-raised: #fafafd;
    --aho-bg-surface-hover: #f0f2f6;
    --aho-bg-surface-soft: #f6f7fa;
    --aho-bg-overlay: rgba(15, 23, 42, .46);

    /* Brand accents */
    --aho-accent: #c91f68;
    --aho-accent-hover: #a91555;
    --aho-accent-soft: #c91f68;
    --aho-accent-ink: #ffffff;
    --aho-accent-wash: #fce7f1;
    --aho-accent-border: rgba(201, 31, 104, .30);

    /* Semantic colours */
    --aho-success: #087a55;
    --aho-success-soft: rgba(8, 122, 85, .10);
    --aho-warning: #a85d00;
    --aho-warning-soft: rgba(168, 93, 0, .10);
    --aho-danger: #c6283d;
    --aho-danger-soft: rgba(198, 40, 61, .10);
    --aho-info: #287ec5;
    --aho-info-soft: rgba(40, 126, 197, .10);

    /* Module identity – nur als Orientierung, nie als eigenes Theme */
    --aho-module-social: #c91f68;
    --aho-module-lab: #d9468d;
    --aho-module-tests: #287ec5;
    --aho-module-events: #b77900;
    --aho-module-exchange: #7957d5;
    --aho-module-inventory: #d85b40;
    --aho-module-reports: #60516e;
    --aho-module-search: #c83f87;

    /* Typography */
    --aho-text: #171a22;
    --aho-text-secondary: #5f6673;
    --aho-text-muted: #68707d;
    --aho-text-disabled: #94a0b2;
    --aho-font: Inter, Manrope, Geist, "Plus Jakarta Sans", ui-sans-serif,
        -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --aho-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --aho-font-size: 16px;
    --aho-line-height: 1.55;

    /* Borders, radii, depth */
    --aho-border: #dde1e8;
    --aho-border-strong: #cbd1dc;
    --aho-divider: #e7e9ee;
    --aho-radius-sm: 8px;
    --aho-radius-control: 10px;
    --aho-radius-card: 14px;
    --aho-radius-panel: 18px;
    --aho-radius-round: 999px;
    --aho-shadow-card: 0 8px 24px rgba(35, 46, 79, .055), 0 1px 2px rgba(35, 46, 79, .04);
    --aho-shadow-raised: 0 20px 52px rgba(35, 46, 79, .14), 0 2px 6px rgba(35, 46, 79, .06);
    --aho-focus: 0 0 0 3px rgba(227, 59, 130, .22), 0 0 0 1px #e33b82;

    /* 8-pixel spacing system */
    --aho-space-1: 4px;
    --aho-space-2: 8px;
    --aho-space-3: 12px;
    --aho-space-4: 16px;
    --aho-space-5: 20px;
    --aho-space-6: 24px;
    --aho-space-7: 32px;
    --aho-space-8: 40px;
    --aho-space-9: 48px;
    --aho-space-10: 64px;

    /* Motion & layout */
    --aho-motion-fast: 160ms;
    --aho-motion: 200ms;
    --aho-ease: cubic-bezier(.2, .8, .2, 1);
    --aho-sidebar-width: 284px;
    --aho-sidebar-collapsed: 88px;
    --aho-content-max: none;
    --aho-control-height: 44px;

    /* Compatibility aliases used by the existing application */
    --color-primary: var(--aho-accent);
    --color-primary-hover: var(--aho-accent-hover);
    --color-primary-soft: var(--aho-accent-wash);
    --color-primary-soft-2: rgba(201, 31, 104, .055);
    --color-secondary: var(--aho-success);
    --color-secondary-soft: var(--aho-success-soft);
    --color-success: var(--aho-success);
    --color-success-soft: var(--aho-success-soft);
    --color-warning: var(--aho-warning);
    --color-warning-soft: var(--aho-warning-soft);
    --color-danger: var(--aho-danger);
    --color-danger-soft: var(--aho-danger-soft);
    --color-info: var(--aho-info);
    --color-info-soft: var(--aho-info-soft);
    --bg-app: var(--aho-bg-app);
    --bg-sidebar: var(--aho-bg-sidebar);
    --bg-card: var(--aho-bg-surface);
    --bg-muted: var(--aho-bg-surface-soft);
    --bg-hover: var(--aho-bg-surface-hover);
    --text-primary: var(--aho-text);
    --text-secondary: var(--aho-text-secondary);
    --text-muted: var(--aho-text-muted);
    --border-color: var(--aho-border);
    --surface: var(--aho-bg-surface);
    --surface-color: var(--aho-bg-surface);
    --muted-color: var(--aho-text-muted);
    --text-color: var(--aho-text);
    --shadow-xs: var(--aho-shadow-card);
    --shadow-sm: var(--aho-shadow-card);
    --shadow-md: var(--aho-shadow-raised);
    --shadow-lg: var(--aho-shadow-raised);
    --radius-xs: var(--aho-radius-sm);
    --radius-sm: var(--aho-radius-control);
    --radius-md: var(--aho-radius-card);
    --radius-lg: var(--aho-radius-panel);
    --radius-xl: var(--aho-radius-panel);
    --radius-2xl: 22px;
    --radius-round: var(--aho-radius-round);

    /* Canvas-Diagramme lesen diese Werte bei jedem Neuaufbau aus. */
    --aho-chart-ink: #172033;
    --aho-chart-text: #344259;
    --aho-chart-muted: #66758c;
    --aho-chart-grid: rgba(102, 117, 140, .16);
    --aho-chart-grid-strong: rgba(102, 117, 140, .30);
    --aho-chart-track: #edf0f5;
    --aho-chart-surface: #ffffff;
    --aho-chart-primary: #5659d9;
    --aho-chart-primary-soft: #9fa3f2;
}

:root[data-theme="dark"] {
    color-scheme: dark;

    --aho-bg-root: #0e131c;
    --aho-bg-app: #121722;
    --aho-bg-sidebar: #171e2a;
    --aho-bg-surface: #202836;
    --aho-bg-surface-raised: #293343;
    --aho-bg-surface-hover: #344052;
    --aho-bg-surface-soft: #252e3d;
    --aho-bg-overlay: rgba(2, 5, 10, .72);

    --aho-accent: #f06aa2;
    --aho-accent-hover: #ff8fbb;
    --aho-accent-soft: #f279ab;
    --aho-accent-ink: #1c0e15;
    --aho-accent-wash: rgba(240, 106, 162, .14);
    --aho-accent-border: rgba(240, 106, 162, .42);

    --aho-success: #48c99a;
    --aho-success-soft: rgba(72, 201, 154, .13);
    --aho-warning: #e4ad4f;
    --aho-warning-soft: rgba(228, 173, 79, .14);
    --aho-danger: #ff7e8e;
    --aho-danger-soft: rgba(255, 126, 142, .14);
    --aho-info: #66b5f2;
    --aho-info-soft: rgba(102, 181, 242, .14);

    --aho-module-social: #f06aa2;
    --aho-module-lab: #f084b8;
    --aho-module-tests: #66b5f2;
    --aho-module-events: #e4ad4f;
    --aho-module-exchange: #a98bf5;
    --aho-module-inventory: #f0846d;
    --aho-module-reports: #b8a7c5;
    --aho-module-search: #f091bf;

    --aho-text: #f8fafc;
    --aho-text-secondary: #dce3ed;
    --aho-text-muted: #bbc6d5;
    --aho-text-disabled: #98a6b9;
    --aho-border: #435064;
    --aho-border-strong: #59687d;
    --aho-divider: #374356;
    --aho-shadow-card: 0 10px 28px rgba(0, 0, 0, .22), 0 1px 2px rgba(0, 0, 0, .28);
    --aho-shadow-raised: 0 24px 58px rgba(0, 0, 0, .42), 0 2px 8px rgba(0, 0, 0, .30);
    --aho-focus: 0 0 0 3px rgba(240, 106, 162, .28), 0 0 0 1px #f06aa2;

    --color-primary-soft-2: rgba(240, 106, 162, .07);
    --aho-chart-ink: #f3f5f8;
    --aho-chart-text: #d7dce5;
    --aho-chart-muted: #aab3c2;
    --aho-chart-grid: rgba(190, 199, 214, .16);
    --aho-chart-grid-strong: rgba(190, 199, 214, .31);
    --aho-chart-track: #303746;
    --aho-chart-surface: #202836;
    --aho-chart-primary: #9295ff;
    --aho-chart-primary-soft: #656aa8;
}

/* Der Umschalter bleibt auf jeder Fachseite sichtbar. */
.aho-theme-switcher {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--aho-border);
    border-radius: 12px;
    background: var(--aho-bg-surface-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.aho-theme-switcher button {
    min-width: 42px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 9px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--aho-text-muted);
    background: transparent;
    font: inherit;
    font-size: .75rem;
    font-weight: 780;
    cursor: pointer;
    transition: color var(--aho-motion-fast), border-color var(--aho-motion-fast), background var(--aho-motion-fast), box-shadow var(--aho-motion-fast);
}

.aho-theme-switcher button:hover {
    color: var(--aho-text);
    background: var(--aho-bg-surface-hover);
}

.aho-theme-switcher button.is-active,
.aho-theme-switcher button[aria-pressed="true"] {
    border-color: var(--aho-accent-border);
    color: var(--aho-text);
    background: var(--aho-bg-surface);
    box-shadow: 0 2px 8px rgba(24, 32, 48, .12);
}

.aho-theme-switcher button:focus-visible {
    outline: 0;
    box-shadow: var(--aho-focus);
}

.aho-theme-switcher svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-width: 320px;
    min-height: 100%;
    scroll-behavior: smooth;
    background: var(--aho-bg-root);
}

body {
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    font-family: var(--aho-font) !important;
    font-size: var(--aho-font-size) !important;
    line-height: var(--aho-line-height) !important;
    color: var(--aho-text) !important;
    background:
        radial-gradient(circle at 92% -8%, rgba(201, 31, 104, .035), transparent 30rem),
        radial-gradient(circle at 18% 108%, rgba(96, 81, 110, .025), transparent 34rem),
        var(--aho-bg-app) !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

::selection {
    color: var(--aho-accent-ink);
    background: var(--aho-accent-soft);
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--aho-bg-root);
}

::-webkit-scrollbar-thumb {
    min-height: 44px;
    border: 3px solid var(--aho-bg-root);
    border-radius: var(--aho-radius-round);
    background: #b7c0cf;
}

::-webkit-scrollbar-thumb:hover {
    background: #929db0;
}

a {
    color: var(--aho-accent-soft);
    text-underline-offset: 3px;
}

a:hover {
    color: var(--aho-accent-hover);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 0 !important;
    box-shadow: var(--aho-focus) !important;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
[role="button"],
select,
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--aho-accent);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--aho-text) !important;
    letter-spacing: -.025em;
    text-wrap: balance;
}

p {
    text-wrap: pretty;
}

.muted,
.aho-muted,
.text-muted {
    color: var(--aho-text-muted) !important;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.skip-link {
    position: fixed;
    z-index: 10000;
    top: var(--aho-space-3);
    left: var(--aho-space-3);
    translate: 0 -160%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 0 var(--aho-space-4);
    border-radius: var(--aho-radius-control);
    color: var(--aho-accent-ink);
    background: var(--aho-accent);
    font-weight: 800;
    text-decoration: none;
    transition: translate var(--aho-motion) var(--aho-ease);
}

.skip-link:focus {
    translate: 0 0;
}

/* Application shell */

.app-shell {
    min-height: 100vh !important;
    display: grid !important;
    grid-template-columns: var(--aho-sidebar-width) minmax(0, 1fr) !important;
    background: transparent !important;
    transition: grid-template-columns var(--aho-motion) var(--aho-ease);
}

.app-main {
    min-width: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin-left: 0 !important;
    background: transparent !important;
}

.sidebar {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    width: auto !important;
    height: 100vh;
    display: flex !important;
    flex-direction: column;
    padding: 0 !important;
    overflow: hidden;
    border-right: 1px solid var(--aho-border) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-sidebar) !important;
    box-shadow: 10px 0 32px rgba(35, 46, 79, .045) !important;
    transition: width var(--aho-motion) var(--aho-ease), transform var(--aho-motion) var(--aho-ease);
}

.sidebar__brand {
    position: relative;
    min-height: 82px;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-2);
    padding: var(--aho-space-4) var(--aho-space-4) !important;
    border-bottom: 1px solid var(--aho-divider);
}

.brand {
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-3) !important;
    color: var(--aho-text) !important;
    text-decoration: none !important;
}

.brand__mark,
.brand-mark,
.brand__logo {
    flex: 0 0 auto;
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(201, 31, 104, .22) !important;
    border-radius: var(--aho-radius-card) !important;
    color: var(--aho-accent-ink) !important;
    background: linear-gradient(145deg, var(--aho-accent-hover), var(--aho-accent)) !important;
    box-shadow: 0 10px 24px rgba(201, 31, 104, .16), inset 0 1px 0 rgba(255, 255, 255, .30) !important;
}

.brand__logo img,
.brand-mark--logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
    background: #fff;
}

.brand__mark i {
    position: absolute;
    width: 18px;
    height: 5px;
    border-radius: var(--aho-radius-round);
    background: var(--aho-accent-ink);
}

.brand__mark i:first-child {
    rotate: 45deg;
}

.brand__mark i:last-child {
    rotate: -45deg;
}

.brand__text {
    min-width: 0;
    display: flex !important;
    flex-direction: column;
    line-height: 1.2;
}

.brand__text strong {
    overflow: hidden;
    color: var(--aho-text) !important;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand__text small {
    margin-top: 4px;
    color: var(--aho-text-muted) !important;
    font-size: .78rem;
}

.sidebar__collapse,
.sidebar__close {
    flex: 0 0 auto;
    width: 40px !important;
    height: 40px !important;
    display: inline-grid;
    place-items: center;
    margin-left: auto;
    padding: 0 !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-control) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-soft) !important;
    cursor: pointer;
    transition: color var(--aho-motion-fast), background var(--aho-motion-fast), border-color var(--aho-motion-fast), rotate var(--aho-motion);
}

.sidebar__collapse:hover,
.sidebar__close:hover {
    border-color: var(--aho-accent-border) !important;
    color: var(--aho-text) !important;
    background: var(--aho-accent-wash) !important;
}

.sidebar__collapse svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.sidebar__close {
    display: none;
    font-size: 1.65rem;
}

.sidebar__navigation {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: var(--aho-space-4) var(--aho-space-3) !important;
    scrollbar-width: thin;
}

.nav-section + .nav-section {
    margin-top: var(--aho-space-5) !important;
}

.nav-section__title {
    padding: 0 var(--aho-space-3) var(--aho-space-2) !important;
    color: var(--aho-text-disabled) !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: none !important;
}

.nav-section__items {
    display: grid;
    gap: var(--aho-space-1);
}

.nav-item {
    position: relative;
    min-height: 46px;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-3) !important;
    padding: 0 var(--aho-space-3) !important;
    overflow: hidden;
    border: 1px solid transparent !important;
    border-radius: var(--aho-radius-control) !important;
    color: var(--aho-text-secondary) !important;
    background: transparent !important;
    font-size: .94rem;
    font-weight: 650;
    text-decoration: none !important;
    transition: color var(--aho-motion-fast), background var(--aho-motion-fast), border-color var(--aho-motion-fast), translate var(--aho-motion-fast);
}

.nav-item::before {
    content: "";
    position: absolute;
    inset: 8px auto 8px 0;
    width: 3px;
    border-radius: var(--aho-radius-round);
    background: var(--aho-accent);
    opacity: 0;
    scale: .7;
    transition: opacity var(--aho-motion-fast), scale var(--aho-motion-fast);
}

.nav-item:hover {
    color: var(--aho-text) !important;
    border-color: var(--aho-border) !important;
    background: var(--aho-bg-surface-hover) !important;
    translate: 2px 0;
}

.nav-item.is-active,
.nav-item[aria-current="page"] {
    color: var(--aho-text) !important;
    border-color: rgba(201, 31, 104, .18) !important;
    background: linear-gradient(90deg, rgba(201, 31, 104, .12), rgba(201, 31, 104, .045)) !important;
}

.nav-item.is-active::before,
.nav-item[aria-current="page"]::before {
    opacity: 1;
    scale: 1;
}

.nav-item__icon {
    flex: 0 0 auto;
    width: 22px !important;
    height: 22px !important;
    display: grid;
    place-items: center;
    color: var(--aho-text-muted) !important;
}

.nav-item.is-active .nav-item__icon {
    color: var(--aho-accent-hover) !important;
}

.nav-item__icon svg,
.topbar svg,
.button svg,
.btn svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.sidebar__footer {
    padding: var(--aho-space-3) !important;
    border-top: 1px solid var(--aho-divider) !important;
    background: var(--aho-bg-surface-raised) !important;
}

.system-indicator {
    min-height: 54px;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-3) !important;
    padding: var(--aho-space-2) var(--aho-space-3) !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-bg-surface-soft) !important;
}

.system-indicator__dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background: var(--aho-success) !important;
    box-shadow: 0 0 0 5px var(--aho-success-soft);
}

.system-indicator strong {
    display: block;
    color: var(--aho-text) !important;
    font-size: .86rem;
}

.system-indicator small {
    display: block;
    color: var(--aho-text-muted) !important;
    font-size: .75rem;
}

body.sidebar-collapsed .app-shell {
    grid-template-columns: var(--aho-sidebar-collapsed) minmax(0, 1fr) !important;
}

body.sidebar-collapsed .sidebar__brand {
    justify-content: center;
    padding-inline: var(--aho-space-3) !important;
}

body.sidebar-collapsed .brand__text,
body.sidebar-collapsed .nav-section__title,
body.sidebar-collapsed .nav-item__label,
body.sidebar-collapsed .system-indicator > div {
    display: none !important;
}

body.sidebar-collapsed .brand {
    justify-content: center;
}

body.sidebar-collapsed .sidebar__collapse {
    position: absolute;
    right: 5px;
    bottom: -14px;
    z-index: 2;
    width: 30px !important;
    height: 30px !important;
    rotate: 180deg;
}

body.sidebar-collapsed .sidebar__navigation {
    padding-inline: var(--aho-space-2) !important;
}

body.sidebar-collapsed .nav-section + .nav-section {
    margin-top: var(--aho-space-3) !important;
}

body.sidebar-collapsed .nav-item {
    justify-content: center;
    padding: 0 !important;
}

body.sidebar-collapsed .nav-item:hover {
    translate: 0;
}

body.sidebar-collapsed .system-indicator {
    justify-content: center;
    padding-inline: 0 !important;
}

/* Top command bar */

.topbar {
    position: sticky !important;
    top: 0;
    z-index: 900;
    min-height: 76px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-4);
    padding: var(--aho-space-3) clamp(18px, 2.5vw, 40px) !important;
    border-bottom: 1px solid var(--aho-border) !important;
    color: var(--aho-text) !important;
    background: color-mix(in srgb, var(--aho-bg-surface) 90%, transparent) !important;
    box-shadow: 0 8px 24px rgba(35, 46, 79, .045) !important;
    backdrop-filter: blur(18px) saturate(130%);
}

.topbar__left {
    min-width: 0;
    flex: 1 1 auto;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-4) !important;
}

.topbar__title {
    flex: 0 0 auto;
    min-width: 160px;
    display: flex !important;
    flex-direction: column;
    line-height: 1.15;
}

.topbar__eyebrow {
    margin-bottom: 5px;
    color: var(--aho-text-muted) !important;
    font-size: .72rem !important;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: none !important;
}

.topbar__title strong {
    overflow: hidden;
    color: var(--aho-text) !important;
    font-size: 1.05rem !important;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-search {
    width: min(100%, 620px);
    min-height: 46px;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-3) !important;
    margin-inline: auto;
    padding: 0 var(--aho-space-3) !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-control) !important;
    color: var(--aho-text-muted) !important;
    background: var(--aho-bg-surface-raised) !important;
    box-shadow: inset 0 1px 2px rgba(35, 46, 79, .035) !important;
    text-decoration: none !important;
    transition: border-color var(--aho-motion-fast), background var(--aho-motion-fast), color var(--aho-motion-fast);
}

.topbar-search:hover,
.topbar-search:focus-visible {
    border-color: var(--aho-accent-border) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-raised) !important;
}

.topbar-search span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-search kbd {
    margin-left: auto;
    padding: 3px 8px;
    border: 1px solid var(--aho-border-strong);
    border-bottom-color: #b9c1cf;
    border-radius: 7px;
    color: var(--aho-text-secondary);
    background: var(--aho-bg-root);
    font-family: var(--aho-font);
    font-size: .72rem;
    white-space: nowrap;
}

.topbar__actions {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-2) !important;
}

.icon-button,
.topbar__menu,
.notification-button {
    width: 44px !important;
    height: 44px !important;
    display: inline-grid !important;
    place-items: center;
    padding: 0 !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-control) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface) !important;
    text-decoration: none !important;
    cursor: pointer;
}

.icon-button:hover,
.notification-button:hover {
    border-color: var(--aho-accent-border) !important;
    color: var(--aho-text) !important;
    background: var(--aho-accent-wash) !important;
}

.notification-button {
    position: relative;
}

.notification-button__badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    border: 2px solid var(--aho-bg-app);
    border-radius: var(--aho-radius-round);
    color: var(--aho-accent-ink) !important;
    background: var(--aho-accent) !important;
    font-size: .68rem;
    font-weight: 900;
}

.user-menu {
    min-height: 48px !important;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-2) !important;
    padding: 4px 10px 4px 5px !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface) !important;
    cursor: pointer;
}

.user-menu:hover {
    border-color: var(--aho-accent-border) !important;
    background: var(--aho-bg-surface-raised) !important;
}

.user-menu__avatar {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(201, 31, 104, .22);
    border-radius: 11px !important;
    color: var(--aho-accent-ink) !important;
    background: linear-gradient(145deg, var(--aho-accent-hover), var(--aho-accent)) !important;
    font-size: .78rem;
    font-weight: 900;
}

.user-menu__avatar--large {
    width: 48px !important;
    height: 48px !important;
}

.user-menu__details {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

.user-menu__details strong {
    max-width: 150px;
    overflow: hidden;
    color: var(--aho-text) !important;
    font-size: .84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-menu__details small {
    max-width: 150px;
    overflow: hidden;
    color: var(--aho-text-muted) !important;
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-menu__chevron {
    width: 16px !important;
    height: 16px !important;
}

.profile-dropdown {
    position: fixed !important;
    z-index: 1100;
    top: 70px !important;
    right: clamp(14px, 2.5vw, 40px) !important;
    width: min(310px, calc(100vw - 28px));
    padding: var(--aho-space-2) !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-panel) !important;
    color: var(--aho-text) !important;
    background: color-mix(in srgb, var(--aho-bg-surface) 98%, transparent) !important;
    box-shadow: var(--aho-shadow-raised) !important;
    backdrop-filter: blur(20px);
}

.profile-dropdown__header {
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-3) !important;
    padding: var(--aho-space-3) !important;
}

.profile-dropdown__header strong,
.profile-dropdown__header small {
    display: block;
}

.profile-dropdown__header small {
    color: var(--aho-text-muted) !important;
}

.profile-dropdown__divider {
    height: 1px;
    margin: var(--aho-space-2) 0 !important;
    background: var(--aho-divider) !important;
}

.profile-dropdown > a,
.profile-dropdown button {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 0 var(--aho-space-3) !important;
    border: 0;
    border-radius: var(--aho-radius-control);
    color: var(--aho-text-secondary) !important;
    background: transparent !important;
    text-decoration: none;
    cursor: pointer;
}

.profile-dropdown > a:hover,
.profile-dropdown button:hover {
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-hover) !important;
}

.profile-dropdown__logout-button {
    color: var(--aho-danger) !important;
}

/* Content hierarchy */

.content {
    width: 100%;
    max-width: var(--aho-content-max);
    min-width: 0;
    flex: 1 0 auto;
    margin: 0;
    padding: clamp(24px, 2.4vw, 42px) clamp(18px, 2vw, 34px) var(--aho-space-10) !important;
}

/*
 * Breite Arbeitsfläche
 *
 * Fachliche Inhalte nutzen den vollständigen Raum neben der Navigation.
 * Nur beschreibende Fließtexte behalten eine begrenzte Zeilenlänge, damit
 * sie auf großen Monitoren gut lesbar bleiben.
 */
.content > :where(
    .aho-workspace,
    .aho-intel,
    .aho-admin,
    .aho-users,
    .aho-settings-page,
    .aho-catalog,
    .aho-import-page,
    .aho-import-job-page,
    .aho-audit-page,
    .aho-audit-detail-page,
    .aho-system-status-page,
    .aho-user-edit-page,
    .aho-user-form-page,
    .aho-permissions-page,
    .dashboard-toolbar,
    .dashboard-kpi-grid,
    .dashboard-intelligence-strip,
    .dashboard-grid,
    .kpi-grid,
    .aho-grid-2,
    .aho-analytics-grid,
    .card,
    .alert,
    section
) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
}

.page-header {
    position: relative;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between;
    gap: var(--aho-space-6) !important;
    margin: 0 0 var(--aho-space-7) !important;
    padding: 0 0 var(--aho-space-6) !important;
    border-bottom: 1px solid var(--aho-divider) !important;
}

.page-header::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 88px;
    height: 2px;
    border-radius: var(--aho-radius-round);
    background: linear-gradient(90deg, var(--aho-accent), transparent);
}

.page-breadcrumb {
    display: flex;
    align-items: center;
    gap: var(--aho-space-2);
    margin-bottom: var(--aho-space-2);
    color: var(--aho-text-muted);
    font-size: .78rem;
    font-weight: 650;
}

.page-breadcrumb a {
    color: var(--aho-text-secondary);
    text-decoration: none;
}

.page-breadcrumb a:hover {
    color: var(--aho-accent-soft);
}

.page-header h1 {
    margin: 0 !important;
    color: var(--aho-text) !important;
    font-size: clamp(1.85rem, 2.4vw, 2.25rem) !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
}

.page-header p {
    max-width: 820px;
    margin: var(--aho-space-2) 0 0 !important;
    color: var(--aho-text-secondary) !important;
    font-size: 1rem !important;
}

.page-header__actions,
.aho-hero-actions,
.aho-actions,
.aho-row-actions,
.dashboard-toolbar__actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: var(--aho-space-2) !important;
    flex-wrap: wrap;
}

.app-footer {
    min-height: 58px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-4);
    padding: 0 clamp(18px, 3vw, 48px) !important;
    border-top: 1px solid var(--aho-divider) !important;
    color: var(--aho-text-disabled) !important;
    background: rgba(255, 255, 255, .72) !important;
    font-size: .78rem;
}

/* Unified workspaces and page heroes */

.aho-workspace,
.aho-intel,
.aho-admin,
.aho-users,
.aho-settings-page,
.aho-catalog,
.aho-import-page,
.aho-import-job-page,
.aho-audit-page,
.aho-audit-detail-page,
.aho-system-status-page,
.aho-user-edit-page,
.aho-user-form-page,
.aho-permissions-page {
    --aho-module-accent: var(--aho-accent);
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    display: grid !important;
    gap: var(--aho-space-6) !important;
    color: var(--aho-text) !important;
}

.aho-workspace--social_work { --aho-module-accent: var(--aho-module-social); }
.aho-workspace--events { --aho-module-accent: var(--aho-module-events); }
.aho-workspace--needle_exchange { --aho-module-accent: var(--aho-module-exchange); }
.aho-workspace--inventory { --aho-module-accent: var(--aho-module-inventory); }
.aho-workspace--analytics,
.aho-workspace--employees { --aho-module-accent: var(--aho-info); }
.aho-workspace--reports { --aho-module-accent: var(--aho-module-reports); }
.aho-workspace--smart-search { --aho-module-accent: var(--aho-module-search); }
.aho-workspace--own { --aho-module-accent: var(--aho-accent-hover); }

.aho-module-hero {
    position: relative;
    isolation: isolate;
    min-height: 176px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-7) !important;
    margin: 0 !important;
    padding: clamp(24px, 3vw, 40px) !important;
    overflow: hidden;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-panel) !important;
    color: var(--aho-text) !important;
    background:
        linear-gradient(118deg, rgba(201, 31, 104, .025), transparent 58%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--aho-module-accent) 11%, transparent), transparent 42%),
        var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

.aho-module-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--aho-module-accent);
}

.aho-module-hero > div:first-child {
    max-width: 840px;
}

.aho-module-hero h2 {
    margin: var(--aho-space-2) 0 0 !important;
    color: var(--aho-text) !important;
    font-size: clamp(1.5rem, 2.25vw, 2.05rem) !important;
    font-weight: 850 !important;
    line-height: 1.16;
}

.aho-module-hero p {
    max-width: 740px;
    margin: var(--aho-space-3) 0 0 !important;
    color: var(--aho-text-secondary) !important;
    font-size: 1rem !important;
}

.aho-eyebrow,
.dashboard-card-kicker,
.smart-search-kicker,
.card__eyebrow {
    color: var(--aho-module-accent, var(--aho-accent-soft)) !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    letter-spacing: .045em !important;
    text-transform: none !important;
}

/* Cards and panels */

html body .app-shell .card,
html body .app-shell .aho-card,
html body .app-shell .aho-intel-card,
html body .app-shell .aho-admin-card,
html body .app-shell .aho-form-section,
html body .app-shell .aho-settings-group,
html body .app-shell [class*="_card"] {
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

.card {
    overflow: clip;
}

.card__header {
    min-height: 70px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-4) !important;
    padding: var(--aho-space-4) var(--aho-space-5) !important;
    border-bottom: 1px solid var(--aho-divider) !important;
    background: var(--aho-bg-surface-raised) !important;
}

.card__title {
    margin: 0 !important;
    color: var(--aho-text) !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    line-height: 1.3;
}

.card__header p {
    margin: var(--aho-space-1) 0 0 !important;
    color: var(--aho-text-muted) !important;
    font-size: .88rem !important;
}

.card__body {
    padding: var(--aho-space-5) !important;
    color: var(--aho-text-secondary) !important;
}

.aho-grid-2,
.dashboard-grid,
.aho-analytics-grid {
    width: 100% !important;
    min-width: 0;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--aho-space-6) !important;
    margin-top: 0 !important;
}

/* Buttons */

.button,
.btn,
.aho-button,
.login-button,
.submit-button {
    min-height: var(--aho-control-height) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: var(--aho-space-2) !important;
    padding: 0 var(--aho-space-4) !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-control) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-raised) !important;
    box-shadow: none !important;
    font-size: .9rem !important;
    font-weight: 750 !important;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    transition: translate var(--aho-motion-fast) var(--aho-ease), color var(--aho-motion-fast), background var(--aho-motion-fast), border-color var(--aho-motion-fast), box-shadow var(--aho-motion-fast) !important;
}

.button:hover,
.btn:hover,
.aho-button:hover {
    border-color: #b8c0cf !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-hover) !important;
    translate: 0 -1px;
}

.button:active,
.btn:active,
.aho-button:active {
    translate: 0 0;
}

.button--primary,
.btn--primary,
.aho-button:not(.aho-button--secondary):not(.aho-button-secondary),
.aho-button-primary,
.login-button,
.submit-button,
html body .app-shell [class*="button-primary"],
html body .app-shell [class*="save-button"] {
    border-color: var(--aho-accent) !important;
    color: var(--aho-accent-ink) !important;
    background: var(--aho-accent) !important;
    box-shadow: 0 9px 22px rgba(201, 31, 104, .16), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
}

.button--primary:hover,
.btn--primary:hover,
.login-button:hover,
.submit-button:hover,
html body .app-shell [class*="button-primary"]:hover {
    border-color: var(--aho-accent-hover) !important;
    color: var(--aho-accent-ink) !important;
    background: var(--aho-accent-hover) !important;
    box-shadow: 0 12px 26px rgba(201, 31, 104, .20) !important;
}

.button--danger,
.btn--danger,
.button--danger-ghost,
.link-button {
    border-color: color-mix(in srgb, var(--aho-danger) 32%, var(--aho-border)) !important;
    color: var(--aho-danger) !important;
    background: var(--aho-danger-soft) !important;
}

.button--success,
.btn--success {
    border-color: color-mix(in srgb, var(--aho-success) 32%, var(--aho-border)) !important;
    color: var(--aho-success) !important;
    background: var(--aho-success-soft) !important;
}

.button--ghost,
.btn--ghost,
.button--tertiary {
    border-color: transparent !important;
    background: transparent !important;
}

.aho-button--secondary,
.aho-button-secondary {
    border-color: var(--aho-border-strong) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-raised) !important;
    box-shadow: none !important;
}

.button--small,
.button--sm,
.btn--sm {
    min-height: 38px !important;
    padding-inline: var(--aho-space-3) !important;
    font-size: .82rem !important;
}

.button--lg,
.btn--lg {
    min-height: 50px !important;
    padding-inline: var(--aho-space-5) !important;
}

:where(.button, .btn, .aho-button, button):disabled,
:where(.button, .btn, .aho-button, button)[aria-disabled="true"] {
    opacity: .48 !important;
    cursor: not-allowed !important;
    translate: 0 !important;
}

/* Forms and filters */

html body .app-shell :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
.login-page :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
.setup-page :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    width: 100%;
    min-height: var(--aho-control-height) !important;
    padding: 9px 12px !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-control) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-soft) !important;
    box-shadow: inset 0 1px 2px rgba(35, 46, 79, .045) !important;
    font-size: .94rem !important;
    line-height: 1.35;
    transition: border-color var(--aho-motion-fast), background var(--aho-motion-fast), box-shadow var(--aho-motion-fast) !important;
}

html body .app-shell :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover,
.login-page :where(input, select, textarea):hover,
.setup-page :where(input, select, textarea):hover {
    border-color: #adb7c8 !important;
}

html body .app-shell :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus,
.login-page :where(input, select, textarea):focus,
.setup-page :where(input, select, textarea):focus {
    border-color: var(--aho-accent-hover) !important;
    background: var(--aho-bg-surface) !important;
    outline: 0 !important;
    box-shadow: var(--aho-focus) !important;
}

textarea {
    min-height: 116px !important;
    resize: vertical;
}

select[multiple] {
    min-height: 132px !important;
}

select option {
    color: var(--aho-text);
    background: var(--aho-bg-surface);
}

input::placeholder,
textarea::placeholder {
    color: var(--aho-text-disabled) !important;
    opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 auto;
}

.aho-form-grid,
.aho-filter-grid,
.aho-goal-form,
.field-grid,
.aho-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--aho-space-4) !important;
}

.aho-filter-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    align-items: end;
}

.aho-form-grid > label,
.aho-filter-grid > label,
.aho-goal-form > label,
.aho-field,
.field,
.form-group {
    display: grid !important;
    align-content: start;
    gap: var(--aho-space-2) !important;
    color: var(--aho-text-secondary) !important;
    font-size: .86rem !important;
    font-weight: 700 !important;
}

.aho-span-2,
.field-full {
    grid-column: 1 / -1 !important;
}

.aho-checkbox,
.aho-check,
.aho-checkbox-row,
.aho-switch-row {
    min-height: 44px;
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--aho-space-3) !important;
    color: var(--aho-text-secondary) !important;
}

.aho-inline-form {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: var(--aho-space-3) !important;
    flex-wrap: wrap;
    padding: var(--aho-space-4) !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-bg-surface-soft) !important;
}

.aho-inline-form > :where(label, .aho-field, .field, .form-group) {
    min-width: min(180px, 100%);
    flex: 1 1 220px;
}

.aho-inline-form > :where(.button, .btn, button, .aho-actions, .aho-filter-actions) {
    flex: 0 0 auto;
}

.aho-inline-form label {
    display: grid !important;
    gap: var(--aho-space-2) !important;
    color: var(--aho-text-secondary) !important;
    font-size: .86rem;
    font-weight: 700;
}

.aho-filter-panel {
    width: 100% !important;
    max-width: none !important;
    position: relative;
    overflow: visible !important;
    border-color: rgba(201, 31, 104, .16) !important;
    background: linear-gradient(180deg, rgba(201, 31, 104, .025), transparent 55%), var(--aho-bg-surface) !important;
}

.aho-filter-panel .card__header {
    min-height: 64px;
}

.aho-filter-panel .card__body {
    padding-top: var(--aho-space-4) !important;
}

.aho-filter-actions {
    min-height: var(--aho-control-height);
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-2) !important;
    flex-wrap: wrap;
}

.aho-active-filters {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: var(--aho-space-2);
    flex-wrap: wrap;
    padding-top: var(--aho-space-2);
    border-top: 1px solid var(--aho-divider);
}

.aho-active-filters__label {
    color: var(--aho-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.aho-filter-chip,
.smart-search-chip,
.aho-chip {
    min-height: 34px;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 5px 10px !important;
    border: 1px solid var(--aho-accent-border) !important;
    border-radius: var(--aho-radius-round) !important;
    color: var(--aho-accent) !important;
    background: var(--aho-accent-wash) !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

button.aho-filter-chip {
    cursor: pointer;
}

.aho-filter-chip:hover,
.smart-search-chip:hover {
    border-color: var(--aho-accent-hover) !important;
    background: rgba(201, 31, 104, .14) !important;
}

.aho-filter-count {
    min-width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    padding-inline: 6px;
    border-radius: var(--aho-radius-round);
    color: var(--aho-accent-ink);
    background: var(--aho-accent);
    font-size: .72rem;
    font-weight: 900;
}

/* KPI language */

.kpi-grid,
.aho-summary-grid,
.dashboard-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: var(--aho-space-4) !important;
    margin: 0 !important;
}

.dashboard-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.aho-summary-grid--seven {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}

.kpi-card,
.aho-summary-card,
.dashboard-kpi-card {
    --kpi-accent: var(--aho-module-accent, var(--aho-accent));
    position: relative;
    isolation: isolate;
    min-height: 148px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--aho-space-5) !important;
    overflow: hidden;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    color: var(--aho-text) !important;
    background: linear-gradient(145deg, rgba(201, 31, 104, .018), transparent 62%), var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
    transition: border-color var(--aho-motion), translate var(--aho-motion) var(--aho-ease), box-shadow var(--aho-motion) !important;
}

.kpi-card::after,
.aho-summary-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -44px;
    right: -42px;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--kpi-accent) 10%, transparent);
}

.kpi-card:hover,
.aho-summary-card:hover {
    border-color: color-mix(in srgb, var(--kpi-accent) 38%, var(--aho-border)) !important;
    box-shadow: var(--aho-shadow-raised) !important;
    translate: 0 -2px;
}

.kpi-card--social { --kpi-accent: var(--aho-module-social); }
.kpi-card--lab { --kpi-accent: var(--aho-module-lab); }
.kpi-card--blue { --kpi-accent: var(--aho-module-tests); }
.kpi-card--event,
.kpi-card--orange { --kpi-accent: var(--aho-module-events); }
.kpi-card--exchange,
.kpi-card--violet { --kpi-accent: var(--aho-module-exchange); }
.kpi-card--inventory { --kpi-accent: var(--aho-module-inventory); }
.kpi-card--green,
.kpi-card--teal { --kpi-accent: var(--aho-module-social); }

.kpi-card__top {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--aho-space-3);
}

.kpi-card__icon {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--kpi-accent) 30%, transparent) !important;
    border-radius: 12px !important;
    color: var(--kpi-accent) !important;
    background: color-mix(in srgb, var(--kpi-accent) 10%, transparent) !important;
}

.kpi-card__label,
.aho-summary-card > span,
.dashboard-kpi-card__status {
    color: var(--aho-text-secondary) !important;
    font-size: .84rem !important;
    font-weight: 700 !important;
}

.kpi-card__value,
.aho-summary-card > strong,
.aho-intel-number {
    margin-top: var(--aho-space-2);
    color: var(--aho-text) !important;
    font-size: clamp(1.85rem, 2.5vw, 2.55rem) !important;
    font-weight: 880 !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.aho-summary-card > small,
.dashboard-kpi-card__footer,
.kpi-card__footer,
.aho-intel-meta {
    margin-top: var(--aho-space-3);
    color: var(--aho-text-muted) !important;
    font-size: .8rem !important;
}

.dashboard-kpi-card__link {
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
}

/* Data tables */

.table-responsive {
    width: 100%;
    max-width: none !important;
    min-width: 0;
    overflow: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.table,
.aho-data-table {
    width: 100% !important;
    min-width: 680px;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: var(--aho-text-secondary) !important;
    font-size: .875rem !important;
    font-variant-numeric: tabular-nums;
}

.table th,
.table td,
.aho-data-table th,
.aho-data-table td {
    padding: 13px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--aho-divider) !important;
    color: inherit !important;
    text-align: left;
    vertical-align: middle !important;
}

.table thead th,
.aho-data-table thead th {
    position: sticky;
    z-index: 2;
    top: 0;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-raised) !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
    white-space: nowrap;
}

.table tbody tr,
.aho-data-table tbody tr {
    background: transparent;
    transition: background var(--aho-motion-fast);
}

.table tbody tr:hover,
.aho-data-table tbody tr:hover {
    background: var(--aho-bg-surface-hover) !important;
}

.table tbody tr:focus-within,
.aho-data-table tbody tr:focus-within {
    background: var(--aho-accent-wash) !important;
}

.table td strong,
.aho-data-table td strong {
    color: var(--aho-text) !important;
}

.table td a:not(.button),
.aho-data-table td a:not(.button) {
    color: var(--aho-accent-soft) !important;
    font-weight: 700;
}

.text-right,
.table .is-numeric,
.aho-data-table .is-numeric {
    text-align: right !important;
}

.aho-actions-column {
    width: 1%;
    white-space: nowrap;
}

.aho-table-subline {
    display: block;
    margin-top: 3px;
    color: var(--aho-text-muted) !important;
    font-size: .75rem;
}

.aho-view-switch {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 3px;
    border: 1px solid var(--aho-border);
    border-radius: var(--aho-radius-control);
    background: var(--aho-bg-root);
}

.aho-view-switch a {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 7px;
    color: var(--aho-text-muted) !important;
    font-size: .78rem;
    font-weight: 750;
    text-decoration: none !important;
}

.aho-view-switch a.is-active {
    color: var(--aho-accent-ink) !important;
    background: var(--aho-accent);
}

.aho-entry-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: var(--aho-space-4);
}

.aho-entry-card {
    min-width: 0;
    min-height: 218px;
    display: flex;
    flex-direction: column;
    padding: var(--aho-space-4);
    border: 1px solid var(--aho-border);
    border-radius: var(--aho-radius-card);
    background: var(--aho-bg-surface-soft);
    transition: border-color var(--aho-motion-fast), translate var(--aho-motion-fast);
}

.aho-entry-card:hover {
    border-color: var(--aho-accent-border);
    translate: 0 -1px;
}

.aho-entry-card__top,
.aho-entry-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-3);
}

.aho-tab-list {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--aho-border);
    border-radius: var(--aho-radius-control);
    background: var(--aho-bg-root);
}

.aho-tab-list button {
    min-height: 32px;
    padding: 0 11px;
    border: 0;
    border-radius: 7px;
    color: var(--aho-text-muted);
    background: transparent;
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
}

.aho-tab-list button.is-active {
    color: var(--aho-accent-ink);
    background: var(--aho-accent);
}

.aho-counting-model [data-tab-panel] strong {
    color: var(--aho-text);
    font-size: 1.02rem;
}

.aho-counting-model [data-tab-panel] p {
    margin: var(--aho-space-2) 0 0;
    color: var(--aho-text-secondary);
}

.aho-entry-card__top time,
.aho-entry-card__footer small {
    color: var(--aho-text-muted);
    font-size: .75rem;
}

.aho-entry-card h3 {
    margin: var(--aho-space-4) 0 var(--aho-space-3);
    font-size: 1.08rem;
}

.aho-entry-card__meta {
    display: grid;
    gap: var(--aho-space-2);
    color: var(--aho-text-secondary);
    font-size: .84rem;
}

.aho-entry-card__footer {
    margin-top: auto;
    padding-top: var(--aho-space-4);
    border-top: 1px solid var(--aho-divider);
}

.aho-module-badge--social_work {
    border-color: color-mix(in srgb, var(--aho-success) 32%, var(--aho-border)) !important;
    color: var(--aho-success) !important;
    background: var(--aho-success-soft) !important;
}

.aho-module-badge--events {
    border-color: color-mix(in srgb, var(--aho-warning) 32%, var(--aho-border)) !important;
    color: var(--aho-warning) !important;
    background: var(--aho-warning-soft) !important;
}

.aho-module-badge--needle_exchange {
    border-color: rgba(121, 87, 213, .25) !important;
    color: #6342bd !important;
    background: rgba(121, 87, 213, .10) !important;
}

.aho-code,
code,
pre {
    color: #3946a8 !important;
    font-family: var(--aho-font-mono) !important;
}

.aho-code,
code {
    padding: 2px 6px;
    border: 1px solid var(--aho-border);
    border-radius: 6px;
    background: var(--aho-bg-root) !important;
}

/* Status and feedback */

.badge,
.aho-badge,
.aho-status-pill,
.aho-module-badge,
.aho-team-badge,
.dashboard-live-badge {
    min-height: 28px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 9px !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-round) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-soft) !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    line-height: 1;
    white-space: nowrap;
}

.aho-status-pill--success,
.aho-status-pill--ready,
.badge--success,
.aho-badge--success,
.dashboard-live-badge {
    border-color: color-mix(in srgb, var(--aho-success) 32%, var(--aho-border)) !important;
    color: var(--aho-success) !important;
    background: var(--aho-success-soft) !important;
}

.aho-status-pill--warning,
.badge--warning,
.aho-badge--warning {
    border-color: color-mix(in srgb, var(--aho-warning) 32%, var(--aho-border)) !important;
    color: var(--aho-warning) !important;
    background: var(--aho-warning-soft) !important;
}

.aho-status-pill--danger,
.badge--danger,
.aho-badge--danger {
    border-color: color-mix(in srgb, var(--aho-danger) 32%, var(--aho-border)) !important;
    color: var(--aho-danger) !important;
    background: var(--aho-danger-soft) !important;
}

.aho-status-pill--info,
.badge--info,
.aho-badge--info {
    border-color: color-mix(in srgb, var(--aho-info) 32%, var(--aho-border)) !important;
    color: var(--aho-info) !important;
    background: var(--aho-info-soft) !important;
}

.aho-team-badge {
    border-color: var(--aho-accent-border) !important;
    color: var(--aho-accent) !important;
    background: var(--aho-accent-wash) !important;
}

.alert,
.aho-alert,
.aho-admin-notice {
    min-height: 54px;
    display: flex !important;
    align-items: flex-start;
    gap: var(--aho-space-3) !important;
    padding: var(--aho-space-4) !important;
    border: 1px solid var(--aho-info) !important;
    border-radius: var(--aho-radius-card) !important;
    color: var(--aho-info) !important;
    background: var(--aho-info-soft) !important;
}

.alert--success,
.aho-alert--ok {
    border-color: color-mix(in srgb, var(--aho-success) 32%, var(--aho-border)) !important;
    color: var(--aho-success) !important;
    background: var(--aho-success-soft) !important;
}

.alert--danger,
.alert--error,
.aho-alert--error {
    border-color: color-mix(in srgb, var(--aho-danger) 32%, var(--aho-border)) !important;
    color: var(--aho-danger) !important;
    background: var(--aho-danger-soft) !important;
}

.alert--warning {
    border-color: color-mix(in srgb, var(--aho-warning) 32%, var(--aho-border)) !important;
    color: var(--aho-warning) !important;
    background: var(--aho-warning-soft) !important;
}

.aho-empty-state,
.aho-empty-compact,
.empty-state__inner {
    min-height: 150px;
    display: grid !important;
    place-items: center;
    align-content: center;
    gap: var(--aho-space-2);
    padding: var(--aho-space-7) !important;
    border: 1px dashed var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-card) !important;
    color: var(--aho-text-muted) !important;
    background: var(--aho-bg-surface-raised) !important;
    text-align: center;
}

.aho-empty-state strong {
    color: var(--aho-text) !important;
}

/* Charts and visual analysis */

.aho-chart-card,
.dashboard-chart-card {
    width: 100%;
    max-width: none !important;
    min-width: 0;
}

.aho-chart-export,
.dashboard-chart-actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: var(--aho-space-2) !important;
    flex-wrap: wrap;
}

.aho-chart-type-label {
    display: inline-flex !important;
    align-items: center;
    gap: var(--aho-space-2) !important;
    color: var(--aho-text-muted) !important;
    font-size: .78rem !important;
    font-weight: 700;
}

.aho-chart-type {
    width: auto !important;
    min-width: 126px;
    min-height: 38px !important;
    padding-block: 5px !important;
}

.aho-chart-preview {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--aho-chart-height, 430px) !important;
    min-height: 360px;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-chart-surface) !important;
    box-shadow: inset 0 0 0 1px rgba(35, 46, 79, .012);
    aspect-ratio: auto !important;
}

.aho-chart-preview:focus-visible {
    box-shadow: var(--aho-focus) !important;
}

.aho-chart-data-list {
    margin-top: var(--aho-space-4);
}

.aho-bar-chart {
    display: grid !important;
    gap: var(--aho-space-3) !important;
}

.aho-bar-row {
    display: grid !important;
    grid-template-columns: minmax(74px, 170px) minmax(100px, 1fr) minmax(44px, auto) !important;
    align-items: center;
    gap: var(--aho-space-3) !important;
    color: var(--aho-text-secondary) !important;
    font-size: .82rem;
}

.aho-bar {
    height: 12px !important;
    overflow: hidden;
    border-radius: var(--aho-radius-round) !important;
    background: #e9edf4 !important;
}

.aho-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--aho-accent), var(--aho-accent-hover)) !important;
    opacity: 1 !important;
}

.aho-progress {
    height: 12px !important;
    overflow: hidden;
    border-radius: var(--aho-radius-round) !important;
    background: #e9edf4 !important;
}

.aho-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--aho-accent), var(--aho-accent-hover)) !important;
}

.aho-intel-grid,
.aho-goal-grid,
.aho-saved-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: var(--aho-space-4) !important;
}

html body .app-shell .aho-intel-card {
    padding: var(--aho-space-5) !important;
}

.aho-trend-up { color: var(--aho-success) !important; }
.aho-trend-down { color: var(--aho-danger) !important; }

.aho-goal-editor {
    margin-top: var(--aho-space-5);
    padding-top: var(--aho-space-5);
    border-top: 1px solid var(--aho-divider);
}

/* Operational scan and team workflows */

.aho-scan-panel {
    border-color: rgba(40, 126, 197, .20) !important;
}

.aho-scan-form,
.aho-inline-scanner,
.aho-team-options,
.aho-report-option,
.aho-save-filter-card {
    padding: var(--aho-space-4) !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-bg-surface-soft) !important;
}

.aho-scan-form {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: var(--aho-space-4) !important;
}

.aho-segmented {
    min-height: 44px;
    display: flex !important;
    align-items: center;
    gap: 4px;
    padding: 4px !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-control) !important;
    background: var(--aho-bg-root) !important;
}

.aho-segmented label {
    min-height: 34px;
    flex: 1 1 auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 7px;
    color: var(--aho-text-secondary);
    cursor: pointer;
}

.aho-segmented label:has(input:checked) {
    color: var(--aho-accent-ink);
    background: var(--aho-accent);
}

.aho-segmented input {
    position: absolute;
    opacity: 0;
}

.aho-scan-feedback {
    min-height: 24px;
    color: var(--aho-info) !important;
    font-size: .82rem;
}

/* Dashboard */

.dashboard-toolbar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-4) !important;
    margin-bottom: var(--aho-space-6) !important;
    padding: var(--aho-space-3) var(--aho-space-4) !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

.dashboard-year-filter {
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-2) !important;
}

.dashboard-year-filter__icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: var(--aho-accent-hover);
}

.dashboard-year-filter select {
    width: 104px !important;
}

.dashboard-grid--2026 {
    margin-top: var(--aho-space-6) !important;
    grid-template-columns: minmax(0, 1.72fr) minmax(320px, .68fr) !important;
}

.dashboard-intelligence-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--aho-space-3);
    margin-top: var(--aho-space-5);
}

.dashboard-signal {
    --signal-color: var(--aho-accent);
    min-height: 82px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--aho-space-3);
    padding: var(--aho-space-3) var(--aho-space-4);
    border: 1px solid var(--aho-border);
    border-radius: var(--aho-radius-card);
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface);
    box-shadow: var(--aho-shadow-card);
    text-decoration: none !important;
    transition: border-color var(--aho-motion-fast), translate var(--aho-motion-fast);
}

.dashboard-signal:hover {
    border-color: color-mix(in srgb, var(--signal-color) 40%, var(--aho-border)) !important;
    translate: 0 -1px;
}

.dashboard-signal--success { --signal-color: var(--aho-success); }
.dashboard-signal--warning { --signal-color: var(--aho-warning); }
.dashboard-signal--info { --signal-color: var(--aho-info); }
.dashboard-signal--goal { --signal-color: var(--aho-accent); }

.dashboard-signal__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--signal-color) 30%, transparent);
    border-radius: 12px;
    color: var(--signal-color);
    background: color-mix(in srgb, var(--signal-color) 10%, transparent);
}

.dashboard-signal__icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.dashboard-signal small,
.dashboard-signal strong {
    display: block;
}

.dashboard-signal small {
    color: var(--aho-text-muted);
    font-size: .72rem;
    font-weight: 700;
}

.dashboard-signal strong {
    margin-top: 3px;
    overflow: hidden;
    color: var(--aho-text) !important;
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-signal > b {
    color: var(--signal-color);
}

.dashboard-highlights-card {
    --aho-module-accent: var(--aho-accent);
    position: relative;
    white-space: normal !important;
    background: var(--aho-bg-surface) !important;
}

.dashboard-highlights-visual {
    height: 118px !important;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: var(--aho-accent-hover) !important;
    background:
        radial-gradient(circle at 50% 130%, rgba(201, 31, 104, .13), transparent 60%),
        var(--aho-bg-surface-raised) !important;
}

.dashboard-highlights-visual svg {
    width: 64px;
    height: 64px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
}

.dashboard-insight {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: var(--aho-space-3) !important;
    padding: var(--aho-space-3) !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-bg-surface-raised) !important;
}

.dashboard-insight__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--aho-accent-hover) !important;
    background: var(--aho-accent-wash) !important;
}

.dashboard-insight small,
.dashboard-insight p {
    color: var(--aho-text-muted) !important;
}

.dashboard-insight small {
    font-size: .72rem !important;
}

.dashboard-insight strong {
    font-size: .88rem !important;
    line-height: 1.35;
}

.dashboard-insight p {
    font-size: .75rem !important;
    line-height: 1.4;
}

.dashboard-insight strong {
    color: var(--aho-text) !important;
}

.dashboard-quick-actions {
    display: grid !important;
    gap: var(--aho-space-2) !important;
    margin-top: var(--aho-space-4);
}

.dashboard-quick-action {
    min-height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-3);
    padding: 0 var(--aho-space-3) !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-control) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-soft) !important;
    font-size: .82rem !important;
    text-decoration: none !important;
}

.dashboard-quick-action:hover {
    border-color: var(--aho-accent-border) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-hover) !important;
}

.dashboard-quick-action--primary {
    color: var(--aho-accent) !important;
    background: var(--aho-accent-wash) !important;
}

/* Smart Search */

.smart-search-hero {
    position: relative;
    overflow: hidden;
    border-color: rgba(201, 31, 104, .22) !important;
    background:
        radial-gradient(circle at 90% 0, rgba(201, 31, 104, .11), transparent 38%),
        radial-gradient(circle at 10% 110%, rgba(216, 70, 141, .07), transparent 42%),
        var(--aho-bg-surface) !important;
}

.smart-search-glow {
    display: none !important;
}

.smart-search-hero__body {
    padding: clamp(26px, 4vw, 52px) !important;
}

.smart-search-hero__icon {
    width: 54px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center;
    border: 1px solid var(--aho-accent-border) !important;
    border-radius: var(--aho-radius-card) !important;
    color: var(--aho-accent-hover) !important;
    background: var(--aho-accent-wash) !important;
}

.smart-search-hero h2 {
    margin: var(--aho-space-2) 0 0 !important;
    color: var(--aho-text) !important;
    font-size: clamp(1.65rem, 2.8vw, 2.55rem) !important;
}

.smart-search-hero p {
    color: var(--aho-text-secondary) !important;
}

.smart-search-form {
    width: 100% !important;
    max-width: none !important;
    margin-top: var(--aho-space-6) !important;
}

.smart-search-input-wrap {
    min-height: 62px;
    display: flex !important;
    align-items: center;
    gap: var(--aho-space-2) !important;
    padding: var(--aho-space-2) !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: 0 12px 30px rgba(35, 46, 79, .08) !important;
}

.smart-search-input-wrap > svg {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-left: var(--aho-space-2);
    fill: none;
    stroke: var(--aho-text-muted);
    stroke-width: 1.8;
}

.smart-search-input-wrap input {
    min-width: 0;
    flex: 1 1 auto;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 1rem !important;
}

.smart-search-examples {
    display: flex !important;
    gap: var(--aho-space-2) !important;
    flex-wrap: wrap;
    margin-top: var(--aho-space-4) !important;
}

.smart-search-interpretation {
    display: flex;
    align-items: center;
    gap: var(--aho-space-2);
    flex-wrap: wrap;
    margin: 0 0 var(--aho-space-4);
    padding: var(--aho-space-3) var(--aho-space-4);
    border: 1px solid var(--aho-border);
    border-radius: var(--aho-radius-control);
    background: var(--aho-bg-surface-soft);
}

.smart-search-summary {
    color: var(--aho-text) !important;
    font-size: 1.05rem !important;
    font-weight: 650;
}

.smart-search-visual {
    display: grid;
    gap: var(--aho-space-3);
    margin: var(--aho-space-5) 0;
    padding: var(--aho-space-4);
    border: 1px solid var(--aho-border);
    border-radius: var(--aho-radius-card);
    background: var(--aho-bg-surface-soft);
}

.smart-search-source {
    margin-top: var(--aho-space-4);
    padding: var(--aho-space-3) var(--aho-space-4);
    border-left: 3px solid var(--aho-info);
    border-radius: 0 var(--aho-radius-control) var(--aho-radius-control) 0;
    color: var(--aho-text-muted);
    background: var(--aho-info-soft);
    font-size: .8rem;
}

.smart-search-json {
    max-height: 540px;
    overflow: auto;
    padding: var(--aho-space-4) !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-bg-root) !important;
}

/* Administration compatibility */

html body .content :where(.aho-admin, .aho-users, .aho-settings-page, .aho-catalog, .aho-import-page, .aho-import-job-page, .aho-audit-page, .aho-audit-detail-page, .aho-system-status-page, .aho-user-edit-page, .aho-user-form-page, .aho-permissions-page) :is(h1, h2, h3, h4) {
    color: var(--aho-text) !important;
}

html body .content :where(.aho-admin, .aho-users, .aho-settings-page, .aho-catalog, .aho-import-page, .aho-import-job-page, .aho-audit-page, .aho-audit-detail-page, .aho-system-status-page) :is([class*="card"], [class*="entry"], [class*="section"], [class*="panel"]) {
    border-color: var(--aho-border) !important;
    color: var(--aho-text-secondary) !important;
    background-color: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

html body .content :where(.aho-admin, .aho-users, .aho-settings-page, .aho-catalog, .aho-import-page, .aho-import-job-page, .aho-audit-page, .aho-audit-detail-page, .aho-system-status-page, .aho-user-edit-page, .aho-user-form-page, .aho-permissions-page) :is([class*="title"], strong, label) {
    color: var(--aho-text) !important;
}

html body .content :where(.aho-admin, .aho-users, .aho-settings-page, .aho-catalog, .aho-import-page, .aho-import-job-page, .aho-audit-page, .aho-audit-detail-page, .aho-system-status-page, .aho-user-edit-page, .aho-user-form-page, .aho-permissions-page) :is([class*="description"], [class*="muted"], small, p) {
    color: var(--aho-text-muted) !important;
}

html body .content :where(.aho-user-edit-page, .aho-user-form-page, .aho-permissions-page) :is(
    .aho-user-summary,
    .aho-form-card,
    .aho-form-section,
    .aho-role-card,
    .aho-info-item,
    .aho-form-footer,
    .aho-role-summary-card,
    .aho-editor,
    .aho-permission-group,
    .aho-matrix-card,
    .aho-permission-notice
) {
    border-color: var(--aho-border) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

html body .content :where(.aho-user-edit-page, .aho-user-form-page, .aho-permissions-page) :is(
    .aho-section-heading,
    .aho-editor-header,
    .aho-permission-group-header,
    .aho-matrix-toolbar
) {
    border-color: var(--aho-divider) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-soft) !important;
}

html body .content :where(.aho-user-edit-page, .aho-user-form-page, .aho-permissions-page) :is(
    .aho-form-section,
    .aho-role-card,
    .aho-info-item,
    .aho-form-footer,
    .aho-permission-group
) {
    background: var(--aho-bg-surface-soft) !important;
    box-shadow: none !important;
}

html body .content :where(.aho-user-edit-page, .aho-user-form-page, .aho-permissions-page) :is(
    [class*="help"],
    [class*="meta"],
    [class*="key"]
) {
    color: var(--aho-text-muted) !important;
}

.aho-permissions-page .aho-matrix-table {
    width: 100%;
    color: var(--aho-text-secondary) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.aho-permissions-page .aho-matrix-table :is(th, td) {
    border-color: var(--aho-divider) !important;
    color: inherit !important;
    background: transparent !important;
}

.aho-permissions-page .aho-matrix-table th {
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-raised) !important;
}

.aho-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: var(--aho-space-4) !important;
}

.aho-admin-card {
    min-height: 210px;
    padding: var(--aho-space-5) !important;
    transition: border-color var(--aho-motion), translate var(--aho-motion) var(--aho-ease) !important;
}

.aho-admin-card:hover {
    border-color: var(--aho-accent-border) !important;
    translate: 0 -2px;
}

/* Toasts and overlays */

.sidebar-overlay,
[data-modal] {
    background: var(--aho-bg-overlay) !important;
    backdrop-filter: blur(8px);
}

.toast-container {
    position: fixed;
    z-index: 3000;
    right: var(--aho-space-4);
    bottom: var(--aho-space-4);
    width: min(380px, calc(100vw - 32px));
    display: grid;
    gap: var(--aho-space-2);
}

.toast {
    display: flex !important;
    align-items: flex-start;
    gap: var(--aho-space-3);
    padding: var(--aho-space-4) !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-card) !important;
    color: var(--aho-text) !important;
    background: color-mix(in srgb, var(--aho-bg-surface) 98%, transparent) !important;
    box-shadow: var(--aho-shadow-raised) !important;
    opacity: 0;
    translate: 0 12px;
    transition: opacity var(--aho-motion), translate var(--aho-motion) var(--aho-ease) !important;
}

.toast.is-visible {
    opacity: 1;
    translate: 0 0;
}

.toast__message {
    color: var(--aho-text-secondary) !important;
}

.toast__close {
    width: 36px;
    height: 36px;
    margin-left: auto;
    border: 0;
    border-radius: var(--aho-radius-sm);
    color: var(--aho-text-muted);
    background: transparent;
    cursor: pointer;
}

/* Stand-alone login and setup surfaces */

.login-page,
.setup-page {
    min-height: 100vh;
    color: var(--aho-text) !important;
    background:
        radial-gradient(circle at 78% 14%, rgba(201, 31, 104, .10), transparent 31rem),
        radial-gradient(circle at 12% 90%, rgba(216, 70, 141, .055), transparent 30rem),
        var(--aho-bg-app) !important;
}

.login-panel,
.setup-form-panel {
    border-color: var(--aho-border) !important;
    color: var(--aho-text) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 18px 0 52px rgba(35, 46, 79, .10) !important;
}

.login-page .brand-name,
.login-page .intro h1,
.setup-page :is(h1, h2, h3),
.setup-page .form-intro h1 {
    color: var(--aho-text) !important;
}

.login-page :is(.brand-subtitle, .intro p, .form-label, .security-note, .login-footer),
.setup-page :is(p, small, .step-text, .password-help) {
    color: var(--aho-text-muted) !important;
}

.login-page .eyebrow,
.setup-page .form-eyebrow {
    color: var(--aho-accent-soft) !important;
}

.login-page .eyebrow-dot,
.setup-page .badge-dot {
    background: var(--aho-success) !important;
    box-shadow: 0 0 0 5px var(--aho-success-soft) !important;
}

.visual-panel,
.setup-info {
    color: var(--aho-text) !important;
    background:
        radial-gradient(circle at 82% 12%, rgba(201, 31, 104, .15), transparent 32%),
        radial-gradient(circle at 18% 86%, rgba(216, 70, 141, .10), transparent 35%),
        linear-gradient(145deg, #eef0ff, #f7f5ff 52%, #fff3f8) !important;
}

.visual-panel::before,
.setup-info::before {
    border-color: rgba(201, 31, 104, .08) !important;
    background: radial-gradient(circle, rgba(201, 31, 104, .06), transparent 65%) !important;
}

.feature-card,
.setup-step,
.security-box,
.visual-badge,
.setup-badge {
    border-color: var(--aho-border) !important;
    color: var(--aho-text-secondary) !important;
    background: rgba(255, 255, 255, .72) !important;
    box-shadow: none !important;
}

.feature-title,
.step-title,
.visual-title {
    color: var(--aho-text) !important;
}

.feature-description,
.visual-text {
    color: var(--aho-text-secondary) !important;
}

.password-control,
.password-toggle {
    color: var(--aho-text-muted) !important;
}

.setup-locked-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: var(--aho-space-5);
    background:
        radial-gradient(circle at 78% 14%, rgba(201, 31, 104, .10), transparent 31rem),
        radial-gradient(circle at 12% 90%, rgba(216, 70, 141, .055), transparent 30rem),
        var(--aho-bg-app) !important;
}

.setup-locked-page > .card {
    width: min(560px, 100%);
    padding: clamp(26px, 5vw, 48px) !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: var(--aho-radius-panel) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-raised) !important;
}

.setup-locked-page :is(.icon, .notice) {
    border-color: var(--aho-border) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-soft) !important;
}

.setup-locked-page .icon {
    color: var(--aho-accent-hover) !important;
}

.setup-locked-page :is(.eyebrow, h1) {
    color: var(--aho-text) !important;
}

.setup-locked-page p {
    color: var(--aho-text-secondary) !important;
}

.utility-page {
    min-height: 100vh;
    padding: clamp(24px, 4vw, 48px) clamp(16px, 3vw, 28px) !important;
    color: var(--aho-text-secondary) !important;
    background:
        radial-gradient(circle at 90% 0, rgba(201, 31, 104, .07), transparent 28rem),
        var(--aho-bg-app) !important;
}

.utility-page .container {
    width: min(1040px, 100%) !important;
}

.utility-page :is(.header, .card, .check, .migration, .result, .warning, .error) {
    border-color: var(--aho-border) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

.utility-page :is(h1, h2, h3, .migration__name, strong) {
    color: var(--aho-text) !important;
}

.utility-page :is(p, .message, .footer) {
    color: var(--aho-text-muted) !important;
}

.utility-page .label,
.utility-page .status {
    border-color: var(--aho-border-strong) !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-soft) !important;
}

.utility-page .status--success {
    border-color: color-mix(in srgb, var(--aho-success) 32%, var(--aho-border)) !important;
    color: var(--aho-success) !important;
    background: var(--aho-success-soft) !important;
}

.utility-page .status--warning,
.utility-page .warning {
    border-color: color-mix(in srgb, var(--aho-warning) 32%, var(--aho-border)) !important;
    color: var(--aho-warning) !important;
    background: var(--aho-warning-soft) !important;
}

.utility-page .status--error,
.utility-page .error {
    border-color: color-mix(in srgb, var(--aho-danger) 32%, var(--aho-border)) !important;
    color: var(--aho-danger) !important;
    background: var(--aho-danger-soft) !important;
}

.utility-page .button {
    border-color: var(--aho-accent) !important;
    color: var(--aho-accent-ink) !important;
    background: var(--aho-accent) !important;
}

/* Responsive layout */

@media (max-width: 1500px) {
    .dashboard-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1180px) {
    .app-shell,
    body.sidebar-collapsed .app-shell {
        grid-template-columns: 1fr !important;
    }

    .sidebar {
        position: fixed !important;
        inset: 0 auto 0 0;
        width: min(320px, calc(100vw - 48px)) !important;
        transform: translateX(-104%);
        box-shadow: var(--aho-shadow-raised) !important;
    }

    body.sidebar-open .sidebar {
        transform: translateX(0);
    }

    body.sidebar-collapsed .brand__text,
    body.sidebar-collapsed .nav-section__title,
    body.sidebar-collapsed .nav-item__label,
    body.sidebar-collapsed .system-indicator > div {
        display: initial !important;
    }

    body.sidebar-collapsed .sidebar__brand,
    body.sidebar-collapsed .brand,
    body.sidebar-collapsed .nav-item,
    body.sidebar-collapsed .system-indicator {
        justify-content: initial;
    }

    body.sidebar-collapsed .nav-item {
        padding-inline: var(--aho-space-3) !important;
    }

    .sidebar__collapse {
        display: none !important;
    }

    .sidebar__close {
        display: inline-grid !important;
    }

    .sidebar-overlay {
        position: fixed !important;
        z-index: 950;
        inset: 0;
        display: block;
        visibility: hidden;
        border: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--aho-motion), visibility var(--aho-motion);
    }

    body.sidebar-open .sidebar-overlay {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .topbar__menu {
        display: inline-grid !important;
    }

    .dashboard-grid--2026 {
        grid-template-columns: 1fr !important;
    }

    .dashboard-intelligence-strip {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1181px) {
    .topbar__menu {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .topbar__title {
        min-width: 0;
    }

    .topbar-search {
        width: 46px;
        flex: 0 0 46px;
        justify-content: center;
        padding: 0 !important;
    }

    .topbar-search span,
    .topbar-search kbd {
        display: none;
    }

    .page-header,
    .aho-module-hero,
    .dashboard-toolbar {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .page-header__actions,
    .aho-hero-actions,
    .dashboard-toolbar__actions {
        width: 100%;
        justify-content: flex-start;
    }

    .aho-grid-2,
    .dashboard-grid,
    .aho-analytics-grid {
        grid-template-columns: 1fr !important;
    }

    .dashboard-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .card__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .aho-chart-export,
    .dashboard-chart-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .login-page,
    .setup-page {
        grid-template-columns: 1fr !important;
    }

    .visual-panel,
    .setup-info {
        display: none !important;
    }
}

@media (max-width: 720px) {
    :root {
        --aho-font-size: 16px;
    }

    .topbar {
        min-height: 68px !important;
        padding-inline: var(--aho-space-3) !important;
    }

    .topbar__eyebrow,
    .user-menu__details,
    .user-menu__chevron {
        display: none !important;
    }

    .user-menu {
        padding: 4px !important;
    }

    .content {
        padding: var(--aho-space-5) var(--aho-space-3) var(--aho-space-9) !important;
    }

    .page-header {
        margin-bottom: var(--aho-space-5) !important;
        padding-bottom: var(--aho-space-5) !important;
    }

    .aho-module-hero,
    .card__body,
    .card__header {
        padding: var(--aho-space-4) !important;
    }

    .aho-form-grid,
    .aho-filter-grid,
    .aho-goal-form,
    .field-grid,
    .aho-row {
        grid-template-columns: 1fr !important;
    }

    .aho-inline-form > :where(label, .aho-field, .field, .form-group) {
        min-width: 0;
        flex-basis: 100%;
    }

    .aho-inline-form > :where(.button, .btn, button, .aho-actions, .aho-filter-actions) {
        flex: 1 1 100%;
    }

    .aho-span-2,
    .field-full {
        grid-column: auto !important;
    }

    .aho-summary-grid,
    .kpi-grid,
    .dashboard-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .kpi-card,
    .aho-summary-card,
    .dashboard-kpi-card {
        min-height: 132px !important;
        padding: var(--aho-space-4) !important;
    }

    .aho-responsive-table {
        min-width: 0 !important;
    }

    .aho-responsive-table thead {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
    }

    .aho-responsive-table,
    .aho-responsive-table tbody,
    .aho-responsive-table tr,
    .aho-responsive-table td {
        display: block !important;
        width: 100% !important;
    }

    .aho-responsive-table tbody {
        display: grid !important;
        gap: var(--aho-space-3) !important;
    }

    .aho-responsive-table tbody tr {
        overflow: hidden;
        border: 1px solid var(--aho-border) !important;
        border-radius: var(--aho-radius-card) !important;
        background: var(--aho-bg-surface-soft) !important;
    }

    .aho-responsive-table td {
        min-height: 46px;
        display: grid !important;
        grid-template-columns: minmax(108px, .72fr) minmax(0, 1fr) !important;
        gap: var(--aho-space-3) !important;
        padding: 11px var(--aho-space-3) !important;
        text-align: left !important;
        white-space: normal !important;
    }

    .aho-responsive-table td::before {
        content: attr(data-label);
        color: var(--aho-text-muted);
        font-size: .72rem;
        font-weight: 800;
    }

    .aho-actions-column {
        width: 100%;
    }

    .smart-search-input-wrap {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .smart-search-input-wrap > svg {
        align-self: center;
    }

    .smart-search-input-wrap input {
        width: calc(100% - 48px) !important;
    }

    .smart-search-input-wrap .button {
        flex: 1 1 130px;
    }

    .app-footer {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding-block: var(--aho-space-3) !important;
    }
}

@media (max-width: 460px) {
    .topbar__title strong {
        max-width: 126px;
        font-size: .92rem !important;
    }

    .notification-button {
        display: none !important;
    }

    .page-header h1 {
        font-size: 1.75rem !important;
    }

    .aho-summary-grid,
    .kpi-grid,
    .dashboard-kpi-grid {
        grid-template-columns: 1fr !important;
    }

    .aho-hero-actions .button,
    .page-header__actions .button,
    .dashboard-toolbar__actions .button,
    .aho-filter-actions .button {
        width: 100%;
    }

    .dashboard-year-filter {
        width: 100%;
        flex-wrap: wrap;
    }

    .dashboard-year-filter select {
        flex: 1 1 auto;
    }

    .aho-chart-export .button,
    .dashboard-chart-actions .button {
        flex: 1 1 auto;
    }

    .aho-chart-type-label,
    .aho-chart-type {
        width: 100% !important;
    }
}

/* ========================================================================== 
   Erfassungsseiten 1.0.14 - ruhiges Vollbreiten-Formularsystem
   ========================================================================== */

.aho-entry-workspace,
.aho-entry-form,
.aho-form-section {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
}

.aho-entry-workspace {
    --aho-module-accent: var(--aho-accent);
    --aho-module-accent-strong: var(--aho-accent-hover);
    --aho-module-wash: #fff7fb;
    --aho-module-border: #f1c7d9;
    gap: var(--aho-space-5) !important;
    padding: clamp(12px, 1.5vw, 24px);
    border: 1px solid var(--aho-module-border);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0, var(--aho-module-wash), transparent 38%),
        color-mix(in srgb, var(--aho-module-wash) 58%, var(--aho-bg-app));
}

.aho-entry-workspace--social_work {
    --aho-module-accent: #c91f68;
    --aho-module-accent-strong: #9f174f;
    --aho-module-wash: #fff4f9;
    --aho-module-border: #efc6d8;
}

.aho-entry-workspace--events {
    --aho-module-accent: #9a5f00;
    --aho-module-accent-strong: #724600;
    --aho-module-wash: #fff9ed;
    --aho-module-border: #ead6aa;
}

.aho-entry-workspace--needle_exchange {
    --aho-module-accent: #6847c7;
    --aho-module-accent-strong: #4f31a8;
    --aho-module-wash: #f7f4ff;
    --aho-module-border: #d8cff4;
}

.aho-entry-workspace--inventory {
    --aho-module-accent: #b54831;
    --aho-module-accent-strong: #8b3322;
    --aho-module-wash: #fff6f2;
    --aho-module-border: #edccc3;
}

.aho-entry-form {
    display: grid;
    gap: var(--aho-space-5);
}

html body .app-shell .aho-entry-form .aho-form-section {
    overflow: clip;
    padding: clamp(20px, 2vw, 30px) !important;
    border-color: var(--aho-border) !important;
    border-radius: 16px !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: 0 4px 18px rgba(23, 26, 34, .045) !important;
}

.aho-form-section__header {
    display: flex;
    align-items: center;
    gap: var(--aho-space-3);
    margin: calc(-1 * clamp(20px, 2vw, 30px)) calc(-1 * clamp(20px, 2vw, 30px)) var(--aho-space-5);
    padding: 17px clamp(20px, 2vw, 30px);
    border-bottom: 1px solid var(--aho-divider);
    background: color-mix(in srgb, var(--aho-module-wash, var(--aho-bg-surface-raised)) 72%, var(--aho-bg-surface));
}

.aho-form-section__header h2 {
    margin: 0 !important;
    color: var(--aho-text) !important;
    font-size: clamp(1.08rem, 1.35vw, 1.28rem) !important;
    font-weight: 800 !important;
    line-height: 1.25;
}

.aho-section-number {
    min-width: 34px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--aho-module-border, var(--aho-accent-border));
    border-radius: 9px;
    color: var(--aho-module-accent-strong, var(--aho-accent-hover));
    background: var(--aho-module-wash, var(--aho-accent-wash));
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .04em;
}

.aho-entry-grid {
    min-width: 0;
    display: grid;
    gap: var(--aho-space-4);
    align-items: start;
}

.aho-entry-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aho-entry-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aho-entry-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.aho-entry-grid .aho-span-2 {
    grid-column: span 2 !important;
}

.aho-entry-grid .aho-span-3 {
    grid-column: span 3 !important;
}

.aho-entry-grid .aho-span-4 {
    grid-column: 1 / -1 !important;
}

.aho-field,
.aho-fieldset {
    min-width: 0;
}

.aho-entry-form .aho-field {
    display: grid !important;
    gap: 8px !important;
    color: var(--aho-text-secondary) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

.aho-entry-form .aho-field > span:first-child,
.aho-entry-form .aho-field > label,
.aho-fieldset > legend {
    color: var(--aho-text) !important;
    font-size: .93rem !important;
    font-weight: 750 !important;
}

.aho-fieldset--quick .aho-choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 132px), 1fr));
}

.aho-entry-form abbr {
    color: var(--aho-accent);
    text-decoration: none;
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: 48px !important;
    padding: 11px 13px !important;
    border-color: var(--aho-border-strong) !important;
    border-radius: 10px !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface) !important;
    font-size: 1rem !important;
}

html body .app-shell .aho-entry-form :where(input, select, textarea)[aria-invalid="true"] {
    border-color: var(--aho-danger) !important;
    box-shadow: 0 0 0 3px var(--aho-danger-soft) !important;
}

.aho-entry-form textarea {
    min-height: 112px !important;
}

.aho-entry-form small {
    color: var(--aho-text-muted);
    font-size: .84rem;
    font-weight: 500;
}

.aho-field-error {
    display: block;
    color: var(--aho-danger);
    font-size: .85rem;
    font-weight: 700;
}

.aho-fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.aho-fieldset > legend {
    margin-bottom: 10px;
    padding: 0;
}

.aho-choice-search {
    max-width: 420px;
    margin-bottom: 10px;
}

html body .app-shell .aho-entry-form .aho-choice-search input {
    min-height: 42px !important;
    padding-block: 8px !important;
    background: var(--aho-bg-surface-soft) !important;
}

.aho-choice-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
    gap: 10px;
}

.aho-choice-grid--scroll {
    max-height: 280px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 2px 6px 6px 2px;
    scrollbar-gutter: stable;
}

html body .app-shell label.choice {
    position: relative;
    min-width: 0;
    min-height: 48px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 12px !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: 11px !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface) !important;
    cursor: pointer;
    font-size: .94rem !important;
    font-weight: 650 !important;
    line-height: 1.28;
    transition: border-color var(--aho-motion-fast), background var(--aho-motion-fast), color var(--aho-motion-fast), box-shadow var(--aho-motion-fast), transform var(--aho-motion-fast);
}

html body .app-shell label.choice:hover {
    border-color: var(--aho-module-accent, var(--aho-accent)) !important;
    background: var(--aho-module-wash, var(--aho-accent-wash)) !important;
}

html body .app-shell label.choice.is-selected,
html body .app-shell label.choice:has(input:checked) {
    border-color: var(--aho-module-accent, var(--aho-accent)) !important;
    color: var(--aho-module-accent-strong, var(--aho-accent-hover)) !important;
    background: var(--aho-module-wash, var(--aho-accent-wash)) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--aho-module-accent, var(--aho-accent)) 18%, transparent) !important;
}

label.choice input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
    pointer-events: none;
}

.choice__indicator {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: inline-grid;
    place-items: center;
    border: 1.5px solid #aeb5c0;
    border-radius: 6px;
    color: var(--aho-accent-ink);
    background: var(--aho-bg-surface);
}

label.choice input[type="radio"] ~ .choice__indicator {
    border-radius: 50%;
}

label.choice input:checked ~ .choice__indicator {
    border-color: var(--aho-module-accent, var(--aho-accent));
    background: var(--aho-module-accent, var(--aho-accent));
}

label.choice input:checked ~ .choice__indicator::after {
    content: "✓";
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

label.choice input[type="radio"]:checked ~ .choice__indicator::after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
}

label.choice input:focus-visible ~ .choice__indicator {
    box-shadow: var(--aho-focus);
}

.choice__label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.aho-binary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--aho-space-3);
}

.aho-toggle-card {
    min-height: 74px;
    display: flex;
    align-items: center;
    gap: var(--aho-space-3);
    padding: var(--aho-space-4);
    border: 1px solid var(--aho-border-strong);
    border-radius: 12px;
    background: var(--aho-bg-surface-soft);
    cursor: pointer;
}

.aho-toggle-card input {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
}

.aho-toggle-card__control {
    position: relative;
    width: 46px;
    height: 26px;
    flex: 0 0 46px;
    border-radius: 999px;
    background: #b7bec9;
    transition: background var(--aho-motion-fast);
}

.aho-toggle-card__control::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(23, 26, 34, .22);
    transition: transform var(--aho-motion-fast);
}

.aho-toggle-card input:checked + .aho-toggle-card__control {
    background: var(--aho-module-accent, var(--aho-accent));
}

.aho-toggle-card input:checked + .aho-toggle-card__control::after {
    transform: translateX(20px);
}

.aho-toggle-card input:focus-visible + .aho-toggle-card__control {
    box-shadow: var(--aho-focus);
}

.aho-toggle-card strong,
.aho-toggle-card small {
    display: block;
}

.aho-toggle-card strong {
    color: var(--aho-text);
    font-size: 1rem;
}

.aho-toggle-card small {
    margin-top: 3px;
}

.aho-toggle-card--compact {
    min-height: 66px;
    padding: 13px 15px;
}

.aho-binary-grid--tests {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aho-field-help {
    max-width: 92ch;
    margin: 0 0 var(--aho-space-3) !important;
    color: var(--aho-text-secondary) !important;
    font-size: .88rem;
    line-height: 1.55;
}

.aho-event-targets {
    margin-top: var(--aho-space-4);
}

.aho-team-options,
.aho-conditional-panel {
    margin-top: var(--aho-space-4);
    padding: var(--aho-space-4);
    border: 1px solid var(--aho-border);
    border-radius: 12px;
    background: var(--aho-bg-surface-raised);
}

.aho-team-calculation {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: var(--aho-space-3);
    padding-top: var(--aho-space-3);
    border-top: 1px solid var(--aho-divider);
    color: var(--aho-text-secondary);
    font-size: .9rem;
}

.aho-team-calculation strong {
    color: var(--aho-text);
}

.aho-subsection-grid {
    margin-top: var(--aho-space-5);
    padding-top: var(--aho-space-5);
    border-top: 1px solid var(--aho-divider);
}

.aho-number-stepper {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: stretch;
}

.aho-number-stepper button {
    min-width: 44px;
    min-height: 48px;
    border: 1px solid var(--aho-border-strong);
    color: var(--aho-module-accent-strong, var(--aho-accent-hover));
    background: var(--aho-module-wash, var(--aho-bg-surface-soft));
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 800;
}

.aho-number-stepper button:first-child {
    border-radius: 10px 0 0 10px;
}

.aho-number-stepper button:last-child {
    border-radius: 0 10px 10px 0;
}

html body .app-shell .aho-number-stepper input {
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    text-align: center;
    font-weight: 800 !important;
    appearance: textfield;
    -moz-appearance: textfield;
}

html body .app-shell .aho-number-stepper input::-webkit-inner-spin-button,
html body .app-shell .aho-number-stepper input::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

.aho-number-stepper button:hover {
    color: #fff;
    border-color: var(--aho-module-accent, var(--aho-accent));
    background: var(--aho-module-accent, var(--aho-accent));
}

.aho-number-stepper button:focus-visible {
    position: relative;
    z-index: 2;
    outline: 0;
    box-shadow: var(--aho-focus);
}

.aho-file-panel {
    padding: var(--aho-space-4);
    border: 1px solid var(--aho-border);
    border-radius: 12px;
    background: var(--aho-bg-surface-soft);
}

.aho-file-panel ul {
    display: grid;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.aho-file-panel li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid var(--aho-divider);
}

.aho-file-panel li a {
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}

.aho-save-confirmation {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--aho-space-4);
    padding: var(--aho-space-5);
    border: 1px solid rgba(8, 122, 85, .24);
    border-radius: 14px;
    background: color-mix(in srgb, var(--aho-success-soft) 76%, var(--aho-bg-surface));
}

.aho-save-confirmation__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--aho-success);
    font-size: 1.2rem;
    font-weight: 900;
}

.aho-save-confirmation h2,
.aho-save-confirmation p {
    margin: 0 !important;
}

.aho-save-confirmation h2 {
    margin-top: 2px !important;
    font-size: 1.15rem !important;
}

.aho-save-confirmation p {
    color: var(--aho-text-secondary) !important;
}

.aho-save-confirmation__warning {
    margin-top: 4px !important;
    color: var(--aho-warning) !important;
    font-weight: 700;
}

.aho-save-confirmation__actions,
.aho-form-actions__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.aho-form-actions {
    position: sticky;
    z-index: 20;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-4);
    padding: 14px 16px;
    border: 1px solid var(--aho-border-strong);
    border-radius: 14px;
    background: color-mix(in srgb, var(--aho-bg-surface) 94%, transparent);
    box-shadow: 0 14px 34px rgba(23, 26, 34, .12);
    backdrop-filter: blur(14px);
}

.aho-form-actions__status {
    color: var(--aho-text-muted);
    font-size: .86rem;
}

.aho-entry-form[aria-busy="true"] .aho-form-actions__status {
    color: var(--aho-accent-hover);
    font-weight: 750;
}

@media (max-width: 1180px) {
    .aho-entry-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aho-entry-grid--4 .aho-span-4,
    .aho-entry-grid--4 .aho-span-3 {
        grid-column: 1 / -1 !important;
    }

    .aho-entry-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aho-entry-grid--3 .aho-span-3 {
        grid-column: 1 / -1 !important;
    }

    .aho-save-confirmation {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .aho-save-confirmation__actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .aho-entry-grid--2,
    .aho-entry-grid--3,
    .aho-entry-grid--4,
    .aho-binary-grid {
        grid-template-columns: 1fr;
    }

    .aho-entry-grid :where(.aho-span-2, .aho-span-3, .aho-span-4) {
        grid-column: auto !important;
    }

    .aho-choice-grid {
        grid-template-columns: 1fr;
    }

    .aho-fieldset--quick .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aho-entry-workspace {
        padding: 10px;
        border-radius: 16px;
    }

    .aho-team-calculation,
    .aho-file-panel li,
    .aho-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .aho-form-actions {
        position: static;
    }

    .aho-form-actions__buttons,
    .aho-form-actions__buttons .button,
    .aho-save-confirmation__actions,
    .aho-save-confirmation__actions .button {
        width: 100%;
    }

    .aho-form-actions__buttons {
        display: grid;
    }

    .aho-save-confirmation {
        grid-template-columns: 1fr;
    }
}

/* ========================================================================== 
   Erfassungsseiten 1.0.17 - schnelle, visuell geführte Klick-/Touch-Erfassung
   ========================================================================== */

.aho-entry-workspace {
    position: relative;
    isolation: isolate;
    overflow: visible;
    padding: clamp(14px, 1.7vw, 28px);
    border: 0;
    border-radius: 22px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--aho-module-wash) 82%, var(--aho-bg-app)) 0%, var(--aho-bg-app) 52%, color-mix(in srgb, var(--aho-module-wash) 52%, var(--aho-bg-app)) 100%);
    box-shadow: inset 0 0 0 1px var(--aho-module-border);
}

.aho-entry-workspace::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 7px;
    border-radius: 22px 22px 0 0;
    background: linear-gradient(90deg, var(--aho-module-accent), color-mix(in srgb, var(--aho-module-accent) 34%, transparent) 72%, transparent);
    pointer-events: none;
}

.aho-entry-form {
    gap: clamp(18px, 2vw, 26px);
}

.aho-form-map {
    position: sticky;
    z-index: 24;
    top: 76px;
    display: flex;
    align-items: stretch;
    gap: 7px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 7px;
    border: 1px solid var(--aho-border-strong);
    border-radius: 15px;
    background: color-mix(in srgb, var(--aho-bg-surface) 94%, transparent);
    box-shadow: 0 10px 28px rgba(30, 40, 64, .10);
    backdrop-filter: blur(16px);
    scrollbar-width: thin;
}

.aho-form-map a {
    min-width: max-content;
    flex: 1 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--aho-text-secondary);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--aho-motion-fast), border-color var(--aho-motion-fast), background var(--aho-motion-fast), box-shadow var(--aho-motion-fast), transform var(--aho-motion-fast);
}

.aho-form-map a > span {
    min-width: 25px;
    height: 25px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--aho-border);
    border-radius: 8px;
    color: var(--aho-text-muted);
    background: var(--aho-bg-surface-soft);
    font-size: .7rem;
    font-weight: 850;
}

.aho-form-map a > strong {
    font-size: .82rem;
    font-weight: 760;
}

.aho-form-map a:hover {
    color: var(--aho-module-accent-strong);
    border-color: var(--aho-module-border);
    background: var(--aho-module-wash);
}

.aho-form-map a[aria-current="step"] {
    color: #fff;
    border-color: var(--aho-module-accent);
    background: var(--aho-module-accent);
    box-shadow: 0 7px 17px color-mix(in srgb, var(--aho-module-accent) 24%, transparent);
}

.aho-form-map a[aria-current="step"] > span {
    color: inherit;
    border-color: rgba(255, 255, 255, .38);
    background: rgba(255, 255, 255, .15);
}

.aho-form-map a:focus-visible {
    outline: 0;
    box-shadow: var(--aho-focus);
}

html body .app-shell .aho-entry-form .aho-form-section {
    position: relative;
    overflow: clip;
    scroll-margin-top: 160px;
    border: 1px solid var(--aho-border) !important;
    border-radius: 18px !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: 0 10px 30px rgba(30, 40, 64, .065), 0 1px 2px rgba(30, 40, 64, .055) !important;
}

html body .app-shell .aho-entry-form .aho-form-section::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -82px;
    right: -72px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--aho-module-wash) 78%, transparent), transparent 68%);
    pointer-events: none;
}

.aho-form-section > * {
    position: relative;
    z-index: 1;
}

.aho-form-section__header {
    min-height: 66px;
    margin: calc(-1 * clamp(20px, 2vw, 30px)) calc(-1 * clamp(20px, 2vw, 30px)) clamp(20px, 2vw, 28px);
    padding: 15px clamp(20px, 2vw, 30px);
    border-bottom: 1px solid var(--aho-border);
    border-left: 5px solid var(--aho-module-accent);
    background: linear-gradient(90deg, var(--aho-module-wash), color-mix(in srgb, var(--aho-module-wash) 34%, var(--aho-bg-surface)) 58%, var(--aho-bg-surface));
}

.aho-form-section__header h2 {
    letter-spacing: -.012em;
}

.aho-section-number {
    min-width: 38px;
    height: 38px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: var(--aho-module-accent);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--aho-module-accent) 25%, transparent);
    font-size: .75rem;
}

.aho-entry-grid {
    gap: clamp(16px, 1.5vw, 22px);
}

.aho-entry-form .aho-field {
    align-content: start;
}

.aho-entry-form .aho-field > span:first-child,
.aho-entry-form .aho-field > label,
.aho-fieldset > legend {
    font-size: .95rem !important;
    letter-spacing: -.005em;
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: 52px !important;
    border-width: 1px !important;
    border-color: var(--aho-border-strong) !important;
    border-radius: 11px !important;
    background: var(--aho-bg-surface-raised) !important;
    box-shadow: inset 0 1px 1px rgba(29, 37, 52, .025);
    transition: border-color var(--aho-motion-fast), background var(--aho-motion-fast), box-shadow var(--aho-motion-fast);
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover {
    border-color: color-mix(in srgb, var(--aho-module-accent) 48%, var(--aho-border-strong)) !important;
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    border-color: var(--aho-module-accent) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--aho-module-accent) 16%, transparent) !important;
    outline: 0;
}

.aho-choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: 12px;
}

.aho-fieldset--quick .aho-choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 138px), 1fr));
}

html body .app-shell label.choice {
    min-height: 58px;
    padding: 13px 14px !important;
    border-width: 1px !important;
    border-radius: 13px !important;
    color: var(--aho-text-secondary) !important;
    background: linear-gradient(180deg, var(--aho-bg-surface) 0%, var(--aho-bg-surface-raised) 100%) !important;
    box-shadow: 0 2px 8px rgba(30, 40, 64, .035);
}

html body .app-shell label.choice:hover {
    border-color: var(--aho-module-accent) !important;
    color: var(--aho-text) !important;
    background: var(--aho-module-wash) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--aho-module-accent) 10%, transparent) !important;
    transform: translateY(-1px);
}

html body .app-shell label.choice.is-selected,
html body .app-shell label.choice:has(input:checked) {
    border-color: var(--aho-module-accent) !important;
    color: var(--aho-module-accent-strong) !important;
    background: linear-gradient(135deg, var(--aho-module-wash), color-mix(in srgb, var(--aho-module-wash) 50%, var(--aho-bg-surface))) !important;
    box-shadow: inset 0 0 0 1px var(--aho-module-accent), 0 7px 18px color-mix(in srgb, var(--aho-module-accent) 11%, transparent) !important;
}

.choice__indicator {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    border-width: 1.5px;
    border-color: var(--aho-border-strong);
    border-radius: 7px;
}

.choice__label {
    font-weight: 710;
}

.aho-toggle-card {
    min-height: 82px;
    padding: 17px 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--aho-bg-surface-raised), var(--aho-bg-surface-soft));
    transition: border-color var(--aho-motion-fast), background var(--aho-motion-fast), box-shadow var(--aho-motion-fast), transform var(--aho-motion-fast);
}

.aho-toggle-card:hover {
    border-color: var(--aho-module-accent);
    transform: translateY(-1px);
}

.aho-toggle-card:has(input:checked) {
    border-color: var(--aho-module-accent);
    background: linear-gradient(135deg, var(--aho-module-wash), color-mix(in srgb, var(--aho-module-wash) 48%, var(--aho-bg-surface)));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--aho-module-accent) 55%, transparent);
}

.aho-toggle-card__control {
    width: 50px;
    height: 28px;
    flex-basis: 50px;
}

.aho-toggle-card__control::after {
    width: 22px;
    height: 22px;
}

.aho-toggle-card input:checked + .aho-toggle-card__control::after {
    transform: translateX(22px);
}

.aho-team-options,
.aho-conditional-panel {
    padding: clamp(15px, 1.6vw, 22px);
    border-color: var(--aho-module-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--aho-module-wash) 38%, var(--aho-bg-surface-raised));
}

.aho-number-control {
    display: grid;
    gap: 8px;
}

.aho-number-stepper {
    grid-template-columns: 52px minmax(64px, 1fr) 52px;
    overflow: hidden;
    min-height: 52px;
    border: 1px solid var(--aho-border-strong);
    border-radius: 12px;
    background: var(--aho-bg-surface);
    box-shadow: inset 0 1px 2px rgba(30, 40, 64, .035);
}

.aho-number-stepper button {
    min-width: 52px;
    min-height: 52px;
    border: 0;
    border-radius: 0 !important;
    color: var(--aho-module-accent-strong);
    background: var(--aho-module-wash);
    font-size: 1.35rem;
    line-height: 1;
}

.aho-number-stepper button:first-child {
    border-right: 1px solid var(--aho-border-strong);
}

.aho-number-stepper button:last-child {
    border-left: 1px solid var(--aho-border-strong);
}

html body .app-shell .aho-entry-form .aho-number-stepper input {
    min-height: 50px !important;
    padding-inline: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: none !important;
    font-size: 1.08rem !important;
}

.aho-number-stepper:focus-within {
    border-color: var(--aho-module-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--aho-module-accent) 16%, transparent);
}

.aho-number-presets {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(42px, 1fr));
    gap: 6px;
}

.aho-number-presets button {
    min-height: 34px;
    padding: 5px 8px;
    border: 1px solid var(--aho-border);
    border-radius: 9px;
    color: var(--aho-text-muted);
    background: var(--aho-bg-surface);
    font: inherit;
    font-size: .78rem;
    font-weight: 760;
    cursor: pointer;
}

.aho-number-presets button:hover,
.aho-number-presets button.is-active,
.aho-number-presets button[aria-pressed="true"] {
    color: var(--aho-module-accent-strong);
    border-color: var(--aho-module-accent);
    background: var(--aho-module-wash);
}

.aho-number-presets button:focus-visible {
    outline: 0;
    box-shadow: var(--aho-focus);
}

.aho-form-actions {
    border-color: color-mix(in srgb, var(--aho-module-accent) 28%, var(--aho-border-strong));
    background: color-mix(in srgb, var(--aho-bg-surface) 95%, transparent);
}

:root[data-theme="dark"] .aho-form-map a[aria-current="step"],
:root[data-theme="dark"] .aho-section-number {
    color: #171a22;
}

:root[data-theme="dark"] html body .app-shell label.choice,
:root[data-theme="dark"] html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    background: var(--aho-bg-surface-raised) !important;
}

@media (max-width: 920px) {
    .aho-form-map {
        top: 66px;
        justify-content: flex-start;
    }

    .aho-form-map a {
        flex: 0 0 auto;
    }
}

@media (max-width: 720px) {
    .aho-entry-workspace {
        padding: 9px;
        border-radius: 17px;
    }

    .aho-entry-workspace::before {
        border-radius: 17px 17px 0 0;
    }

    .aho-form-map {
        top: 58px;
        margin-inline: -2px;
        border-radius: 12px;
    }

    .aho-form-map a {
        padding: 7px 10px;
    }

    html body .app-shell .aho-entry-form .aho-form-section {
        padding: 16px !important;
        scroll-margin-top: 130px;
        border-radius: 15px !important;
    }

    .aho-form-section__header {
        min-height: 60px;
        margin: -16px -16px 18px;
        padding: 12px 16px;
    }

    .aho-section-number {
        min-width: 34px;
        height: 34px;
    }

    .aho-choice-grid,
    .aho-fieldset--quick .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html body .app-shell label.choice {
        min-height: 54px;
        padding: 11px 12px !important;
    }

    .aho-number-stepper {
        grid-template-columns: 50px minmax(56px, 1fr) 50px;
    }
}

@media (max-width: 420px) {
    .aho-form-map a > strong {
        font-size: .78rem;
    }

    .aho-choice-grid:not(.aho-choice-grid--scroll) {
        grid-template-columns: 1fr;
    }

    .aho-fieldset--quick .aho-choice-grid:not(.aho-choice-grid--scroll) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ========================================================================== */
/* Techburg Enterprise Workspace 2026 · Version 1.0.18                       */
/* ========================================================================== */

:root {
    --aho-bg-root: #e9edf2;
    --aho-bg-app: #f3f5f8;
    --aho-bg-sidebar: #0c121b;
    --aho-bg-surface: #ffffff;
    --aho-bg-surface-raised: #f9fafb;
    --aho-bg-surface-hover: #f0f3f7;
    --aho-bg-surface-soft: #f6f8fa;
    --aho-accent: #5363e8;
    --aho-accent-hover: #4353d6;
    --aho-accent-soft: #5363e8;
    --aho-accent-ink: #ffffff;
    --aho-accent-wash: #eef0ff;
    --aho-accent-border: rgba(83, 99, 232, .30);
    --aho-text: #111827;
    --aho-text-secondary: #465467;
    --aho-text-muted: #687588;
    --aho-text-disabled: #8d99a8;
    --aho-border: #dce2e9;
    --aho-border-strong: #c6ced8;
    --aho-divider: #e7ebef;
    --aho-radius-sm: 6px;
    --aho-radius-control: 8px;
    --aho-radius-card: 11px;
    --aho-radius-panel: 14px;
    --aho-shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 14px rgba(16, 24, 40, .035);
    --aho-shadow-raised: 0 18px 44px rgba(16, 24, 40, .13), 0 3px 8px rgba(16, 24, 40, .05);
    --aho-focus: 0 0 0 3px rgba(83, 99, 232, .23), 0 0 0 1px #5363e8;
    --aho-sidebar-width: 264px;
    --aho-sidebar-collapsed: 76px;
    --aho-control-height: 44px;
    --aho-module-social: #087d72;
    --aho-module-lab: #9b3d78;
    --aho-module-tests: #2466c8;
    --aho-module-events: #6548c7;
    --aho-module-exchange: #2466c8;
    --aho-module-inventory: #985b08;
    --aho-module-reports: #665676;
    --aho-module-search: #99406f;
    --aho-chart-ink: #162033;
    --aho-chart-text: #3c4a5f;
    --aho-chart-muted: #6c7a8e;
    --aho-chart-grid: rgba(92, 107, 126, .14);
    --aho-chart-grid-strong: rgba(92, 107, 126, .26);
    --aho-chart-track: #edf1f5;
    --aho-chart-surface: #ffffff;
    --aho-chart-primary: #5363e8;
    --aho-chart-primary-soft: #9aa5f5;
}

:root[data-theme="dark"] {
    --aho-bg-root: #070b10;
    --aho-bg-app: #0b1119;
    --aho-bg-sidebar: #070b10;
    --aho-bg-surface: #111a24;
    --aho-bg-surface-raised: #16212d;
    --aho-bg-surface-hover: #1b2835;
    --aho-bg-surface-soft: #131e29;
    --aho-bg-overlay: rgba(0, 3, 7, .78);
    --aho-accent: #8792ff;
    --aho-accent-hover: #a4acff;
    --aho-accent-soft: #a4acff;
    --aho-accent-ink: #0a0e16;
    --aho-accent-wash: rgba(135, 146, 255, .13);
    --aho-accent-border: rgba(135, 146, 255, .40);
    --aho-text: #f1f5f9;
    --aho-text-secondary: #c2ccd7;
    --aho-text-muted: #96a5b5;
    --aho-text-disabled: #718091;
    --aho-border: #293746;
    --aho-border-strong: #3b4b5c;
    --aho-divider: #22303e;
    --aho-shadow-card: 0 1px 2px rgba(0, 0, 0, .28), 0 8px 24px rgba(0, 0, 0, .12);
    --aho-shadow-raised: 0 22px 56px rgba(0, 0, 0, .42), 0 3px 10px rgba(0, 0, 0, .24);
    --aho-focus: 0 0 0 3px rgba(135, 146, 255, .28), 0 0 0 1px #8792ff;
    --aho-success: #44c69c;
    --aho-success-soft: rgba(68, 198, 156, .13);
    --aho-warning: #e7ad55;
    --aho-warning-soft: rgba(231, 173, 85, .14);
    --aho-danger: #ff7d8d;
    --aho-danger-soft: rgba(255, 125, 141, .14);
    --aho-info: #70b8f2;
    --aho-info-soft: rgba(112, 184, 242, .14);
    --aho-chart-ink: #f1f5f9;
    --aho-chart-text: #c7d0db;
    --aho-chart-muted: #93a2b3;
    --aho-chart-grid: rgba(155, 173, 192, .15);
    --aho-chart-grid-strong: rgba(155, 173, 192, .28);
    --aho-chart-track: #1c2835;
    --aho-chart-surface: #111a24;
    --aho-chart-primary: #8792ff;
    --aho-chart-primary-soft: #5964b8;
    --aho-module-social: #39c6b5;
    --aho-module-lab: #f090c2;
    --aho-module-tests: #68a3ff;
    --aho-module-events: #a38cf5;
    --aho-module-exchange: #68a3ff;
    --aho-module-inventory: #e7a94d;
    --aho-module-reports: #c7b4d5;
    --aho-module-search: #f096c5;
}

html body {
    background:
        radial-gradient(circle at 82% -8%, rgba(83, 99, 232, .055), transparent 30rem),
        var(--aho-bg-app) !important;
    font-size: 15px;
}

html body .sidebar {
    border-color: #1c2835 !important;
    color: #d9e1ea !important;
    background: #0c121b !important;
    box-shadow: 8px 0 28px rgba(2, 6, 12, .14) !important;
}

html body .sidebar__brand,
html body .sidebar__footer {
    border-color: #1c2835 !important;
    background: #0c121b !important;
}

html body .sidebar__brand {
    min-height: 72px;
    padding: 12px 14px !important;
}

html body .brand__mark,
html body .brand-mark,
html body .brand__logo {
    width: 42px !important;
    height: 42px !important;
    border-color: rgba(135, 146, 255, .28) !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #6d78f0, #4d5ed8) !important;
    box-shadow: 0 8px 20px rgba(70, 83, 203, .24) !important;
}

html body .brand__text strong {
    color: #f3f6f9 !important;
    font-size: .92rem;
}

html body .brand__text small,
html body .nav-section__title,
html body .system-indicator small {
    color: #7f8c9c !important;
}

html body .sidebar__collapse,
html body .sidebar__close {
    width: 44px !important;
    height: 44px !important;
    border-color: #283544 !important;
    color: #9ba9b8 !important;
    background: #111a24 !important;
}

html body .sidebar__collapse:hover,
html body .sidebar__close:hover {
    border-color: #485868 !important;
    color: #f2f5f8 !important;
    background: #182430 !important;
}

html body .sidebar__navigation {
    padding: 14px 10px !important;
}

html body .nav-section + .nav-section {
    margin-top: 16px !important;
}

html body .nav-section__title {
    padding: 0 10px 6px !important;
    font-size: .66rem !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

html body .nav-section__items {
    gap: 2px;
}

html body .nav-item {
    min-height: 44px;
    gap: 10px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    color: #aab5c1 !important;
    font-size: .86rem;
    font-weight: 600;
}

html body .nav-item__icon {
    width: 20px !important;
    height: 20px !important;
    color: #788696 !important;
}

html body .nav-item:hover {
    border-color: #263442 !important;
    color: #f1f5f8 !important;
    background: #131e29 !important;
    translate: 0;
}

html body .nav-item.is-active,
html body .nav-item[aria-current="page"] {
    border-color: rgba(135, 146, 255, .24) !important;
    color: #f6f7ff !important;
    background: linear-gradient(90deg, rgba(103, 116, 239, .22), rgba(103, 116, 239, .07)) !important;
}

html body .nav-item.is-active .nav-item__icon,
html body .nav-item[aria-current="page"] .nav-item__icon {
    color: #aeb5ff !important;
}

html body .system-indicator {
    min-height: 46px;
    border-color: #24313f !important;
    background: #111a24 !important;
}

html body .system-indicator strong {
    color: #dce3ea !important;
}

html body .topbar {
    min-height: 64px !important;
    border-bottom: 1px solid var(--aho-border) !important;
    background: color-mix(in srgb, var(--aho-bg-surface) 94%, transparent) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .025) !important;
    backdrop-filter: blur(16px) saturate(140%);
}

html body .topbar__title strong {
    font-size: .98rem;
    letter-spacing: -.01em;
}

html body .topbar__eyebrow {
    color: var(--aho-text-muted) !important;
    font-size: .68rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

html body .topbar-search {
    min-height: 38px;
    max-width: 480px;
    border-radius: 8px !important;
    box-shadow: none !important;
}

html body :is(.icon-button, .aho-theme-switcher button, .profile-button, .topbar-profile-button) {
    min-width: 44px;
    min-height: 44px;
}

html body .content {
    width: 100%;
    max-width: none !important;
    padding: 22px clamp(18px, 2vw, 34px) 44px !important;
}

html body .page-header {
    margin-bottom: 18px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid var(--aho-divider);
}

html body .page-header h1 {
    font-size: clamp(1.55rem, 1.3rem + .6vw, 2rem) !important;
    line-height: 1.18;
}

html body :is(.card, .panel, .kpi-card, .aho-summary-card, .aho-chart-card, .aho-filter-panel, .aho-admin-card, .aho-profile-card) {
    border-color: var(--aho-border) !important;
    border-radius: var(--aho-radius-card) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

html body :is(.card, .panel, .aho-admin-card, .aho-profile-card) {
    padding: 18px !important;
}

html body :is(.kpi-card, .aho-summary-card) {
    min-height: 112px;
    padding: 16px !important;
}

html body :is(.kpi-card, .aho-summary-card) :is(.value, strong, .kpi-card__value) {
    font-variant-numeric: tabular-nums;
}

html body :is(.button, .btn) {
    min-height: 44px;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: .88rem;
    font-weight: 700;
}

html body :is(.button--primary, .btn-primary, .button.primary) {
    border-color: var(--aho-accent) !important;
    color: var(--aho-accent-ink) !important;
    background: var(--aho-accent) !important;
}

html body :is(.button--primary, .btn-primary, .button.primary):hover {
    border-color: var(--aho-accent-hover) !important;
    background: var(--aho-accent-hover) !important;
}

html body .button--quiet {
    border-color: transparent !important;
    color: var(--aho-text-secondary) !important;
    background: transparent !important;
}

html body .button--quiet:hover {
    border-color: var(--aho-border) !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-hover) !important;
}

html body :is(table, .data-table) {
    font-size: .87rem;
}

html body :is(table, .data-table) thead th {
    height: 42px;
    color: var(--aho-text-muted) !important;
    background: var(--aho-bg-surface-soft) !important;
    font-size: .71rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

html body :is(table, .data-table) tbody tr:hover {
    background: var(--aho-bg-surface-hover) !important;
}

html body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    border-color: var(--aho-border-strong) !important;
    border-radius: 8px !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: 0 1px 1px rgba(16, 24, 40, .025) !important;
}

html body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover {
    border-color: color-mix(in srgb, var(--aho-border-strong) 65%, var(--aho-accent)) !important;
}

html body :is(.filter-bar, .aho-filter-panel, .filters, [class*="filter-toolbar"]) {
    gap: 12px;
}

/* Analytics details behave like a real right-hand workspace drawer. */
html body .aho-drilldown-backdrop {
    align-items: stretch !important;
    justify-content: flex-end !important;
    padding: 0 !important;
}

html body .aho-drilldown-modal {
    width: min(920px, 94vw) !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-block: 0 !important;
    border-right: 0 !important;
    box-shadow: -24px 0 70px rgba(3, 8, 14, .24) !important;
}

/* Premium operational workspace ------------------------------------------ */
body.page-entry--social-work {
    --entry-accent: #087d72;
    --entry-accent-rgb: 8, 125, 114;
    --entry-accent-ink: #063d37;
}

body.page-entry--events {
    --entry-accent: #6548c7;
    --entry-accent-rgb: 101, 72, 199;
    --entry-accent-ink: #35246f;
}

body.page-entry--needle-exchange {
    --entry-accent: #2466c8;
    --entry-accent-rgb: 36, 102, 200;
    --entry-accent-ink: #173e7d;
}

body.page-entry--inventory {
    --entry-accent: #985b08;
    --entry-accent-rgb: 152, 91, 8;
    --entry-accent-ink: #6f4107;
}

html body.page-entry {
    --aho-accent: var(--entry-accent);
    --aho-accent-hover: color-mix(in srgb, var(--entry-accent) 82%, #000);
    --aho-accent-wash: rgba(var(--entry-accent-rgb), .10);
    --aho-accent-border: rgba(var(--entry-accent-rgb), .34);
    --aho-focus: 0 0 0 3px rgba(var(--entry-accent-rgb), .22), 0 0 0 1px var(--entry-accent);
}

html body.page-entry .content {
    position: relative;
    padding: 0 0 96px !important;
    background:
        linear-gradient(145deg, rgba(var(--entry-accent-rgb), .055), transparent 34rem),
        var(--aho-bg-app) !important;
}

html body.page-entry .content::before {
    content: "";
    position: fixed;
    z-index: 0;
    inset: 64px 0 auto var(--aho-sidebar-width);
    height: 3px;
    background: linear-gradient(90deg, var(--entry-accent), rgba(var(--entry-accent-rgb), .12), transparent 72%);
    pointer-events: none;
}

body.sidebar-collapsed.page-entry .content::before {
    left: var(--aho-sidebar-collapsed);
}

html body.page-entry .aho-entry-workspace {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 clamp(18px, 2vw, 34px) 34px !important;
    background: transparent !important;
}

html body.page-entry .aho-entry-workspace::before {
    display: none !important;
}

html body.page-entry .aho-save-confirmation,
html body.page-entry .alert {
    margin-top: 20px;
}

.aho-entry-command-header {
    min-height: 118px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 20px 2px 18px;
    border-bottom: 1px solid var(--aho-border);
}

.aho-entry-command-header__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--entry-accent-rgb), .30);
    border-radius: 11px;
    color: var(--entry-accent);
    background: rgba(var(--entry-accent-rgb), .10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32);
}

.aho-entry-command-header__icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.aho-entry-command-header__eyebrow {
    display: block;
    margin-bottom: 3px;
    color: var(--entry-accent);
    font-size: .69rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.aho-entry-command-header h1 {
    margin: 0 !important;
    font-size: clamp(1.45rem, 1.25rem + .55vw, 1.9rem) !important;
    line-height: 1.16;
}

.aho-entry-command-header p {
    max-width: 720px;
    margin: 5px 0 0;
    color: var(--aho-text-muted);
    font-size: .88rem;
}

.aho-entry-online {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid var(--aho-border);
    border-radius: 8px;
    color: var(--aho-text-secondary);
    background: var(--aho-bg-surface);
    font-size: .76rem;
    font-weight: 750;
}

.aho-entry-online i,
.aho-entry-actionbar__state i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--aho-success);
    box-shadow: 0 0 0 4px var(--aho-success-soft);
}

.aho-entry-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 326px);
    align-items: start;
    gap: clamp(18px, 2vw, 28px);
    padding-top: 20px;
}

.aho-entry-stage {
    min-width: 0;
}

.aho-entry-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid var(--aho-border);
    border-radius: 11px;
    background: var(--aho-bg-surface);
    box-shadow: var(--aho-shadow-card);
}

.aho-entry-steps button {
    position: relative;
    min-width: 0;
    min-height: 70px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 11px 12px;
    border: 0;
    border-right: 1px solid var(--aho-divider);
    border-radius: 0;
    color: var(--aho-text-muted);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.aho-entry-steps button:last-child {
    border-right: 0;
}

.aho-entry-steps button::after {
    content: "";
    position: absolute;
    inset: auto 10px 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: transparent;
}

.aho-entry-steps button > span:first-child {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--aho-border-strong);
    border-radius: 7px;
    color: var(--aho-text-secondary);
    background: var(--aho-bg-surface-soft);
    font-size: .76rem;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.aho-entry-steps button > span:nth-child(2) {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.aho-entry-steps button strong {
    overflow: hidden;
    color: inherit;
    font-size: .79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aho-entry-steps button small {
    overflow: hidden;
    color: var(--aho-text-disabled);
    font-size: .66rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aho-entry-steps button > i {
    display: none;
    color: var(--aho-success);
    font-style: normal;
    font-size: .8rem;
}

.aho-entry-steps button:hover {
    color: var(--aho-text);
    background: var(--aho-bg-surface-hover);
}

.aho-entry-steps button[aria-current="step"] {
    color: var(--aho-text);
    background: rgba(var(--entry-accent-rgb), .075);
}

.aho-entry-steps button[aria-current="step"]::after {
    background: var(--entry-accent);
}

.aho-entry-steps button[aria-current="step"] > span:first-child {
    border-color: var(--entry-accent);
    color: #fff;
    background: var(--entry-accent);
}

.aho-entry-steps button.is-complete > i {
    display: block;
}

.aho-draft-restored {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(var(--entry-accent-rgb), .25);
    border-radius: 8px;
    color: var(--aho-text-secondary);
    background: rgba(var(--entry-accent-rgb), .075);
    font-size: .79rem;
}

.aho-draft-restored strong {
    color: var(--aho-text);
}

.aho-draft-restored--warning {
    border-color: color-mix(in srgb, var(--aho-warning) 35%, transparent);
    background: var(--aho-warning-soft);
}

html body .aho-entry-form .aho-form-section {
    margin: 0 0 14px !important;
    padding: clamp(18px, 2vw, 24px) !important;
    overflow: visible;
    border: 1px solid var(--aho-border) !important;
    border-radius: 11px !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

html body .aho-entry-form .aho-form-section::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    border-radius: 11px 0 0 11px;
    background: var(--entry-accent);
    opacity: .75;
}

html body .aho-entry-form .aho-form-section::after {
    display: none !important;
}

.aho-entry-form.is-workflow-ready .aho-form-section[hidden] {
    display: none !important;
}

.aho-form-section__header {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--aho-divider);
}

.aho-form-section__header h2 {
    margin: 0 !important;
    font-size: 1rem !important;
    letter-spacing: -.012em;
}

.aho-section-number {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(var(--entry-accent-rgb), .28) !important;
    border-radius: 7px !important;
    color: var(--entry-accent) !important;
    background: rgba(var(--entry-accent-rgb), .08) !important;
    font-size: .7rem !important;
    font-weight: 850 !important;
}

.aho-entry-grid {
    gap: 16px !important;
}

.aho-entry-form .aho-field,
.aho-entry-form .aho-fieldset {
    min-width: 0;
}

.aho-entry-form .aho-field > span:first-child,
.aho-entry-form .aho-field > label,
.aho-entry-form .aho-fieldset > legend {
    color: var(--aho-text-secondary) !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: 44px !important;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: 8px !important;
    color: var(--aho-text) !important;
    background: var(--aho-bg-surface-raised) !important;
    box-shadow: inset 0 1px 1px rgba(16, 24, 40, .025) !important;
}

html body .app-shell .aho-entry-form textarea {
    min-height: 104px !important;
    resize: vertical;
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    border-color: var(--entry-accent) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-focus) !important;
}

.aho-choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)) !important;
    gap: 8px !important;
}

.aho-choice-grid--scroll {
    max-height: 260px !important;
}

html body .app-shell .aho-entry-form label.choice {
    min-height: 48px !important;
    gap: 9px !important;
    padding: 9px 11px !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: 9px !important;
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-raised) !important;
    box-shadow: none !important;
}

html body .app-shell .aho-entry-form label.choice:hover {
    border-color: rgba(var(--entry-accent-rgb), .48) !important;
    color: var(--aho-text) !important;
    background: rgba(var(--entry-accent-rgb), .055) !important;
    translate: 0 !important;
}

html body .app-shell .aho-entry-form label.choice.is-selected,
html body .app-shell .aho-entry-form label.choice:has(input:checked) {
    border-color: rgba(var(--entry-accent-rgb), .62) !important;
    color: var(--aho-text) !important;
    background: rgba(var(--entry-accent-rgb), .11) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--entry-accent-rgb), .10) !important;
}

.aho-entry-form .choice__indicator {
    flex: 0 0 auto;
    width: 18px !important;
    height: 18px !important;
    border-color: var(--aho-border-strong) !important;
    border-radius: 5px !important;
    background: var(--aho-bg-surface) !important;
}

.aho-entry-form input[type="radio"] + .choice__indicator {
    border-radius: 50% !important;
}

.aho-entry-form .choice input:checked + .choice__indicator {
    border-color: var(--entry-accent) !important;
    background: var(--entry-accent) !important;
}

.aho-entry-form .choice__label {
    font-size: .81rem !important;
    font-weight: 700 !important;
}

.aho-toggle-card {
    min-height: 68px !important;
    padding: 12px 14px !important;
    border: 1px solid var(--aho-border) !important;
    border-radius: 9px !important;
    background: var(--aho-bg-surface-raised) !important;
    box-shadow: none !important;
}

.aho-toggle-card:has(input:checked) {
    border-color: rgba(var(--entry-accent-rgb), .48) !important;
    background: rgba(var(--entry-accent-rgb), .075) !important;
}

.aho-number-control {
    gap: 7px !important;
}

.aho-number-stepper {
    min-height: 46px;
    display: grid !important;
    grid-template-columns: 46px minmax(68px, 1fr) 46px;
    overflow: hidden;
    border: 1px solid var(--aho-border-strong) !important;
    border-radius: 9px !important;
    background: var(--aho-bg-surface-raised) !important;
    box-shadow: inset 0 1px 1px rgba(16, 24, 40, .025);
}

.aho-number-stepper button {
    width: 46px !important;
    min-width: 46px;
    min-height: 44px;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--entry-accent) !important;
    background: transparent !important;
    font-size: 1.2rem !important;
    font-weight: 850 !important;
}

.aho-number-stepper button:first-child {
    border-right: 1px solid var(--aho-border) !important;
}

.aho-number-stepper button:last-child {
    border-left: 1px solid var(--aho-border) !important;
}

.aho-number-stepper button:hover {
    background: rgba(var(--entry-accent-rgb), .09) !important;
}

html body .app-shell .aho-entry-form .aho-number-stepper input {
    width: 100% !important;
    min-width: 0;
    min-height: 44px !important;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--aho-text) !important;
    background: transparent !important;
    font-size: .95rem !important;
    font-weight: 800 !important;
    text-align: center;
    box-shadow: none !important;
}

.aho-number-stepper:focus-within {
    border-color: var(--entry-accent) !important;
    box-shadow: var(--aho-focus) !important;
}

.aho-number-presets {
    gap: 5px !important;
}

.aho-number-presets button {
    min-height: 32px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: .72rem !important;
}

.aho-number-presets button.is-active {
    border-color: rgba(var(--entry-accent-rgb), .45) !important;
    color: var(--entry-accent) !important;
    background: rgba(var(--entry-accent-rgb), .09) !important;
}

.aho-conditional-panel,
.aho-team-options,
.aho-subsection-grid {
    border-color: var(--aho-border) !important;
    border-radius: 9px !important;
    background: var(--aho-bg-surface-soft) !important;
    box-shadow: none !important;
}

.aho-entry-assistant {
    position: sticky;
    top: 84px;
    display: grid;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--aho-border);
    border-radius: 12px;
    background: var(--aho-bg-surface);
    box-shadow: var(--aho-shadow-card);
}

.aho-entry-assistant__head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--aho-divider);
}

.aho-entry-assistant__spark {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--entry-accent-rgb), .28);
    border-radius: 8px;
    color: var(--entry-accent);
    background: rgba(var(--entry-accent-rgb), .09);
    font-size: 1rem;
}

.aho-entry-assistant__head > div {
    display: grid;
    gap: 1px;
}

.aho-entry-assistant__head span:not(.aho-entry-assistant__spark) {
    color: var(--aho-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.aho-entry-assistant__head strong {
    color: var(--aho-text);
    font-size: .84rem;
}

.aho-entry-progress {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.aho-entry-progress > span {
    height: 5px;
    overflow: hidden;
    border-radius: 5px;
    background: var(--aho-bg-surface-hover);
}

.aho-entry-progress > span i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--entry-accent);
    transition: width var(--aho-motion) var(--aho-ease);
}

.aho-entry-progress > strong {
    color: var(--aho-text-muted);
    font-size: .7rem;
    font-variant-numeric: tabular-nums;
}

.aho-assistant-panel {
    padding: 11px;
    border: 1px solid var(--aho-divider);
    border-radius: 9px;
    background: var(--aho-bg-surface-raised);
}

.aho-assistant-panel h2 {
    margin: 0 0 9px !important;
    color: var(--aho-text-secondary) !important;
    font-size: .69rem !important;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.aho-assistant-panel ul {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.aho-assistant-panel li {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    color: var(--aho-text-secondary);
    font-size: .76rem;
}

.aho-assistant-panel li i {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border: 1px solid var(--aho-border-strong);
    border-radius: 50%;
    color: #fff;
    font-size: .66rem;
    font-style: normal;
}

.aho-assistant-panel li.is-complete i {
    border-color: var(--aho-success);
    background: var(--aho-success);
}

.aho-assistant-hints {
    display: grid;
    gap: 7px;
}

.aho-assistant-hints p {
    margin: 0;
    padding-left: 10px;
    border-left: 2px solid var(--aho-warning);
    color: var(--aho-text-secondary);
    font-size: .75rem;
    line-height: 1.45;
}

.aho-assistant-hints p.is-good {
    border-left-color: var(--aho-success);
}

.aho-autosave-state {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--aho-text-secondary);
    font-size: .77rem;
    font-weight: 700;
}

.aho-autosave-state i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--aho-text-disabled);
}

.aho-autosave-state[data-state="saving"] i,
.aho-autosave-state[data-state="pending"] i {
    background: var(--aho-warning);
}

.aho-autosave-state[data-state="saved"] i {
    background: var(--aho-success);
}

.aho-autosave-state[data-state="error"] i {
    background: var(--aho-danger);
}

.aho-assistant-panel--autosave small {
    display: block;
    margin-top: 5px;
    color: var(--aho-text-muted);
    font-size: .67rem;
}

.aho-assistant-next {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border: 1px solid rgba(var(--entry-accent-rgb), .30);
    border-radius: 9px;
    color: var(--aho-text);
    background: rgba(var(--entry-accent-rgb), .09);
    text-align: left;
    cursor: pointer;
}

.aho-assistant-next > span:first-child {
    display: grid;
    gap: 1px;
}

.aho-assistant-next small {
    color: var(--aho-text-muted);
    font-size: .65rem;
}

.aho-assistant-next strong {
    color: var(--entry-accent);
    font-size: .8rem;
}

.aho-entry-review__intro,
.aho-entry-review__file-note {
    color: var(--aho-text-muted);
    font-size: .82rem;
}

.aho-entry-review__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

.aho-entry-review__list article {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid var(--aho-divider);
    border-radius: 8px;
    background: var(--aho-bg-surface-raised);
}

.aho-entry-review__list article > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.aho-entry-review__list article span {
    color: var(--aho-text-muted);
    font-size: .68rem;
}

.aho-entry-review__list article strong {
    overflow: hidden;
    color: var(--aho-text);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aho-entry-review__list article button {
    min-height: 44px;
    padding: 0 8px;
    border: 1px solid var(--aho-border);
    border-radius: 7px;
    color: var(--entry-accent);
    background: var(--aho-bg-surface);
    font-size: .69rem;
    font-weight: 750;
    cursor: pointer;
}

.aho-entry-actionbar {
    position: fixed;
    z-index: 850;
    right: 0;
    bottom: 0;
    left: var(--aho-sidebar-width);
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px clamp(18px, 2vw, 34px);
    border-top: 1px solid var(--aho-border);
    background: color-mix(in srgb, var(--aho-bg-surface) 94%, transparent);
    box-shadow: 0 -10px 30px rgba(16, 24, 40, .06);
    backdrop-filter: blur(18px) saturate(140%);
}

body.sidebar-collapsed .aho-entry-actionbar {
    left: var(--aho-sidebar-collapsed);
}

.aho-entry-actionbar__state {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--aho-text-muted);
    font-size: .76rem;
}

.aho-entry-actionbar__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.aho-entry-actionbar__buttons .button {
    min-height: 44px;
}

:root[data-theme="dark"] body.page-entry {
    --entry-accent-ink: #f5f7fa;
}

:root[data-theme="dark"] body.page-entry--social-work {
    --entry-accent: #39c6b5;
    --entry-accent-rgb: 57, 198, 181;
}

:root[data-theme="dark"] body.page-entry--events {
    --entry-accent: #a38cf5;
    --entry-accent-rgb: 163, 140, 245;
}

:root[data-theme="dark"] body.page-entry--needle-exchange {
    --entry-accent: #68a3ff;
    --entry-accent-rgb: 104, 163, 255;
}

:root[data-theme="dark"] body.page-entry--inventory {
    --entry-accent: #e7a94d;
    --entry-accent-rgb: 231, 169, 77;
}

:root[data-theme="dark"] .aho-entry-command-header__icon,
:root[data-theme="dark"] .aho-entry-steps button[aria-current="step"],
:root[data-theme="dark"] .aho-entry-form .choice.is-selected,
:root[data-theme="dark"] .aho-entry-form .choice:has(input:checked),
:root[data-theme="dark"] .aho-toggle-card:has(input:checked),
:root[data-theme="dark"] .aho-assistant-next {
    background: rgba(var(--entry-accent-rgb), .14) !important;
}

:root[data-theme="dark"] .aho-entry-steps button[aria-current="step"] > span:first-child {
    color: #071018 !important;
}

:root[data-theme="dark"] html body .sidebar {
    background: #070b10 !important;
}

:root[data-theme="dark"] html body .topbar,
:root[data-theme="dark"] .aho-entry-actionbar {
    background: rgba(11, 17, 25, .94) !important;
}

@media (max-width: 1220px) {
    .aho-entry-layout {
        grid-template-columns: minmax(0, 1fr) 286px;
        gap: 16px;
    }

    .aho-entry-steps button small {
        display: none;
    }
}

@media (max-width: 1040px) {
    .aho-entry-layout {
        grid-template-columns: 1fr;
    }

    .aho-entry-assistant {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aho-entry-assistant__head,
    .aho-entry-progress,
    .aho-assistant-next {
        grid-column: 1 / -1;
    }

    .aho-assistant-panel--autosave {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    html body .content {
        padding-inline: 16px !important;
    }

    html body.page-entry .content {
        padding-inline: 0 !important;
    }

    html body.page-entry .content::before {
        left: 0;
    }

    html body.page-entry .aho-entry-workspace {
        padding-inline: 14px !important;
    }

    .aho-entry-actionbar,
    body.sidebar-collapsed .aho-entry-actionbar {
        left: 0;
        padding-inline: 14px;
    }

    .aho-entry-steps {
        grid-template-columns: repeat(4, minmax(132px, 1fr));
        overflow-x: auto;
    }

    .aho-entry-steps button {
        min-height: 58px;
    }
}

@media (max-width: 680px) {
    html body.page-entry .content {
        padding-bottom: 220px !important;
    }

    .aho-entry-command-header {
        min-height: 0;
        grid-template-columns: auto minmax(0, 1fr);
        padding-block: 16px;
    }

    .aho-entry-command-header__icon {
        width: 42px;
        height: 42px;
    }

    .aho-entry-online {
        grid-column: 1 / -1;
        justify-self: start;
    }

    html body .aho-entry-form .aho-form-section {
        padding: 16px !important;
    }

    .aho-entry-grid,
    .aho-entry-grid--2,
    .aho-entry-grid--3,
    .aho-entry-grid--4,
    .aho-entry-review__list,
    .aho-entry-assistant {
        grid-template-columns: 1fr !important;
    }

    .aho-entry-form :is(.aho-span-2, .aho-span-3, .aho-span-4),
    .aho-entry-assistant__head,
    .aho-entry-progress,
    .aho-assistant-next,
    .aho-assistant-panel--autosave {
        grid-column: auto !important;
    }

    .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aho-number-presets button {
        min-height: 44px !important;
    }

    .aho-entry-actionbar {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
        padding-block: 9px;
    }

    .aho-entry-actionbar__state {
        min-height: 24px;
    }

    .aho-entry-actionbar__buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aho-entry-actionbar__buttons .button {
        width: 100%;
    }

    .aho-entry-actionbar__buttons .button--quiet:first-child {
        display: none;
    }
}

@media (max-width: 360px) {
    .aho-choice-grid {
        grid-template-columns: 1fr !important;
    }

    .aho-entry-command-header h1 {
        font-size: 1.3rem !important;
    }
}

/* ========================================================================== */
/* Enterprise Pro Max Single-Page Capture · Version 1.0.20                   */
/* ========================================================================== */

:root {
    --aho-sidebar-width: 246px;
    --aho-sidebar-collapsed: 76px;
    --promax-nav-text: #1d2b3f;
    --promax-nav-muted: #66758a;
    --promax-nav-line: #dfe7f0;
}

:root[data-theme="light"] body {
    background: #f3f7fc !important;
}

:root[data-theme="light"] body .sidebar,
:root[data-theme="light"] body .sidebar__brand,
:root[data-theme="light"] body .sidebar__footer {
    border-color: var(--promax-nav-line) !important;
    color: var(--promax-nav-text) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 254, .98)) !important;
}

:root[data-theme="light"] body .sidebar {
    box-shadow: 12px 0 36px rgba(42, 64, 92, .075) !important;
}

:root[data-theme="light"] body .brand__text strong {
    color: #152338 !important;
}

:root[data-theme="light"] body .brand__text small,
:root[data-theme="light"] body .nav-section__title,
:root[data-theme="light"] body .system-indicator small {
    color: var(--promax-nav-muted) !important;
}

:root[data-theme="light"] body .nav-item {
    color: #43536a !important;
}

:root[data-theme="light"] body .nav-item__icon {
    color: #74849a !important;
}

:root[data-theme="light"] body .nav-item:hover {
    border-color: #dbe5f0 !important;
    color: #17253a !important;
    background: linear-gradient(90deg, #edf3fa, #f7faff) !important;
}

:root[data-theme="light"] body .nav-item.is-active,
:root[data-theme="light"] body .nav-item[aria-current="page"] {
    border-color: rgba(83, 99, 232, .23) !important;
    color: #26378d !important;
    background: linear-gradient(100deg, rgba(83, 99, 232, .15), rgba(83, 99, 232, .045)) !important;
    box-shadow: inset 3px 0 0 #5363e8, 0 8px 22px rgba(55, 71, 168, .08) !important;
}

:root[data-theme="light"] body .nav-item.is-active .nav-item__icon,
:root[data-theme="light"] body .nav-item[aria-current="page"] .nav-item__icon {
    color: #5363e8 !important;
}

:root[data-theme="light"] body .sidebar__collapse,
:root[data-theme="light"] body .sidebar__close {
    border-color: #dce5ef !important;
    color: #66758a !important;
    background: #f7faff !important;
}

:root[data-theme="light"] body .sidebar__collapse:hover,
:root[data-theme="light"] body .sidebar__close:hover {
    border-color: #bdcada !important;
    color: #203047 !important;
    background: #eef4fa !important;
}

:root[data-theme="light"] body .system-indicator {
    border-color: #dfe7f0 !important;
    background: #f7faff !important;
}

:root[data-theme="light"] body .system-indicator strong {
    color: #35465e !important;
}

:root[data-theme="light"] body .topbar {
    border-color: #dfe7f0 !important;
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 8px 28px rgba(39, 60, 88, .055) !important;
    backdrop-filter: blur(22px) saturate(145%);
}

:root[data-theme="dark"] body .sidebar,
:root[data-theme="dark"] body .sidebar__brand,
:root[data-theme="dark"] body .sidebar__footer {
    border-color: #2b3a4d !important;
    background: #172333 !important;
}

:root[data-theme="dark"] body .sidebar {
    box-shadow: 12px 0 36px rgba(0, 0, 0, .18) !important;
}

:root[data-theme="dark"] body .nav-item:hover {
    background: #202e40 !important;
}

html body.page-entry {
    --entry-canvas: #f2f7fb;
    --entry-shell: rgba(255, 255, 255, .88);
    --entry-shell-strong: #ffffff;
    --entry-card: rgba(255, 255, 255, .78);
    --entry-card-muted: rgba(245, 248, 252, .94);
    --entry-line: rgba(86, 107, 134, .18);
    --entry-text: #142136;
    --entry-text-secondary: #40516a;
    --entry-text-muted: #6a788c;
}

html body.page-entry--social-work {
    --entry-accent: #087d72;
    --entry-accent-rgb: 8, 125, 114;
    --entry-accent-strong: #075f58;
    --entry-canvas: #eef8f7;
}

html body.page-entry--events {
    --entry-accent: #6548c7;
    --entry-accent-rgb: 101, 72, 199;
    --entry-accent-strong: #5135aa;
    --entry-canvas: #f5f2fb;
}

html body.page-entry--needle-exchange {
    --entry-accent: #2466c8;
    --entry-accent-rgb: 36, 102, 200;
    --entry-accent-strong: #184f9f;
    --entry-canvas: #f0f6fd;
}

html body.page-entry--inventory {
    --entry-accent: #985b08;
    --entry-accent-rgb: 152, 91, 8;
    --entry-accent-strong: #754404;
    --entry-canvas: #faf6ef;
}

:root[data-theme="dark"] body.page-entry {
    --entry-shell: rgba(23, 34, 47, .94);
    --entry-shell-strong: #1b2938;
    --entry-card: rgba(31, 45, 60, .82);
    --entry-card-muted: rgba(27, 40, 54, .96);
    --entry-line: rgba(173, 190, 209, .21);
    --entry-text: #f7f9fc;
    --entry-text-secondary: #d5deea;
    --entry-text-muted: #aebccc;
}

:root[data-theme="dark"] body.page-entry--social-work { --entry-canvas: #12232b; }
:root[data-theme="dark"] body.page-entry--events { --entry-canvas: #1b192d; }
:root[data-theme="dark"] body.page-entry--needle-exchange { --entry-canvas: #142238; }
:root[data-theme="dark"] body.page-entry--inventory { --entry-canvas: #282117; }

html body.page-entry .content {
    padding: 14px 16px 104px !important;
    background:
        radial-gradient(circle at 18% -10%, rgba(var(--entry-accent-rgb), .17), transparent 36rem),
        linear-gradient(145deg, rgba(255, 255, 255, .24), transparent 50%),
        var(--entry-canvas) !important;
}

html body.page-entry .content::after {
    opacity: .16;
}

html body.page-entry .aho-entry-form {
    padding: 0 15px 92px !important;
    border: 1px solid var(--entry-line) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(145deg, rgba(var(--entry-accent-rgb), .045), transparent 32rem),
        var(--entry-shell) !important;
    box-shadow: 0 24px 64px rgba(40, 57, 78, .13), inset 0 1px 0 rgba(255, 255, 255, .65) !important;
    backdrop-filter: blur(22px) saturate(125%);
}

:root[data-theme="dark"] body.page-entry .aho-entry-form {
    box-shadow: 0 26px 68px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

html body.page-entry .aho-entry-command-header {
    min-height: 92px;
    margin-inline: -15px;
    padding: 16px 22px;
    border-radius: 24px 24px 0 0;
    background:
        linear-gradient(105deg, rgba(var(--entry-accent-rgb), .16), rgba(var(--entry-accent-rgb), .035) 48%, transparent),
        var(--entry-shell-strong);
}

.aho-entry-command-header__icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
}

.aho-entry-command-header__icon svg {
    width: 27px;
    height: 27px;
}

.aho-entry-command-header h1 {
    font-size: clamp(1.45rem, 1.22rem + .72vw, 2rem) !important;
}

.aho-entry-command-header p {
    margin-top: 2px !important;
    font-size: .84rem;
}

.aho-entry-online {
    color: var(--entry-text-secondary);
    background: rgba(var(--entry-accent-rgb), .08);
}

.aho-entry-layout.aho-entry-layout--single {
    display: block !important;
    padding-top: 12px;
}

.aho-entry-layout--single .aho-entry-stage {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
}

.aho-entry-layout--single :is(.aho-draft-restored, .alert, .aho-entry-intelligence) {
    grid-column: 1 / -1;
}

.aho-entry-intelligence {
    min-height: 74px;
    display: grid;
    grid-template-columns: minmax(210px, .85fr) minmax(300px, 1.35fr) minmax(220px, 1fr) minmax(220px, .85fr);
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid var(--entry-line);
    border-radius: 17px;
    color: var(--entry-text-secondary);
    background:
        linear-gradient(110deg, rgba(var(--entry-accent-rgb), .11), transparent 42%),
        var(--entry-card);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.aho-entry-intelligence__identity,
.aho-entry-intelligence__autosave {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.aho-entry-intelligence__identity > div,
.aho-entry-intelligence__autosave {
    display: grid;
    gap: 2px;
}

.aho-entry-intelligence__identity span:not(.aho-entry-assistant__spark),
.aho-entry-intelligence__autosave small {
    color: var(--entry-text-muted);
    font-size: .68rem;
    font-weight: 720;
}

.aho-entry-intelligence__identity strong {
    color: var(--entry-text);
    font-size: .78rem;
}

.aho-entry-intelligence .aho-entry-assistant__spark {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}

.aho-entry-intelligence__progress {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.aho-entry-intelligence .aho-entry-progress {
    grid-template-columns: 1fr auto;
    margin: 0;
}

.aho-entry-intelligence__checklist {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.aho-entry-intelligence__checklist li {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--entry-text-muted);
    font-size: .64rem;
    font-weight: 700;
}

.aho-entry-intelligence__checklist li i {
    width: 14px;
    height: 14px;
    display: grid;
    place-items: center;
    border: 1px solid var(--entry-line);
    border-radius: 50%;
}

.aho-entry-intelligence__checklist li.is-complete {
    color: var(--entry-text-secondary);
}

.aho-entry-intelligence__checklist li.is-complete i {
    border-color: var(--aho-success);
    background: var(--aho-success);
}

.aho-entry-intelligence__checklist li.is-complete i::after {
    content: "";
    width: 6px;
    height: 3px;
    border-bottom: 1.5px solid #fff;
    border-left: 1.5px solid #fff;
    rotate: -45deg;
    translate: 0 -1px;
}

.aho-entry-intelligence__hints {
    min-width: 0;
    padding-left: 11px;
    border-left: 1px solid var(--entry-line);
}

.aho-entry-intelligence__hints p {
    margin: 0;
    color: var(--entry-text-secondary);
    font-size: .72rem;
    line-height: 1.45;
}

.aho-entry-intelligence__hints p.is-good {
    color: var(--aho-success);
}

.aho-entry-intelligence__autosave {
    padding-left: 11px;
    border-left: 1px solid var(--entry-line);
}

.aho-entry-intelligence__autosave .aho-autosave-state {
    color: var(--entry-text-secondary);
    font-size: .72rem;
}

html body .aho-entry-layout--single .aho-form-section {
    grid-column: span 12;
    margin: 0 !important;
    padding: 15px 16px !important;
    border: 1px solid var(--entry-line) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(140deg, rgba(var(--entry-accent-rgb), .032), transparent 55%),
        var(--entry-card) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .17) !important;
}

html body .aho-entry-layout--single .aho-form-section::before {
    inset: 14px auto 14px 0;
    width: 2px;
}

.aho-entry-layout--single #social-team,
.aho-entry-layout--single #social-client,
.aho-entry-layout--single #event-type,
.aho-entry-layout--single #inventory-id {
    grid-column: span 5;
}

.aho-entry-layout--single #social-person,
.aho-entry-layout--single #social-topics,
.aho-entry-layout--single #event-target,
.aho-entry-layout--single #inventory-batch {
    grid-column: span 7;
}

.aho-entry-layout--single #social-lab {
    grid-column: span 8;
}

.aho-entry-layout--single #social-notes {
    grid-column: span 4;
}

.aho-entry-layout--single #needle-basics,
.aho-entry-layout--single #needle-type {
    grid-column: span 6;
}

.aho-entry-layout--single .aho-form-section__header {
    min-height: 38px;
    margin-bottom: 12px !important;
    padding-bottom: 10px;
}

.aho-entry-layout--single .aho-section-number {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: rgba(var(--entry-accent-rgb), .13) !important;
    box-shadow: none;
}

.aho-entry-layout--single .aho-section-number svg {
    width: 20px;
    height: 20px;
}

.aho-entry-layout--single .aho-form-section__header h2 {
    font-size: .94rem !important;
    letter-spacing: -.015em;
}

.aho-entry-layout--single .aho-entry-grid {
    gap: 11px;
}

html body .aho-entry-layout--single label.choice {
    min-height: 50px !important;
    border-radius: 14px !important;
    background: var(--entry-card-muted) !important;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

html body .aho-entry-layout--single label.choice:hover {
    transform: translateY(-2px) !important;
}

html body .aho-entry-layout--single label.choice:has(input:checked) {
    background:
        radial-gradient(circle at 16% 10%, rgba(255, 255, 255, .18), transparent 42%),
        linear-gradient(135deg, rgba(var(--entry-accent-rgb), .27), rgba(var(--entry-accent-rgb), .10)) !important;
}

.aho-entry-layout--single .aho-choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
    gap: 8px !important;
}

.aho-entry-layout--single .aho-number-stepper {
    min-height: 50px;
    border-radius: 14px !important;
}

.aho-entry-layout--single .aho-number-stepper button,
html body .aho-entry-layout--single .aho-number-stepper input {
    min-height: 48px !important;
}

.aho-entry-layout--single .aho-number-stepper button {
    border-radius: 12px !important;
}

.aho-entry-actionbar--single {
    min-height: 76px;
    background:
        linear-gradient(100deg, rgba(var(--entry-accent-rgb), .10), transparent 40%),
        color-mix(in srgb, var(--entry-shell-strong) 94%, transparent) !important;
}

.aho-entry-actionbar--single .button--primary {
    min-width: 190px;
}

:root[data-theme="light"] body.page-entry .nav-item.is-active,
:root[data-theme="light"] body.page-entry .nav-item[aria-current="page"] {
    border-color: rgba(var(--entry-accent-rgb), .26) !important;
    color: var(--entry-accent-strong) !important;
    background: linear-gradient(100deg, rgba(var(--entry-accent-rgb), .16), rgba(var(--entry-accent-rgb), .045)) !important;
    box-shadow: inset 3px 0 0 var(--entry-accent), 0 8px 22px rgba(var(--entry-accent-rgb), .08) !important;
}

@media (max-width: 1260px) {
    .aho-entry-intelligence {
        grid-template-columns: minmax(200px, .8fr) minmax(320px, 1.4fr) 1fr;
    }

    .aho-entry-intelligence__hints {
        display: none;
    }
}

@media (max-width: 1080px) {
    .aho-entry-layout--single :is(#social-team, #social-client, #event-type, #inventory-id),
    .aho-entry-layout--single :is(#social-person, #social-topics, #event-target, #inventory-batch),
    .aho-entry-layout--single :is(#social-lab, #social-notes, #needle-basics, #needle-type) {
        grid-column: span 12;
    }

    .aho-entry-intelligence {
        grid-template-columns: 1fr 1.6fr;
    }

    .aho-entry-intelligence__autosave {
        display: none;
    }
}

@media (max-width: 760px) {
    html body.page-entry .content {
        padding: 8px 8px 176px !important;
    }

    html body.page-entry .aho-entry-form {
        padding: 0 9px 150px !important;
        border-radius: 18px !important;
    }

    html body.page-entry .aho-entry-command-header {
        margin-inline: -9px;
        padding: 13px;
        border-radius: 18px 18px 0 0;
    }

    .aho-entry-command-header p {
        display: none;
    }

    .aho-entry-intelligence {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .aho-entry-intelligence__progress {
        padding-top: 8px;
        border-top: 1px solid var(--entry-line);
    }

    .aho-entry-layout--single .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aho-entry-actionbar--single .aho-entry-actionbar__state,
    .aho-entry-actionbar--single [data-draft-save],
    .aho-entry-actionbar--single [data-draft-discard],
    .aho-entry-actionbar--single [data-save-mode-value="save_and_new"] {
        display: none !important;
    }

    .aho-entry-actionbar--single .aho-entry-actionbar__buttons,
    .aho-entry-actionbar--single .button--primary {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .aho-entry-layout--single .aho-choice-grid {
        grid-template-columns: 1fr !important;
    }

    .aho-entry-layout--single .aho-fieldset--quick .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aho-form-map a,
    html body .app-shell label.choice,
    .aho-toggle-card {
        transition: none;
    }
}

/* ==========================================================================
   Profil, Darstellungsmodus und Zwei-Faktor-Verwaltung
   ========================================================================== */

.aho-confirm-backdrop {
    position: fixed;
    z-index: 2800;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    background: var(--aho-bg-overlay);
    backdrop-filter: blur(8px);
}

.aho-confirm-backdrop[hidden] {
    display: none !important;
}

.aho-confirm-dialog {
    width: min(520px, 100%);
    overflow: hidden;
    border: 1px solid var(--aho-border-strong);
    border-radius: var(--aho-radius-panel);
    color: var(--aho-text);
    background: var(--aho-bg-surface);
    box-shadow: var(--aho-shadow-raised);
}

.aho-confirm-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-4);
    padding: var(--aho-space-4) var(--aho-space-5);
    border-bottom: 1px solid var(--aho-divider);
    background: var(--aho-bg-surface-raised);
}

.aho-confirm-dialog__header h2 {
    margin: 3px 0 0;
    color: var(--aho-text);
    font-size: 1.15rem;
}

.aho-confirm-dialog__close {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid var(--aho-border);
    border-radius: 10px;
    color: var(--aho-text-secondary);
    background: var(--aho-bg-surface);
    cursor: pointer;
    font-size: 1.45rem;
}

.aho-confirm-dialog > p {
    margin: 0;
    padding: var(--aho-space-5);
    color: var(--aho-text-secondary);
    white-space: pre-line;
}

.aho-confirm-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: var(--aho-space-4) var(--aho-space-5);
    border-top: 1px solid var(--aho-divider);
    background: var(--aho-bg-surface-raised);
}

.profile-dropdown__theme {
    display: grid;
    gap: 8px;
    padding: 8px 10px;
}

.profile-dropdown__theme label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    color: var(--aho-text-secondary);
    font-size: .84rem;
    font-weight: 700;
}

.profile-dropdown__theme select {
    min-width: 0;
    min-height: 38px;
    border: 1px solid var(--aho-border);
    border-radius: 9px;
    color: var(--aho-text);
    background: var(--aho-bg-surface);
}

.profile-dropdown__theme .button {
    min-height: 38px !important;
}

.aho-profile-layout {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--aho-space-5);
}

.aho-profile-security-card,
.aho-profile-employee-card {
    grid-column: 1 / -1;
}

.aho-card-intro {
    max-width: 82ch;
    margin: 0 0 var(--aho-space-4);
    color: var(--aho-text-secondary);
}

.aho-theme-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 var(--aho-space-4);
    padding: 0;
    border: 0;
}

.aho-theme-option {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--aho-border-strong);
    border-radius: 12px;
    color: var(--aho-text-secondary);
    background: var(--aho-bg-surface);
    cursor: pointer;
    transition: border-color var(--aho-motion-fast), background var(--aho-motion-fast), box-shadow var(--aho-motion-fast);
}

.aho-theme-option:hover,
.aho-theme-option:has(input:checked) {
    border-color: var(--aho-accent);
    background: var(--aho-accent-wash);
}

.aho-theme-option:has(input:checked) {
    box-shadow: inset 0 0 0 1px var(--aho-accent-border);
}

.aho-theme-option input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.aho-theme-option input:focus-visible + .aho-theme-option__preview {
    box-shadow: var(--aho-focus);
}

.aho-theme-option strong,
.aho-theme-option small {
    display: block;
}

.aho-theme-option strong {
    color: var(--aho-text);
}

.aho-theme-option small {
    margin-top: 3px;
    font-size: .78rem;
}

.aho-theme-option__preview {
    height: 50px;
    display: grid;
    grid-template-columns: 21px 1fr;
    gap: 5px;
    padding: 5px;
    border: 1px solid #bfc6d2;
    border-radius: 8px;
    background: #f6f7fa;
}

.aho-theme-option__preview i,
.aho-theme-option__preview b {
    display: block;
    border-radius: 4px;
}

.aho-theme-option__preview i {
    background: #ffffff;
}

.aho-theme-option__preview b {
    position: relative;
    background: #ffffff;
}

.aho-theme-option__preview b::after {
    content: "";
    position: absolute;
    inset: 8px 7px auto;
    height: 5px;
    border-radius: 99px;
    background: #c91f68;
    box-shadow: 0 10px 0 #dfe3ea, 0 20px 0 #dfe3ea;
}

.aho-theme-option__preview--dark {
    border-color: #485160;
    background: #11151d;
}

.aho-theme-option__preview--dark i,
.aho-theme-option__preview--dark b {
    background: #202733;
}

.aho-theme-option__preview--dark b::after {
    background: #f06aa2;
    box-shadow: 0 10px 0 #46505f, 0 20px 0 #46505f;
}

.aho-theme-option__preview--system {
    background: linear-gradient(110deg, #f6f7fa 0 49.5%, #11151d 50%);
}

.aho-theme-option__preview--system i {
    background: linear-gradient(110deg, #fff 0 49.5%, #202733 50%);
}

.aho-theme-option__preview--system b {
    background: linear-gradient(110deg, #fff 0 49.5%, #202733 50%);
}

.aho-security-status {
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid var(--aho-border);
    border-radius: 999px;
    color: var(--aho-text-muted);
    background: var(--aho-bg-surface-soft);
    font-size: .78rem;
    font-weight: 800;
}

.aho-security-status.is-active {
    border-color: color-mix(in srgb, var(--aho-success) 38%, transparent);
    color: var(--aho-success);
    background: var(--aho-success-soft);
}

.aho-security-settings {
    display: grid;
    gap: var(--aho-space-4);
}

.aho-security-method,
.aho-security-setup,
.aho-security-management-form,
.aho-recovery-codes,
.aho-security-danger-zone {
    min-width: 0;
    padding: var(--aho-space-4);
    border: 1px solid var(--aho-border);
    border-radius: 13px;
    background: var(--aho-bg-surface-raised);
}

.aho-security-method {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(260px, auto);
    align-items: center;
    gap: var(--aho-space-4);
}

.aho-security-method > div > strong,
.aho-security-method > div > small {
    display: block;
}

.aho-security-method > div > strong {
    color: var(--aho-text);
}

.aho-security-method > div > small {
    margin-top: 4px;
    color: var(--aho-text-muted);
}

.aho-security-method > span {
    justify-self: end;
    padding: 5px 9px;
    border-radius: 999px;
    color: var(--aho-text-muted);
    background: var(--aho-bg-surface-soft);
    font-size: .76rem;
    font-weight: 800;
}

.aho-security-method.is-enabled {
    border-color: color-mix(in srgb, var(--aho-success) 32%, var(--aho-border));
    background: color-mix(in srgb, var(--aho-success-soft) 64%, var(--aho-bg-surface));
}

.aho-security-method.is-enabled > span {
    color: var(--aho-success);
    background: var(--aho-success-soft);
}

.aho-security-method.is-unavailable {
    opacity: .82;
}

.aho-password-action,
.aho-security-inline-form,
.aho-security-management-form {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.aho-password-action label,
.aho-security-inline-form label,
.aho-security-management-form label {
    min-width: min(250px, 100%);
    display: grid;
    gap: 6px;
    color: var(--aho-text-secondary);
    font-size: .84rem;
    font-weight: 700;
}

.aho-security-setup h3,
.aho-recovery-codes h3 {
    margin: 0 0 8px;
    color: var(--aho-text);
}

.aho-security-setup__grid {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--aho-space-5);
    margin: var(--aho-space-4) 0;
}

.aho-qr-code {
    width: 220px;
    max-width: 100%;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 12px;
    border: 1px solid var(--aho-border);
    border-radius: 12px;
    background: #fff;
}

.aho-qr-code img {
    width: 100%;
    height: auto;
    image-rendering: pixelated;
}

.aho-manual-secret {
    display: block;
    max-width: 100%;
    margin-top: 8px;
    padding: 10px;
    overflow-wrap: anywhere;
    border: 1px dashed var(--aho-border-strong);
    border-radius: 8px;
    color: var(--aho-text);
    background: var(--aho-bg-surface);
}

.aho-recovery-codes {
    border-color: color-mix(in srgb, var(--aho-warning) 34%, var(--aho-border));
    background: color-mix(in srgb, var(--aho-warning-soft) 56%, var(--aho-bg-surface));
}

.aho-recovery-codes ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
    margin: 14px 0;
    padding: 0;
    list-style: none;
}

.aho-recovery-codes code {
    display: block;
    padding: 8px 10px;
    border: 1px solid var(--aho-border);
    border-radius: 8px;
    color: var(--aho-text);
    background: var(--aho-bg-surface);
    text-align: center;
}

.aho-security-danger-zone {
    display: grid;
    gap: 12px;
    border-color: color-mix(in srgb, var(--aho-danger) 26%, var(--aho-border));
}

.aho-admin-security-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--aho-border);
    border-radius: 10px;
    background: var(--aho-bg-surface-raised);
}

/* Dark mode corrects legacy hard-coded light surfaces without changing the
   familiar layout. The four entry modules keep their own subtle identity. */
:root[data-theme="dark"] body {
    background:
        radial-gradient(circle at 92% -8%, rgba(240, 106, 162, .055), transparent 30rem),
        radial-gradient(circle at 18% 108%, rgba(146, 149, 255, .035), transparent 34rem),
        var(--aho-bg-app) !important;
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #4d5868;
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #647084;
}

:root[data-theme="dark"] :is(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
) {
    color: var(--aho-text) !important;
    border-color: var(--aho-border-strong) !important;
    background-color: var(--aho-bg-surface) !important;
}

:root[data-theme="dark"] :is(input, textarea)::placeholder {
    color: var(--aho-text-disabled) !important;
}

:root[data-theme="dark"] :is(option, optgroup) {
    color: var(--aho-text);
    background: var(--aho-bg-surface);
}

:root[data-theme="dark"] :is(
    .table th,
    table th,
    .data-table th,
    .aho-table th,
    .aho-drilldown-table th
) {
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-raised) !important;
}

:root[data-theme="dark"] :is(
    .table td,
    table td,
    .data-table td,
    .aho-table td,
    .aho-drilldown-table td
) {
    color: var(--aho-text-secondary);
    border-color: var(--aho-divider) !important;
    background: var(--aho-bg-surface) !important;
}

:root[data-theme="dark"] :is(
    .modal,
    .modal__content,
    .aho-dialog,
    .aho-drilldown-modal,
    .aho-drilldown-content,
    .aho-drilldown-summary,
    .aho-drilldown-status
) {
    color: var(--aho-text) !important;
    border-color: var(--aho-border) !important;
    background: var(--aho-bg-surface) !important;
}

:root[data-theme="dark"] .aho-entry-workspace--social_work {
    --aho-module-accent: #f06aa2;
    --aho-module-accent-strong: #ff9fc5;
    --aho-module-wash: rgba(240, 106, 162, .12);
    --aho-module-border: rgba(240, 106, 162, .34);
}

:root[data-theme="dark"] .aho-entry-workspace--events {
    --aho-module-accent: #e4ad4f;
    --aho-module-accent-strong: #f2c876;
    --aho-module-wash: rgba(228, 173, 79, .11);
    --aho-module-border: rgba(228, 173, 79, .34);
}

:root[data-theme="dark"] .aho-entry-workspace--needle_exchange {
    --aho-module-accent: #a98bf5;
    --aho-module-accent-strong: #c3aff8;
    --aho-module-wash: rgba(169, 139, 245, .12);
    --aho-module-border: rgba(169, 139, 245, .36);
}

:root[data-theme="dark"] .aho-entry-workspace--inventory {
    --aho-module-accent: #f0846d;
    --aho-module-accent-strong: #f6a493;
    --aho-module-wash: rgba(240, 132, 109, .12);
    --aho-module-border: rgba(240, 132, 109, .34);
}

/*
 * Gut lesbarer Dunkelmodus für ältere Fach- und Verwaltungsansichten.
 * Einige dieser Ansichten enthalten noch lokale helle Farbwerte. Die Regeln
 * ersetzen ausschließlich Bildschirmoberflächen; Berichtspapier und PDF-
 * Vorschauen bleiben absichtlich weiß und druckgetreu.
 */
:root[data-theme="dark"] .app-footer {
    color: var(--aho-text-muted) !important;
    border-color: var(--aho-border) !important;
    background: rgba(23, 30, 42, .96) !important;
}

:root[data-theme="dark"] body :is(
    .profile-dropdown,
    .card,
    .kpi-card,
    .dashboard-kpi-card,
    .dashboard-chart-card,
    .dashboard-highlights-card,
    .aho-card,
    .aho-intel-card,
    .aho-stat-card,
    .aho-summary-card,
    .aho-data-card,
    .aho-entry-card,
    .aho-chart-card,
    .aho-drilldown-card,
    .aho-form-card,
    .aho-import-card,
    .aho-import-job-card,
    .aho-import-summary-card,
    .aho-import-job-summary-card,
    .aho-matrix-card,
    .aho-role-card,
    .aho-role-summary-card,
    .aho-user-card,
    .aho-system-check-card,
    .aho-system-info-card,
    .aho-system-overall-card,
    .aho-system-summary-card,
    .aho-audit-detail-card,
    .aho-audit-filter-card,
    .aho-audit-metadata-card,
    .aho-audit-summary-card,
    .aho-audit-table-card,
    .aho-annual-report-card,
    .aho-admin-card,
    .aho-admin-security,
    .aho-mfa-kpi,
    .aho-saved-filter-card,
    .aho-save-filter-card,
    .security-card
) {
    color: var(--aho-text) !important;
    border-color: var(--aho-border) !important;
    background: var(--aho-bg-surface) !important;
    box-shadow: var(--aho-shadow-card) !important;
}

:root[data-theme="dark"] body :is(
    .aho-card h3,
    .aho-intel-number,
    .aho-entry summary,
    .aho-card-intro,
    .aho-field label,
    .aho-admin-card-description,
    .aho-table-subline,
    .aho-import-card-header,
    .aho-import-job-card-header,
    .aho-audit-table-title,
    .aho-audit-filter-title
) {
    color: var(--aho-text) !important;
}

:root[data-theme="dark"] body :is(
    .aho-muted,
    .aho-intel-meta,
    .muted,
    .aho-card small,
    .aho-entry__meta,
    .aho-filter-hint,
    .aho-audit-table-meta
) {
    color: var(--aho-text-muted) !important;
}

:root[data-theme="dark"] body :is(
    .aho-entry,
    .aho-conditional-panel,
    .aho-file-panel,
    .aho-saved-filter-panel,
    .aho-annual-media-panel,
    .aho-admin-card-footer,
    .dashboard-kpi-card__footer,
    .aho-import-card-header,
    .aho-import-job-card-header
) {
    color: var(--aho-text-secondary) !important;
    border-color: var(--aho-border) !important;
    background: var(--aho-bg-surface-soft) !important;
}

:root[data-theme="dark"] body :is(
    .aho-segmented span,
    .aho-chip,
    .aho-badge,
    .badge,
    .aho-filter-chip,
    .aho-button--secondary
) {
    color: var(--aho-text-secondary) !important;
    border-color: var(--aho-border) !important;
    background: var(--aho-bg-surface-raised) !important;
}

:root[data-theme="dark"] body :is(.aho-progress, .aho-bar) {
    background: #39465a !important;
}

:root[data-theme="dark"] body .aho-progress i,
:root[data-theme="dark"] body .aho-bar i {
    background: var(--aho-info) !important;
    opacity: 1;
}

:root[data-theme="dark"] body :is(.aho-alert--ok, .alert--success) {
    color: #baf3d8 !important;
    border-color: rgba(72, 201, 154, .42) !important;
    background: rgba(27, 100, 75, .32) !important;
}

:root[data-theme="dark"] body :is(.aho-alert--error, .alert--danger) {
    color: #ffd0d7 !important;
    border-color: rgba(255, 126, 142, .45) !important;
    background: rgba(123, 39, 54, .34) !important;
}

:root[data-theme="dark"] body .alert--info {
    color: #cbe8ff !important;
    border-color: rgba(102, 181, 242, .44) !important;
    background: rgba(34, 88, 128, .34) !important;
}

:root[data-theme="dark"] body .alert--warning {
    color: #ffe5af !important;
    border-color: rgba(228, 173, 79, .44) !important;
    background: rgba(116, 78, 22, .34) !important;
}

:root[data-theme="dark"] body :is(.aho-mfa-badge, .status-badge) {
    color: var(--aho-text-secondary) !important;
    border-color: var(--aho-border) !important;
    background: var(--aho-bg-surface-raised) !important;
}

:root[data-theme="dark"] body .aho-mfa-badge.is-ok {
    color: #baf3d8 !important;
    border-color: rgba(72, 201, 154, .40) !important;
    background: rgba(27, 100, 75, .34) !important;
}

:root[data-theme="dark"] body .aho-mfa-badge.is-warning {
    color: #ffe5af !important;
    border-color: rgba(228, 173, 79, .42) !important;
    background: rgba(116, 78, 22, .34) !important;
}

:root[data-theme="dark"] body .aho-mfa-badge.is-critical {
    color: #ffd0d7 !important;
    border-color: rgba(255, 126, 142, .42) !important;
    background: rgba(123, 39, 54, .34) !important;
}

@media (max-width: 1180px) {
    .aho-theme-switcher button span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .aho-theme-switcher button {
        padding-inline: 7px;
    }
}

@media (max-width: 520px) {
    .aho-theme-switcher {
        min-height: 40px;
    }

    .aho-theme-switcher button {
        min-width: 34px;
        min-height: 32px;
        padding: 5px;
    }

    .aho-theme-switcher svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 900px) {
    .aho-profile-layout,
    .aho-theme-options {
        grid-template-columns: 1fr;
    }

    .aho-profile-security-card,
    .aho-profile-employee-card {
        grid-column: auto;
    }

    .aho-security-method {
        grid-template-columns: 1fr;
    }

    .aho-security-method > span {
        justify-self: start;
    }
}

@media (max-width: 620px) {
    .aho-security-setup__grid {
        grid-template-columns: 1fr;
    }

    .aho-qr-code {
        width: min(100%, 250px);
        justify-self: center;
    }

    .aho-password-action,
    .aho-security-inline-form,
    .aho-security-management-form,
    .aho-password-action .button,
    .aho-security-inline-form .button,
    .aho-security-management-form .button {
        width: 100%;
    }
}

/* ========================================================================== 
   Tätigkeitsbericht - dreiseitiger A4-Editor
   ========================================================================== */

.aho-activity-report,
.aho-activity-report > form,
.aho-report-toolbar,
.aho-report-sources,
.aho-report-preview {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
}

.aho-activity-report > form {
    display: grid;
    gap: var(--aho-space-5);
}

.aho-report-toolbar {
    padding: clamp(18px, 2vw, 28px);
    border: 1px solid var(--aho-border);
    border-radius: 16px;
    background: var(--aho-bg-surface);
    box-shadow: var(--aho-shadow-card);
}

.aho-report-toolbar__topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--aho-space-4);
    margin-bottom: var(--aho-space-5);
    padding-bottom: var(--aho-space-4);
    border-bottom: 1px solid var(--aho-divider);
}

.aho-report-toolbar h2 {
    margin: 3px 0 0 !important;
    color: var(--aho-text) !important;
    font-size: 1.3rem !important;
}

.aho-report-toolbar__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    flex-wrap: wrap;
}

.aho-report-version {
    padding: 7px 10px;
    border: 1px solid var(--aho-border);
    border-radius: 999px;
    color: var(--aho-text-secondary);
    background: var(--aho-bg-surface-soft);
    font-size: .78rem;
    font-weight: 750;
}

.aho-report-toolbar__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(130px, 1fr));
    gap: var(--aho-space-3);
    align-items: end;
}

.aho-toolbar-wide {
    grid-column: span 2;
}

.aho-period-mode {
    grid-column: span 2;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.aho-period-mode legend {
    margin-bottom: 8px;
    color: var(--aho-text);
    font-size: .86rem;
    font-weight: 750;
}

.aho-period-mode {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aho-period-mode legend {
    grid-column: 1 / -1;
}

.aho-period-mode label {
    position: relative;
}

.aho-period-mode input {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
}

.aho-period-mode span {
    min-height: 44px;
    display: grid;
    place-items: center;
    padding: 7px 10px;
    border: 1px solid var(--aho-border-strong);
    color: var(--aho-text-secondary);
    background: var(--aho-bg-surface);
    cursor: pointer;
    font-size: .84rem;
    font-weight: 700;
}

.aho-period-mode label:first-of-type span {
    border-radius: 10px 0 0 10px;
}

.aho-period-mode label:last-of-type span {
    border-radius: 0 10px 10px 0;
}

.aho-period-mode input:checked + span {
    position: relative;
    z-index: 1;
    border-color: var(--aho-accent);
    color: var(--aho-accent-hover);
    background: var(--aho-accent-wash);
}

.aho-period-mode input:focus-visible + span {
    position: relative;
    z-index: 2;
    box-shadow: var(--aho-focus);
}

.aho-report-sources {
    overflow: clip;
    border: 1px solid var(--aho-border);
    border-radius: 16px;
    background: var(--aho-bg-surface);
    box-shadow: var(--aho-shadow-card);
}

.aho-report-sources.has-period-change {
    border-color: rgba(168, 93, 0, .42);
}

.aho-report-sources > summary {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-4);
    padding: 16px clamp(18px, 2vw, 28px);
    color: var(--aho-text);
    background: linear-gradient(135deg, var(--aho-bg-surface) 0%, var(--aho-accent-wash) 100%);
    cursor: pointer;
}

.aho-report-sources > summary::marker {
    color: var(--aho-accent);
}

.aho-report-sources > summary > span:first-child {
    display: grid;
    gap: 3px;
}

.aho-report-sources > summary small {
    color: var(--aho-accent-hover);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.aho-report-sources > summary strong {
    font-size: 1.08rem;
}

.aho-report-sources__period,
.aho-status-chip {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid rgba(227, 59, 130, .22);
    border-radius: 999px;
    color: var(--aho-accent-hover);
    background: var(--aho-bg-surface);
    font-size: .76rem;
    font-weight: 750;
}

.aho-report-sources__body {
    display: grid;
    gap: var(--aho-space-5);
    padding: clamp(18px, 2vw, 28px);
    border-top: 1px solid var(--aho-divider);
}

.aho-report-sources__intro,
.aho-report-sources__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-4);
}

.aho-report-sources__intro h3,
.aho-report-sources__intro p,
.aho-report-sources__footer p {
    margin: 0 !important;
}

.aho-report-sources__intro h3 {
    color: var(--aho-text) !important;
    font-size: 1.02rem !important;
}

.aho-report-sources__intro p {
    max-width: 88ch;
    margin-top: 4px !important;
    color: var(--aho-text-secondary) !important;
    font-size: .88rem;
    line-height: 1.5;
}

.aho-report-sources__groups {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: var(--aho-space-4);
}

.aho-source-group {
    min-width: 0;
    margin: 0;
    padding: var(--aho-space-4);
    border: 1px solid var(--aho-border);
    border-radius: 13px;
    background: var(--aho-bg-surface-soft);
}

.aho-source-group legend {
    padding: 0 6px;
    color: var(--aho-text);
    font-size: .88rem;
    font-weight: 800;
}

.aho-source-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--aho-space-3);
}

.aho-source-grid--structure {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aho-source-grid .aho-field {
    min-width: 0;
}

.aho-source-grid input[readonly] {
    color: var(--aho-text-secondary) !important;
    background: var(--aho-bg-surface-hover) !important;
    cursor: not-allowed;
}

.aho-report-sources__footer {
    padding-top: var(--aho-space-4);
    border-top: 1px solid var(--aho-divider);
}

.aho-report-sources__footer > p {
    color: var(--aho-text-secondary) !important;
    font-size: .84rem;
}

.aho-source-period-warning {
    max-width: 78ch;
    color: var(--aho-warning) !important;
    font-weight: 700;
}

.aho-report-sources.has-period-change > summary {
    background: var(--aho-warning-soft);
}

.aho-report-quality {
    width: 100%;
    overflow: clip;
    border: 1px solid rgba(168, 93, 0, .26);
    border-radius: 14px;
    background: var(--aho-warning-soft);
}

.aho-report-quality summary {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    color: var(--aho-warning);
    cursor: pointer;
}

.aho-report-quality summary strong {
    margin-left: auto;
}

.aho-report-quality ul {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0 22px 16px 42px;
    color: var(--aho-text-secondary);
    font-size: .9rem;
}

.aho-report-preview {
    display: grid;
    gap: 30px;
    justify-items: stretch;
}

.aho-report-sheet {
    width: 100%;
    max-width: 1180px;
    min-height: 1120px;
    justify-self: center;
    position: relative;
    overflow: hidden;
    padding: clamp(38px, 5vw, 72px) clamp(34px, 6vw, 82px) 70px;
    border: 1px solid #d5d0d8;
    border-radius: 3px;
    color: #000;
    background: #fff;
    box-shadow: 0 18px 48px rgba(49, 46, 81, .12);
    font-family: Arial, Helvetica, sans-serif;
}

.aho-report-sheet::after {
    content: "A4 · Seite " attr(aria-label);
    position: absolute;
    right: 14px;
    bottom: 12px;
    color: #9a929d;
    font-size: .68rem;
}

.aho-paper-header {
    min-height: 38px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 10px;
    border-bottom: 2px solid #312e51;
    color: #312e51;
    font-size: .82rem;
}

.aho-paper-header > strong {
    font-size: 1.23rem;
}

.aho-paper-header--page-2 {
    justify-content: flex-end;
    margin-bottom: 38px;
}

.aho-paper-header b {
    font-weight: inherit;
}

.aho-paper-meta {
    display: grid;
    gap: 7px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid #938497;
    font-size: .88rem;
}

.aho-paper-meta > div {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 10px;
}

.aho-paper-meta b {
    color: #312e51;
}

.aho-report-sheet h2 {
    margin: 28px 0 12px !important;
    color: #312e51 !important;
    font-size: 1.18rem !important;
    font-weight: 750 !important;
}

.aho-report-sheet h3 {
    margin: 13px 0 9px !important;
    color: #60516e !important;
    font-size: .94rem !important;
    font-weight: 750 !important;
}

.aho-report-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: #111;
    background: #fff;
    font-size: .86rem;
}

.aho-report-table th,
.aho-report-table td {
    height: 42px;
    padding: 7px 10px;
    border: 1px solid #938497;
    vertical-align: middle;
    text-align: left;
}

.aho-report-table th {
    color: #312e51;
    background: #e1dde3;
    font-weight: 750;
}

.aho-report-table th:last-child,
.aho-report-table td:last-child {
    width: 170px;
}

.aho-report-table--events th:nth-child(1),
.aho-report-table--events td:nth-child(1) {
    width: 58%;
}

.aho-report-table--events th:nth-child(2),
.aho-report-table--events td:nth-child(2),
.aho-report-table--events th:nth-child(3),
.aho-report-table--events td:nth-child(3) {
    width: 21%;
}

.aho-report-table tr.is-total td {
    background: #f4f1f4;
    font-weight: 750;
}

.aho-report-value {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
}

html body .app-shell .aho-report-sheet .aho-report-value > input[type="text"] {
    width: 100% !important;
    min-height: 32px !important;
    padding: 4px 6px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    color: #111 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .9rem !important;
    font-weight: 750 !important;
    text-align: right;
}

html body .app-shell .aho-report-sheet .aho-report-value > input[type="text"]:hover {
    border-color: #c8c0cb !important;
    background: #faf8fa !important;
}

html body .app-shell .aho-report-sheet .aho-report-value > input[type="text"]:focus {
    border-color: #e33b82 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(227, 59, 130, .18) !important;
}

.aho-report-value__meta {
    grid-column: 1 / -1;
    justify-self: end;
    color: #716977;
    font-size: .61rem;
    font-style: italic;
    line-height: 1;
}

.aho-report-value.is-manual .aho-report-value__meta {
    color: #a91555;
    font-weight: 750;
}

.aho-report-reset {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid #d1cbd4;
    border-radius: 5px;
    color: #60516e;
    background: #fff;
    cursor: pointer;
}

.aho-report-reset:hover,
.aho-report-reset:focus-visible {
    border-color: #c91f68;
    color: #c91f68;
}

.aho-report-reset:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(227, 59, 130, .18);
}

.aho-paper-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #938497;
    border-left: 1px solid #938497;
}

.aho-paper-check-grid > div {
    min-width: 0;
}

.aho-report-check {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 9px;
    border-right: 1px solid #938497;
    border-bottom: 1px solid #938497;
    cursor: pointer;
    font-size: .82rem;
}

.aho-report-check input[type="checkbox"] {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
}

.aho-report-check > span {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    display: grid;
    place-items: center;
    border: 1px solid #60516e;
    color: #312e51;
    background: #fff;
    font-size: .85rem;
    font-weight: 900;
}

.aho-report-check input[type="checkbox"]:checked + span::after {
    content: "×";
    font-size: 1rem;
    line-height: 1;
}

.aho-report-check input[type="checkbox"]:focus-visible + span {
    box-shadow: 0 0 0 3px rgba(227, 59, 130, .22);
}

.aho-report-check b {
    min-width: 0;
    font-weight: 500;
}

.aho-report-check--custom {
    display: grid;
    grid-template-columns: 17px minmax(0, 1fr);
}

html body .app-shell .aho-report-sheet .aho-report-check--custom input[type="text"],
html body .app-shell .aho-report-sheet .aho-paper-inline-input,
html body .app-shell .aho-report-sheet .aho-custom-row-label input {
    width: 100% !important;
    min-height: 30px !important;
    padding: 3px 5px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    color: #111 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .82rem !important;
}

html body .app-shell .aho-report-sheet :where(.aho-report-check--custom input[type="text"], .aho-paper-inline-input, .aho-custom-row-label input):hover {
    border-color: #c8c0cb !important;
}

html body .app-shell .aho-report-sheet :where(.aho-report-check--custom input[type="text"], .aho-paper-inline-input, .aho-custom-row-label input):focus {
    border-color: #e33b82 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(227, 59, 130, .16) !important;
}

.aho-paper-subheading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
}

.aho-paper-subheading h3 {
    color: #312e51 !important;
}

.aho-paper-subheading em,
.aho-paper-note,
.aho-paper-footnote {
    color: #6f6874;
    font-size: .72rem;
    font-style: italic;
}

.aho-paper-note {
    margin: 7px 0 20px !important;
    line-height: 1.42;
}

.aho-paper-footnote {
    position: absolute;
    left: clamp(34px, 6vw, 82px);
    bottom: 38px;
}

.aho-custom-row-label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
}

.aho-instagram-label {
    margin-bottom: 7px;
    font-weight: 650;
}

.aho-instagram-parts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.aho-instagram-parts > label {
    display: grid;
    gap: 3px;
    color: #60516e;
    font-size: .67rem;
    font-weight: 700;
}

.aho-instagram-parts .aho-report-value__meta,
.aho-instagram-parts .aho-report-reset {
    display: none !important;
}

@media (max-width: 1180px) {
    .aho-report-toolbar__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .aho-report-sheet {
        min-height: 1050px;
    }

    .aho-report-sources__groups {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .aho-report-toolbar__topline {
        align-items: stretch;
        flex-direction: column;
    }

    .aho-report-toolbar__actions {
        justify-content: flex-start;
    }

    .aho-report-toolbar__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aho-period-mode,
    .aho-toolbar-wide {
        grid-column: 1 / -1;
    }

    .aho-report-sheet {
        min-height: 0;
        overflow-x: auto;
        padding: 30px 24px 60px;
    }

    .aho-paper-header,
    .aho-paper-subheading {
        align-items: flex-start;
        flex-direction: column;
    }

    .aho-paper-meta > div {
        grid-template-columns: 88px minmax(0, 1fr);
    }

    .aho-report-table {
        min-width: 650px;
    }

    .aho-paper-check-grid {
        grid-template-columns: 1fr;
    }

    .aho-report-check {
        border-right: 1px solid #938497;
    }

    .aho-paper-footnote {
        position: static;
        margin-top: 18px;
    }

    .aho-source-grid--structure {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aho-report-sources__intro,
    .aho-report-sources__footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .aho-report-toolbar__grid {
        grid-template-columns: 1fr;
    }

    .aho-report-toolbar__actions,
    .aho-report-toolbar__actions .button,
    .aho-period-mode,
    .aho-toolbar-wide {
        width: 100%;
        grid-column: auto;
    }

    .aho-report-toolbar__actions {
        display: grid;
    }

    .aho-period-mode {
        grid-template-columns: 1fr;
    }

    .aho-period-mode label:first-of-type span,
    .aho-period-mode label:last-of-type span,
    .aho-period-mode span {
        border-radius: 8px;
    }

    .aho-instagram-parts {
        grid-template-columns: 1fr;
    }

    .aho-report-sources > summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .aho-source-grid,
    .aho-source-grid--structure {
        grid-template-columns: 1fr;
    }

    .aho-report-sources__footer .button {
        width: 100%;
    }
}

/* ========================================================================== */
/* Techburg Premium Module Workspace · Version 1.0.19                        */
/* Visual direction: 1.0.17 refined with the supplied 2026 reference.        */
/* ========================================================================== */

:root {
    --aho-sidebar-width: 252px;
    --aho-sidebar-collapsed: 72px;
    --aho-icon-stroke: 1.8;
}

html body .brand__mark svg {
    width: 25px !important;
    height: 25px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: var(--aho-icon-stroke) !important;
}

html body .nav-item__icon {
    width: 23px !important;
    height: 23px !important;
    display: grid;
    place-items: center;
}

html body .nav-item__icon svg {
    width: 21px !important;
    height: 21px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: var(--aho-icon-stroke) !important;
}

html body :is(.icon-button, .topbar-search, .aho-theme-switcher button, .user-menu) svg {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--aho-icon-stroke);
}

html body .nav-item {
    min-height: 46px;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
}

html body .nav-item:hover {
    border-color: rgba(145, 167, 190, .14) !important;
    background: linear-gradient(90deg, rgba(135, 155, 178, .11), rgba(135, 155, 178, .035)) !important;
}

html body .nav-item.is-active,
html body .nav-item[aria-current="page"] {
    border-color: rgba(135, 146, 255, .27) !important;
    background: linear-gradient(100deg, rgba(103, 116, 239, .30), rgba(103, 116, 239, .09)) !important;
    box-shadow: inset 3px 0 0 #8792ff, 0 7px 18px rgba(0, 0, 0, .12) !important;
}

html body .nav-item.is-active .nav-item__icon,
html body .nav-item[aria-current="page"] .nav-item__icon {
    filter: drop-shadow(0 0 7px currentColor);
}

html body.page-entry {
    --entry-accent: #087d72;
    --entry-accent-rgb: 8, 125, 114;
    --entry-accent-strong: #06685f;
    --entry-canvas: #edf6f6;
    --entry-shell: rgba(255, 255, 255, .82);
    --entry-shell-strong: #ffffff;
    --entry-card: rgba(255, 255, 255, .92);
    --entry-card-muted: rgba(246, 249, 251, .92);
    --entry-line: rgba(66, 82, 99, .19);
    --entry-line-strong: rgba(var(--entry-accent-rgb), .42);
    --entry-glow: rgba(var(--entry-accent-rgb), .16);
    --entry-text: #101827;
    --entry-text-secondary: #435166;
    --entry-text-muted: #6c7889;
    --entry-button-ink: #ffffff;
    --aho-accent: var(--entry-accent);
    --aho-accent-hover: var(--entry-accent-strong);
    --aho-accent-ink: var(--entry-button-ink);
}

html body.page-entry--social-work {
    --entry-accent: #087d72;
    --entry-accent-rgb: 8, 125, 114;
    --entry-accent-strong: #06685f;
    --entry-canvas: #edf7f6;
}

html body.page-entry--events {
    --entry-accent: #6548c7;
    --entry-accent-rgb: 101, 72, 199;
    --entry-accent-strong: #5537b8;
    --entry-canvas: #f2effa;
}

html body.page-entry--needle-exchange {
    --entry-accent: #2466c8;
    --entry-accent-rgb: 36, 102, 200;
    --entry-accent-strong: #1856ae;
    --entry-canvas: #edf4fc;
}

html body.page-entry--inventory {
    --entry-accent: #985b08;
    --entry-accent-rgb: 152, 91, 8;
    --entry-accent-strong: #7c4905;
    --entry-canvas: #f8f3ea;
}

:root[data-theme="dark"] body.page-entry {
    --entry-canvas: #07131c;
    --entry-shell: rgba(5, 14, 22, .88);
    --entry-shell-strong: #091620;
    --entry-card: rgba(10, 24, 34, .91);
    --entry-card-muted: rgba(13, 29, 40, .86);
    --entry-line: rgba(151, 174, 196, .20);
    --entry-line-strong: rgba(var(--entry-accent-rgb), .54);
    --entry-glow: rgba(var(--entry-accent-rgb), .26);
    --entry-text: #f5f8fb;
    --entry-text-secondary: #cbd5df;
    --entry-text-muted: #94a4b5;
    --entry-button-ink: #061015;
    --aho-text: var(--entry-text);
    --aho-text-secondary: var(--entry-text-secondary);
    --aho-text-muted: var(--entry-text-muted);
    --aho-bg-surface: #0d1a24;
    --aho-bg-surface-raised: #101f2b;
    --aho-bg-surface-soft: #0b1822;
    --aho-bg-surface-hover: #142634;
    --aho-border: rgba(151, 174, 196, .18);
    --aho-border-strong: rgba(151, 174, 196, .30);
    --aho-divider: rgba(151, 174, 196, .14);
    --aho-accent-ink: var(--entry-button-ink);
}

:root[data-theme="dark"] body.page-entry--social-work {
    --entry-accent: #27d3c1;
    --entry-accent-rgb: 39, 211, 193;
    --entry-accent-strong: #5ae4d6;
    --entry-canvas: #03171d;
}

:root[data-theme="dark"] body.page-entry--events {
    --entry-accent: #aa65ff;
    --entry-accent-rgb: 170, 101, 255;
    --entry-accent-strong: #c08fff;
    --entry-canvas: #100a22;
}

:root[data-theme="dark"] body.page-entry--needle-exchange {
    --entry-accent: #4c91ff;
    --entry-accent-rgb: 76, 145, 255;
    --entry-accent-strong: #76abff;
    --entry-canvas: #061426;
}

:root[data-theme="dark"] body.page-entry--inventory {
    --entry-accent: #f18a2b;
    --entry-accent-rgb: 241, 138, 43;
    --entry-accent-strong: #ffab5e;
    --entry-canvas: #1a1107;
}

html body.page-entry .brand__mark {
    border-color: rgba(var(--entry-accent-rgb), .46) !important;
    color: var(--entry-accent) !important;
    background: linear-gradient(145deg, rgba(var(--entry-accent-rgb), .22), rgba(var(--entry-accent-rgb), .06)) !important;
    box-shadow: 0 8px 22px rgba(var(--entry-accent-rgb), .18), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

html body.page-entry .brand__mark svg {
    filter: drop-shadow(0 0 7px rgba(var(--entry-accent-rgb), .62));
}

html body.page-entry .content {
    min-height: calc(100dvh - 64px);
    padding: 18px 20px 110px !important;
    background:
        radial-gradient(circle at 12% -6%, rgba(var(--entry-accent-rgb), .22), transparent 34rem),
        radial-gradient(circle at 96% 104%, rgba(var(--entry-accent-rgb), .12), transparent 32rem),
        var(--entry-canvas) !important;
}

html body.page-entry .content::before {
    position: fixed;
    z-index: 0;
    inset: 64px 0 auto var(--aho-sidebar-width);
    height: 3px;
    background: linear-gradient(90deg, var(--entry-accent), rgba(var(--entry-accent-rgb), .32), transparent 72%);
    box-shadow: 0 0 18px rgba(var(--entry-accent-rgb), .38);
}

html body.page-entry .content::after {
    content: "";
    position: fixed;
    z-index: 0;
    right: 0;
    bottom: 0;
    width: min(42vw, 620px);
    height: min(46vh, 520px);
    background-image: radial-gradient(rgba(var(--entry-accent-rgb), .30) .8px, transparent .8px);
    background-size: 9px 9px;
    -webkit-mask-image: linear-gradient(135deg, transparent 18%, #000 100%);
    mask-image: linear-gradient(135deg, transparent 18%, #000 100%);
    opacity: .34;
    pointer-events: none;
}

body.sidebar-collapsed.page-entry .content::before {
    left: var(--aho-sidebar-collapsed);
}

html body.page-entry .aho-entry-workspace {
    position: relative;
    z-index: 1;
    padding: 0 !important;
}

html body.page-entry .aho-entry-form {
    position: relative;
    display: grid;
    gap: 0 !important;
    padding: 0 18px 96px;
    overflow: visible;
    border: 1px solid var(--entry-line);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(var(--entry-accent-rgb), .065), transparent 28rem),
        var(--entry-shell);
    box-shadow:
        0 24px 60px rgba(3, 8, 15, .16),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px) saturate(125%);
}

:root[data-theme="dark"] body.page-entry .aho-entry-form {
    box-shadow:
        0 28px 72px rgba(0, 0, 0, .42),
        0 0 0 1px rgba(var(--entry-accent-rgb), .06),
        inset 0 1px 0 rgba(255, 255, 255, .045);
}

.aho-entry-command-header {
    min-height: 112px;
    gap: 15px;
    margin-inline: -18px;
    padding: 20px 24px 18px;
    border-bottom: 1px solid var(--entry-line);
    border-radius: 22px 22px 0 0;
    background: linear-gradient(100deg, rgba(var(--entry-accent-rgb), .13), rgba(var(--entry-accent-rgb), .025) 44%, transparent);
}

.aho-entry-command-header__icon {
    width: 52px;
    height: 52px;
    border-color: rgba(var(--entry-accent-rgb), .48);
    border-radius: 14px;
    color: var(--entry-accent);
    background: linear-gradient(145deg, rgba(var(--entry-accent-rgb), .22), rgba(var(--entry-accent-rgb), .07));
    box-shadow: 0 10px 28px var(--entry-glow), inset 0 1px 0 rgba(255, 255, 255, .14);
}

.aho-entry-command-header__icon svg {
    width: 28px;
    height: 28px;
}

.aho-entry-command-header h1 {
    color: var(--entry-text) !important;
    font-size: clamp(1.7rem, 1.45rem + .7vw, 2.2rem) !important;
    font-weight: 820;
    letter-spacing: -.035em;
}

.aho-entry-command-header p {
    color: var(--entry-text-muted);
}

.aho-entry-command-header__eyebrow {
    color: var(--entry-accent);
}

.aho-entry-online {
    border-color: var(--entry-line);
    border-radius: 999px;
    color: var(--entry-text-secondary);
    background: rgba(3, 10, 17, .10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .aho-entry-online {
    background: rgba(1, 7, 12, .38);
}

.aho-entry-layout {
    grid-template-columns: minmax(0, 1fr) minmax(286px, 320px);
    gap: 18px;
    padding-top: 18px;
}

.aho-entry-steps {
    margin-bottom: 14px;
    border-color: var(--entry-line);
    border-radius: 13px;
    background: var(--entry-card);
    box-shadow: 0 8px 24px rgba(3, 8, 15, .08), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.aho-entry-steps button {
    min-height: 68px;
    border-right-color: var(--entry-line);
    color: var(--entry-text-muted);
}

.aho-entry-steps button > span:first-child {
    border-color: var(--entry-line);
    color: var(--entry-text-secondary);
    background: var(--entry-card-muted);
}

.aho-entry-steps button strong {
    font-size: .8rem;
}

.aho-entry-steps button[aria-current="step"] {
    color: var(--entry-text);
    background: linear-gradient(180deg, rgba(var(--entry-accent-rgb), .17), rgba(var(--entry-accent-rgb), .07));
}

.aho-entry-steps button[aria-current="step"]::after {
    height: 3px;
    background: var(--entry-accent);
    box-shadow: 0 0 12px var(--entry-accent);
}

.aho-entry-steps button[aria-current="step"] > span:first-child {
    border-color: var(--entry-accent);
    color: var(--entry-button-ink) !important;
    background: var(--entry-accent);
    box-shadow: 0 0 18px var(--entry-glow);
}

html body .aho-entry-form .aho-form-section {
    margin-bottom: 14px !important;
    padding: 19px !important;
    border-color: var(--entry-line) !important;
    border-radius: 15px !important;
    background:
        linear-gradient(140deg, rgba(var(--entry-accent-rgb), .038), transparent 44%),
        var(--entry-card) !important;
    box-shadow: 0 10px 28px rgba(3, 8, 15, .075), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html body .aho-entry-form .aho-form-section::before {
    inset: 12px auto 12px 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(180deg, transparent, var(--entry-accent), transparent);
    box-shadow: 0 0 12px var(--entry-glow);
}

.aho-form-section__header {
    min-height: 46px;
    gap: 12px;
    margin-bottom: 17px !important;
    padding-bottom: 13px;
    border-bottom-color: var(--entry-line);
}

.aho-form-section__header h2 {
    color: var(--entry-text) !important;
    font-size: 1.02rem !important;
    font-weight: 780;
}

.aho-section-number {
    position: relative;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-color: rgba(var(--entry-accent-rgb), .42) !important;
    border-radius: 12px !important;
    color: var(--entry-accent) !important;
    background: linear-gradient(145deg, rgba(var(--entry-accent-rgb), .18), rgba(var(--entry-accent-rgb), .055)) !important;
    box-shadow: 0 8px 20px rgba(var(--entry-accent-rgb), .10);
}

.aho-section-number svg {
    width: 21px;
    height: 21px;
}

.aho-section-number b {
    position: absolute;
    right: -5px;
    bottom: -5px;
    min-width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border: 2px solid var(--entry-card);
    border-radius: 999px;
    color: var(--entry-button-ink);
    background: var(--entry-accent);
    font-size: .53rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .18);
}

.aho-entry-form .aho-field > span:first-child,
.aho-entry-form .aho-field > label,
.aho-entry-form .aho-fieldset > legend {
    color: var(--entry-text-secondary) !important;
    font-size: .78rem !important;
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: 46px !important;
    border-color: var(--entry-line) !important;
    border-radius: 10px !important;
    color: var(--entry-text) !important;
    background: var(--entry-card-muted) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .06) !important;
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover {
    border-color: rgba(var(--entry-accent-rgb), .44) !important;
}

html body .app-shell .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    border-color: var(--entry-accent) !important;
    background: var(--entry-shell-strong) !important;
    box-shadow: 0 0 0 3px rgba(var(--entry-accent-rgb), .20), 0 0 18px rgba(var(--entry-accent-rgb), .10) !important;
}

.aho-choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(146px, 1fr)) !important;
    gap: 9px !important;
}

html body .app-shell .aho-entry-form label.choice {
    position: relative;
    min-height: 54px !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-color: var(--entry-line) !important;
    border-radius: 11px !important;
    color: var(--entry-text-secondary) !important;
    background: linear-gradient(180deg, var(--entry-card-muted), color-mix(in srgb, var(--entry-card-muted) 82%, transparent)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html body .app-shell .aho-entry-form label.choice:hover {
    border-color: rgba(var(--entry-accent-rgb), .58) !important;
    color: var(--entry-text) !important;
    background: linear-gradient(145deg, rgba(var(--entry-accent-rgb), .14), rgba(var(--entry-accent-rgb), .055)) !important;
    box-shadow: 0 8px 20px rgba(var(--entry-accent-rgb), .10), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    transform: translateY(-1px) !important;
}

html body .app-shell .aho-entry-form label.choice.is-selected,
html body .app-shell .aho-entry-form label.choice:has(input:checked) {
    border-color: var(--entry-accent) !important;
    color: var(--entry-text) !important;
    background: linear-gradient(135deg, rgba(var(--entry-accent-rgb), .31), rgba(var(--entry-accent-rgb), .13)) !important;
    box-shadow: 0 0 0 1px rgba(var(--entry-accent-rgb), .16), 0 10px 26px var(--entry-glow), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.aho-entry-form label.choice.choice--with-icon {
    min-height: 60px !important;
    padding-right: 38px !important;
}

.aho-entry-form .choice--with-icon .choice__indicator {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 16px !important;
    height: 16px !important;
    opacity: .78;
}

.aho-entry-form .choice__icon {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: grid;
    place-items: center;
    color: var(--entry-accent);
}

.aho-entry-form .choice__icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: var(--aho-icon-stroke);
}

.aho-entry-form .choice:has(input:checked) .choice__icon {
    filter: drop-shadow(0 0 7px rgba(var(--entry-accent-rgb), .56));
}

.aho-entry-form .choice__label {
    color: inherit;
    font-size: .82rem !important;
    font-weight: 730 !important;
}

.aho-toggle-card {
    border-color: var(--entry-line) !important;
    border-radius: 12px !important;
    color: var(--entry-text-secondary);
    background: var(--entry-card-muted) !important;
}

.aho-toggle-card:hover,
.aho-toggle-card:has(input:checked) {
    border-color: rgba(var(--entry-accent-rgb), .56) !important;
    background: linear-gradient(145deg, rgba(var(--entry-accent-rgb), .18), rgba(var(--entry-accent-rgb), .06)) !important;
}

.aho-number-stepper {
    min-height: 52px;
    grid-template-columns: 50px minmax(72px, 1fr) 50px;
    border-color: var(--entry-line) !important;
    border-radius: 12px !important;
    background: var(--entry-card-muted) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07), 0 5px 14px rgba(3, 8, 15, .04) !important;
}

.aho-number-stepper button {
    width: 50px !important;
    min-width: 50px;
    min-height: 50px;
    color: var(--entry-accent) !important;
    background: rgba(var(--entry-accent-rgb), .045) !important;
    font-size: 1.35rem !important;
}

.aho-number-stepper button:hover {
    color: var(--entry-button-ink) !important;
    background: var(--entry-accent) !important;
    box-shadow: 0 0 20px var(--entry-glow);
}

html body .app-shell .aho-entry-form .aho-number-stepper input {
    min-height: 50px !important;
    color: var(--entry-text) !important;
    font-size: 1.28rem !important;
    font-weight: 860 !important;
    font-variant-numeric: tabular-nums;
}

.aho-number-presets button {
    border-color: var(--entry-line) !important;
    color: var(--entry-text-muted) !important;
    background: var(--entry-card-muted) !important;
}

.aho-number-presets button:hover,
.aho-number-presets button.is-active,
.aho-number-presets button[aria-pressed="true"] {
    border-color: var(--entry-accent) !important;
    color: var(--entry-accent) !important;
    background: rgba(var(--entry-accent-rgb), .13) !important;
}

.aho-conditional-panel,
.aho-team-options,
.aho-subsection-grid {
    border-color: var(--entry-line) !important;
    border-radius: 12px !important;
    background: var(--entry-card-muted) !important;
}

.aho-entry-assistant {
    top: 82px;
    gap: 11px;
    padding: 14px;
    border-color: var(--entry-line);
    border-radius: 15px;
    color: var(--entry-text-secondary);
    background:
        radial-gradient(circle at 100% 0, rgba(var(--entry-accent-rgb), .14), transparent 15rem),
        var(--entry-card);
    box-shadow: 0 14px 36px rgba(3, 8, 15, .12), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.aho-entry-assistant__head,
.aho-assistant-panel {
    border-color: var(--entry-line);
}

.aho-entry-assistant__spark {
    width: 38px;
    height: 38px;
    border-color: rgba(var(--entry-accent-rgb), .46);
    border-radius: 11px;
    color: var(--entry-accent);
    background: rgba(var(--entry-accent-rgb), .15);
    box-shadow: 0 7px 18px rgba(var(--entry-accent-rgb), .12);
}

.aho-entry-assistant__spark svg {
    width: 20px;
    height: 20px;
}

.aho-assistant-panel {
    border-radius: 11px;
    background: var(--entry-card-muted);
}

.aho-assistant-panel h2,
.aho-entry-assistant__head strong,
.aho-assistant-panel li,
.aho-assistant-hints p,
.aho-autosave-state {
    color: var(--entry-text-secondary) !important;
}

.aho-assistant-next {
    min-height: 52px;
    border-color: rgba(var(--entry-accent-rgb), .48);
    border-radius: 11px;
    color: var(--entry-text);
    background: linear-gradient(135deg, rgba(var(--entry-accent-rgb), .21), rgba(var(--entry-accent-rgb), .08));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.aho-assistant-next:hover {
    border-color: var(--entry-accent);
    box-shadow: 0 9px 24px var(--entry-glow), inset 0 1px 0 rgba(255, 255, 255, .09);
}

.aho-assistant-next > span:last-child,
.aho-assistant-next > span:last-child svg {
    width: 22px;
    height: 22px;
}

.aho-entry-review__list article {
    border-color: var(--entry-line);
    border-radius: 10px;
    background: var(--entry-card-muted);
}

.aho-entry-actionbar {
    right: 18px;
    bottom: 14px;
    left: calc(var(--aho-sidebar-width) + 18px);
    min-height: 72px;
    padding: 10px 12px 10px 16px;
    border: 1px solid var(--entry-line);
    border-radius: 15px;
    color: var(--entry-text-secondary);
    background:
        linear-gradient(100deg, rgba(var(--entry-accent-rgb), .10), transparent 38%),
        color-mix(in srgb, var(--entry-shell-strong) 92%, transparent);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .07);
    backdrop-filter: blur(22px) saturate(145%);
}

body.sidebar-collapsed .aho-entry-actionbar {
    left: calc(var(--aho-sidebar-collapsed) + 18px);
}

.aho-entry-actionbar__state {
    color: var(--entry-text-muted);
}

.aho-entry-actionbar__state i {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--aho-success) 55%, transparent);
    border-radius: 50%;
    color: var(--aho-success);
    background: var(--aho-success-soft);
    box-shadow: none;
}

.aho-entry-actionbar__state i svg {
    width: 20px;
    height: 20px;
}

.aho-entry-actionbar__buttons .button {
    gap: 8px;
    border-radius: 10px !important;
}

.aho-entry-actionbar__buttons .button svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

html body.page-entry .button--primary {
    border-color: var(--entry-accent) !important;
    color: var(--entry-button-ink) !important;
    background: linear-gradient(135deg, var(--entry-accent-strong), var(--entry-accent)) !important;
    box-shadow: 0 10px 24px var(--entry-glow), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html body.page-entry .button--primary:hover {
    filter: brightness(1.07);
    transform: translateY(-1px);
}

.aho-save-confirmation__icon svg {
    width: 30px;
    height: 30px;
}

body.page-entry .nav-item.is-active,
body.page-entry .nav-item[aria-current="page"] {
    border-color: rgba(var(--entry-accent-rgb), .44) !important;
    color: #ffffff !important;
    background: linear-gradient(100deg, rgba(var(--entry-accent-rgb), .58), rgba(var(--entry-accent-rgb), .17)) !important;
    box-shadow: inset 3px 0 0 var(--entry-accent), 0 9px 24px rgba(var(--entry-accent-rgb), .18) !important;
}

body.page-entry .nav-item.is-active .nav-item__icon,
body.page-entry .nav-item[aria-current="page"] .nav-item__icon {
    color: var(--entry-accent) !important;
}

@media (max-width: 1220px) {
    .aho-entry-layout {
        grid-template-columns: minmax(0, 1fr) 282px;
    }
}

@media (max-width: 1040px) {
    .aho-entry-layout {
        grid-template-columns: 1fr;
    }

    .aho-entry-assistant {
        position: static;
    }
}

@media (max-width: 900px) {
    html body.page-entry .content {
        padding: 12px 12px 112px !important;
    }

    html body.page-entry .content::before {
        left: 0;
    }

    html body.page-entry .aho-entry-form {
        padding-inline: 14px;
        border-radius: 18px;
    }

    .aho-entry-command-header {
        margin-inline: -14px;
        border-radius: 18px 18px 0 0;
    }

    .aho-entry-actionbar,
    body.sidebar-collapsed .aho-entry-actionbar {
        right: 10px;
        bottom: 10px;
        left: 10px;
    }
}

@media (max-width: 680px) {
    html body.page-entry .content {
        padding-bottom: 230px !important;
    }

    html body.page-entry .aho-entry-form {
        padding: 0 10px 190px;
        border-radius: 15px;
    }

    .aho-entry-command-header {
        margin-inline: -10px;
        padding: 15px;
        border-radius: 15px 15px 0 0;
    }

    .aho-entry-command-header__icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .aho-entry-command-header__icon svg {
        width: 24px;
        height: 24px;
    }

    html body .aho-entry-form .aho-form-section {
        padding: 15px !important;
        border-radius: 13px !important;
    }

    .aho-section-number {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aho-entry-form label.choice.choice--with-icon {
        min-height: 62px !important;
    }

    .aho-entry-actionbar {
        padding: 9px;
        border-radius: 13px;
    }

    .aho-entry-actionbar__state i {
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 420px) {
    html body.page-entry .content {
        padding-inline: 6px !important;
    }

    .aho-choice-grid {
        grid-template-columns: 1fr !important;
    }

    .aho-fieldset--quick .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aho-entry-command-header h1 {
        font-size: 1.35rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@media print {
    :root {
        color-scheme: light;
    }

    body {
        color: #172033 !important;
        background: #fff !important;
    }

    .sidebar,
    .topbar,
    .sidebar-overlay,
    .app-footer,
    .page-header__actions,
    .aho-hero-actions,
    .aho-filter-panel,
    .aho-chart-export,
    .aho-entry-actionbar,
    .aho-entry-assistant,
    .aho-entry-steps,
    .button {
        display: none !important;
    }

    .app-shell {
        display: block !important;
    }

    .content {
        max-width: none;
        padding: 0 !important;
    }

    .card,
    .kpi-card,
    .aho-summary-card {
        break-inside: avoid;
        border-color: #dfe4ec !important;
        color: #172033 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
}

/* ========================================================================== */
/* 1.0.20 final screen cascade                                                */
/* Keeps the single-page command surface authoritative after legacy layers.   */
/* ========================================================================== */

@media screen {
    :root {
        --aho-sidebar-width: 246px;
        --aho-sidebar-collapsed: 76px;
    }

    :root[data-theme="light"] body .sidebar,
    :root[data-theme="light"] body .sidebar__brand,
    :root[data-theme="light"] body .sidebar__footer {
        border-color: #dfe7f0 !important;
        color: #1d2b3f !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(247, 250, 254, .99)) !important;
    }

    :root[data-theme="light"] body .sidebar {
        box-shadow: 12px 0 36px rgba(42, 64, 92, .075) !important;
    }

    :root[data-theme="light"] body .nav-item {
        color: #43536a !important;
    }

    :root[data-theme="light"] body .nav-item:hover {
        border-color: #dbe5f0 !important;
        color: #17253a !important;
        background: linear-gradient(90deg, #edf3fa, #f7faff) !important;
    }

    :root[data-theme="light"] body .nav-item.is-active,
    :root[data-theme="light"] body .nav-item[aria-current="page"] {
        border-color: rgba(83, 99, 232, .23) !important;
        color: #26378d !important;
        background: linear-gradient(100deg, rgba(83, 99, 232, .15), rgba(83, 99, 232, .045)) !important;
        box-shadow: inset 3px 0 0 #5363e8, 0 8px 22px rgba(55, 71, 168, .08) !important;
    }

    :root[data-theme="dark"] body .sidebar,
    :root[data-theme="dark"] body .sidebar__brand,
    :root[data-theme="dark"] body .sidebar__footer {
        border-color: #2b3a4d !important;
        background: #172333 !important;
    }

    :root[data-theme="dark"] body.page-entry {
        --entry-shell: rgba(23, 34, 47, .94);
        --entry-shell-strong: #1b2938;
        --entry-card: rgba(31, 45, 60, .86);
        --entry-card-muted: rgba(27, 40, 54, .96);
        --entry-line: rgba(173, 190, 209, .21);
        --entry-text: #f7f9fc;
        --entry-text-secondary: #d5deea;
        --entry-text-muted: #aebccc;
        --entry-button-ink: #07131d;
    }

    :root[data-theme="dark"] body.page-entry--social-work { --entry-canvas: #12232b; }
    :root[data-theme="dark"] body.page-entry--events { --entry-canvas: #1b192d; }
    :root[data-theme="dark"] body.page-entry--needle-exchange { --entry-canvas: #142238; }
    :root[data-theme="dark"] body.page-entry--inventory { --entry-canvas: #282117; }

    html body.page-entry .content {
        padding: 14px 16px 104px !important;
        background:
            radial-gradient(circle at 18% -10%, rgba(var(--entry-accent-rgb), .17), transparent 36rem),
            linear-gradient(145deg, rgba(255, 255, 255, .24), transparent 50%),
            var(--entry-canvas) !important;
    }

    html body.page-entry .content::after {
        opacity: .16;
    }

    html body.page-entry .aho-entry-form {
        padding: 0 15px 92px !important;
        border-radius: 24px !important;
        background:
            linear-gradient(145deg, rgba(var(--entry-accent-rgb), .045), transparent 32rem),
            var(--entry-shell) !important;
        box-shadow: 0 24px 64px rgba(40, 57, 78, .13), inset 0 1px 0 rgba(255, 255, 255, .65) !important;
    }

    :root[data-theme="dark"] body.page-entry .aho-entry-form {
        box-shadow: 0 26px 68px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    }

    html body.page-entry .aho-entry-command-header {
        min-height: 92px;
        margin-inline: -15px;
        padding: 16px 22px;
        border-radius: 24px 24px 0 0;
        background:
            linear-gradient(105deg, rgba(var(--entry-accent-rgb), .16), rgba(var(--entry-accent-rgb), .035) 48%, transparent),
            var(--entry-shell-strong);
    }

    .aho-entry-layout.aho-entry-layout--single {
        display: block !important;
        padding-top: 12px;
    }

    .aho-entry-layout--single .aho-entry-stage {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 12px;
        align-items: start;
    }

    html body .app-shell .aho-entry-layout--single .aho-form-section {
        margin: 0 !important;
        padding: 15px 16px !important;
        border-radius: 18px !important;
        background:
            linear-gradient(140deg, rgba(var(--entry-accent-rgb), .032), transparent 55%),
            var(--entry-card) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .17) !important;
    }

    .aho-entry-layout--single .aho-form-section__header {
        min-height: 38px;
        margin-bottom: 12px !important;
        padding-bottom: 10px;
    }

    .aho-entry-layout--single .aho-section-number {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: rgba(var(--entry-accent-rgb), .13) !important;
        box-shadow: none !important;
    }

    html body .app-shell .aho-entry-layout--single label.choice {
        min-height: 54px !important;
        border-radius: 14px !important;
        background: var(--entry-card-muted) !important;
    }

    html body .app-shell .aho-entry-layout--single label.choice:hover {
        transform: translateY(-2px) !important;
    }

    html body .app-shell .aho-entry-layout--single label.choice:has(input:checked) {
        background:
            radial-gradient(circle at 16% 10%, rgba(255, 255, 255, .18), transparent 42%),
            linear-gradient(135deg, rgba(var(--entry-accent-rgb), .27), rgba(var(--entry-accent-rgb), .10)) !important;
    }

    .aho-entry-layout--single .aho-choice-grid {
        grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
        gap: 8px !important;
    }

    .aho-entry-layout--single .aho-number-stepper {
        min-height: 50px;
        border-radius: 14px !important;
    }

    .aho-entry-layout--single .aho-number-stepper button,
    html body .app-shell .aho-entry-layout--single .aho-number-stepper input {
        min-height: 48px !important;
    }

    .aho-entry-actionbar.aho-entry-actionbar--single {
        min-height: 76px;
        background:
            linear-gradient(100deg, rgba(var(--entry-accent-rgb), .10), transparent 40%),
            color-mix(in srgb, var(--entry-shell-strong) 94%, transparent) !important;
    }

    :root[data-theme="light"] body.page-entry .nav-item.is-active,
    :root[data-theme="light"] body.page-entry .nav-item[aria-current="page"] {
        border-color: rgba(var(--entry-accent-rgb), .26) !important;
        color: var(--entry-accent-strong) !important;
        background: linear-gradient(100deg, rgba(var(--entry-accent-rgb), .16), rgba(var(--entry-accent-rgb), .045)) !important;
        box-shadow: inset 3px 0 0 var(--entry-accent), 0 8px 22px rgba(var(--entry-accent-rgb), .08) !important;
    }
}

@media screen and (max-width: 1080px) {
    .aho-entry-layout--single :is(#social-team, #social-client, #event-type, #inventory-id),
    .aho-entry-layout--single :is(#social-person, #social-topics, #event-target, #inventory-batch),
    .aho-entry-layout--single :is(#social-lab, #social-notes, #needle-basics, #needle-type) {
        grid-column: span 12;
    }
}

@media screen and (max-width: 760px) {
    html body.page-entry .content {
        padding: 8px 8px 176px !important;
    }

    html body.page-entry .aho-entry-form {
        padding: 0 9px 150px !important;
        border-radius: 18px !important;
    }

    html body.page-entry .aho-entry-command-header {
        margin-inline: -9px;
        padding: 13px;
        border-radius: 18px 18px 0 0;
    }

    .aho-entry-layout--single .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aho-entry-actionbar--single .aho-entry-actionbar__state,
    .aho-entry-actionbar--single [data-draft-save],
    .aho-entry-actionbar--single [data-draft-discard],
    .aho-entry-actionbar--single [data-save-mode-value="save_and_new"] {
        display: none !important;
    }
}

@media screen and (max-width: 430px) {
    .aho-entry-layout--single .aho-choice-grid {
        grid-template-columns: 1fr !important;
    }

    .aho-entry-layout--single .aho-fieldset--quick .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ==========================================================================
   SOURCE: entry-spatial-1.0.22.css
   ========================================================================== */

/**
 * Techburg MGM & Analistik 1.0.22
 * AHO Spatial Intelligence Workspace 2026
 *
 * Content-first capture layer for the four operational entry pages.
 * The underlying native form controls and server payloads remain unchanged.
 */

@media screen {
    html body.page-entry {
        --spatial-canvas: #f7f9fc;
        --spatial-paper: rgba(255, 255, 255, .76);
        --spatial-ink: #162033;
        --spatial-ink-2: #46556b;
        --spatial-ink-3: #748196;
        --spatial-line: rgba(68, 84, 108, .16);
        --spatial-line-strong: rgba(68, 84, 108, .25);
        --spatial-glass: rgba(249, 251, 254, .78);
        --spatial-wash: rgba(var(--entry-accent-rgb), .065);
        --spatial-wash-strong: rgba(var(--entry-accent-rgb), .13);
        --spatial-focus: rgba(var(--entry-accent-rgb), .22);
        --spatial-section-rail: clamp(196px, 15vw, 244px);
        --spatial-max: 1680px;
        background: var(--spatial-canvas) !important;
    }

    :root[data-theme="dark"] body.page-entry {
        --spatial-canvas: #111923;
        --spatial-paper: rgba(20, 31, 43, .74);
        --spatial-ink: #f7f9fc;
        --spatial-ink-2: #d6deea;
        --spatial-ink-3: #9caabd;
        --spatial-line: rgba(179, 194, 211, .17);
        --spatial-line-strong: rgba(179, 194, 211, .27);
        --spatial-glass: rgba(24, 36, 49, .78);
        --spatial-wash: rgba(var(--entry-accent-rgb), .11);
        --spatial-wash-strong: rgba(var(--entry-accent-rgb), .18);
        --spatial-focus: rgba(var(--entry-accent-rgb), .25);
    }

    /* The viewport is the canvas. No outer card, no web-template framing. */
    html body.page-entry .content {
        position: relative;
        max-width: none !important;
        padding: 18px clamp(18px, 2.3vw, 38px) 122px !important;
        background:
            radial-gradient(ellipse at 10% -14%, rgba(var(--entry-accent-rgb), .13), transparent 31rem),
            radial-gradient(ellipse at 92% 6%, rgba(var(--entry-accent-rgb), .055), transparent 25rem),
            linear-gradient(180deg, rgba(255,255,255,.28), transparent 19rem),
            var(--spatial-canvas) !important;
    }

    :root[data-theme="dark"] body.page-entry .content {
        background:
            radial-gradient(ellipse at 10% -14%, rgba(var(--entry-accent-rgb), .18), transparent 31rem),
            radial-gradient(ellipse at 92% 6%, rgba(var(--entry-accent-rgb), .08), transparent 25rem),
            var(--spatial-canvas) !important;
    }

    html body.page-entry .content::after {
        content: "";
        position: fixed;
        inset: 0 0 auto;
        height: 180px;
        pointer-events: none;
        opacity: .5;
        background: linear-gradient(180deg, rgba(255,255,255,.22), transparent);
        mask-image: linear-gradient(black, transparent);
    }

    html body.page-entry .page-header {
        width: min(100%, var(--spatial-max));
        margin-inline: auto !important;
        padding-inline: clamp(4px, .7vw, 12px) !important;
    }

    html body.page-entry .aho-entry-workspace {
        width: min(100%, var(--spatial-max));
        margin: 0 auto !important;
        padding: 0 !important;
    }

    html body.page-entry .aho-entry-form {
        position: relative;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 0 92px !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--spatial-ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    /* Editorial command header: typography and whitespace instead of a container. */
    html body.page-entry .aho-entry-command-header {
        position: relative;
        min-height: 112px;
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        align-items: center;
        gap: 18px;
        margin: 0 !important;
        padding: 12px 8px 24px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--spatial-line) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .aho-entry-command-header__icon {
        width: 48px !important;
        height: 48px !important;
        display: grid;
        place-items: center;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--entry-accent) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .aho-entry-command-header__icon svg {
        width: 34px !important;
        height: 34px !important;
        stroke-width: 1.45 !important;
    }

    .aho-entry-command-header__eyebrow {
        display: block;
        margin-bottom: 5px;
        color: var(--entry-accent-strong) !important;
        font-size: .67rem !important;
        font-weight: 780 !important;
        letter-spacing: .13em !important;
        text-transform: uppercase !important;
    }

    .aho-entry-command-header h1 {
        margin: 0 !important;
        color: var(--spatial-ink) !important;
        font-size: clamp(1.8rem, 1.35rem + 1.15vw, 2.65rem) !important;
        font-weight: 735 !important;
        letter-spacing: -.045em !important;
        line-height: 1.02 !important;
    }

    .aho-entry-command-header p {
        max-width: 760px;
        margin: 8px 0 0 !important;
        color: var(--spatial-ink-2) !important;
        font-size: .88rem !important;
        line-height: 1.55 !important;
    }

    .aho-entry-online {
        min-height: 34px;
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--spatial-ink-3) !important;
        background: transparent !important;
        font-size: .72rem !important;
        font-weight: 680 !important;
        white-space: nowrap;
    }

    .aho-entry-online i {
        width: 7px !important;
        height: 7px !important;
        border: 0 !important;
        border-radius: 50%;
        background: var(--entry-accent) !important;
        box-shadow: 0 0 0 5px rgba(var(--entry-accent-rgb), .10) !important;
    }

    .aho-entry-layout.aho-entry-layout--single {
        display: block !important;
        padding-top: 0 !important;
    }

    .aho-entry-layout--single .aho-entry-stage {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    /* One functional floating layer is intentionally allowed above the content. */
    .aho-entry-layout--single :is(.aho-draft-restored, .alert) {
        grid-column: 1 / -1 !important;
        margin: 14px 8px 0 !important;
    }

    .aho-entry-intelligence {
        position: sticky;
        top: 86px;
        z-index: 28;
        min-height: 66px !important;
        display: grid !important;
        grid-template-columns: minmax(205px, .8fr) minmax(300px, 1.35fr) minmax(210px, 1fr) minmax(205px, .8fr) !important;
        gap: 16px !important;
        align-items: center !important;
        margin: 14px 8px 4px !important;
        padding: 9px 14px !important;
        border: 1px solid color-mix(in srgb, var(--spatial-line-strong) 72%, transparent) !important;
        border-radius: 18px !important;
        color: var(--spatial-ink-2) !important;
        background:
            linear-gradient(105deg, rgba(var(--entry-accent-rgb), .095), transparent 38%),
            var(--spatial-glass) !important;
        box-shadow: 0 16px 42px rgba(29, 45, 68, .10), inset 0 1px 0 rgba(255,255,255,.48) !important;
        backdrop-filter: blur(26px) saturate(145%) !important;
    }

    :root[data-theme="dark"] .aho-entry-intelligence {
        box-shadow: 0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    .aho-entry-intelligence__identity,
    .aho-entry-intelligence__autosave {
        gap: 9px !important;
    }

    .aho-entry-intelligence .aho-entry-assistant__spark {
        width: 34px !important;
        height: 34px !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: var(--entry-accent) !important;
        background: var(--spatial-wash-strong) !important;
        box-shadow: none !important;
    }

    .aho-entry-intelligence__identity span:not(.aho-entry-assistant__spark),
    .aho-entry-intelligence__autosave small {
        color: var(--spatial-ink-3) !important;
        font-size: .65rem !important;
        letter-spacing: .02em;
    }

    .aho-entry-intelligence__identity strong {
        color: var(--spatial-ink) !important;
        font-size: .75rem !important;
        font-weight: 690 !important;
    }

    .aho-entry-intelligence__hints,
    .aho-entry-intelligence__autosave {
        border-left-color: var(--spatial-line) !important;
    }

    .aho-entry-intelligence__hints p,
    .aho-entry-intelligence__autosave .aho-autosave-state {
        color: var(--spatial-ink-2) !important;
        font-size: .69rem !important;
    }

    .aho-entry-intelligence .aho-entry-progress > span {
        height: 4px !important;
        overflow: hidden;
        border: 0 !important;
        border-radius: 999px !important;
        background: var(--spatial-line) !important;
    }

    .aho-entry-intelligence .aho-entry-progress > span i {
        background: linear-gradient(90deg, var(--entry-accent), color-mix(in srgb, var(--entry-accent) 66%, white)) !important;
    }

    .aho-entry-intelligence__checklist li i {
        border-color: var(--spatial-line-strong) !important;
        background: transparent !important;
    }

    /* Every section is a full-width content band. This removes masonry gaps. */
    html body .app-shell .aho-entry-layout--single .aho-form-section,
    html body .app-shell .aho-entry-form .aho-form-section {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: var(--spatial-section-rail) minmax(0, 1fr) !important;
        column-gap: clamp(26px, 3.5vw, 64px) !important;
        row-gap: 14px !important;
        align-items: start !important;
        margin: 0 !important;
        padding: clamp(28px, 3.6vw, 50px) 8px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--spatial-line) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .app-shell .aho-entry-layout--single .aho-form-section::before,
    html body .app-shell .aho-entry-form .aho-form-section::before {
        display: none !important;
    }

    /* Explicitly defeats the 1.0.20 asymmetric column pairing that caused blank space. */
    .aho-entry-layout--single :is(
        #social-basics, #social-team, #social-person, #social-client, #social-topics, #social-lab, #social-notes,
        #event-basics, #event-type, #event-target, #event-details,
        #needle-basics, #needle-type, #needle-amount, #needle-notes,
        #inventory-product, #inventory-id, #inventory-batch
    ) {
        grid-column: 1 / -1 !important;
    }

    .aho-entry-layout--single .aho-form-section__header {
        position: sticky;
        top: 170px;
        grid-column: 1 !important;
        min-width: 0;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-content: start !important;
        justify-items: start !important;
        gap: 11px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .aho-entry-layout--single .aho-section-number {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--entry-accent) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .aho-section-number__icon {
        width: 27px;
        height: 27px;
        display: grid;
        place-items: center;
    }

    .aho-section-number__icon svg,
    .aho-entry-layout--single .aho-section-number svg {
        width: 25px !important;
        height: 25px !important;
        stroke-width: 1.45 !important;
    }

    .aho-entry-layout--single .aho-section-number b {
        display: inline !important;
        color: var(--spatial-ink-3) !important;
        font-size: .64rem !important;
        font-weight: 760 !important;
        letter-spacing: .12em !important;
    }

    .aho-entry-layout--single .aho-form-section__header h2 {
        max-width: 220px;
        margin: 0 !important;
        color: var(--spatial-ink) !important;
        font-size: clamp(1rem, .94rem + .23vw, 1.18rem) !important;
        font-weight: 730 !important;
        letter-spacing: -.025em !important;
        line-height: 1.25 !important;
    }

    .aho-entry-layout--single .aho-form-section > :not(.aho-form-section__header) {
        grid-column: 2 !important;
        min-width: 0;
    }

    .aho-entry-layout--single .aho-entry-grid {
        width: 100% !important;
        gap: 22px clamp(18px, 2vw, 30px) !important;
    }

    .aho-entry-layout--single .aho-entry-grid--4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .aho-entry-layout--single .aho-entry-grid--3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .aho-entry-layout--single .aho-entry-grid--2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    /* Form fields become editorial input lines, not boxed controls. */
    .aho-entry-form .aho-field,
    .aho-entry-form .aho-fieldset {
        min-width: 0;
    }

    .aho-entry-form .aho-field > span:first-child,
    .aho-entry-form .aho-field > label,
    .aho-entry-form .aho-fieldset > legend {
        margin-bottom: 8px !important;
        color: var(--spatial-ink-2) !important;
        font-size: .72rem !important;
        font-weight: 720 !important;
        letter-spacing: .01em !important;
    }

    html body .app-shell .aho-entry-form :where(
        input:not([type="checkbox"]):not([type="radio"]),
        select,
        textarea
    ) {
        min-height: 46px !important;
        padding: 10px 2px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--spatial-line-strong) !important;
        border-radius: 0 !important;
        color: var(--spatial-ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
    }

    html body .app-shell .aho-entry-form :where(
        input:not([type="checkbox"]):not([type="radio"]),
        select,
        textarea
    ):hover {
        border-bottom-color: color-mix(in srgb, var(--entry-accent) 42%, var(--spatial-line-strong)) !important;
        background: linear-gradient(180deg, transparent 60%, var(--spatial-wash)) !important;
    }

    html body .app-shell .aho-entry-form :where(
        input:not([type="checkbox"]):not([type="radio"]),
        select,
        textarea
    ):focus {
        outline: none !important;
        border-bottom-color: var(--entry-accent) !important;
        box-shadow: 0 2px 0 -1px var(--entry-accent), 0 9px 20px -18px var(--entry-accent) !important;
        background: linear-gradient(180deg, transparent 56%, var(--spatial-wash)) !important;
    }

    html body .app-shell .aho-entry-form textarea {
        min-height: 92px !important;
        resize: vertical;
    }

    html body .app-shell .aho-entry-form select {
        cursor: pointer;
    }

    .aho-choice-search {
        margin: 0 0 10px !important;
    }

    html body .app-shell .aho-entry-form .aho-choice-search input {
        min-height: 40px !important;
        padding-left: 26px !important;
        background-color: transparent !important;
    }

    /* Selection fields are a flat option matrix with a live selection rail. */
    .aho-entry-layout--single .aho-choice-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
        gap: 0 clamp(12px, 1.4vw, 22px) !important;
        border-top: 1px solid var(--spatial-line) !important;
    }

    .aho-entry-layout--single .aho-choice-grid--scroll {
        max-height: 290px !important;
        overflow: auto !important;
        padding-right: 5px !important;
        scrollbar-width: thin;
        scrollbar-color: var(--spatial-line-strong) transparent;
    }

    html body .app-shell .aho-entry-form label.choice,
    html body .app-shell .aho-entry-layout--single label.choice {
        position: relative !important;
        min-height: 49px !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 9px !important;
        margin: 0 !important;
        padding: 9px 5px !important;
        overflow: visible !important;
        border: 0 !important;
        border-bottom: 1px solid var(--spatial-line) !important;
        border-radius: 0 !important;
        color: var(--spatial-ink-2) !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        transition: color .14s ease, background .14s ease, border-color .14s ease !important;
    }

    html body .app-shell .aho-entry-form label.choice.choice--with-icon,
    html body .app-shell .aho-entry-layout--single label.choice.choice--with-icon {
        grid-template-columns: auto auto minmax(0, 1fr) !important;
    }

    html body .app-shell .aho-entry-form label.choice:hover,
    html body .app-shell .aho-entry-layout--single label.choice:hover {
        color: var(--spatial-ink) !important;
        border-bottom-color: color-mix(in srgb, var(--entry-accent) 34%, var(--spatial-line)) !important;
        background: linear-gradient(90deg, var(--spatial-wash), transparent 88%) !important;
        transform: none !important;
    }

    html body .app-shell .aho-entry-form label.choice.is-selected,
    html body .app-shell .aho-entry-form label.choice:has(input:checked),
    html body .app-shell .aho-entry-layout--single label.choice:has(input:checked) {
        color: var(--entry-accent-strong) !important;
        border-bottom-color: var(--entry-accent) !important;
        background:
            linear-gradient(90deg, var(--spatial-wash-strong), rgba(var(--entry-accent-rgb), .018) 68%, transparent) !important;
        box-shadow: inset 0 -2px 0 var(--entry-accent) !important;
    }

    .aho-entry-form .choice__indicator,
    .aho-entry-layout--single .choice__indicator {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
        border: 1px solid var(--spatial-line-strong) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .aho-entry-form input[type="radio"] + .choice__indicator {
        border-radius: 50% !important;
    }

    .aho-entry-form input[type="checkbox"] + .choice__indicator {
        border-radius: 5px !important;
    }

    .aho-entry-form .choice:has(input:checked) .choice__indicator {
        border-color: var(--entry-accent) !important;
        background: var(--entry-accent) !important;
        box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--spatial-canvas) 86%, white) !important;
    }

    .aho-entry-form .choice__icon {
        width: 21px !important;
        height: 21px !important;
        display: grid !important;
        place-items: center !important;
        color: color-mix(in srgb, var(--entry-accent) 82%, var(--spatial-ink-2)) !important;
        background: transparent !important;
    }

    .aho-entry-form .choice__icon svg {
        width: 20px !important;
        height: 20px !important;
        stroke-width: 1.5 !important;
    }

    .aho-entry-form .choice__label {
        color: inherit !important;
        font-size: .76rem !important;
        font-weight: 650 !important;
        line-height: 1.28 !important;
    }

    /* Switch rows and conditional content remain direct, never card-shaped. */
    .aho-toggle-card {
        min-height: 58px !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 8px 0 14px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--spatial-line) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transition: border-color .16s ease, background .16s ease !important;
    }

    .aho-toggle-card:hover,
    .aho-toggle-card:has(input:checked) {
        border-color: color-mix(in srgb, var(--entry-accent) 36%, var(--spatial-line)) !important;
        background: linear-gradient(90deg, var(--spatial-wash), transparent 72%) !important;
    }

    .aho-toggle-card__control {
        width: 38px !important;
        height: 21px !important;
        border: 1px solid var(--spatial-line-strong) !important;
        border-radius: 999px !important;
        background: color-mix(in srgb, var(--spatial-line) 62%, transparent) !important;
        box-shadow: none !important;
    }

    .aho-toggle-card__control::after {
        width: 15px !important;
        height: 15px !important;
        top: 2px !important;
        left: 2px !important;
        border: 0 !important;
        background: var(--spatial-ink-3) !important;
        box-shadow: none !important;
    }

    .aho-toggle-card input:checked + .aho-toggle-card__control {
        border-color: var(--entry-accent) !important;
        background: var(--entry-accent) !important;
    }

    .aho-toggle-card input:checked + .aho-toggle-card__control::after {
        left: 19px !important;
        background: #fff !important;
    }

    .aho-toggle-card strong {
        color: var(--spatial-ink) !important;
        font-size: .81rem !important;
        font-weight: 690 !important;
    }

    .aho-toggle-card small {
        margin-top: 3px !important;
        color: var(--spatial-ink-3) !important;
        font-size: .69rem !important;
        line-height: 1.45 !important;
    }

    .aho-team-options,
    .aho-conditional-panel,
    .aho-subsection-grid {
        margin-top: 18px !important;
        padding: 18px 0 0 !important;
        border: 0 !important;
        border-top: 1px solid var(--spatial-line) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .aho-team-calculation {
        margin-top: 14px !important;
        padding: 10px 0 !important;
        border: 0 !important;
        border-top: 1px dashed var(--spatial-line) !important;
        border-radius: 0 !important;
        color: var(--spatial-ink-3) !important;
        background: transparent !important;
    }

    .aho-team-calculation strong {
        color: var(--spatial-ink-2) !important;
    }

    .aho-subsection-grid h3 {
        color: var(--spatial-ink) !important;
        font-size: .9rem !important;
        font-weight: 700 !important;
    }

    .aho-field-help {
        color: var(--spatial-ink-3) !important;
    }

    .aho-binary-grid {
        gap: 0 22px !important;
        border-top: 1px solid var(--spatial-line) !important;
    }

    /* Number controls are direct-manipulation rails, not button groups. */
    .aho-number-control {
        gap: 8px !important;
    }

    .aho-number-stepper {
        min-height: 48px !important;
        display: grid !important;
        grid-template-columns: 42px minmax(70px, 1fr) 42px !important;
        align-items: center !important;
        overflow: visible !important;
        border: 0 !important;
        border-bottom: 1px solid var(--spatial-line-strong) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .aho-number-stepper button,
    html body .app-shell .aho-entry-layout--single .aho-number-stepper button {
        min-height: 42px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--spatial-ink-2) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 1.25rem !important;
        cursor: pointer;
    }

    .aho-number-stepper button:hover {
        color: var(--entry-accent) !important;
        background: var(--spatial-wash) !important;
    }

    html body .app-shell .aho-entry-layout--single .aho-number-stepper input {
        min-height: 42px !important;
        padding: 6px !important;
        border: 0 !important;
        border-inline: 1px solid var(--spatial-line) !important;
        border-radius: 0 !important;
        text-align: center !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .aho-number-presets {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px 14px !important;
        margin-top: 4px !important;
    }

    .aho-number-presets button {
        min-height: 28px !important;
        padding: 2px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid transparent !important;
        border-radius: 0 !important;
        color: var(--spatial-ink-3) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: .69rem !important;
        font-weight: 680 !important;
    }

    .aho-number-presets button:hover,
    .aho-number-presets button.is-active,
    .aho-number-presets button[aria-pressed="true"] {
        border-bottom-color: var(--entry-accent) !important;
        color: var(--entry-accent-strong) !important;
        background: transparent !important;
    }

    /* Floating completion dock: functional UI layer above content, not a card. */
    .aho-entry-actionbar.aho-entry-actionbar--single {
        left: calc(var(--aho-sidebar-width) + clamp(18px, 2.3vw, 38px)) !important;
        right: clamp(18px, 2.3vw, 38px) !important;
        bottom: 18px !important;
        width: auto !important;
        max-width: none !important;
        min-height: 66px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        padding: 10px 12px 10px 16px !important;
        border: 1px solid color-mix(in srgb, var(--spatial-line-strong) 76%, transparent) !important;
        border-radius: 20px !important;
        color: var(--spatial-ink-2) !important;
        background:
            linear-gradient(100deg, rgba(var(--entry-accent-rgb), .08), transparent 36%),
            var(--spatial-glass) !important;
        box-shadow: 0 20px 52px rgba(27, 42, 64, .15), inset 0 1px 0 rgba(255,255,255,.52) !important;
        backdrop-filter: blur(28px) saturate(150%) !important;
    }

    body.sidebar-collapsed .aho-entry-actionbar.aho-entry-actionbar--single {
        left: calc(var(--aho-sidebar-collapsed) + clamp(18px, 2.3vw, 38px)) !important;
    }

    :root[data-theme="dark"] .aho-entry-actionbar.aho-entry-actionbar--single {
        box-shadow: 0 20px 56px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    .aho-entry-actionbar__state {
        min-width: 0;
        color: var(--spatial-ink-3) !important;
        font-size: .7rem !important;
    }

    .aho-entry-actionbar__state i {
        color: var(--entry-accent) !important;
    }

    .aho-entry-actionbar__buttons {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px 18px !important;
    }

    .aho-entry-actionbar__buttons .button {
        min-width: 0 !important;
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 6px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid transparent !important;
        border-radius: 0 !important;
        color: var(--spatial-ink-2) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: .75rem !important;
        font-weight: 690 !important;
        text-decoration: none !important;
        transform: none !important;
    }

    .aho-entry-actionbar__buttons .button:hover {
        border-bottom-color: var(--spatial-line-strong) !important;
        color: var(--spatial-ink) !important;
        background: transparent !important;
        transform: none !important;
    }

    .aho-entry-actionbar__buttons .button svg {
        width: 17px !important;
        height: 17px !important;
        stroke-width: 1.6 !important;
    }

    .aho-entry-actionbar__buttons .button--primary {
        min-width: 0 !important;
        padding-inline: 4px !important;
        border-bottom-color: var(--entry-accent) !important;
        color: var(--entry-accent-strong) !important;
        background: transparent !important;
        box-shadow: inset 0 -2px 0 var(--entry-accent) !important;
        font-size: .8rem !important;
        font-weight: 780 !important;
    }

    :root[data-theme="dark"] .aho-entry-actionbar__buttons .button--primary {
        color: color-mix(in srgb, var(--entry-accent) 64%, white) !important;
    }

    .aho-entry-actionbar__buttons .button--primary:hover {
        color: var(--entry-accent) !important;
        box-shadow: inset 0 -3px 0 var(--entry-accent) !important;
    }

    /* Success state follows the same content-first language. */
    .aho-save-confirmation {
        margin: 0 8px 22px !important;
        padding: 24px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid var(--spatial-line) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .aho-save-confirmation__icon {
        color: var(--entry-accent) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Module identity lives in accent, not in separate card systems. */
    :root[data-theme="light"] body.page-entry .nav-item.is-active,
    :root[data-theme="light"] body.page-entry .nav-item[aria-current="page"] {
        border-color: transparent !important;
        color: var(--entry-accent-strong) !important;
        background: linear-gradient(90deg, rgba(var(--entry-accent-rgb), .105), transparent) !important;
        box-shadow: inset 2px 0 0 var(--entry-accent) !important;
    }

    /* Detail refinement for the larger social-work form shown by the user. */
    #social-team .aho-team-options,
    #social-client .aho-conditional-panel {
        width: 100% !important;
    }

    #social-person .aho-choice-grid {
        grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
    }

    #social-person .aho-fieldset--quick.aho-span-4 .aho-choice-grid,
    #social-person .aho-span-4 .aho-choice-grid {
        grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)) !important;
    }

    #social-lab .aho-binary-grid--tests {
        grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    }
}

@media screen and (max-width: 1320px) {
    .aho-entry-intelligence {
        grid-template-columns: minmax(190px, .8fr) minmax(280px, 1.3fr) minmax(210px, .9fr) !important;
    }

    .aho-entry-intelligence__hints {
        display: none !important;
    }

    .aho-entry-layout--single .aho-entry-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aho-entry-layout--single .aho-entry-grid--4 .aho-span-4 {
        grid-column: 1 / -1 !important;
    }

    .aho-entry-layout--single .aho-entry-grid--4 .aho-span-3,
    .aho-entry-layout--single .aho-entry-grid--4 .aho-span-2 {
        grid-column: span 1 !important;
    }
}

@media screen and (max-width: 1080px) {
    html body.page-entry {
        --spatial-section-rail: 178px;
    }

    .aho-entry-intelligence {
        top: 78px;
        grid-template-columns: 1fr 1.45fr !important;
    }

    .aho-entry-intelligence__autosave {
        display: none !important;
    }

    .aho-entry-layout--single .aho-form-section__header {
        top: 158px;
    }

    .aho-entry-layout--single .aho-entry-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media screen and (max-width: 820px) {
    html body.page-entry .content {
        padding: 10px 12px 154px !important;
    }

    html body.page-entry .aho-entry-command-header {
        min-height: 94px;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 12px 4px 20px !important;
    }

    .aho-entry-command-header__icon {
        width: 40px !important;
        height: 40px !important;
    }

    .aho-entry-command-header__icon svg {
        width: 28px !important;
        height: 28px !important;
    }

    .aho-entry-command-header p,
    .aho-entry-online {
        display: none !important;
    }

    .aho-entry-intelligence {
        position: relative !important;
        top: auto !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-inline: 0 !important;
        border-radius: 16px !important;
    }

    .aho-entry-intelligence__progress {
        padding-top: 8px;
        border-top: 1px solid var(--spatial-line);
    }

    html body .app-shell .aho-entry-layout--single .aho-form-section,
    html body .app-shell .aho-entry-form .aho-form-section {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
        padding: 30px 4px !important;
    }

    .aho-entry-layout--single .aho-form-section__header {
        position: static !important;
        grid-column: 1 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .aho-entry-layout--single .aho-section-number {
        grid-row: 1 !important;
    }

    .aho-entry-layout--single .aho-form-section__header h2 {
        max-width: none !important;
    }

    .aho-entry-layout--single .aho-form-section > :not(.aho-form-section__header) {
        grid-column: 1 !important;
    }

    .aho-entry-layout--single .aho-entry-grid,
    .aho-entry-layout--single .aho-entry-grid--2,
    .aho-entry-layout--single .aho-entry-grid--3,
    .aho-entry-layout--single .aho-entry-grid--4 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .aho-entry-layout--single .aho-entry-grid :is(.aho-span-2, .aho-span-3, .aho-span-4) {
        grid-column: 1 !important;
    }

    .aho-entry-layout--single .aho-choice-grid,
    #social-person .aho-choice-grid,
    #social-person .aho-fieldset--quick.aho-span-4 .aho-choice-grid,
    #social-person .aho-span-4 .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aho-entry-actionbar.aho-entry-actionbar--single,
    body.sidebar-collapsed .aho-entry-actionbar.aho-entry-actionbar--single {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        min-height: 62px !important;
    }

    .aho-entry-actionbar__state,
    .aho-entry-actionbar__buttons [data-draft-save],
    .aho-entry-actionbar__buttons [data-draft-discard],
    .aho-entry-actionbar__buttons [data-save-mode-value="save_and_new"] {
        display: none !important;
    }

    .aho-entry-actionbar__buttons {
        width: 100% !important;
        justify-content: space-between !important;
    }

    .aho-entry-actionbar__buttons .button--primary {
        margin-left: auto !important;
    }
}

@media screen and (max-width: 480px) {
    html body.page-entry .content {
        padding-inline: 9px !important;
    }

    .aho-entry-command-header h1 {
        font-size: 1.62rem !important;
    }

    .aho-entry-layout--single .aho-choice-grid,
    #social-person .aho-choice-grid,
    #social-person .aho-fieldset--quick.aho-span-4 .aho-choice-grid,
    #social-person .aho-span-4 .aho-choice-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .aho-entry-layout--single .aho-fieldset--quick .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aho-entry-actionbar__buttons .button--quiet:first-child span {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.page-entry *,
    html body.page-entry *::before,
    html body.page-entry *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ==========================================================================
   SOURCE: annual-report.css
   ========================================================================== */

.aho-module-hero--annual {
    background: linear-gradient(130deg, #fff 0 58%, #fff0f7 100%);
    border-color: #f0cadd;
}

.aho-annual-create {
    display: flex;
    align-items: end;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--border-color, #dce1e9);
    border-radius: 14px;
    background: rgba(255, 255, 255, .9);
}

.aho-annual-create label { display: grid; gap: 6px; font-size: .84rem; font-weight: 750; }
.aho-annual-create input { width: 130px; min-height: 42px; }

.aho-annual-report-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 16px;
}

.aho-annual-report-card {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--border-color, #dce1e9);
    border-radius: 16px;
    color: var(--text-color, #171a22);
    background: var(--surface-color, #fff);
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.aho-annual-report-card:hover { border-color: #c91f68; box-shadow: 0 14px 34px rgba(66, 34, 54, .1); transform: translateY(-2px); }
.aho-annual-report-card__year { display: grid; place-items: center; min-height: 58px; border-radius: 13px; color: #fff; background: #c91f68; font-size: 1.15rem; font-weight: 850; }
.aho-annual-report-card > div { min-width: 0; display: grid; gap: 4px; }
.aho-annual-report-card small { color: var(--muted-color, #626b79); }
.aho-annual-report-card > dl { grid-column: 2 / -1; display: flex; gap: 20px; margin: 0; }
.aho-annual-report-card > dl div { display: flex; gap: 6px; }
.aho-annual-report-card dt { color: var(--muted-color, #626b79); }
.aho-annual-report-card dd { margin: 0; font-weight: 800; }
.aho-annual-report-card > small:last-child { grid-column: 2 / -1; }

.aho-annual-editor {
    width: 100%;
    min-width: 0;
    --annual-accent: #c91f68;
    --annual-accent-soft: #fff0f7;
    --annual-border: var(--border-color, #dce1e9);
    --annual-surface: var(--surface-color, #fff);
    --annual-muted: var(--muted-color, #626b79);
}

.aho-annual-toolbar {
    position: sticky;
    top: 0;
    z-index: 32;
    display: grid;
    grid-template-columns: minmax(230px, 1fr) auto minmax(360px, 1fr);
    align-items: center;
    gap: 16px;
    margin: -8px -8px 16px;
    padding: 12px 14px;
    border: 1px solid var(--annual-border);
    border-radius: 15px;
    background: color-mix(in srgb, var(--annual-surface) 94%, transparent);
    box-shadow: 0 10px 28px rgba(31, 39, 58, .08);
    backdrop-filter: blur(15px);
}

.aho-annual-toolbar__identity,
.aho-annual-toolbar__actions { display: flex; align-items: center; gap: 9px; }
.aho-annual-toolbar__identity h1 { margin: 0; font-size: 1.28rem; }
.aho-annual-toolbar__actions { justify-content: flex-end; flex-wrap: wrap; }
.aho-annual-save-state { display: inline-flex; align-items: center; gap: 8px; color: var(--annual-muted); font-size: .82rem; }
.aho-annual-save-state span { width: 9px; height: 9px; border-radius: 50%; background: #2c9a69; box-shadow: 0 0 0 4px rgba(44,154,105,.12); }
.aho-annual-save-state.is-pending span { background: #e9a72d; animation: annual-pulse 1s infinite; }
.aho-annual-save-state.is-error { color: #b4233a; }
.aho-annual-save-state.is-error span { background: #b4233a; }
@keyframes annual-pulse { 50% { opacity: .4; } }

.aho-annual-privacy-note {
    margin-bottom: 14px;
    padding: 10px 14px;
    border: 1px solid #ead59c;
    border-radius: 11px;
    color: #604d17;
    background: #fff9e8;
    font-size: .86rem;
}

.aho-annual-editor-grid {
    display: grid;
    grid-template-columns: minmax(220px, 270px) minmax(540px, 1fr) minmax(260px, 330px);
    gap: 14px;
    align-items: start;
    min-height: calc(100vh - 230px);
}

.aho-annual-outline,
.aho-annual-properties {
    position: sticky;
    top: 92px;
    max-height: calc(100vh - 118px);
    overflow: auto;
    border: 1px solid var(--annual-border);
    border-radius: 15px;
    background: var(--annual-surface);
    box-shadow: 0 8px 25px rgba(31, 39, 58, .06);
}

.aho-annual-pane-heading {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid var(--annual-border);
    background: var(--annual-surface);
}
.aho-annual-pane-heading h2 { margin: 2px 0 0; font-size: 1.05rem; }

.aho-annual-outline__list { display: grid; gap: 3px; padding: 9px; }
.aho-annual-outline-row { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; padding-left: calc(var(--outline-level, 0) * 12px); border-radius: 10px; }
.aho-annual-outline-row.is-active { background: var(--annual-accent-soft); }
.aho-annual-outline-row.is-dragging { opacity: .4; }
.aho-drag-handle { color: var(--annual-muted); cursor: grab; font-size: .78rem; }
.aho-annual-outline-item { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 8px; border: 0; border-radius: 9px; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.aho-annual-outline-item:hover { background: color-mix(in srgb, var(--annual-accent) 7%, transparent); }
.aho-annual-outline-item > i { flex: 0 0 28px; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: #787f8e; font-size: .72rem; font-style: normal; font-weight: 850; }
.aho-annual-outline-row.is-active .aho-annual-outline-item > i,
.aho-annual-outline-item--special.is-active > i { background: var(--annual-accent); }
.aho-annual-outline-item > span { min-width: 0; display: grid; gap: 2px; }
.aho-annual-outline-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }
.aho-annual-outline-item small { color: var(--annual-muted); font-size: .72rem; }
.aho-annual-outline-item--special { margin-bottom: 2px; }
.aho-annual-outline__actions { display: flex; gap: 6px; padding: 0 12px 13px; }

.aho-annual-versions,
.aho-annual-properties > details,
.aho-annual-media-panel { border-top: 1px solid var(--annual-border); padding: 12px 14px; }
.aho-annual-versions summary,
.aho-annual-properties summary { cursor: pointer; font-weight: 800; }
.aho-annual-versions article { display: grid; gap: 5px; margin-top: 10px; padding: 10px; border: 1px solid var(--annual-border); border-radius: 10px; }
.aho-annual-versions small { color: var(--annual-muted); }
.aho-annual-versions p { margin: 0; font-size: .82rem; }

.aho-annual-canvas {
    min-width: 0;
    display: grid;
    justify-items: center;
    padding: clamp(14px, 2vw, 28px);
    border: 1px solid var(--annual-border);
    border-radius: 15px;
    background: #e9ecf2;
    overflow: auto;
}

.aho-a4-sheet {
    position: relative;
    width: min(100%, 794px);
    aspect-ratio: 210 / 297;
    min-height: 900px;
    overflow: hidden;
    color: #171a22;
    background: #fff;
    box-shadow: 0 16px 46px rgba(34, 40, 55, .18);
    --report-primary: #c91f68;
    --report-secondary: #312e51;
}

.aho-a4-sheet--content,
.aho-a4-sheet--toc { padding: 8.8% 9.5% 9%; }
.aho-a4-sheet--content::after,
.aho-a4-sheet--toc::after { content: "Techburg MGM & Analistik · Vorschau"; position: absolute; left: 9.5%; right: 9.5%; bottom: 3.5%; padding-top: 8px; border-top: 1px solid #dce1e9; color: #707887; font-size: .66rem; }

.aho-a4-flow { column-count: 2; column-gap: 28px; column-fill: auto; height: 100%; }
.aho-a4-block { position: relative; break-inside: avoid; margin: 0 0 16px; border: 1px solid transparent; border-radius: 6px; outline: 0; cursor: pointer; }
.aho-a4-block:hover { border-color: #e5aec7; }
.aho-a4-block.is-selected { border-color: var(--report-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--report-primary) 16%, transparent); }
.aho-a4-block.is-dragging { opacity: .4; }
.aho-a4-block__handle { position: absolute; top: 3px; right: 3px; z-index: 2; display: none; padding: 2px 4px; border-radius: 5px; color: #fff; background: var(--report-primary); font-size: .65rem; }
.aho-a4-block:hover .aho-a4-block__handle,
.aho-a4-block.is-selected .aho-a4-block__handle { display: block; }
.aho-a4-block h1 { margin: 0 0 14px; color: var(--report-primary); font-size: 2.45rem; line-height: 1.05; column-span: all; }
.aho-a4-block h2 { margin: 0 0 9px; color: var(--report-primary); font-size: 1.22rem; line-height: 1.2; }
.aho-a4-block h3 { margin: 0 0 8px; color: var(--report-secondary); font-size: 1.02rem; line-height: 1.25; }
.aho-a4-block p,
.aho-a4-block li { font-size: .78rem; line-height: 1.52; }
.aho-a4-block p { margin: 0; white-space: pre-wrap; }
.aho-a4-block p.is-emphasis { font-weight: 800; }
.aho-a4-block blockquote { margin: 0; padding: 12px 13px; border-left: 4px solid var(--report-primary); border-radius: 4px; background: #f7f3f6; font-size: .78rem; line-height: 1.5; }
.aho-a4-block img { width: 100%; max-height: 290px; object-fit: cover; border-radius: 4px; }
.aho-a4-block small { display: block; margin-top: 5px; color: #626b79; font-size: .64rem; }
.aho-a4-block--heading_1,
.aho-a4-block--table,
.aho-a4-block--statistic,
.aho-a4-block--statistic_image,
.aho-a4-block--chart,
.aho-a4-block--chart_image,
.aho-a4-block--gallery { column-span: all; }
.aho-a4-image-placeholder { display: grid; place-items: center; min-height: 150px; border: 1px dashed #aeb5c1; border-radius: 6px; color: #707887; background: #f4f6f8; }
.aho-a4-two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.aho-a4-page-break { display: flex; align-items: center; gap: 8px; color: #8a4d68; font-size: .68rem; }
.aho-a4-page-break::before,
.aho-a4-page-break::after { content: ""; flex: 1; border-top: 1px dashed #d991b2; }
.aho-a4-source { font-style: italic; }
.aho-a4-kpi { display: grid; gap: 2px; padding: 14px; border: 1px solid color-mix(in srgb, var(--report-primary) 40%, #dce1e9); border-radius: 8px; background: color-mix(in srgb, var(--report-primary) 7%, #fff); }
.aho-a4-kpi strong { color: var(--report-primary); font-size: 1.8rem; }
.aho-a4-kpi span { font-size: .72rem; font-weight: 750; }

.aho-a4-table h4,
.aho-a4-chart h4 { margin: 0 0 8px; color: var(--report-primary); font-size: .9rem; }
.aho-a4-table table { width: 100%; border-collapse: collapse; font-size: .64rem; }
.aho-a4-table th { padding: 6px; color: #fff; background: var(--report-primary); text-align: left; }
.aho-a4-table td { padding: 5px 6px; border: 1px solid #dce1e9; }
.aho-a4-table tr:nth-child(even) td { background: #f7f8fa; }
.aho-a4-chart { display: grid; gap: 5px; }
.aho-a4-chart > div { display: grid; grid-template-columns: minmax(100px, .8fr) minmax(120px, 2fr) 42px; gap: 8px; align-items: center; font-size: .66rem; }
.aho-a4-chart > div > i { height: 9px; border-radius: 8px; background: linear-gradient(90deg, var(--report-primary) var(--bar-width), #edf0f4 var(--bar-width)); }
.aho-a4-chart b { text-align: right; }

.aho-a4-sheet--cover { background: linear-gradient(140deg, var(--report-primary) 0 48%, var(--report-secondary) 48% 68%, #fff 68%); }
.aho-a4-cover__image { width: 100%; height: 58%; object-fit: cover; }
.aho-a4-cover__content { position: absolute; left: 9.5%; right: 9.5%; bottom: 8%; display: grid; gap: 10px; padding: 28px; border-radius: 8px; background: rgba(255,255,255,.94); }
.aho-a4-cover__content h2 { margin: 0; color: var(--report-secondary); font-size: 2.65rem; line-height: 1; }
.aho-a4-cover__content strong { color: var(--report-primary); font-size: 2rem; }
.aho-a4-cover__content p { margin: 0; }
.aho-a4-cover__eyebrow { color: #626b79; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }

.aho-a4-sheet--divider { display: grid; align-content: end; gap: 12px; padding: 9.5%; color: #fff; background: linear-gradient(145deg, var(--report-primary), var(--report-secondary)); }
.aho-a4-sheet--divider::before { content: ""; position: absolute; inset: 0 0 46%; background: linear-gradient(135deg, rgba(255,255,255,.16), transparent); clip-path: polygon(0 0,100% 0,100% 52%,0 100%); }
.aho-a4-sheet--divider h2 { position: relative; z-index: 1; max-width: 90%; margin: 0 0 12%; font-size: 2.55rem; line-height: 1.08; text-transform: uppercase; }
.aho-a4-divider__number { position: absolute; right: 7%; bottom: 22%; color: rgba(255,255,255,.13); font-size: 9rem; font-weight: 900; }
.aho-a4-kicker { color: var(--report-primary); font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.aho-a4-sheet--toc > h2 { margin: 8px 0 28px; color: var(--report-primary); font-size: 2rem; }
.aho-a4-toc { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.aho-a4-toc li { display: flex; align-items: end; gap: 7px; padding-left: calc(var(--toc-level, 0) * 18px); font-size: calc(.8rem - var(--toc-level, 0) * .05rem); font-weight: calc(800 - var(--toc-level, 0) * 180); }
.aho-a4-toc li i { flex: 1; border-bottom: 1px dotted #aeb5c1; }
.aho-a4-toc__hint { margin-top: 24px; color: #626b79; font-size: .68rem; }

.aho-annual-properties { padding-bottom: 14px; }
.aho-annual-properties > [data-properties-panel] { display: grid; gap: 12px; padding: 14px; }
.aho-annual-properties h3 { margin: 0; font-size: 1rem; }
.aho-annual-field { display: grid; gap: 6px; font-size: .8rem; font-weight: 750; }
.aho-annual-field input,
.aho-annual-field textarea,
.aho-annual-field select { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--annual-border); border-radius: 9px; color: inherit; background: var(--annual-surface); font: inherit; font-weight: 500; }
.aho-annual-field textarea { resize: vertical; line-height: 1.45; }
.aho-annual-field--checkbox { display: flex; align-items: center; }
.aho-annual-field--checkbox input { order: -1; width: 20px; min-height: 20px; }
.aho-properties-actions { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 8px; border-top: 1px solid var(--annual-border); }
.aho-properties-note { margin: 0; padding: 10px; border-radius: 9px; color: var(--annual-muted); background: #f5f6f8; font-size: .79rem; line-height: 1.5; }
.aho-annual-palette { padding: 14px; border-top: 1px solid var(--annual-border); }
.aho-annual-palette h3 { margin: 0 0 10px; }
.aho-annual-palette__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.aho-annual-palette__grid button { min-height: 43px; padding: 6px; border: 1px solid var(--annual-border); border-radius: 8px; color: inherit; background: var(--annual-surface); font-size: .73rem; font-weight: 750; cursor: pointer; }
.aho-annual-palette__grid button:hover { border-color: var(--annual-accent); color: var(--annual-accent); background: var(--annual-accent-soft); }
.aho-annual-media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 10px 0; }
.aho-annual-media-grid article { min-width: 0; overflow: hidden; border: 1px solid var(--annual-border); border-radius: 8px; background: var(--annual-surface); }
.aho-annual-media-grid article > button { width: 100%; padding: 0; overflow: hidden; border: 0; background: transparent; cursor: pointer; }
.aho-annual-media-grid img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.aho-annual-media-grid span { display: block; padding: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .65rem; }
.aho-annual-media-grid form { margin: 0; }
.aho-media-remove { width: 100%; padding: 6px; border: 0; border-top: 1px solid var(--annual-border); color: #b4233a; background: transparent; cursor: pointer; font-size: .7rem; font-weight: 750; }
.aho-annual-media-upload,
.aho-annual-status-form { display: grid; gap: 9px; margin-top: 12px; }
.aho-annual-media-upload label,
.aho-annual-status-form label { display: grid; gap: 5px; font-size: .78rem; font-weight: 750; }
.aho-annual-media-upload input,
.aho-annual-status-form select { width: 100%; min-height: 38px; }
.aho-danger-zone { border-top-color: #e8b4bd !important; background: #fff7f8; }

.aho-annual-modal__dialog { width: min(96vw, 1180px); height: min(92vh, 900px); display: grid; grid-template-rows: auto minmax(0, 1fr); }
.aho-annual-modal__dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid var(--annual-border); }
.aho-annual-modal__dialog h2 { margin: 3px 0 0; }
.aho-annual-modal__body { min-height: 0; overflow: auto; padding: 18px; }
.aho-pdf-preview { width: 100%; height: 100%; min-height: 680px; border: 0; border-radius: 10px; background: #eef0f4; }
.aho-statistic-picker { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.aho-statistic-picker article { padding: 15px; border: 1px solid var(--annual-border); border-radius: 12px; }
.aho-statistic-picker h3 { margin: 0 0 6px; }
.aho-statistic-picker p { color: var(--annual-muted); }
.aho-statistic-picker article > div { display: flex; flex-wrap: wrap; gap: 6px; }
.aho-review-findings { display: grid; gap: 12px; }
.aho-review-summary { margin: 0; padding: 12px; border-radius: 10px; background: var(--annual-accent-soft); }
.aho-review-findings article { padding: 14px; border: 1px solid var(--annual-border); border-radius: 12px; }
.aho-review-findings article h3 { margin: 5px 0 7px; font-size: 1rem; }
.aho-review-findings article p { margin: 0 0 9px; color: var(--annual-muted); }
.aho-review-findings article > div:last-child { display: flex; gap: 7px; margin-top: 10px; }
.aho-review-suggestion { padding: 9px; border-left: 3px solid #2c9a69; background: #f1faf6; }
.aho-inline-error { padding: 10px; border-radius: 8px; color: #a31830; background: #fff0f2; }
.aho-modal-loading { display: grid; place-items: center; min-height: 280px; color: var(--annual-muted); }

@media (max-width: 1380px) {
    .aho-annual-editor-grid { grid-template-columns: 230px minmax(500px, 1fr) 285px; }
    .aho-annual-toolbar { grid-template-columns: 1fr auto; }
    .aho-annual-save-state { grid-row: 2; }
    .aho-annual-toolbar__actions { grid-column: 2; grid-row: 1 / 3; max-width: 440px; }
}

@media (max-width: 1080px) {
    .aho-annual-editor-grid { grid-template-columns: 220px minmax(480px, 1fr); }
    .aho-annual-properties { position: static; grid-column: 1 / -1; width: 100%; max-height: none; }
    .aho-annual-properties > [data-properties-panel] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .aho-annual-toolbar { position: static; grid-template-columns: 1fr; }
    .aho-annual-toolbar__actions { grid-column: auto; grid-row: auto; justify-content: stretch; }
    .aho-annual-toolbar__actions .button { flex: 1 1 140px; }
    .aho-annual-editor-grid { grid-template-columns: 1fr; }
    .aho-annual-outline { position: static; max-height: 340px; }
    .aho-annual-canvas { padding: 8px; }
    .aho-a4-sheet { min-height: 700px; }
    .aho-a4-flow { column-count: 1; }
    .aho-annual-properties > [data-properties-panel] { grid-template-columns: 1fr; }
    .aho-annual-palette__grid { grid-template-columns: repeat(4, 1fr); }
    .aho-annual-create { width: 100%; flex-wrap: wrap; }
    .aho-pdf-preview { min-height: 72vh; }
}

@media (max-width: 480px) {
    .aho-annual-palette__grid { grid-template-columns: repeat(3, 1fr); }
    .aho-annual-report-card { grid-template-columns: 54px minmax(0, 1fr); }
    .aho-annual-report-card .status-badge { grid-column: 2; justify-self: start; }
}

:root[data-theme="dark"] .aho-annual-canvas { background: #0d1016; }
:root[data-theme="dark"] .aho-annual-privacy-note { color: #ffe6a5; background: #332b18; border-color: #5d4c21; }
:root[data-theme="dark"] .aho-module-hero--annual { background: linear-gradient(130deg, #1b1f29 0 58%, #392031 100%); }
:root[data-theme="dark"] .aho-annual-create { background: #222735; }

/* ==========================================================================
   SOURCE: intelligence-workspace-1.0.22.css
   ========================================================================== */

/* ========================================================================== */
/* AHO Intelligence Workspace 2026 · Version 1.0.22                           */
/* Content-first enterprise shell, spatial controls, analysis canvas          */
/* ========================================================================== */

:root {
    --iw-bg: #f4f6f8;
    --iw-canvas: #fbfcfd;
    --iw-ink: #111827;
    --iw-ink-soft: #405066;
    --iw-muted: #748195;
    --iw-faint: #98a4b4;
    --iw-line: #dce3e9;
    --iw-line-soft: #e9eef2;
    --iw-accent: #0b887e;
    --iw-accent-strong: #086b64;
    --iw-accent-wash: rgba(11,136,126,.09);
    --iw-indigo: #5264dc;
    --iw-indigo-wash: rgba(82,100,220,.09);
    --iw-warn: #ad6a14;
    --iw-warn-wash: rgba(173,106,20,.10);
    --iw-danger: #b4485b;
    --iw-success: #1e8665;
    --iw-glass: rgba(255,255,255,.74);
    --iw-glass-strong: rgba(255,255,255,.91);
    --iw-shadow-float: 0 20px 60px rgba(28,39,51,.14), 0 2px 8px rgba(28,39,51,.06);
    --iw-shadow-soft: 0 8px 30px rgba(28,39,51,.055);
    --iw-radius: 18px;
    --iw-radius-sm: 12px;
    --iw-ease: cubic-bezier(.2,.7,.2,1);
    --iw-font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root[data-theme="dark"] {
    --iw-bg: #080d13;
    --iw-canvas: #0c131b;
    --iw-ink: #f4f7fa;
    --iw-ink-soft: #c0cad6;
    --iw-muted: #8b9bac;
    --iw-faint: #68798b;
    --iw-line: #263444;
    --iw-line-soft: #1c2936;
    --iw-accent: #55c9bd;
    --iw-accent-strong: #7ddbd2;
    --iw-accent-wash: rgba(85,201,189,.12);
    --iw-indigo: #929cff;
    --iw-indigo-wash: rgba(146,156,255,.12);
    --iw-warn: #e6af61;
    --iw-warn-wash: rgba(230,175,97,.12);
    --iw-danger: #ff8597;
    --iw-success: #6bd4ad;
    --iw-glass: rgba(13,20,29,.74);
    --iw-glass-strong: rgba(13,20,29,.92);
    --iw-shadow-float: 0 24px 68px rgba(0,0,0,.42), 0 2px 10px rgba(0,0,0,.24);
    --iw-shadow-soft: 0 8px 30px rgba(0,0,0,.14);
}

html { scroll-behavior: smooth; }
html body {
    background:
        radial-gradient(70rem 46rem at 92% -12%, rgba(82,100,220,.055), transparent 55%),
        radial-gradient(52rem 32rem at 10% 12%, rgba(11,136,126,.038), transparent 60%),
        var(--iw-bg) !important;
    color: var(--iw-ink) !important;
    font-family: var(--iw-font-display) !important;
    text-rendering: optimizeLegibility;
}

/* -------------------------------------------------------------------------- */
/* Spatial shell: compact rail + floating top command layer                   */
/* -------------------------------------------------------------------------- */

@media (min-width: 1101px) {
    :root { --aho-sidebar-width: 88px !important; --aho-sidebar-collapsed: 88px !important; }
    html body .app-shell,
    html body.sidebar-collapsed .app-shell { grid-template-columns: 88px minmax(0,1fr) !important; }
    html body .sidebar {
        width: 88px !important;
        overflow: visible !important;
        border-right: 1px solid color-mix(in srgb,var(--iw-line) 70%,transparent) !important;
        background: color-mix(in srgb,var(--iw-canvas) 92%,transparent) !important;
        box-shadow: none !important;
        backdrop-filter: blur(22px) saturate(145%);
        z-index: 80;
    }
    html body .sidebar__brand {
        min-height: 74px !important;
        justify-content: center !important;
        padding: 12px !important;
        border: 0 !important;
        background: transparent !important;
    }
    html body .brand { justify-content: center !important; min-width: 0; }
    html body .brand__text,
    html body .sidebar__collapse,
    html body .nav-section__title,
    html body .nav-item__label,
    html body .system-indicator > div { display: none !important; }
    html body .brand__mark,
    html body .brand__logo {
        width: 42px !important; height: 42px !important;
        border: 1px solid color-mix(in srgb,var(--iw-accent) 25%,var(--iw-line)) !important;
        border-radius: 14px !important;
        color: var(--iw-accent) !important;
        background: linear-gradient(145deg,var(--iw-glass-strong),color-mix(in srgb,var(--iw-accent-wash) 70%,transparent)) !important;
        box-shadow: none !important;
    }
    html body .sidebar__navigation { padding: 6px 12px 14px !important; overflow: visible !important; }
    html body .nav-section + .nav-section { margin-top: 12px !important; padding-top: 12px; border-top: 1px solid var(--iw-line-soft); }
    html body .nav-section__items { gap: 5px !important; }
    html body .nav-item,
    html body.sidebar-collapsed .nav-item {
        position: relative;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 56px !important; height: 48px !important; min-height: 48px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 16px !important;
        color: var(--iw-muted) !important;
        background: transparent !important;
        transition: transform .18s var(--iw-ease), color .18s, background .18s !important;
    }
    html body .nav-item:hover { transform: translateY(-1px) !important; color: var(--iw-ink) !important; background: var(--iw-accent-wash) !important; }
    html body .nav-item.is-active,
    html body .nav-item[aria-current="page"] { color: var(--iw-accent) !important; background: var(--iw-accent-wash) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--iw-accent) 20%,transparent) !important; }
    html body .nav-item__icon { width: 22px !important; height: 22px !important; color: currentColor !important; }
    html body .nav-item::after {
        content: attr(title);
        position: absolute; left: 66px; top: 50%; transform: translateY(-50%) translateX(-4px);
        z-index: 120; white-space: nowrap; pointer-events: none;
        padding: 8px 10px; border: 1px solid var(--iw-line); border-radius: 10px;
        color: var(--iw-ink); background: var(--iw-glass-strong); box-shadow: var(--iw-shadow-soft);
        opacity: 0; visibility: hidden; transition: .16s var(--iw-ease); backdrop-filter: blur(18px);
        font-size: .78rem; font-weight: 700;
    }
    html body .nav-item:hover::after,
    html body .nav-item:focus-visible::after { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); }
    html body .sidebar__footer { padding: 10px 12px 14px !important; border: 0 !important; background: transparent !important; }
    html body .system-indicator { width: 56px; min-height: 44px !important; justify-content: center !important; border: 0 !important; background: transparent !important; }
    html body .topbar {
        left: 88px !important;
        min-height: 66px !important;
        margin: 10px 14px 0 !important;
        border: 1px solid color-mix(in srgb,var(--iw-line) 75%,transparent) !important;
        border-radius: 18px !important;
        background: var(--iw-glass) !important;
        box-shadow: var(--iw-shadow-soft) !important;
        backdrop-filter: blur(22px) saturate(150%);
    }
    html body .content { padding-top: 22px !important; }
}

html body .topbar-search {
    min-height: 42px !important;
    border: 1px solid color-mix(in srgb,var(--iw-line) 84%,transparent) !important;
    border-radius: 14px !important;
    color: var(--iw-muted) !important;
    background: color-mix(in srgb,var(--iw-canvas) 80%,transparent) !important;
    box-shadow: none !important;
}
html body .topbar-search:hover { color: var(--iw-ink) !important; border-color: color-mix(in srgb,var(--iw-accent) 34%,var(--iw-line)) !important; background: var(--iw-glass-strong) !important; }
html body .topbar__eyebrow { color: var(--iw-faint) !important; letter-spacing: .08em !important; }
html body .topbar__title strong { color: var(--iw-ink) !important; font-weight: 760 !important; }
html body .user-menu { border-radius: 15px !important; }
html body .content { max-width: none !important; width: 100% !important; padding-left: clamp(20px,2.2vw,42px) !important; padding-right: clamp(20px,2.2vw,42px) !important; }
html body .app-footer { color: var(--iw-faint) !important; border-color: var(--iw-line-soft) !important; }

/* -------------------------------------------------------------------------- */
/* Global 2026 language: typography/space first, containers only when needed  */
/* -------------------------------------------------------------------------- */

html body .page-header { border: 0 !important; padding: 10px 0 24px !important; margin: 0 0 12px !important; }
html body .page-header h1 { color: var(--iw-ink) !important; font-size: clamp(2rem,1.6rem + 1vw,3rem) !important; font-weight: 760 !important; letter-spacing: -.045em !important; }
html body .page-header p { max-width: 72ch; color: var(--iw-muted) !important; font-size: .94rem; }
html body .page-breadcrumb { color: var(--iw-faint) !important; }

/* Existing pages are opened up instead of boxed into dashboard cards. */
html body.page-standard .content > :is(.card,.panel,.aho-workspace) > :is(.card,.panel),
html body.page-standard .content > :is(.card,.panel),
html body.page-standard .aho-workspace > :is(.card,.panel,.aho-filter-panel,.aho-chart-card,.aho-data-card) {
    border: 0 !important;
    border-top: 1px solid var(--iw-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body.page-standard :is(.card__header,.panel__header) { padding-left: 0 !important; padding-right: 0 !important; }
html body.page-standard :is(.card__body,.panel__body) { padding-left: 0 !important; padding-right: 0 !important; }
html body.page-standard :is(.card__title,h2) { letter-spacing: -.025em; }

html body :is(.button,.btn) {
    min-height: 40px !important;
    border-radius: 999px !important;
    border-color: var(--iw-line) !important;
    color: var(--iw-ink-soft) !important;
    background: color-mix(in srgb,var(--iw-canvas) 76%,transparent) !important;
    box-shadow: none !important;
    font-size: .82rem !important;
    font-weight: 720 !important;
    transition: .18s var(--iw-ease) !important;
}
html body :is(.button,.btn):hover { color: var(--iw-ink) !important; border-color: color-mix(in srgb,var(--iw-accent) 30%,var(--iw-line)) !important; background: var(--iw-accent-wash) !important; transform: translateY(-1px); }
html body :is(.button--primary,.btn-primary,.button.primary) { color: #fff !important; border-color: var(--iw-accent) !important; background: var(--iw-accent) !important; }
:root[data-theme="dark"] body :is(.button--primary,.btn-primary,.button.primary) { color: #06231f !important; }
html body :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
    border-color: var(--iw-line) !important;
    border-radius: 12px !important;
    color: var(--iw-ink) !important;
    background: color-mix(in srgb,var(--iw-canvas) 86%,transparent) !important;
    box-shadow: none !important;
}
html body :is(input,select,textarea):focus { border-color: color-mix(in srgb,var(--iw-accent) 58%,var(--iw-line)) !important; box-shadow: 0 0 0 3px var(--iw-accent-wash) !important; }
html body :is(.badge,.aho-status-pill,.aho-module-badge,.aho-team-badge) { border-radius: 999px !important; box-shadow: none !important; }

.iw-kicker {
    display: inline-block;
    color: var(--iw-accent);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.iw-tech-label { color: var(--iw-faint); font-size: .72rem; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
.is-up { color: var(--iw-success) !important; }
.is-down { color: var(--iw-danger) !important; }

/* -------------------------------------------------------------------------- */
/* Intelligence Workspace Pro                                                */
/* -------------------------------------------------------------------------- */

body.page-intelligence-workspace .content { padding-top: 18px !important; }
.iw-shell { width: 100%; max-width: 1880px; margin: 0 auto; }
.iw-command-deck { position: relative; padding: 16px 0 22px; border-bottom: 1px solid var(--iw-line); }
.iw-command-deck__identity { display: grid; grid-template-columns: minmax(260px,.8fr) minmax(520px,1.4fr); align-items: end; column-gap: 34px; }
.iw-command-deck__identity h1 { margin: 3px 0 4px; color: var(--iw-ink); font-size: clamp(2.3rem,2rem + 1.1vw,3.7rem); line-height: .98; font-weight: 760; letter-spacing: -.06em; }
.iw-command-deck__identity p { grid-column: 1/-1; max-width: 84ch; margin: 10px 0 0; color: var(--iw-muted); font-size: .91rem; }
.iw-title-line { display: flex; align-items: center; gap: 14px; }
.iw-live,.ew-live { display: inline-flex; align-items: center; gap: 7px; color: var(--iw-muted); font-size: .72rem; font-weight: 700; }
.iw-live i,.ew-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--iw-success); box-shadow: 0 0 0 5px color-mix(in srgb,var(--iw-success) 12%,transparent); }
.iw-command {
    grid-column: 2; grid-row: 1;
    display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px;
    min-height: 54px; padding: 0 14px 0 16px;
    border: 1px solid color-mix(in srgb,var(--iw-line) 80%,transparent); border-radius: 18px;
    background: var(--iw-glass); box-shadow: var(--iw-shadow-soft); backdrop-filter: blur(20px) saturate(150%);
}
.iw-command__spark { color: var(--iw-indigo); font-size: 1.05rem; }
.iw-command input { min-height: 44px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: .93rem; }
.iw-command kbd { padding: 4px 7px; border: 1px solid var(--iw-line); border-radius: 7px; color: var(--iw-faint); background: color-mix(in srgb,var(--iw-canvas) 70%,transparent); font: 700 .72rem/1 var(--iw-font-display); }
.iw-context-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin-top: 18px; color: var(--iw-muted); font-size: .77rem; }
.iw-context-bar > span { padding-right: 14px; border-right: 1px solid var(--iw-line-soft); }
.iw-year-inline { display: inline-flex; align-items: center; gap: 7px; }
.iw-year-inline label { color: var(--iw-faint); font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.iw-year-inline select { min-height: 32px !important; padding: 4px 30px 4px 9px !important; border: 0 !important; border-bottom: 1px solid var(--iw-line) !important; border-radius: 0 !important; background: transparent !important; font-weight: 760; }

.iw-filter-popover { position: relative; }
.iw-filter-popover > summary { list-style: none; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; color: var(--iw-ink-soft); font-weight: 720; }
.iw-filter-popover > summary::-webkit-details-marker { display: none; }
.iw-filter-popover > summary b { min-width: 20px; height: 20px; display: grid; place-items: center; border-radius: 999px; color: var(--iw-accent); background: var(--iw-accent-wash); font-size: .67rem; }
.iw-filter-popover[open] > summary { color: var(--iw-accent); }
.iw-filter-sheet {
    position: absolute; z-index: 100; top: calc(100% + 12px); right: 0;
    width: min(960px,calc(100vw - 150px)); max-height: min(74vh,760px); overflow: auto;
    padding: 22px; border: 1px solid color-mix(in srgb,var(--iw-line) 86%,transparent); border-radius: 20px;
    background: var(--iw-glass-strong); box-shadow: var(--iw-shadow-float); backdrop-filter: blur(26px) saturate(145%);
}
.iw-filter-sheet--views { width: min(520px,calc(100vw - 150px)); }
.iw-sheet-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--iw-line-soft); }
.iw-sheet-head h2 { margin: 3px 0 0; font-size: 1.25rem; letter-spacing: -.03em; }
.iw-sheet-head > span { color: var(--iw-faint); font-size: .74rem; }
.iw-filter-form { display: grid; grid-template-columns: repeat(4,minmax(150px,1fr)); gap: 14px 12px; padding-top: 18px; }
.iw-filter-form label { display: grid; gap: 6px; color: var(--iw-muted); font-size: .7rem; font-weight: 740; text-transform: uppercase; letter-spacing: .055em; }
.iw-filter-form :is(input,select) { min-height: 42px !important; font-size: .82rem !important; text-transform: none; letter-spacing: 0; }
.iw-filter-form__footer { grid-column: 1/-1; display: flex; justify-content: flex-end; align-items: center; gap: 14px; padding-top: 8px; }
.iw-filter-form__footer a { color: var(--iw-muted); font-size: .78rem; }
.js-iw .iw-fallback-submit { display: none !important; }
.iw-save-view { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--iw-line-soft); }
.iw-save-view button,.iw-ai-stage button { border: 0; border-radius: 12px; color: #fff; background: var(--iw-accent); padding: 0 16px; font-weight: 760; cursor: pointer; }
.iw-saved-list { display: grid; }
.iw-saved-row { display: grid; grid-template-columns: 1fr auto; align-items: center; border-bottom: 1px solid var(--iw-line-soft); }
.iw-saved-row > a { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 13px 0; color: var(--iw-ink); }
.iw-saved-row small { color: var(--iw-muted); }
.iw-saved-row form button { width: 32px; height: 32px; border: 0; border-radius: 50%; color: var(--iw-muted); background: transparent; cursor: pointer; }
.iw-saved-row form button:hover { color: var(--iw-danger); background: color-mix(in srgb,var(--iw-danger) 8%,transparent); }
.iw-filter-tokens { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.iw-filter-tokens span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid var(--iw-line-soft); border-radius: 999px; color: var(--iw-ink-soft); background: color-mix(in srgb,var(--iw-canvas) 72%,transparent); font-size: .72rem; }
.iw-filter-tokens small { color: var(--iw-faint); }

.iw-modes { position: sticky; top: 82px; z-index: 45; display: flex; align-items: center; gap: 4px; width: max-content; max-width: 100%; margin: 12px 0 24px; padding: 5px; overflow-x: auto; border: 1px solid color-mix(in srgb,var(--iw-line) 78%,transparent); border-radius: 14px; background: var(--iw-glass); box-shadow: 0 8px 24px rgba(30,40,55,.045); backdrop-filter: blur(18px); }
.iw-modes button { flex: 0 0 auto; min-height: 34px; padding: 0 12px; border: 0; border-radius: 10px; color: var(--iw-muted); background: transparent; font: 720 .76rem/1 var(--iw-font-display); cursor: pointer; }
.iw-modes button:hover { color: var(--iw-ink); background: var(--iw-accent-wash); }
.iw-modes button[aria-current="page"] { color: var(--iw-accent); background: var(--iw-accent-wash); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--iw-accent) 16%,transparent); }
.iw-panel { display: none; animation: iwPanelIn .22s var(--iw-ease); }
.iw-panel.is-active { display: block; }
@keyframes iwPanelIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.iw-metric-strip { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 0; border-top: 1px solid var(--iw-line); border-bottom: 1px solid var(--iw-line); }
.iw-metric { position: relative; min-width: 0; padding: 22px 18px 20px 0; color: var(--iw-ink); text-decoration: none; }
.iw-metric + .iw-metric { padding-left: 18px; border-left: 1px solid var(--iw-line-soft); }
.iw-metric::after { content: "↗"; position: absolute; right: 10px; top: 16px; color: var(--iw-faint); opacity: 0; transform: translate(-3px,3px); transition: .18s; }
.iw-metric:hover::after { opacity: 1; transform: none; }
.iw-metric__value { display: block; color: var(--iw-ink); font-size: clamp(1.65rem,1.35rem + .6vw,2.35rem); font-weight: 760; line-height: 1; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.iw-metric__label { display: block; margin-top: 8px; color: var(--iw-ink-soft); font-size: .78rem; font-weight: 760; }
.iw-metric__delta { display: block; margin-top: 8px; font-size: .72rem; font-weight: 740; }
.iw-metric__delta small { color: var(--iw-faint); font-weight: 600; }

.iw-stage { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: clamp(26px,3vw,56px); padding: 34px 0 20px; }
.iw-stage__main { min-width: 0; }
.iw-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.iw-section-head h2 { margin: 3px 0 0; color: var(--iw-ink); font-size: clamp(1.35rem,1.15rem + .4vw,1.8rem); font-weight: 740; letter-spacing: -.035em; }
.iw-section-head p { max-width: 72ch; margin: 7px 0 0; color: var(--iw-muted); font-size: .87rem; line-height: 1.6; }
.iw-section-head--large { padding-bottom: 18px; border-bottom: 1px solid var(--iw-line); }
.iw-visual-intent { display: flex; align-items: center; gap: 6px; }
.iw-visual-intent :is(button,a),.iw-text-action { min-height: 34px; display: inline-flex; align-items: center; padding: 0 10px; border: 0; border-radius: 9px; color: var(--iw-muted); background: transparent; font: 700 .73rem/1 var(--iw-font-display); cursor: pointer; text-decoration: none; }
.iw-visual-intent :is(button,a):hover,.iw-visual-intent .is-active,.iw-text-action:hover { color: var(--iw-accent); background: var(--iw-accent-wash); }
.iw-trend-wrap,.iw-compare-chart { min-height: 360px; padding: 10px 0 0; }
.iw-trend-canvas { display: block; width: 100%; height: 340px; min-height: 280px; }
.iw-month-rail { display: grid; grid-template-columns: repeat(12,minmax(44px,1fr)); margin-top: 8px; border-top: 1px solid var(--iw-line-soft); }
.iw-month-rail a { min-width: 0; display: grid; gap: 3px; padding: 10px 6px 8px; color: var(--iw-ink); text-align: center; text-decoration: none; border-bottom: 2px solid transparent; }
.iw-month-rail a:hover { background: var(--iw-accent-wash); border-bottom-color: var(--iw-accent); }
.iw-month-rail span { color: var(--iw-faint); font-size: .63rem; font-weight: 760; text-transform: uppercase; letter-spacing: .06em; }
.iw-month-rail strong { font-size: .83rem; font-variant-numeric: tabular-nums; }

.iw-insight-rail { padding-left: 26px; border-left: 1px solid var(--iw-line); }
.iw-rail-section { display: grid; gap: 0; }
.iw-rail-section + .iw-rail-section { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--iw-line-soft); }
.iw-signal { display: grid; gap: 4px; padding: 15px 0; border-bottom: 1px solid var(--iw-line-soft); color: var(--iw-ink); text-decoration: none; }
.iw-signal small,.iw-contribution small { color: var(--iw-muted); font-size: .7rem; font-weight: 680; }
.iw-signal strong { font-size: 1.02rem; letter-spacing: -.02em; }
.iw-signal > span { color: var(--iw-faint); font-size: .71rem; }
.iw-signal.is-warning strong { color: var(--iw-warn); }
.iw-signal.is-good strong { color: var(--iw-success); }
.iw-contribution { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 18px; padding: 11px 0; border-bottom: 1px solid var(--iw-line-soft); color: var(--iw-ink); text-decoration: none; }
.iw-contribution span { min-width: 0; display: grid; gap: 2px; }
.iw-contribution strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; }
.iw-contribution > b { color: var(--iw-ink-soft); font-size: .84rem; font-variant-numeric: tabular-nums; }

.iw-heatmap { margin: 28px 0 38px; overflow-x: auto; }
.iw-heatmap__head,.iw-heatmap__row { min-width: 900px; display: grid; grid-template-columns: 150px repeat(12,minmax(48px,1fr)); gap: 4px; align-items: center; }
.iw-heatmap__head { padding-bottom: 8px; color: var(--iw-faint); font-size: .65rem; text-align: center; text-transform: uppercase; letter-spacing: .07em; }
.iw-heatmap__head > span { text-align: left; }
.iw-heatmap__row + .iw-heatmap__row { margin-top: 4px; }
.iw-heatmap__row > span { color: var(--iw-ink-soft); font-size: .76rem; font-weight: 720; }
.iw-heatmap__row a { position: relative; height: 42px; display: grid; place-items: center; border-radius: 8px; overflow: hidden; color: var(--iw-ink); text-decoration: none; background: var(--iw-line-soft); }
.iw-heatmap__row a i { position: absolute; inset: 0; opacity: var(--heat); background: var(--iw-accent); }
.iw-heatmap__row a em { position: relative; z-index: 1; font-size: .7rem; font-style: normal; font-weight: 800; color: color-mix(in srgb,var(--iw-ink) 90%,white 10%); }
.iw-heatmap__row a:hover { outline: 2px solid color-mix(in srgb,var(--iw-accent) 36%,transparent); outline-offset: 2px; }

.iw-dimension-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px 38px; }
.iw-dimension { min-width: 0; padding-top: 12px; border-top: 1px solid var(--iw-line); }
.iw-dimension header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 10px; }
.iw-dimension header span { color: var(--iw-ink); font-size: .86rem; font-weight: 760; }
.iw-dimension header small { color: var(--iw-faint); font-size: .68rem; }
.iw-dimension__rows { display: grid; }
.iw-dimension__rows a { display: grid; grid-template-columns: minmax(90px,1.15fr) minmax(90px,1.4fr) auto; align-items: center; gap: 10px; min-height: 35px; color: var(--iw-ink-soft); text-decoration: none; }
.iw-dimension__rows a > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .73rem; }
.iw-dimension__rows a i { height: 3px; overflow: hidden; border-radius: 999px; background: var(--iw-line-soft); }
.iw-dimension__rows a i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--iw-accent),color-mix(in srgb,var(--iw-indigo) 70%,var(--iw-accent))); }
.iw-dimension__rows a strong { color: var(--iw-ink); font-size: .72rem; font-variant-numeric: tabular-nums; }
.iw-dimension__rows a:hover > span { color: var(--iw-accent); }

.iw-compare-table { margin-top: 20px; border-top: 1px solid var(--iw-line); }
.iw-compare-table__head,.iw-compare-row { display: grid; grid-template-columns: minmax(220px,1.8fr) repeat(3,minmax(100px,.75fr)); align-items: center; gap: 18px; }
.iw-compare-table__head { padding: 9px 0; color: var(--iw-faint); font-size: .65rem; text-transform: uppercase; letter-spacing: .07em; }
.iw-compare-row { min-height: 66px; border-top: 1px solid var(--iw-line-soft); color: var(--iw-ink); text-decoration: none; }
.iw-compare-row > span { display: grid; gap: 2px; }
.iw-compare-row small { color: var(--iw-muted); font-size: .69rem; }
.iw-compare-row > b { font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.iw-compare-row em { font-size: .76rem; font-style: normal; font-weight: 760; }
.iw-compare-row:hover { background: linear-gradient(90deg,transparent,var(--iw-accent-wash),transparent); }

.iw-trend-ledger,.iw-quality-ledger,.iw-goal-list { border-top: 1px solid var(--iw-line); }
.iw-trend-line { min-height: 74px; display: grid; grid-template-columns: minmax(180px,1.5fr) .7fr .8fr 1fr; align-items: center; gap: 18px; border-bottom: 1px solid var(--iw-line-soft); }
.iw-trend-line > span { display: grid; gap: 2px; }
.iw-trend-line small { color: var(--iw-muted); font-size: .69rem; }
.iw-trend-line > b { font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.iw-trend-line > em { font-size: .78rem; font-style: normal; font-weight: 760; }
.iw-anomaly-list { margin-top: 34px; border-top: 1px solid var(--iw-line); }
.iw-anomaly-list header { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; }
.iw-anomaly-list header span { font-weight: 760; }
.iw-anomaly-list header small { color: var(--iw-faint); font-size: .69rem; }
.iw-anomaly-list > a { display: grid; grid-template-columns: 120px 1fr auto; align-items: center; min-height: 54px; border-top: 1px solid var(--iw-line-soft); color: var(--iw-ink); text-decoration: none; }
.iw-anomaly-list em { color: var(--iw-warn); font-style: normal; font-size: .74rem; font-weight: 760; }

.iw-goal-row { min-height: 84px; display: grid; grid-template-columns: minmax(160px,1.2fr) minmax(160px,1.8fr) 80px minmax(120px,1fr) minmax(120px,1fr); align-items: center; gap: 16px; border-bottom: 1px solid var(--iw-line-soft); }
.iw-goal-row > span { display: grid; gap: 2px; }
.iw-goal-row small { color: var(--iw-muted); font-size: .68rem; }
.iw-goal-track { height: 4px; overflow: hidden; border-radius: 999px; background: var(--iw-line-soft); }
.iw-goal-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--iw-accent),var(--iw-indigo)); }
.iw-goal-row > b { font-size: .82rem; font-variant-numeric: tabular-nums; }
.iw-quality-ledger > a { min-height: 64px; display: grid; grid-template-columns: 1fr auto 30px; align-items: center; gap: 18px; border-bottom: 1px solid var(--iw-line-soft); color: var(--iw-ink); text-decoration: none; }
.iw-quality-ledger > a > span { display: grid; gap: 2px; }
.iw-quality-ledger small { color: var(--iw-muted); font-size: .7rem; }
.iw-quality-ledger > a > b { font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.iw-quality-ledger > a > em { color: var(--iw-faint); font-style: normal; }

.iw-ai-stage { width: min(920px,100%); margin: 8vh auto 0; text-align: center; }
.iw-ai-orb { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 18px; border: 1px solid color-mix(in srgb,var(--iw-indigo) 28%,var(--iw-line)); border-radius: 22px; color: var(--iw-indigo); background: radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--iw-indigo-wash) 90%,transparent),transparent 65%); box-shadow: var(--iw-shadow-soft); font-size: 1.35rem; }
.iw-ai-stage h2 { margin: 6px 0 8px; font-size: clamp(2rem,1.6rem + 1vw,3rem); letter-spacing: -.05em; }
.iw-ai-stage > p { width: min(650px,100%); margin: 0 auto; color: var(--iw-muted); line-height: 1.65; }
.iw-ai-stage form { display: grid; grid-template-columns: 1fr auto; align-items: stretch; gap: 8px; margin-top: 28px; padding: 8px; border: 1px solid var(--iw-line); border-radius: 20px; background: var(--iw-glass); box-shadow: var(--iw-shadow-soft); backdrop-filter: blur(20px); }
.iw-ai-stage textarea { min-height: 112px !important; resize: vertical; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.iw-ai-stage button { min-width: 150px; }
.iw-ai-examples { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.iw-ai-examples a { padding: 7px 10px; border: 1px solid var(--iw-line-soft); border-radius: 999px; color: var(--iw-muted); font-size: .71rem; text-decoration: none; }
.iw-ai-examples a:hover { color: var(--iw-accent); border-color: color-mix(in srgb,var(--iw-accent) 30%,var(--iw-line)); background: var(--iw-accent-wash); }
.iw-empty { margin: 14px 0; color: var(--iw-muted); font-size: .78rem; }
.iw-empty--large { min-height: 220px; display: grid; place-items: center; align-content: center; gap: 8px; text-align: center; }
.iw-empty--large strong { color: var(--iw-ink); font-size: 1.1rem; }
.iw-empty--large a { color: var(--iw-accent); font-weight: 720; }

/* -------------------------------------------------------------------------- */
/* Executive dashboard                                                        */
/* -------------------------------------------------------------------------- */
body.page-executive-workspace .content { padding-top: 24px !important; }
.ew-shell { width: 100%; max-width: 1880px; margin: 0 auto; }
.ew-hero { display: flex; justify-content: space-between; align-items: end; gap: 28px; padding: 18px 0 26px; border-bottom: 1px solid var(--iw-line); }
.ew-hero h1 { margin: 4px 0 4px; font-size: clamp(2.5rem,2rem + 1.2vw,4rem); line-height: .98; letter-spacing: -.065em; font-weight: 760; }
.ew-hero p { margin: 0; color: var(--iw-muted); font-size: .91rem; }
.ew-hero__tools { display: flex; align-items: center; gap: 12px 18px; }
.ew-hero__tools form { display: flex; align-items: center; gap: 8px; }
.ew-hero__tools label { color: var(--iw-faint); font-size: .67rem; font-weight: 760; text-transform: uppercase; letter-spacing: .08em; }
.ew-hero__tools select { min-height: 34px !important; border: 0 !important; border-bottom: 1px solid var(--iw-line) !important; border-radius: 0 !important; background: transparent !important; font-weight: 760; }
.ew-hero__tools > a { color: var(--iw-accent); font-size: .78rem; font-weight: 760; text-decoration: none; }
.ew-metrics { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); border-bottom: 1px solid var(--iw-line); }
.ew-metrics a { display: grid; gap: 5px; padding: 24px 18px 22px 0; color: var(--iw-ink); text-decoration: none; }
.ew-metrics a + a { padding-left: 18px; border-left: 1px solid var(--iw-line-soft); }
.ew-metrics strong { font-size: clamp(1.8rem,1.45rem + .7vw,2.6rem); line-height: 1; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.ew-metrics span { color: var(--iw-ink-soft); font-size: .76rem; font-weight: 760; }
.ew-metrics small { font-size: .7rem; font-weight: 730; }
.ew-metrics small em { color: var(--iw-faint); font-style: normal; font-weight: 600; }
.ew-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: clamp(28px,3vw,56px); padding: 36px 0; }
.ew-trend { min-width: 0; }
.ew-trend__canvas { height: 320px; }
.ew-briefing { padding-left: 28px; border-left: 1px solid var(--iw-line); }
.ew-briefing > a { display: grid; gap: 4px; padding: 15px 0; border-bottom: 1px solid var(--iw-line-soft); color: var(--iw-ink); text-decoration: none; }
.ew-briefing small { color: var(--iw-muted); font-size: .69rem; }
.ew-briefing strong { font-size: .98rem; letter-spacing: -.018em; }
.ew-briefing a > span { color: var(--iw-faint); font-size: .7rem; }
.ew-briefing .is-warning strong { color: var(--iw-warn); }
.ew-briefing .is-good strong { color: var(--iw-success); }
.ew-actions { display: grid; grid-template-columns: minmax(220px,.6fr) minmax(0,1.4fr); gap: 44px; padding: 30px 0 10px; border-top: 1px solid var(--iw-line); }
.ew-actions h2 { margin: 4px 0; font-size: 1.5rem; letter-spacing: -.035em; }
.ew-actions nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.ew-actions nav a { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; min-height: 58px; border-bottom: 1px solid var(--iw-line-soft); color: var(--iw-ink); text-decoration: none; font-size: .8rem; font-weight: 720; }
.ew-actions nav a:nth-child(odd) { padding-right: 20px; }
.ew-actions nav a:nth-child(even) { padding-left: 20px; border-left: 1px solid var(--iw-line-soft); }
.ew-actions nav a > span { color: var(--iw-faint); font-size: .68rem; }
.ew-actions nav a > em { color: var(--iw-faint); font-style: normal; }
.ew-actions nav a:hover { color: var(--iw-accent); background: linear-gradient(90deg,transparent,var(--iw-accent-wash)); }

/* -------------------------------------------------------------------------- */
/* Activity Ledger · Meine Einträge                                           */
/* -------------------------------------------------------------------------- */
body.page-ledger-workspace .content { padding-top: 24px !important; }
.le-shell { width: 100%; max-width: 1760px; margin: 0 auto; }
.le-hero { display: flex; justify-content: space-between; align-items: end; gap: 28px; padding: 18px 0 24px; border-bottom: 1px solid var(--iw-line); }
.le-hero h1 { margin: 4px 0; font-size: clamp(2.35rem,1.9rem + 1vw,3.6rem); line-height: 1; letter-spacing: -.06em; }
.le-hero p { margin: 0; color: var(--iw-muted); }
.le-create { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.le-create a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--iw-line); border-radius: 999px; color: var(--iw-ink-soft); text-decoration: none; font-size: .73rem; font-weight: 720; }
.le-create a span { color: var(--iw-accent); font-size: 1rem; }
.le-create a:hover { color: var(--iw-accent); border-color: color-mix(in srgb,var(--iw-accent) 30%,var(--iw-line)); background: var(--iw-accent-wash); }
.le-metrics { display: flex; gap: 0; border-bottom: 1px solid var(--iw-line); }
.le-metrics div { min-width: 180px; display: grid; gap: 4px; padding: 18px 28px 18px 0; }
.le-metrics div + div { padding-left: 28px; border-left: 1px solid var(--iw-line-soft); }
.le-metrics strong { font-size: 1.65rem; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.le-metrics span { color: var(--iw-muted); font-size: .7rem; font-weight: 720; text-transform: uppercase; letter-spacing: .06em; }
.le-querybar { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--iw-line); }
.le-search { width: min(620px,70%); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; }
.le-search > span { color: var(--iw-faint); font-size: 1.15rem; }
.le-search input { min-height: 42px !important; padding-left: 0 !important; border: 0 !important; border-bottom: 1px solid var(--iw-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.le-search button { border: 0; color: var(--iw-accent); background: transparent; font-weight: 760; cursor: pointer; }
.le-filter { position: relative; }
.le-filter summary { list-style: none; cursor: pointer; color: var(--iw-ink-soft); font-size: .78rem; font-weight: 740; }
.le-filter summary::-webkit-details-marker { display: none; }
.le-filter summary b { display: inline-grid; place-items: center; min-width: 21px; height: 21px; margin-left: 5px; border-radius: 999px; color: var(--iw-accent); background: var(--iw-accent-wash); font-size: .67rem; }
.le-filter-sheet { position: absolute; z-index: 70; right: 0; top: calc(100% + 10px); width: min(720px,calc(100vw - 140px)); padding: 20px; border: 1px solid var(--iw-line); border-radius: 18px; background: var(--iw-glass-strong); box-shadow: var(--iw-shadow-float); backdrop-filter: blur(24px); }
.le-filter-sheet form { display: grid; grid-template-columns: repeat(3,minmax(150px,1fr)); gap: 13px; }
.le-filter-sheet label { display: grid; gap: 6px; color: var(--iw-muted); font-size: .68rem; font-weight: 740; text-transform: uppercase; letter-spacing: .05em; }
.le-filter-sheet footer { grid-column: 1/-1; display: flex; justify-content: flex-end; gap: 12px; }
.le-filter-sheet footer a { color: var(--iw-muted); font-size: .74rem; }
.le-ledger { padding-top: 6px; }
.le-day { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 28px; padding: 22px 0; border-bottom: 1px solid var(--iw-line); }
.le-day > header { position: sticky; top: 96px; align-self: start; display: grid; gap: 5px; }
.le-day > header time { color: var(--iw-ink); font-size: .78rem; font-weight: 760; line-height: 1.4; }
.le-day > header span { color: var(--iw-faint); font-size: .68rem; }
.le-day__rows { display: grid; }
.le-row { position: relative; display: grid; grid-template-columns: minmax(180px,1.2fr) minmax(240px,1.6fr) minmax(150px,.8fr) minmax(120px,.7fr); align-items: center; gap: 18px; min-height: 76px; padding: 9px 0 9px 16px; border-bottom: 1px solid var(--iw-line-soft); }
.le-row:last-child { border-bottom: 0; }
.le-row__rail { position: absolute; left: 0; top: 17px; bottom: 17px; width: 3px; border-radius: 999px; background: var(--iw-indigo); opacity: .55; }
.le-row--social_work .le-row__rail { background: var(--iw-accent); }
.le-row--events .le-row__rail { background: #7c64d6; }
.le-row--needle_exchange .le-row__rail { background: #377bb7; }
.le-row__type { min-width: 0; display: grid; gap: 3px; }
.le-row__type small,.le-row__meta small { color: var(--iw-faint); font-size: .66rem; font-weight: 730; text-transform: uppercase; letter-spacing: .06em; }
.le-row__type strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .84rem; }
.le-row__context { min-width: 0; display: flex; flex-wrap: wrap; gap: 5px 14px; color: var(--iw-muted); font-size: .72rem; }
.le-row__meta { display: grid; gap: 3px; color: var(--iw-muted); font-size: .7rem; }
.le-row__actions { text-align: right; }
.le-row__actions a { color: var(--iw-ink-soft); font-size: .72rem; font-weight: 760; text-decoration: none; opacity: .45; transition: .15s; }
.le-row__actions a span { color: var(--iw-faint); }
.le-row:hover .le-row__actions a,.le-row__actions a:focus-visible { opacity: 1; color: var(--iw-accent); }
.le-row__actions > span { color: var(--iw-faint); font-size: .68rem; }
.le-empty { min-height: 320px; display: grid; place-items: center; align-content: center; gap: 8px; text-align: center; color: var(--iw-muted); }
.le-empty > span { font-size: 2rem; color: var(--iw-faint); }
.le-empty strong { color: var(--iw-ink); font-size: 1.1rem; }
.le-empty p { margin: 0; }
.le-empty a { color: var(--iw-accent); font-size: .76rem; font-weight: 760; }

/* -------------------------------------------------------------------------- */
/* Entry Workspace refinement: single vertical canvas, no card wall           */
/* -------------------------------------------------------------------------- */
html body.page-entry .aho-entry-workspace,
html body.page-entry .aho-entry-canvas { max-width: 1600px !important; }
html body.page-entry :is(.aho-entry-section,.aho-form-section,.aho-entry-panel) {
    border-radius: 0 !important;
    box-shadow: none !important;
}
html body.page-entry .aho-entry-section + .aho-entry-section,
html body.page-entry .aho-form-section + .aho-form-section { border-top: 1px solid var(--iw-line) !important; }
html body.page-entry :is(.aho-choice,.aho-choice-card,.aho-option-card) {
    box-shadow: none !important;
    transition: background .16s var(--iw-ease),border-color .16s var(--iw-ease),transform .16s var(--iw-ease) !important;
}
html body.page-entry :is(.aho-choice,.aho-choice-card,.aho-option-card):hover { transform: translateY(-1px); }
html body.page-entry .aho-entry-actionbar { background: var(--iw-glass-strong) !important; backdrop-filter: blur(22px) saturate(150%) !important; box-shadow: 0 -10px 36px rgba(30,40,55,.07) !important; }

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */
@media (max-width: 1450px) {
    .iw-metric-strip { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .iw-metric:nth-child(5) { border-left: 0; padding-left: 0; }
    .iw-metric:nth-child(n+5) { border-top: 1px solid var(--iw-line-soft); }
    .iw-dimension-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ew-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .ew-metrics a:nth-child(4) { border-left: 0; padding-left: 0; border-top: 1px solid var(--iw-line-soft); }
    .ew-metrics a:nth-child(n+4) { border-top: 1px solid var(--iw-line-soft); }
}
@media (max-width: 1100px) {
    .iw-command-deck__identity { display: block; }
    .iw-command { margin-top: 18px; }
    .iw-stage,.ew-grid { grid-template-columns: 1fr; }
    .iw-insight-rail,.ew-briefing { padding-left: 0; padding-top: 24px; border-left: 0; border-top: 1px solid var(--iw-line); }
    .iw-filter-sheet,.iw-filter-sheet--views,.le-filter-sheet { position: fixed; inset: 90px 18px auto 18px; width: auto; max-height: calc(100vh - 120px); }
    .iw-filter-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .iw-goal-row { grid-template-columns: 1fr 1fr 70px; padding: 14px 0; }
    .iw-goal-row > span:nth-last-child(-n+2) { display: none; }
    .le-day { grid-template-columns: 1fr; gap: 10px; }
    .le-day > header { position: static; }
    .le-row { grid-template-columns: 1fr 1.4fr .8fr; }
    .le-row__actions { grid-column: 1/-1; text-align: left; }
}
@media (max-width: 780px) {
    .iw-command-deck__identity h1,.ew-hero h1,.le-hero h1 { font-size: 2.3rem; }
    .iw-context-bar { align-items: flex-start; }
    .iw-context-bar > span { display: none; }
    .iw-metric-strip,.ew-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .iw-metric:nth-child(odd),.ew-metrics a:nth-child(odd) { border-left: 0 !important; padding-left: 0 !important; }
    .iw-metric:nth-child(n+3),.ew-metrics a:nth-child(n+3) { border-top: 1px solid var(--iw-line-soft); }
    .iw-dimension-grid { grid-template-columns: 1fr; }
    .iw-compare-table__head,.iw-compare-row { grid-template-columns: minmax(140px,1.3fr) repeat(3,.7fr); gap: 8px; }
    .iw-trend-line { grid-template-columns: 1.3fr .6fr .7fr; }
    .iw-trend-line > span:last-child { display: none; }
    .ew-hero,.le-hero { align-items: flex-start; flex-direction: column; }
    .ew-actions { grid-template-columns: 1fr; gap: 16px; }
    .le-querybar { align-items: stretch; flex-direction: column; }
    .le-search { width: 100%; }
    .le-filter-sheet { inset: 80px 12px auto 12px; }
    .le-filter-sheet form { grid-template-columns: 1fr 1fr; }
    .le-row { grid-template-columns: 1fr; gap: 7px; padding-top: 14px; padding-bottom: 14px; }
    .le-row__actions { grid-column: auto; }
    .le-row__actions a { opacity: 1; }
}
@media (max-width: 520px) {
    .iw-filter-form,.le-filter-sheet form { grid-template-columns: 1fr; }
    .iw-metric-strip,.ew-metrics { grid-template-columns: 1fr 1fr; }
    .iw-trend-canvas { height: 270px; }
    .iw-month-rail { overflow-x: auto; grid-template-columns: repeat(12,56px); }
    .iw-ai-stage form { grid-template-columns: 1fr; }
    .iw-ai-stage button { min-height: 44px; }
    .iw-compare-table__head { display: none; }
    .iw-compare-row { grid-template-columns: 1fr 1fr; padding: 10px 0; }
    .iw-compare-row > span { grid-column: 1/-1; }
    .iw-goal-row { grid-template-columns: 1fr 70px; }
    .iw-goal-track { grid-column: 1/-1; }
    .le-metrics { overflow-x: auto; }
    .le-metrics div { min-width: 150px; }
    .ew-actions nav { grid-template-columns: 1fr; }
    .ew-actions nav a:nth-child(even),.ew-actions nav a:nth-child(odd) { padding-left: 0; padding-right: 0; border-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Context Inspector: all analytics drill-downs become a right-side work layer. */
html body .aho-drilldown-backdrop {
    align-items: stretch !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    background: rgba(9,14,20,.20) !important;
    backdrop-filter: blur(2px) !important;
}
html body .aho-drilldown-modal {
    width: min(720px,92vw) !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    border: 0 !important;
    border-left: 1px solid var(--iw-line) !important;
    border-radius: 0 !important;
    background: var(--iw-glass-strong) !important;
    box-shadow: -24px 0 70px rgba(20,30,42,.17) !important;
    backdrop-filter: blur(28px) saturate(145%) !important;
    animation: iwInspectorIn .24s var(--iw-ease) !important;
}
@keyframes iwInspectorIn { from { transform: translateX(28px); opacity: .7; } to { transform: none; opacity: 1; } }
html body .aho-drilldown-modal__header { position: sticky; top: 0; z-index: 4; padding: 24px 26px 18px !important; border-bottom: 1px solid var(--iw-line) !important; background: var(--iw-glass-strong) !important; backdrop-filter: blur(24px); }
html body .aho-drilldown-modal__header h2 { font-size: 1.45rem !important; letter-spacing: -.035em !important; }
html body .aho-drilldown-modal__header p { color: var(--iw-muted) !important; }
html body .aho-drilldown-modal__close { width: 38px !important; height: 38px !important; border: 1px solid var(--iw-line) !important; border-radius: 50% !important; color: var(--iw-muted) !important; background: transparent !important; }
html body .aho-drilldown-summary { padding: 18px 26px !important; border-bottom: 1px solid var(--iw-line-soft) !important; }
html body .aho-drilldown-toolbar { display: grid !important; grid-template-columns: 1fr 150px 100px !important; gap: 10px !important; padding: 16px 26px !important; border-bottom: 1px solid var(--iw-line-soft) !important; background: transparent !important; }
html body .aho-drilldown-toolbar > button { display: none !important; }
html body .aho-drilldown-content { padding: 4px 26px 22px !important; }
html body .aho-drilldown-status { padding: 8px 26px !important; color: var(--iw-muted) !important; }
html body .aho-drilldown-pagination { position: sticky; bottom: 0; padding: 14px 26px !important; border-top: 1px solid var(--iw-line) !important; background: var(--iw-glass-strong) !important; backdrop-filter: blur(20px); }
@media (max-width: 720px) {
    html body .aho-drilldown-modal { width: 100vw !important; }
    html body .aho-drilldown-toolbar { grid-template-columns: 1fr 1fr !important; }
    html body .aho-drilldown-search { grid-column: 1/-1; }
}

/* ==========================================================================
   SOURCE: workspace-high-end-1.0.23.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.23
 * High-end workspace refinement
 */

:where(.aho-enterprise-workspace,.ew-shell,.le-shell,.iw-shell,.aho-workspace--smart-search,.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.aho-workspace--analytics) {
    --enterprise-surface: rgba(255,255,255,.92);
    --enterprise-surface-strong: rgba(255,255,255,.98);
    --enterprise-border: rgba(118,134,160,.18);
    --enterprise-shadow: 0 18px 42px rgba(28, 42, 62, .08);
    --enterprise-shadow-soft: 0 10px 24px rgba(28, 42, 62, .05);
    --enterprise-text: #132238;
    --enterprise-muted: #5f7086;
    --enterprise-accent: #0a8e88;
    --enterprise-accent-strong: #0a6e77;
    --enterprise-accent-soft: rgba(10, 142, 136, .09);
    color: var(--enterprise-text);
}

:where(.aho-enterprise-workspace,.ew-shell,.le-shell,.iw-shell,.aho-workspace--smart-search,.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.aho-workspace--analytics) {
    font-size: 16.5px;
}

:where(.aho-enterprise-workspace,.ew-shell,.le-shell,.iw-shell,.aho-workspace--smart-search,.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.aho-workspace--analytics) :is(h1,h2,h3,h4) {
    letter-spacing: -.03em;
    color: var(--enterprise-text);
}

:where(.ew-hero,.le-hero,.iw-command-deck,.smart-search-hero,.intel-hero,.lab-hero,.aho-module-hero) {
    border: 1px solid var(--enterprise-border);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(10,142,136,.10), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,251,253,.95));
    box-shadow: var(--enterprise-shadow);
}

:where(.ew-metrics a,.le-metrics > div,.lab-kpi,.intel-kpis article,.aho-summary-card,.kpi-card) {
    border: 1px solid var(--enterprise-border);
    border-radius: 22px;
    background: var(--enterprise-surface-strong);
    box-shadow: var(--enterprise-shadow-soft);
}

:where(.ew-shell,.le-shell,.iw-shell,.aho-workspace--smart-search,.intel-shell,.lab-shell) :is(.card,.smart-search-result,.intel-panel,.lab-panel) {
    border: 1px solid var(--enterprise-border) !important;
    border-radius: 24px !important;
    background: var(--enterprise-surface) !important;
    box-shadow: var(--enterprise-shadow-soft) !important;
}

:where(.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.smart-search-form,.iw-filter-form,.intel-editor__form,.intel-year-form,.lab-hero__form) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    min-height: 50px;
    border: 1px solid rgba(118,134,160,.26) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.98) !important;
    color: var(--enterprise-text) !important;
    font-size: 1rem !important;
    line-height: 1.4;
    padding: 0 14px;
}

:where(.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.smart-search-form,.iw-filter-form,.intel-editor__form,.intel-year-form,.lab-hero__form) textarea {
    min-height: 120px;
    padding: 14px;
}

:where(.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.smart-search-form,.iw-filter-form,.intel-editor__form,.intel-year-form,.lab-hero__form) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
    border-color: rgba(10,142,136,.45) !important;
    box-shadow: 0 0 0 5px rgba(10,142,136,.10) !important;
    outline: none;
}

:where(.ew-shell,.le-shell,.iw-shell,.aho-workspace--smart-search,.intel-shell,.lab-shell,.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.aho-workspace--analytics) .button {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 16px !important;
    font-size: .98rem;
    font-weight: 700;
}

:where(.ew-shell,.le-shell,.iw-shell,.aho-workspace--smart-search,.intel-shell,.lab-shell,.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.aho-workspace--analytics) .button--primary,
:where(.ew-shell,.le-shell,.iw-shell,.aho-workspace--smart-search,.intel-shell,.lab-shell,.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.aho-workspace--analytics) button.button--primary {
    background: linear-gradient(135deg, var(--enterprise-accent), #1ea3b0) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(10,142,136,.18) !important;
}

/* Entry forms */
html body.page-entry {
    font-size: 17px;
}

html body.page-entry .aho-entry-form,
html body.page-entry .aho-entry-form :is(input,select,textarea,button) {
    font-size: 1rem;
}

html body.page-entry .aho-entry-form :is(.aho-field > span:first-child,.aho-field > label,.aho-fieldset > legend) {
    font-size: .97rem !important;
    font-weight: 760 !important;
    letter-spacing: -.01em;
}

html body.page-entry .aho-entry-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    min-height: 52px !important;
    padding-inline: 14px !important;
}

html body.page-entry .aho-entry-command-header__note {
    display: inline-flex;
    margin-top: 8px;
    color: var(--spatial-ink-2);
    font-size: .93rem;
}

html body.page-entry .aho-entry-form .aho-choice-search {
    display: none !important;
}

html body.page-entry .aho-entry-form label.choice,
html body.page-entry .aho-entry-layout--single label.choice {
    min-height: 58px !important;
    padding: 10px 6px !important;
}

html body.page-entry .choice__label {
    font-size: 1rem !important;
    font-weight: 680 !important;
    line-height: 1.42 !important;
}

html body.page-entry .choice__indicator {
    position: relative;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    border-width: 2px !important;
}

html body.page-entry input[type="radio"] + .choice__indicator {
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 0 transparent !important;
}

html body.page-entry input[type="checkbox"] + .choice__indicator {
    border-radius: 6px !important;
}

html body.page-entry .choice:has(input[type="radio"]:checked) .choice__indicator {
    background: #fff !important;
    border-color: var(--entry-accent) !important;
    box-shadow:
        inset 0 0 0 5px var(--entry-accent),
        0 0 0 5px rgba(var(--entry-accent-rgb), .14) !important;
}

html body.page-entry .choice:has(input[type="checkbox"]:checked) .choice__indicator {
    background: var(--entry-accent) !important;
    border-color: var(--entry-accent) !important;
    box-shadow:
        inset 0 0 0 4px rgba(255,255,255,.92),
        0 0 0 5px rgba(var(--entry-accent-rgb), .14) !important;
}

html body.page-entry .aho-save-confirmation {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 22px !important;
    align-items: center !important;
    padding: 18px 0 24px !important;
}

html body.page-entry .aho-save-confirmation__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
}

html body.page-entry .aho-save-confirmation__actions .button {
    min-height: 52px !important;
    padding-inline: 18px !important;
    white-space: nowrap !important;
}

/* Dashboard, analytics, ledger */
.ew-hero,
.le-hero,
.iw-command-deck,
.smart-search-hero,
.intel-hero,
.lab-hero {
    padding: clamp(20px, 2vw, 28px);
}

.ew-hero h1,
.le-hero h1,
.iw-command-deck h1,
.smart-search-hero h2,
.intel-hero h1,
.lab-hero h1,
.aho-module-hero h2 {
    font-size: clamp(1.85rem, 1.6rem + 1vw, 2.55rem);
    margin-bottom: 10px;
}

.ew-hero p,
.le-hero p,
.iw-command-deck p,
.smart-search-hero p,
.intel-hero p,
.lab-hero p,
.aho-module-hero p {
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--enterprise-muted);
}

.ew-metrics,
.le-metrics,
.lab-kpis,
.intel-kpis,
.aho-summary-grid,
.kpi-grid {
    gap: 16px !important;
}

.ew-metrics a,
.le-metrics > div,
.lab-kpi,
.intel-kpis article,
.aho-summary-card,
.kpi-card {
    padding: 18px 18px 16px !important;
}

.ew-metrics strong,
.le-metrics strong,
.lab-kpi strong,
.intel-kpis strong,
.aho-summary-card strong,
.kpi-card__value {
    font-size: clamp(1.55rem, 1.3rem + .7vw, 2.2rem);
    line-height: 1.1;
}

.ew-metrics span,
.le-metrics span,
.lab-kpi span,
.intel-kpis span,
.aho-summary-card span,
.kpi-card__label {
    font-size: .96rem;
    color: var(--enterprise-muted);
}

.ew-actions nav a,
.le-create a,
.smart-search-chip {
    border-radius: 18px !important;
}

/* Trends & goals page */
.intel-shell {
    display: grid;
    gap: 18px;
}

.intel-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
}

.intel-hero__actions,
.intel-year-form,
.lab-hero__form {
    display: flex;
    gap: 12px;
    align-items: end;
    flex-wrap: wrap;
}

.intel-year-form label,
.lab-hero__form label {
    display: grid;
    gap: 6px;
    font-size: .9rem;
    font-weight: 700;
    color: var(--enterprise-muted);
}

.intel-link-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.intel-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.intel-panel {
    padding: 20px;
}

.intel-panel__head {
    margin-bottom: 18px;
}

.intel-panel__head h2,
.lab-panel .card__title {
    margin: 6px 0 6px;
    font-size: 1.5rem;
}

.intel-trend-list {
    display: grid;
    gap: 14px;
}

.intel-trend-row {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) auto minmax(220px, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--enterprise-border);
    border-radius: 20px;
    background: rgba(255,255,255,.72);
}

.intel-trend-row__main h3,
.intel-goal-card h3 {
    margin: 0 0 8px;
    font-size: 1.18rem;
}

.intel-trend-row__meta {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    color: var(--enterprise-muted);
    font-size: .95rem;
}

.intel-trend-row__delta {
    text-align: right;
}

.intel-trend-row__delta strong {
    display: block;
    font-size: 1.28rem;
}

.intel-trend-row__delta .is-positive,
.intel-goal-card__top strong {
    color: #0a7b62;
}

.intel-trend-row__delta .is-negative {
    color: #bd3f57;
}

.intel-meter {
    height: 12px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(10,142,136,.10);
}

.intel-meter i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--enterprise-accent), #1ea3b0);
}

.intel-trend-row__progress small,
.intel-empty span,
.intel-goal-card__top small,
.intel-goal-card__stats dt,
.lab-kpi small,
.lab-insights small {
    color: var(--enterprise-muted);
}

.intel-goals-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.intel-goal-card {
    border: 1px solid var(--enterprise-border);
    border-radius: 22px;
    padding: 18px;
    background: rgba(255,255,255,.78);
}

.intel-goal-card__top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: start;
    margin-bottom: 12px;
}

.intel-goal-card__top strong {
    font-size: 1.25rem;
}

.intel-goal-card__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 14px 0 0;
}

.intel-goal-card__stats div {
    display: grid;
    gap: 4px;
}

.intel-goal-card__stats dd {
    margin: 0;
    font-weight: 800;
    font-size: 1rem;
}

.intel-editor {
    margin-top: 18px;
    border-top: 1px solid var(--enterprise-border);
    padding-top: 18px;
    display: grid;
    gap: 14px;
}

.intel-editor__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.intel-editor__form label {
    display: grid;
    gap: 6px;
    font-weight: 700;
    font-size: .93rem;
    color: var(--enterprise-muted);
}

.intel-editor__actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-start;
}

.intel-empty {
    padding: 18px;
    border: 1px dashed rgba(118,134,160,.35);
    border-radius: 18px;
    background: rgba(255,255,255,.5);
    display: grid;
    gap: 6px;
}

/* LAB page */
.lab-shell {
    display: grid;
    gap: 18px;
}

.lab-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: end;
}

.lab-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lab-kpi {
    display: grid;
    gap: 8px;
    text-decoration: none;
}

.lab-insights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lab-insights article {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid var(--enterprise-border);
    background: rgba(255,255,255,.76);
    box-shadow: var(--enterprise-shadow-soft);
}

.lab-insights strong {
    display: block;
    margin: 8px 0 6px;
    font-size: 1.18rem;
    line-height: 1.3;
}

.lab-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.lab-panel {
    overflow: hidden;
}

.lab-panel .card__header,
.lab-panel .card__body {
    padding: 20px;
}

.lab-panel .card__header {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: start;
}

/* Generic admin readability */
:where(.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.iw-shell,.aho-workspace--smart-search,.aho-workspace--analytics) :is(table th,table td,.table th,.table td) {
    font-size: .97rem;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

:where(.aho-settings-page,.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page,.iw-shell,.aho-workspace--smart-search,.aho-workspace--analytics) .muted {
    color: var(--enterprise-muted) !important;
}

@media (max-width: 1100px) {
    .intel-kpis,
    .lab-kpis,
    .lab-insights,
    .lab-panels,
    .intel-goals-grid {
        grid-template-columns: 1fr 1fr;
    }

    .intel-trend-row {
        grid-template-columns: 1fr;
    }

    .intel-trend-row__delta {
        text-align: left;
    }
}

@media (max-width: 900px) {
    .intel-hero,
    .lab-hero,
    html body.page-entry .aho-save-confirmation {
        grid-template-columns: 1fr !important;
    }

    .intel-editor__form,
    .intel-kpis,
    .lab-kpis,
    .lab-insights,
    .lab-panels,
    .intel-goals-grid {
        grid-template-columns: 1fr;
    }

    .lab-panel .card__header {
        flex-direction: column;
    }

    html body.page-entry .aho-save-confirmation__actions {
        justify-content: flex-start !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.28.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.24
 * Enterprise High-End Suite Layer
 * Scope: Benutzer/Mitarbeitende, Berichte/Jahresbericht, Einstellungen,
 * MFA/Security, Datenqualität, Smart Search + text-flow fixes.
 */

:root {
    --suite-surface: rgba(255,255,255,.94);
    --suite-surface-strong: rgba(255,255,255,.985);
    --suite-surface-soft: rgba(247, 251, 253, .94);
    --suite-line: rgba(102, 122, 148, .16);
    --suite-line-strong: rgba(84, 112, 148, .22);
    --suite-shadow: 0 20px 56px rgba(24, 40, 62, .09);
    --suite-shadow-soft: 0 12px 28px rgba(24, 40, 62, .06);
    --suite-ink: #142338;
    --suite-ink-soft: #5d6f85;
    --suite-accent: #0b8f88;
    --suite-accent-rgb: 11, 143, 136;
    --suite-accent-2: #1f9db6;
    --suite-accent-soft: rgba(11, 143, 136, .09);
}

:root[data-theme="dark"] {
    --suite-surface: rgba(18, 24, 34, .90);
    --suite-surface-strong: rgba(21, 28, 39, .98);
    --suite-surface-soft: rgba(19, 27, 38, .94);
    --suite-line: rgba(188, 202, 224, .10);
    --suite-line-strong: rgba(188, 202, 224, .18);
    --suite-shadow: 0 20px 50px rgba(0,0,0,.28);
    --suite-shadow-soft: 0 12px 26px rgba(0,0,0,.22);
    --suite-ink: #edf4ff;
    --suite-ink-soft: #a9bbd1;
    --suite-accent-soft: rgba(35, 176, 168, .14);
}

/* Readability uplift */
:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-module-hero,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) {
    color: var(--suite-ink);
    font-size: 16.75px;
}

:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) :is(h1,h2,h3,h4) {
    color: var(--suite-ink);
    letter-spacing: -.03em;
}

:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) p,
:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) small,
:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) .muted {
    color: var(--suite-ink-soft);
}

/* Unified hero surfaces */
:where(.aho-users-header,.aho-edit-header,.aho-form-header,.aho-settings-header,.aho-module-hero,.smart-search-hero,.aho-report-toolbar,.aho-annual-toolbar) {
    border: 1px solid var(--suite-line) !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at top right, rgba(var(--suite-accent-rgb), .10), transparent 34%),
        linear-gradient(135deg, var(--suite-surface-strong), var(--suite-surface-soft)) !important;
    box-shadow: var(--suite-shadow) !important;
}

.aho-report-toolbar,
.aho-annual-toolbar,
.smart-search-hero {
    padding: clamp(20px, 2vw, 28px) !important;
}

:where(.aho-users-header,.aho-edit-header,.aho-form-header,.aho-settings-header,.aho-module-hero,.smart-search-hero,.aho-report-toolbar,.aho-annual-toolbar) :is(h1,h2) {
    font-size: clamp(1.7rem, 1.35rem + .9vw, 2.45rem) !important;
    margin-bottom: 8px !important;
}

/* Unified surfaces/cards */
:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) :is(.card,.aho-form-card,.aho-branding-card,.aho-settings-group,.aho-feature-card,.aho-retention-card,.smart-search-result,.aho-summary-card,.aho-annual-report-card,.aho-mfa-kpi,.aho-mfa-policy,.aho-user-summary,.aho-info-item) {
    border: 1px solid var(--suite-line) !important;
    border-radius: 24px !important;
    background: var(--suite-surface) !important;
    box-shadow: var(--suite-shadow-soft) !important;
}

:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) :is(.card__header,.card__body,.aho-form-section,.aho-settings-fields,.aho-retention-table-wrap) {
    border-color: var(--suite-line) !important;
}

/* KPI surfaces */
:where(.aho-summary-grid,.aho-mfa-kpis,.kpi-grid,.ew-metrics,.lab-kpis,.intel-kpis) {
    gap: 16px !important;
}

:where(.aho-summary-card,.aho-mfa-kpi,.kpi-card,.ew-metrics a,.lab-kpi,.intel-kpis article) {
    padding: 18px 18px 16px !important;
}

:where(.aho-summary-card,.aho-mfa-kpi,.kpi-card,.ew-metrics a,.lab-kpi,.intel-kpis article) strong {
    font-size: clamp(1.55rem, 1.28rem + .8vw, 2.2rem) !important;
    line-height: 1.08 !important;
}

/* Buttons */
:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) :is(.button,.aho-button,.aho-save-button,.aho-feature-button) {
    min-height: 48px !important;
    border-radius: 17px !important;
    font-size: .98rem !important;
    font-weight: 760 !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

:where(.button,.aho-button,.aho-save-button,.aho-feature-button):hover {
    transform: translateY(-1px);
}

:where(.button--primary,.aho-button-primary,.aho-save-button,.aho-feature-button.is-active) {
    background: linear-gradient(135deg, var(--suite-accent), var(--suite-accent-2)) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 16px 30px rgba(var(--suite-accent-rgb), .18) !important;
}

/* Forms */
:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page)
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea) {
    min-height: 52px !important;
    border: 1px solid var(--suite-line-strong) !important;
    border-radius: 16px !important;
    background: var(--suite-surface-strong) !important;
    color: var(--suite-ink) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    padding-inline: 14px !important;
}

:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page) textarea {
    padding: 14px !important;
    min-height: 120px !important;
}

:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page)
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea):focus {
    outline: none !important;
    border-color: rgba(var(--suite-accent-rgb), .44) !important;
    box-shadow: 0 0 0 5px rgba(var(--suite-accent-rgb), .10) !important;
}

/* Table readability */
:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page)
:is(table,.table,.aho-mfa-table,.aho-retention-table) th {
    color: var(--suite-ink-soft) !important;
    font-size: .84rem !important;
    letter-spacing: .05em;
}

:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page)
:is(table,.table,.aho-mfa-table,.aho-retention-table) td,
:where(.aho-users,.aho-user-edit-page,.aho-user-form-page,.aho-settings-page,.aho-mfa-admin,.aho-activity-report,.aho-annual-index,.aho-annual-editor,.aho-workspace--smart-search,.aho-workspace--analytics,.aho-permissions-page,.aho-system-status-page,.aho-catalog,.aho-import-page,.aho-import-job-page,.aho-audit-page,.aho-audit-detail-page)
:is(table,.table,.aho-mfa-table,.aho-retention-table) th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Smart Search */
.aho-workspace--smart-search {
    display: grid;
    gap: 18px;
}

.smart-search-hero {
    overflow: hidden;
    position: relative;
}

.smart-search-glow {
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(var(--suite-accent-rgb), .15), transparent 70%);
    filter: blur(18px);
}

.smart-search-input-wrap {
    border-radius: 20px !important;
    border: 1px solid var(--suite-line) !important;
    background: var(--suite-surface-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}

.smart-search-chip {
    border-radius: 999px !important;
    min-height: 42px;
    padding-inline: 14px !important;
    border-color: var(--suite-line) !important;
}

.smart-search-result {
    overflow: hidden;
}

.smart-search-source,
.smart-search-interpretation,
.smart-search-visual {
    border-color: var(--suite-line) !important;
}

/* Users + staff */
.aho-users,
.aho-user-form-page,
.aho-user-edit-page {
    gap: 20px !important;
}

.aho-users-header,
.aho-form-header,
.aho-edit-header,
.aho-settings-header {
    padding: 22px 24px !important;
}

.aho-user-summary {
    padding: 20px !important;
}

.aho-role-card,
.aho-role-option,
.aho-feature-card {
    border-radius: 20px !important;
}

.aho-role-card {
    border: 1px solid var(--suite-line) !important;
    background: var(--suite-surface-strong) !important;
}

/* Settings + MFA */
.aho-settings-page,
.aho-mfa-admin {
    max-width: none !important;
}

.aho-settings-nav {
    border-radius: 20px !important;
    border: 1px solid var(--suite-line) !important;
    background: var(--suite-surface) !important;
    box-shadow: var(--suite-shadow-soft) !important;
}

.aho-branding-card,
.aho-settings-form,
.aho-feature-section,
.aho-retention-section,
.aho-mfa-admin .card {
    border: 1px solid var(--suite-line) !important;
    border-radius: 26px !important;
    background: var(--suite-surface) !important;
    box-shadow: var(--suite-shadow-soft) !important;
}

.aho-settings-group-icon,
.aho-message-icon,
.smart-search-hero__icon {
    background: var(--suite-accent-soft) !important;
    color: var(--suite-accent) !important;
    box-shadow: none !important;
}

.aho-mfa-policy {
    background: var(--suite-surface-strong) !important;
}

.aho-mfa-badge {
    border-radius: 999px !important;
}

/* Reports + annual reports */
.aho-activity-report,
.aho-annual-index,
.aho-annual-editor {
    display: grid;
    gap: 18px;
}

.aho-report-toolbar__actions,
.aho-annual-toolbar__actions,
.aho-row-actions {
    gap: 10px !important;
    flex-wrap: wrap;
}

.aho-report-sources,
.aho-report-section,
.aho-annual-outline,
.aho-annual-canvas,
.aho-annual-properties,
.aho-annual-versions,
.aho-annual-media-panel,
.aho-annual-palette,
.aho-annual-status-form {
    border: 1px solid var(--suite-line) !important;
    border-radius: 22px !important;
    background: var(--suite-surface) !important;
    box-shadow: var(--suite-shadow-soft) !important;
}

.aho-annual-outline,
.aho-annual-properties,
.aho-annual-canvas {
    overflow: hidden;
}

.aho-annual-pane-heading,
.aho-report-sources__intro,
.aho-section-heading {
    border-color: var(--suite-line) !important;
}

.aho-status-chip,
.status-badge,
.aho-report-version,
.aho-status-pill {
    border-radius: 999px !important;
}

/* Data quality page */
.aho-drilldown-card,
.aho-drilldown-row {
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.aho-drilldown-card:hover,
.aho-drilldown-row:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--suite-accent-rgb), .30) !important;
    box-shadow: 0 12px 28px rgba(var(--suite-accent-rgb), .10) !important;
}

/* Entry label flow fix */
html body.page-entry .aho-entry-form .choice__label,
html body.page-entry .aho-entry-layout--single .choice__label {
    font-size: .98rem !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: manual !important;
    text-wrap: balance;
    max-width: 22ch;
}

html body.page-entry #social-person .aho-fieldset--quick.aho-span-4 .aho-choice-grid,
html body.page-entry #social-person .aho-span-4 .aho-choice-grid,
html body.page-entry #event-target .aho-choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 14px 16px !important;
}

html body.page-entry .aho-choice-grid label.choice,
html body.page-entry .aho-entry-layout--single label.choice {
    align-items: start !important;
    justify-content: start !important;
}

html body.page-entry .choice__icon {
    align-self: center !important;
}

html body.page-entry #social-person .aho-fieldset--quick.aho-span-4,
html body.page-entry #social-person .aho-span-4,
html body.page-entry #event-target .aho-span-4 {
    min-width: 0;
}

@media (max-width: 1120px) {
    .aho-report-toolbar,
    .aho-annual-toolbar,
    .smart-search-hero,
    .aho-users-header,
    .aho-edit-header,
    .aho-form-header,
    .aho-settings-header {
        padding: 18px !important;
    }
}

@media (max-width: 900px) {
    html body.page-entry #social-person .aho-fieldset--quick.aho-span-4 .aho-choice-grid,
    html body.page-entry #social-person .aho-span-4 .aho-choice-grid,
    html body.page-entry #event-target .aho-choice-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    }
}


/* ------------------------------------------------------------------
   DASHBOARD – more executive polish
   ------------------------------------------------------------------ */
.ew-hero,
.ew-actions,
.ew-trend,
.ew-briefing,
.le-hero,
.le-querybar,
.le-ledger,
.aho-activity-report,
.aho-annual-index,
.aho-annual-editor,
.aho-workspace--analytics .iw-panel {
    border-radius: 28px !important;
}

.ew-hero {
    padding: 26px 28px !important;
    background:
        radial-gradient(circle at top right, rgba(106, 84, 255, .12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,255,.96)) !important;
    border: 1px solid rgba(113, 130, 162, .18) !important;
    box-shadow: 0 20px 48px rgba(16, 24, 40, .08) !important;
}

.ew-metrics a,
.le-metrics > div {
    border-radius: 24px !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .06) !important;
}

.ew-actions nav a {
    border-radius: 22px !important;
    min-height: 88px !important;
}

/* ------------------------------------------------------------------
   MY ENTRIES – calmer executive ledger
   ------------------------------------------------------------------ */
.le-querybar,
.le-ledger,
.le-day,
.le-row {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(113,130,162,.16) !important;
    box-shadow: 0 14px 32px rgba(15,23,42,.05) !important;
}

.le-row {
    border-radius: 22px !important;
}

.le-row__actions .button,
.le-row__actions a {
    border-radius: 14px !important;
}

/* ------------------------------------------------------------------
   REPORTS / ANNUAL REPORTS
   ------------------------------------------------------------------ */
.aho-report-toolbar,
.aho-report-preview,
.aho-report-quality,
.aho-report-sources,
.aho-annual-report-card,
.aho-annual-toolbar,
.aho-annual-media-panel,
.aho-annual-properties,
.aho-annual-outline,
.aho-a4-sheet {
    border-radius: 24px !important;
    border: 1px solid rgba(113,130,162,.16) !important;
    box-shadow: 0 16px 40px rgba(15,23,42,.06) !important;
}

.aho-annual-report-grid,
.aho-source-grid,
.aho-source-grid--structure {
    gap: 18px !important;
}

/* ------------------------------------------------------------------
   ANALYTICS – enterprise pro polish
   ------------------------------------------------------------------ */
.aho-workspace--analytics .iw-metric,
.aho-workspace--analytics .iw-signal,
.aho-workspace--analytics .iw-dimension,
.aho-workspace--analytics .iw-compare-row,
.aho-workspace--analytics .iw-goal-row,
.aho-workspace--analytics .iw-quality-ledger a,
.aho-workspace--analytics .iw-contribution,
.aho-workspace--analytics .iw-heatmap__row a {
    border-radius: 20px !important;
}

.aho-workspace--analytics .iw-command-deck,
.aho-workspace--analytics .iw-stage,
.aho-workspace--analytics .iw-panel {
    box-shadow: 0 18px 46px rgba(15,23,42,.07) !important;
    border: 1px solid rgba(113,130,162,.16) !important;
}




/* ==================================================================
   AHO-MGM 1.0.28 – Executive refinements
   ================================================================== */

/* Users / staff executive cockpit */
.aho-user-executive {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.aho-user-executive > div {
    display: grid;
    gap: 6px;
    min-height: 118px;
    padding: 18px;
    border: 1px solid var(--suite-line);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(var(--suite-accent-rgb), .055), transparent 58%),
        var(--suite-surface-strong);
    box-shadow: var(--suite-shadow-soft);
}
.aho-user-executive span { color: var(--suite-ink-soft); font-size: .92rem; font-weight: 700; }
.aho-user-executive strong { color: var(--suite-ink); font-size: 2rem; line-height: 1; letter-spacing: -.04em; }
.aho-user-executive small { color: var(--suite-ink-soft); font-size: .9rem; }
.aho-user-executive .is-warning strong { color: #b75b18; }
.aho-user-executive .is-good strong { color: #0a7b62; }

.aho-users .aho-user-card {
    border: 1px solid var(--suite-line) !important;
    border-radius: 26px !important;
    background: var(--suite-surface) !important;
    box-shadow: var(--suite-shadow-soft) !important;
    overflow: hidden;
}
.aho-users .aho-user-toolbar { padding: 18px !important; border-bottom: 1px solid var(--suite-line) !important; }
.aho-users .aho-user-table tbody tr { transition: background .16s ease; }
.aho-users .aho-user-table tbody tr:hover { background: rgba(var(--suite-accent-rgb), .035) !important; }
.aho-users .aho-user-avatar { box-shadow: 0 8px 20px rgba(15,23,42,.08); }

/* MFA Security Command Center */
.aho-mfa-command {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(420px, .8fr);
    gap: 20px;
    align-items: center;
    padding: 24px 26px;
    border: 1px solid var(--suite-line);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(var(--suite-accent-rgb), .12), transparent 34%),
        linear-gradient(135deg, var(--suite-surface-strong), var(--suite-surface-soft));
    box-shadow: var(--suite-shadow);
}
.aho-mfa-command h1 { margin: 5px 0 8px; font-size: clamp(1.8rem, 1.45rem + 1vw, 2.5rem); }
.aho-mfa-command p { margin: 0; max-width: 74ch; line-height: 1.65; color: var(--suite-ink-soft); }
.aho-mfa-command__status {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.aho-mfa-command__status span {
    display: grid;
    gap: 5px;
    min-height: 88px;
    padding: 14px;
    border: 1px solid var(--suite-line);
    border-radius: 18px;
    background: var(--suite-surface-strong);
    color: var(--suite-ink-soft);
    font-size: .8rem;
    font-weight: 700;
}
.aho-mfa-command__status b { color: var(--suite-ink); font-size: 1.35rem; letter-spacing: -.03em; }
.aho-mfa-command__status .is-ok b { color: #0a7b62; }
.aho-mfa-command__status .is-warning b { color: #b75b18; }
.aho-mfa-kpis { margin-top: 0 !important; }
.aho-mfa-kpi { min-height: 112px; }
.aho-mfa-policy { min-height: 92px; }
.aho-mfa-table tbody tr:hover { background: rgba(var(--suite-accent-rgb), .035); }

/* Smart Search – analyst command surface */
.aho-workspace--smart-search .smart-search-hero__body { padding: clamp(24px, 2.4vw, 36px) !important; }
.aho-workspace--smart-search .smart-search-input-wrap { min-height: 62px; }
.aho-workspace--smart-search .smart-search-input-wrap input { font-size: 1.05rem !important; }
.aho-workspace--smart-search .smart-search-modes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--suite-line);
}
.aho-workspace--smart-search .smart-search-modes::before {
    content: 'Analysemodi';
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
    color: var(--suite-ink-soft);
    font-size: .84rem;
    font-weight: 760;
    letter-spacing: .02em;
}
.aho-workspace--smart-search .smart-search-result .table-responsive {
    border: 1px solid var(--suite-line);
    border-radius: 18px;
    overflow: auto;
}
.aho-workspace--smart-search .smart-search-source {
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid var(--suite-line);
    border-radius: 16px;
    background: var(--suite-surface-soft);
}

/* Data Quality intelligence */
.aho-quality-workspace { display: grid; gap: 18px; }
.aho-quality-hero { padding: 24px 26px !important; }
.aho-quality-kpis { grid-template-columns: repeat(4, minmax(0,1fr)); }
.aho-quality-kpis .aho-summary-card { min-height: 132px; }
.aho-quality-kpis .aho-summary-card:nth-child(2) strong { font-size: clamp(1.08rem, 1rem + .35vw, 1.35rem) !important; line-height: 1.3 !important; }
.aho-quality-advisor__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.aho-quality-advisor__grid article {
    min-height: 150px;
    padding: 18px;
    border: 1px solid var(--suite-line);
    border-radius: 20px;
    background: var(--suite-surface-strong);
}
.aho-quality-advisor__grid strong { display:block; margin-bottom:8px; font-size:1.08rem; }
.aho-quality-advisor__grid p { margin:0; line-height:1.6; }

/* Reports – editorial workspace */
.aho-activity-report .aho-report-toolbar { position: sticky; top: 82px; z-index: 18; backdrop-filter: blur(20px) saturate(140%); }
.aho-activity-report .aho-report-toolbar__grid { gap: 14px !important; }
.aho-activity-report .aho-report-sources summary { min-height: 64px; }
.aho-activity-report .aho-report-sheet { box-shadow: 0 22px 56px rgba(15,23,42,.09) !important; }
.aho-annual-editor .aho-annual-toolbar { position: sticky; top: 82px; z-index: 18; backdrop-filter: blur(20px) saturate(140%); }
.aho-annual-editor .aho-annual-outline,
.aho-annual-editor .aho-annual-properties { background: var(--suite-surface) !important; }
.aho-annual-editor .aho-a4-sheet { background: #fff !important; }

/* Analytics – pro analysis surface */
.iw-shell .iw-command-deck { border-radius: 30px !important; }
.iw-shell .iw-context-bar { border-radius: 20px !important; }
.iw-shell .iw-metric-strip { gap: 14px !important; }
.iw-shell .iw-metric { min-height: 128px; }
.iw-shell .iw-stage { gap: 18px !important; }
.iw-shell .iw-panel { border-radius: 26px !important; }
.iw-shell .iw-dimension-grid { gap: 16px !important; }
.iw-shell .iw-dimension { min-height: 280px; }
.iw-shell .iw-quality-ledger a,
.iw-shell .iw-compare-row,
.iw-shell .iw-trend-line,
.iw-shell .iw-goal-row { min-height: 68px; }

/* Entry pages – spacing and readable sections */
html body.page-entry .aho-form-section { scroll-margin-top: 190px; }
html body.page-entry .aho-form-section__header h2 { font-size: 1.22rem !important; }
html body.page-entry .aho-entry-form .aho-field > span:first-child,
html body.page-entry .aho-entry-form .aho-fieldset > legend { font-size: 1rem !important; }
html body.page-entry .aho-number-stepper { max-width: 360px; }
html body.page-entry .aho-entry-actionbar { box-shadow: 0 18px 44px rgba(15,23,42,.12) !important; }

/* ------------------------------------------------------------------
   CRITICAL OPTION MATRIX FIX
   This intentionally overrides every legacy choice rule from prior themes.
   ------------------------------------------------------------------ */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-layout--single .aho-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 10px 18px !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
}

html body.page-entry .app-shell .aho-entry-form .aho-choice-grid > label.choice,
html body.page-entry .app-shell .aho-entry-layout--single .aho-choice-grid > label.choice {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 64px !important;
    align-items: start !important;
    align-content: start !important;
    justify-items: stretch !important;
    gap: 10px !important;
    padding: 11px 8px 13px !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

html body.page-entry .app-shell .aho-entry-form .aho-choice-grid > label.choice.choice--with-icon,
html body.page-entry .app-shell .aho-entry-layout--single .aho-choice-grid > label.choice.choice--with-icon {
    grid-template-columns: 20px 24px minmax(0, 1fr) !important;
}

html body.page-entry .app-shell .aho-entry-form .choice--with-icon .choice__indicator,
html body.page-entry .app-shell .aho-entry-layout--single .choice--with-icon .choice__indicator,
html body.page-entry .app-shell .aho-entry-form .choice__indicator,
html body.page-entry .app-shell .aho-entry-layout--single .choice__indicator {
    position: static !important;
    inset: auto !important;
    float: none !important;
    display: block !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    margin: 3px 0 0 !important;
    align-self: start !important;
}

html body.page-entry .app-shell .aho-entry-form .choice__icon,
html body.page-entry .app-shell .aho-entry-layout--single .choice__icon {
    position: static !important;
    display: grid !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    align-self: start !important;
}

html body.page-entry .app-shell .aho-entry-form .choice__label,
html body.page-entry .app-shell .aho-entry-layout--single .choice__label {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1rem !important;
    font-weight: 720 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

html body.page-entry .app-shell .aho-entry-form .choice__label * { writing-mode: horizontal-tb !important; }

@media (max-width: 1180px) {
    .aho-user-executive,
    .aho-quality-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .aho-mfa-command { grid-template-columns: 1fr; }
    .aho-mfa-command__status { grid-template-columns: repeat(3,minmax(0,1fr)); }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-layout--single .aho-choice-grid {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }
}

@media (max-width: 820px) {
    .aho-quality-advisor__grid,
    .aho-user-executive,
    .aho-quality-kpis { grid-template-columns: 1fr; }
    .aho-mfa-command__status { grid-template-columns: 1fr; }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-layout--single .aho-choice-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

@media (max-width: 520px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-layout--single .aho-choice-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.29.css
   ========================================================================== */

/* AHO-MGM 1.0.29 – Personal, People & Analytics Enterprise Workspace */

/* Profile */
.profile-command-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    margin-bottom: 20px;
    padding: 24px 26px;
    border: 1px solid var(--suite-line);
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(var(--suite-accent-rgb), .12), transparent 32%), linear-gradient(135deg, var(--suite-surface-strong), var(--suite-surface-soft));
    box-shadow: var(--suite-shadow);
}
.profile-command-hero__identity { display: flex; gap: 18px; align-items: center; min-width: 0; }
.profile-command-hero__identity h1 { margin: 4px 0 6px; font-size: clamp(1.9rem, 1.5rem + 1.3vw, 2.9rem); letter-spacing: -.04em; }
.profile-command-hero__identity p { margin: 0; color: var(--suite-ink-soft); font-size: 1rem; }
.profile-command-hero__avatar { width: 84px !important; height: 84px !important; flex: 0 0 84px !important; font-size: 1.6rem !important; }
.profile-command-hero__signals { display: grid; grid-template-columns: repeat(4, minmax(100px, 1fr)); gap: 10px; }
.profile-command-hero__signals span { display: grid; gap: 4px; padding: 12px 14px; border-left: 1px solid var(--suite-line); }
.profile-command-hero__signals small { color: var(--suite-ink-soft); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
.profile-command-hero__signals strong { font-size: .98rem; }
.aho-profile-layout--enterprise { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px !important; }
.aho-profile-layout--enterprise > .aho-profile-image-card { grid-column: span 5; order: 1; }
.aho-profile-layout--enterprise > .aho-profile-security-card { grid-column: span 7; order: 2; }
.aho-profile-layout--enterprise > .aho-profile-theme-card { grid-column: span 5; order: 3; }
.aho-profile-layout--enterprise > .card:not(.aho-profile-image-card):not(.aho-profile-security-card):not(.aho-profile-theme-card) { grid-column: span 7; order: 4; }
.aho-profile-layout--enterprise > .aho-profile-employee-card { grid-column: span 5 !important; }
.aho-profile-layout--enterprise .card { min-height: 0 !important; height: auto !important; border-radius: 24px !important; }
.aho-profile-layout--enterprise .card__body { padding: 20px !important; }
.aho-profile-layout--enterprise .aho-theme-options { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
.aho-profile-layout--enterprise .aho-theme-option { min-height: 82px !important; }

/* My entries */
.le-hero--intelligence { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 18px !important; padding-bottom: 18px !important; }
.le-hero--intelligence .le-metric-strip { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0; border-top: 1px solid rgba(113,130,162,.14); padding-top: 14px; }
.le-metric-strip > span { display: flex; align-items: baseline; gap: 8px; padding: 4px 22px 4px 0; margin-right: 22px; border-right: 1px solid rgba(113,130,162,.16); }
.le-metric-strip > span:last-child { border-right: 0; }
.le-metric-strip strong { font-size: 1.4rem; }
.le-metric-strip small { color: var(--suite-ink-soft); font-size: .88rem; }
.le-commandbar { border-radius: 22px !important; box-shadow: 0 12px 28px rgba(15,23,42,.05) !important; }
.le-commandbar .le-search { flex: 1 1 620px; }
.le-row { grid-template-columns: 4px minmax(220px, 1.3fr) minmax(220px, 1fr) minmax(150px, .7fr) auto !important; min-height: 76px; }
.le-row__type strong { font-size: 1rem; }
.le-row__actions a { opacity: .72; transition: opacity .15s ease, transform .15s ease; }
.le-row:hover .le-row__actions a { opacity: 1; transform: translateX(2px); }

/* Social work topics */
#social-topics .aho-topic-groups { display: grid; gap: 22px; }
#social-topics .aho-topic-group { width: 100%; min-width: 0; }
#social-topics .aho-topic-group + .aho-topic-group { padding-top: 20px !important; border-top: 1px solid var(--spatial-line) !important; }
#social-topics .aho-topic-group legend { margin-bottom: 12px !important; font-size: 1rem !important; font-weight: 780 !important; }
#social-topics .aho-choice-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 10px 18px !important; }
#social-topics .aho-choice-grid > label.choice { min-width: 0 !important; max-width: none !important; width: 100% !important; }

/* Employees */
.team-shell { display: grid; gap: 18px; }
.team-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 24px 26px; border: 1px solid var(--suite-line); border-radius: 30px; background: radial-gradient(circle at top right, rgba(90,82,235,.10), transparent 34%), linear-gradient(135deg,var(--suite-surface-strong),var(--suite-surface-soft)); box-shadow: var(--suite-shadow); }
.team-hero h1 { margin: 5px 0 8px; font-size: clamp(2rem,1.6rem + 1.2vw,2.8rem); letter-spacing: -.04em; }
.team-hero p { margin: 0; max-width: 78ch; color: var(--suite-ink-soft); line-height: 1.6; }
.team-hero__actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.team-metric-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--suite-line); border-radius: 24px; background: var(--suite-line); box-shadow: var(--suite-shadow-soft); }
.team-metric-strip span { display: grid; gap: 5px; padding: 18px 20px; background: var(--suite-surface-strong); }
.team-metric-strip strong { font-size: 1.9rem; }
.team-metric-strip small { color: var(--suite-ink-soft); }
.team-signals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.team-signals article { padding: 18px; border: 1px solid var(--suite-line); border-radius: 22px; background: var(--suite-surface); box-shadow: var(--suite-shadow-soft); }
.team-signals small { color: var(--suite-ink-soft); }
.team-signals strong { display: block; margin: 7px 0 4px; font-size: 1.12rem; }
.team-signals span { color: var(--suite-ink-soft); font-size: .9rem; }
.team-commandbar { padding: 14px; border: 1px solid var(--suite-line); border-radius: 22px; background: var(--suite-surface); box-shadow: var(--suite-shadow-soft); }
.team-filter-form { display: grid; grid-template-columns: 130px minmax(260px,1fr) 170px auto auto; gap: 12px; align-items: end; }
.team-filter-form label { display: grid; gap: 5px; color: var(--suite-ink-soft); font-size: .84rem; font-weight: 700; }
.team-roster { border: 1px solid var(--suite-line); border-radius: 26px; overflow: hidden; background: var(--suite-surface); box-shadow: var(--suite-shadow-soft); }
.team-roster__head { display: flex; justify-content: space-between; gap: 16px; align-items: end; padding: 20px 22px; border-bottom: 1px solid var(--suite-line); }
.team-roster__head h2 { margin: 5px 0 0; font-size: 1.45rem; }
.team-roster__rows { display: grid; }
.team-person-row { display: grid; grid-template-columns: minmax(230px,1.1fr) minmax(520px,2fr) auto; gap: 18px; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--suite-line); transition: background .15s ease; }
.team-person-row:last-child { border-bottom: 0; }
.team-person-row:hover { background: var(--suite-accent-soft); }
.team-person-row__identity { display: flex; gap: 12px; align-items: center; min-width: 0; }
.team-avatar { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 14px; background: linear-gradient(135deg,var(--suite-accent-soft),rgba(90,82,235,.10)); color: var(--suite-accent); font-weight: 800; }
.team-person-row__identity strong { display: block; }
.team-person-row__identity small { color: var(--suite-ink-soft); }
.team-person-row__metrics { display: grid; grid-template-columns: repeat(6,minmax(68px,1fr)); gap: 10px; margin: 0; }
.team-person-row__metrics div { display: grid; gap: 3px; }
.team-person-row__metrics dt { color: var(--suite-ink-soft); font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; }
.team-person-row__metrics dd { margin: 0; font-weight: 800; }
.team-person-row__action { white-space: nowrap; font-weight: 780; color: var(--suite-accent); text-decoration: none; }

/* LAB */
.lab-shell .lab-hero { border-radius: 30px !important; box-shadow: var(--suite-shadow) !important; }
.lab-kpis { overflow: hidden; border: 1px solid var(--suite-line); border-radius: 24px; gap: 1px !important; background: var(--suite-line); }
.lab-kpi { border-radius: 0 !important; box-shadow: none !important; }
.lab-insights--executive { gap: 14px !important; }
.lab-insights--executive article { border-radius: 22px !important; min-height: 118px; }
.lab-panels--enterprise .lab-panel { border-radius: 26px !important; overflow: hidden; }
.lab-panels--enterprise .aho-chart-preview { min-height: 260px; }

/* Intelligence */
.intel-shell .intel-hero { border-radius: 30px !important; box-shadow: var(--suite-shadow) !important; }
.intel-kpis--executive { overflow: hidden; border: 1px solid var(--suite-line); border-radius: 24px; gap: 1px !important; background: var(--suite-line); }
.intel-kpis--executive article { border-radius: 0 !important; box-shadow: none !important; }
.intel-panel { border-radius: 26px !important; }
.intel-trend-row, .intel-goal-card { border-radius: 20px !important; }

/* Quality */
.aho-quality-hero { border-radius: 30px !important; }
.aho-quality-kpis--executive { overflow: hidden; border: 1px solid var(--suite-line); border-radius: 24px; gap: 1px !important; background: var(--suite-line); }
.aho-quality-kpis--executive .aho-summary-card { border-radius: 0 !important; box-shadow: none !important; }
.aho-quality-advisor { border-radius: 26px !important; }
.aho-quality-advisor__grid article { min-height: 150px; }

@media (max-width: 1280px) {
    .profile-command-hero, .team-hero { grid-template-columns: 1fr; }
    .profile-command-hero__signals { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .team-hero__actions { justify-content: flex-start; }
    .team-person-row { grid-template-columns: 1fr; }
    .team-filter-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 980px) {
    .aho-profile-layout--enterprise { grid-template-columns: 1fr !important; }
    .aho-profile-layout--enterprise > * { grid-column: 1 !important; }
    .team-metric-strip, .team-signals { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .team-person-row__metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .le-row { grid-template-columns: 4px 1fr !important; gap: 8px 12px !important; }
    .le-row__context, .le-row__meta, .le-row__actions { grid-column: 2; }
}
@media (max-width: 680px) {
    .profile-command-hero__identity { align-items: flex-start; }
    .profile-command-hero__signals, .team-metric-strip, .team-signals, .team-filter-form { grid-template-columns: 1fr; }
    .aho-profile-layout--enterprise .aho-theme-options { grid-template-columns: 1fr !important; }
    .team-person-row__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    #social-topics .aho-choice-grid { grid-template-columns: 1fr !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.30.css
   ========================================================================== */

/* Enterprise Suite 1.0.30
   Statistik Design Upgrade / Top Design only
   Focus: Analytics Workspace, LAB, Trends, Mitarbeitende, Warnungen, Zeitraum, Drill-down
*/

:root {
    --stats-bg: linear-gradient(180deg, #f5f8fc 0%, #f8fbff 48%, #f4f7fb 100%);
    --stats-panel: rgba(255, 255, 255, 0.92);
    --stats-panel-strong: rgba(255, 255, 255, 0.98);
    --stats-border: rgba(97, 116, 146, 0.14);
    --stats-border-strong: rgba(97, 116, 146, 0.22);
    --stats-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
    --stats-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.05);
    --stats-ink: #162336;
    --stats-ink-soft: #607086;
    --stats-accent: #0f8c80;
    --stats-accent-2: #6a7cff;
    --stats-accent-3: #1fc9a7;
    --stats-negative: #be3558;
    --stats-warning: #cc8f00;
    --stats-radius-xl: 28px;
    --stats-radius-lg: 22px;
    --stats-radius-md: 16px;
    --stats-radius-sm: 12px;
}

body.page-intelligence-workspace,
body.page-intelligence-workspace .app-main,
body.page-intelligence-workspace .content-card,
body .aho-enterprise-workspace,
body .aho-workspace--analytics,
body .aho-workspace--employees,
body .aho-quality-workspace,
body .aho-drilldown-launcher,
body .team-shell,
body .lab-shell,
body .intel-shell {
    color: var(--stats-ink);
}

body.page-intelligence-workspace .content-card,
body .aho-enterprise-workspace,
body .aho-workspace--analytics,
body .aho-workspace--employees,
body .aho-quality-workspace {
    background: transparent;
}

body.page-intelligence-workspace .content-card > *:not(script),
body .aho-workspace--analytics > *:not(script),
body .aho-workspace--employees > *:not(script),
body .aho-quality-workspace > *:not(script),
body .aho-enterprise-workspace > *:not(script) {
    position: relative;
    z-index: 1;
}

/* full-width calmer canvas */
body.page-intelligence-workspace .content-card,
body .page-content .content-card {
    padding: 22px 28px 30px;
}

.iw-shell,
.team-shell,
.lab-shell,
.intel-shell,
.aho-workspace--analytics,
.aho-workspace--employees,
.aho-quality-workspace {
    display: grid;
    gap: 18px;
}

/* shared premium glass hero */
.iw-command-deck,
.team-hero,
.lab-hero,
.intel-hero,
.aho-module-hero,
.aho-quality-hero {
    position: relative;
    overflow: hidden;
    padding: 28px 30px;
    border-radius: var(--stats-radius-xl);
    border: 1px solid var(--stats-border);
    background:
        radial-gradient(circle at top right, rgba(106, 124, 255, 0.18), transparent 28%),
        radial-gradient(circle at left center, rgba(31, 201, 167, 0.15), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.95));
    box-shadow: var(--stats-shadow);
}
.iw-command-deck::after,
.team-hero::after,
.lab-hero::after,
.intel-hero::after,
.aho-module-hero::after,
.aho-quality-hero::after {
    content: "";
    position: absolute;
    inset: auto -8% -42% auto;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(31, 201, 167, 0.12), transparent 70%);
    pointer-events: none;
}
.iw-kicker,
.aho-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(15, 140, 128, 0.08);
    border: 1px solid rgba(15, 140, 128, 0.12);
    color: var(--stats-accent);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.iw-title-line,
.team-hero h1,
.lab-hero h1,
.intel-hero h1,
.aho-module-hero h2,
.aho-quality-hero h1 {
    margin-top: 12px;
}
.iw-title-line h1,
.team-hero h1,
.lab-hero h1,
.intel-hero h1,
.aho-module-hero h2,
.aho-quality-hero h1 {
    margin: 0;
    font-size: clamp(2rem, 1.55rem + 1vw, 3rem);
    line-height: 1.03;
    letter-spacing: -0.05em;
    color: var(--stats-ink);
}
.iw-command-deck__identity p,
.team-hero p,
.lab-hero p,
.intel-hero p,
.aho-module-hero p,
.aho-quality-hero p {
    max-width: 78ch;
    margin: 10px 0 0;
    color: var(--stats-ink-soft);
    font-size: 0.97rem;
    line-height: 1.6;
}
.iw-live {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(97, 116, 146, 0.14);
    color: var(--stats-ink-soft);
    font-size: 0.82rem;
    font-weight: 780;
}
.iw-live i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--stats-accent-3);
    box-shadow: 0 0 0 5px rgba(31, 201, 167, 0.15);
}

/* analytics search command */
.iw-command {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 60px;
    padding: 0 18px;
    border-radius: 18px;
    border: 1px solid var(--stats-border);
    background: rgba(255,255,255,0.86);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.72), var(--stats-shadow-soft);
}
.iw-command__spark {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(31,201,167,.18), rgba(106,124,255,.18));
    color: var(--stats-accent);
    font-size: 1rem;
}
.iw-command input,
.iw-ai-stage textarea,
.team-filter-form input,
.team-filter-form select,
.iw-filter-form input,
.iw-filter-form select,
.intel-year-form input,
.aho-inline-form input,
.aho-inline-form select,
.intel-editor__form input,
.intel-editor__form select,
.lab-hero__form input,
.lab-hero__form select {
    border-radius: 14px !important;
    border: 1px solid rgba(97, 116, 146, 0.16) !important;
    background: rgba(255,255,255,0.95) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset !important;
}
.iw-command input {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 58px;
    padding: 0 !important;
    font-size: 0.98rem;
}
.iw-command kbd {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid var(--stats-border);
    background: rgba(246,249,255,0.96);
    color: var(--stats-ink-soft);
    box-shadow: none;
}

/* context bar */
.iw-context-bar,
.team-commandbar,
.lab-section-nav,
.intel-link-row,
.aho-inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.iw-context-bar {
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,0.72);
    border: 1px solid var(--stats-border);
}
.iw-context-bar > span,
.iw-year-inline,
.iw-filter-popover > summary,
.team-commandbar,
.intel-link-row a,
.aho-inline-form label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(97, 116, 146, 0.14);
    background: rgba(255,255,255,0.84);
    color: var(--stats-ink-soft);
    font-size: 0.8rem;
    font-weight: 760;
}
.iw-year-inline select,
.aho-inline-form input,
.aho-inline-form select { min-height: 38px; }
.iw-filter-popover { position: relative; }
.iw-filter-popover > summary {
    list-style: none;
    cursor: pointer;
}
.iw-filter-popover > summary::-webkit-details-marker { display: none; }
.iw-filter-popover > summary b {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(15, 140, 128, 0.1);
    color: var(--stats-accent);
    font-size: 0.74rem;
}
.iw-filter-sheet {
    margin-top: 10px;
    border-radius: 22px;
    border: 1px solid var(--stats-border);
    background: rgba(255,255,255,0.98);
    box-shadow: var(--stats-shadow);
}
.iw-sheet-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 18px 0;
}
.iw-filter-form,
.team-filter-form,
.intel-editor__form {
    display: grid;
    gap: 14px;
}
.iw-filter-form {
    grid-template-columns: repeat(3, minmax(0,1fr));
    padding: 18px;
}
.iw-filter-form label,
.team-filter-form label,
.intel-year-form label,
.intel-editor__form label,
.lab-hero__form label {
    display: grid;
    gap: 8px;
    color: var(--stats-ink-soft);
    font-size: 0.78rem;
    font-weight: 780;
}
.iw-filter-form__footer,
.team-filter-form,
.intel-editor__actions,
.lab-hero__form {
    align-items: end;
}
.iw-filter-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column: 1 / -1;
    gap: 12px;
    padding-top: 4px;
}
.iw-filter-tokens {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 2px;
}
.iw-filter-tokens span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.84);
    border: 1px solid var(--stats-border);
    color: var(--stats-ink);
    font-size: 0.82rem;
    font-weight: 760;
}
.iw-filter-tokens small { color: var(--stats-ink-soft); }

/* mode switch */
.iw-modes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 2px 0;
}
.iw-modes button {
    min-height: 40px;
    padding: 0 15px;
    border-radius: 999px;
    border: 1px solid var(--stats-border);
    background: rgba(255,255,255,0.75);
    color: var(--stats-ink-soft);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: .01em;
    transition: transform .15s ease, border-color .15s ease, color .15s ease, background .15s ease;
}
.iw-modes button[aria-current="page"],
.iw-modes button:hover {
    border-color: rgba(15, 140, 128, 0.2);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,255,252,0.96));
    color: var(--stats-accent);
    transform: translateY(-1px);
}

/* metric rail and panels */
.iw-canvas,
.lab-panels,
.aho-grid-2,
.intel-panel,
.team-roster,
.team-signals,
.lab-command-grid,
.lab-month-grid,
.intel-goals-grid {
    gap: 16px;
}
.iw-metric-strip,
.team-metric-strip,
.intel-kpis,
.lab-kpis,
.aho-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}
.iw-metric,
.team-metric-strip > span,
.intel-kpis > article,
.lab-kpi,
.aho-summary-card,
.team-signals article,
.lab-command-card,
.lab-month-card,
.lab-insights article,
.intel-goal-card,
.aho-quality-advisor__grid article,
.iw-compare-row,
.iw-trend-line,
.iw-goal-row,
.iw-quality-ledger a,
.iw-anomaly-list a,
.iw-contribution,
.team-person-row,
.aho-drilldown-launcher,
.card {
    border-radius: var(--stats-radius-lg) !important;
    border: 1px solid var(--stats-border) !important;
    background: var(--stats-panel) !important;
    box-shadow: var(--stats-shadow-soft);
}
.iw-metric,
.team-metric-strip > span,
.intel-kpis > article,
.lab-kpi,
.aho-summary-card,
.team-signals article,
.lab-command-card,
.lab-month-card,
.lab-insights article {
    padding: 18px 18px 16px;
}
.iw-metric:hover,
.aho-summary-card:hover,
.team-person-row:hover,
.iw-compare-row:hover,
.iw-contribution:hover,
.iw-anomaly-list a:hover,
.iw-quality-ledger a:hover,
.aho-drilldown-card:hover,
.lab-kpi:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 140, 128, 0.18) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.09);
}
.iw-metric {
    display: grid;
    gap: 8px;
    text-decoration: none;
}
.iw-metric__value,
.team-metric-strip strong,
.intel-kpis strong,
.lab-kpi strong,
.aho-summary-card strong,
.team-signals strong,
.lab-command-card strong,
.lab-month-card strong,
.lab-insights strong,
.aho-summary-card strong {
    color: var(--stats-ink);
    font-size: clamp(1.55rem, 1.15rem + .5vw, 2.25rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
}
.iw-metric__label,
.team-metric-strip small,
.intel-kpis small,
.lab-kpi small,
.aho-summary-card span,
.team-signals small,
.lab-command-card span,
.lab-month-card span,
.lab-insights span {
    color: var(--stats-ink-soft);
}
.iw-metric__delta,
.lab-kpi__delta,
.iw-compare-row em,
.iw-trend-line em,
.intel-trend-row__delta strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(15, 140, 128, 0.08);
    color: var(--stats-accent);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 790;
}
.iw-metric__delta.is-down,
.iw-compare-row em.is-down,
.iw-trend-line em.is-down,
.intel-trend-row__delta strong.is-negative { background: rgba(190,53,88,0.09); color: var(--stats-negative); }

.iw-stage,
.team-roster,
.iw-dimension-grid,
.lab-panels,
.aho-grid-2,
.intel-goals-grid,
.aho-quality-advisor__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .8fr);
    gap: 16px;
}
.iw-stage__main,
.iw-stage__rail,
.team-roster,
.lab-panel,
.intel-panel,
.card,
.team-roster__rows,
.iw-dimension,
.iw-compare-table,
.iw-compare-chart,
.iw-trend-ledger,
.iw-anomaly-list,
.iw-goal-list,
.iw-quality-ledger,
.iw-ai-stage,
.intel-editor,
.intel-trend-list,
.aho-chart-data-list {
    padding: 18px;
    border-radius: var(--stats-radius-lg);
    border: 1px solid var(--stats-border);
    background: rgba(255,255,255,0.86);
    box-shadow: var(--stats-shadow-soft);
}
.iw-stage__main,
.iw-stage__rail { min-width: 0; }
.iw-stage__rail { display: grid; align-content: start; gap: 16px; }
.iw-section-head,
.card__header,
.team-roster__head,
.intel-panel__head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 14px;
}
.iw-section-head h2,
.card__title,
.team-roster__head h2,
.intel-panel__head h2,
.aho-quality-hero h1 {
    margin: 4px 0 0;
    color: var(--stats-ink);
    font-size: clamp(1.2rem, 1rem + .3vw, 1.65rem);
    letter-spacing: -0.03em;
}
.iw-section-head p,
.card__header p,
.team-roster__head small,
.intel-panel__head p { color: var(--stats-ink-soft); }
.iw-tech-label,
.iw-text-action,
.team-person-row__action,
.button,
.button--small {
    border-radius: 999px !important;
}
.button,
.button--small {
    box-shadow: none !important;
    border: 1px solid rgba(97, 116, 146, 0.14) !important;
    background: rgba(255,255,255,0.88) !important;
    color: var(--stats-ink) !important;
}
.button--primary {
    background: linear-gradient(135deg, var(--stats-accent), #20b6a8) !important;
    border-color: rgba(15,140,128,0.22) !important;
    color: #fff !important;
}

/* analytics chart zone */
.iw-trend-canvas,
.aho-chart-preview {
    width: 100% !important;
    min-height: 280px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(248,251,255,.95), rgba(255,255,255,.98));
    border: 1px dashed rgba(97,116,146,.16);
}
.iw-insight-list,
.iw-rail-section,
.iw-dimension__rows,
.aho-bar-chart,
.aho-bar-chart--wide,
.intel-trend-list,
.iw-compare-table,
.iw-trend-ledger,
.iw-anomaly-list,
.iw-goal-list,
.iw-quality-ledger,
.iw-saved-list {
    display: grid;
    gap: 10px;
}
.iw-insight,
.iw-contribution,
.aho-bar-row,
.intel-trend-row,
.iw-compare-row,
.iw-trend-line,
.iw-goal-row,
.iw-quality-ledger a,
.iw-anomaly-list a,
.iw-saved-row,
.aho-drilldown-launcher,
.team-person-row {
    display: flex;
    align-items: center;
    gap: 14px;
}
.iw-insight,
.iw-contribution,
.iw-saved-row,
.intel-trend-row,
.iw-compare-row,
.iw-trend-line,
.iw-goal-row,
.iw-quality-ledger a,
.iw-anomaly-list a,
.team-person-row {
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid var(--stats-border);
    background: rgba(255,255,255,.86);
}
.aho-bar-row,
.aho-bar-row--wide {
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(97,116,146,.12);
    background: rgba(252,253,255,.9);
}
.aho-bar,
.iw-goal-track,
.intel-meter {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    min-width: 80px;
    height: 10px;
    border-radius: 999px;
    background: rgba(97,116,146,.10);
}
.aho-bar i,
.iw-goal-track i,
.intel-meter i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--stats-accent), var(--stats-accent-3));
}
.aho-bar-row > span:first-child,
.iw-contribution span,
.iw-insight span,
.iw-compare-row span,
.iw-goal-row span,
.team-person-row__identity div,
.iw-saved-row a {
    min-width: 0;
    flex: 1 1 auto;
}
.team-person-row {
    justify-content: space-between;
    padding: 16px;
}
.team-person-row__identity { display:flex; align-items:center; gap:14px; }
.team-avatar {
    display:inline-grid;
    place-items:center;
    width:48px; height:48px;
    border-radius:16px;
    background: linear-gradient(135deg, rgba(15,140,128,.14), rgba(106,124,255,.14));
    color: var(--stats-accent);
    font-weight: 850;
}
.team-person-row__metrics {
    display:grid;
    grid-template-columns: repeat(6, minmax(66px,1fr));
    gap:10px;
    margin:0;
    flex: 1 1 auto;
}
.team-person-row__metrics div {
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(246,249,255,0.88);
    border: 1px solid rgba(97,116,146,.08);
}
.team-person-row__metrics dt { color: var(--stats-ink-soft); font-size: .72rem; }
.team-person-row__metrics dd { margin: 6px 0 0; font-size: 1rem; font-weight: 780; color: var(--stats-ink); }

.iw-heatmap {
    padding: 16px;
    border-radius: var(--stats-radius-lg);
    border: 1px solid var(--stats-border);
    background: rgba(255,255,255,0.86);
    box-shadow: var(--stats-shadow-soft);
}
.iw-heatmap__head,
.iw-heatmap__row {
    display: grid;
    grid-template-columns: 128px repeat(12, minmax(0,1fr));
    gap: 8px;
    align-items: center;
}
.iw-heatmap__head { margin-bottom: 10px; color: var(--stats-ink-soft); font-size: .74rem; font-weight: 760; }
.iw-heatmap__row { margin-top: 8px; }
.iw-heatmap__row a {
    display: grid;
    place-items: center;
    gap: 4px;
    min-height: 58px;
    border-radius: 14px;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,249,255,.95));
    border: 1px solid rgba(97,116,146,.10);
}
.iw-heatmap__row a i {
    width: 26px; height: 26px; border-radius: 10px;
    background: rgba(15, 140, 128, calc(var(--heat) * 1));
    box-shadow: 0 0 0 1px rgba(15, 140, 128, 0.07) inset;
}
.iw-heatmap__row a em { font-style: normal; color: var(--stats-ink); font-size: .74rem; }

.iw-dimension-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.iw-dimension header,
.iw-ai-stage,
.intel-editor,
.aho-quality-advisor__grid,
.lab-command-grid,
.lab-month-grid { display: grid; gap: 12px; }
.iw-dimension header { display:flex; justify-content:space-between; gap:10px; }
.iw-ai-stage { text-align: center; padding: 28px; }
.iw-ai-orb {
    width: 56px; height: 56px; margin: 0 auto;
    display:grid; place-items:center;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(106,124,255,.16), rgba(31,201,167,.16));
    color: var(--stats-accent);
    font-size: 1.4rem;
}
.iw-ai-stage form { display:grid; gap: 12px; max-width: 860px; width:100%; margin: 0 auto; }
.iw-ai-stage button { width: fit-content; justify-self: center; }
.iw-ai-examples { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.iw-ai-examples a {
    min-height: 34px; padding: 0 12px; display:inline-flex; align-items:center;
    border-radius: 999px; border:1px solid var(--stats-border); background: rgba(255,255,255,.88);
    text-decoration:none; color: var(--stats-ink-soft); font-size:.8rem; font-weight:760;
}

/* Drilldown and period */
.aho-drilldown-launcher {
    padding: 24px !important;
    max-width: 920px;
}
.aho-drilldown-launcher .card__body { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.aho-drilldown-launcher p { flex: 1 1 100%; color: var(--stats-ink-soft); }

/* warnings + quality */
.aho-quality-advisor__grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.aho-quality-kpis--executive,
.intel-kpis--executive,
.lab-insights--executive { grid-template-columns: repeat(4, minmax(0,1fr)); }
.aho-quality-ledger a,
.iw-quality-ledger a,
.iw-anomaly-list a { text-decoration: none; color: inherit; }

/* responsive */
@media (max-width: 1400px) {
    .iw-stage,
    .team-roster,
    .lab-panels,
    .aho-grid-2 { grid-template-columns: 1fr; }
    .iw-dimension-grid { grid-template-columns: 1fr; }
    .team-person-row { flex-direction: column; align-items: stretch; }
    .team-person-row__metrics { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1120px) {
    .iw-filter-form { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .aho-quality-advisor__grid,
    .aho-quality-kpis--executive,
    .intel-kpis--executive,
    .lab-insights--executive { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .iw-heatmap__head,
    .iw-heatmap__row { grid-template-columns: 120px repeat(6, minmax(0,1fr)); }
    .iw-heatmap__head b:nth-child(n+8),
    .iw-heatmap__row a:nth-child(n+8) { display:none; }
}
@media (max-width: 860px) {
    body.page-intelligence-workspace .content-card,
    body .page-content .content-card { padding: 16px 16px 24px; }
    .iw-command-deck,
    .team-hero,
    .lab-hero,
    .intel-hero,
    .aho-module-hero,
    .aho-quality-hero { padding: 22px 18px; }
    .iw-filter-form { grid-template-columns: 1fr; }
    .iw-metric-strip,
    .team-metric-strip,
    .intel-kpis,
    .lab-kpis,
    .aho-summary-grid,
    .aho-quality-kpis--executive,
    .intel-kpis--executive,
    .lab-insights--executive,
    .team-signals,
    .lab-command-grid,
    .lab-month-grid,
    .intel-goals-grid,
    .aho-quality-advisor__grid { grid-template-columns: 1fr !important; }
    .team-person-row__metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .iw-insight,
    .iw-contribution,
    .iw-saved-row,
    .intel-trend-row,
    .iw-compare-row,
    .iw-trend-line,
    .iw-goal-row,
    .iw-quality-ledger a,
    .iw-anomaly-list a,
    .team-person-row,
    .aho-drilldown-launcher .card__body { flex-direction: column; align-items: stretch; }
}
@media (max-width: 560px) {
    .team-person-row__metrics { grid-template-columns: 1fr; }
    .iw-context-bar { padding: 10px; }
    .iw-modes { overflow-x:auto; flex-wrap:nowrap; padding-bottom: 4px; }
    .iw-modes button { white-space: nowrap; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.31.css
   ========================================================================== */

/* Enterprise Suite 1.0.31
   Entry Workspace Premium / unnecessary info removed / stronger icons */

body.page-entry .content-card {
    padding: 18px 22px 24px;
    background: linear-gradient(180deg, #f5f8fc 0%, #f7fbff 55%, #f5f8fc 100%);
}

body.page-entry .aho-entry-workspace {
    gap: 16px;
}

body.page-entry .aho-entry-form {
    gap: 14px;
}

body.page-entry .aho-entry-premium-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px;
    border-radius: 26px;
    border: 1px solid rgba(96, 114, 145, 0.14);
    background:
        radial-gradient(circle at top right, rgba(31, 201, 167, 0.13), transparent 26%),
        radial-gradient(circle at left center, rgba(61, 99, 255, 0.10), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.96));
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
}
body.page-entry .aho-entry-premium-head__main,
body.page-entry .aho-entry-premium-head__meta {
    display: flex;
    align-items: center;
    gap: 14px;
}
body.page-entry .aho-entry-premium-head__main > div { min-width: 0; }
body.page-entry .aho-entry-premium-head__icon {
    display: inline-grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    color: #0f8c80;
    background: linear-gradient(135deg, rgba(15,140,128,0.13), rgba(106,124,255,0.13));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
body.page-entry .aho-entry-premium-head__icon svg { width: 26px; height: 26px; }
body.page-entry .aho-entry-premium-head__eyebrow {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(15,140,128,0.08);
    color: #0f8c80;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body.page-entry .aho-entry-premium-head h1 {
    margin: 10px 0 4px;
    color: #162335;
    font-size: clamp(1.65rem, 1.35rem + 0.7vw, 2.4rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
}
body.page-entry .aho-entry-premium-head p {
    margin: 0;
    max-width: 72ch;
    color: #67778c;
}
body.page-entry .aho-entry-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(96,114,145,0.14);
    background: rgba(255,255,255,0.82);
    color: #516275;
    font-size: .82rem;
    font-weight: 760;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
body.page-entry .aho-entry-chip svg { width: 17px; height: 17px; color: #0f8c80; }
body.page-entry .aho-entry-chip--live {
    color: #0f8c80;
    border-color: rgba(15,140,128,0.16);
    background: rgba(15,140,128,0.06);
}

body.page-entry .aho-entry-quicknav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 2px 2px 0;
}
body.page-entry .aho-entry-quicknav a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    text-decoration: none;
    border: 1px solid rgba(96,114,145,0.14);
    background: rgba(255,255,255,0.82);
    color: #516275;
    font-size: .82rem;
    font-weight: 780;
    transition: transform .14s ease, background .14s ease, color .14s ease, border-color .14s ease;
}
body.page-entry .aho-entry-quicknav a span {
    display: inline-grid;
    place-items: center;
    width: 22px; height: 22px;
    border-radius: 8px;
    background: rgba(15,140,128,0.09);
    color: #0f8c80;
}
body.page-entry .aho-entry-quicknav a:hover,
body.page-entry .aho-entry-quicknav a[aria-current="step"] {
    transform: translateY(-1px);
    color: #0f8c80;
    border-color: rgba(15,140,128,0.16);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,255,251,0.96));
}

body.page-entry .aho-entry-statusdeck {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 14px;
    align-items: stretch;
}
body.page-entry .aho-entry-statuscard {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    padding: 16px 18px;
    border-radius: 22px;
    border: 1px solid rgba(96,114,145,0.14);
    background: rgba(255,255,255,0.86);
    box-shadow: 0 12px 28px rgba(15,23,42,0.05);
}
body.page-entry .aho-entry-statuscard--primary {
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,255,253,0.96));
    border-color: rgba(15,140,128,0.14);
}
body.page-entry .aho-entry-statuscard__icon {
    display: inline-grid;
    place-items: center;
    width: 50px; height: 50px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(15,140,128,0.12), rgba(106,124,255,0.10));
    color: #0f8c80;
}
body.page-entry .aho-entry-statuscard__icon svg { width: 24px; height: 24px; }
body.page-entry .aho-entry-statuscard__body {
    display: grid;
    gap: 8px;
    align-content: start;
    min-width: 0;
}
body.page-entry .aho-entry-statuscard__body > span {
    color: #7b8a9d;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body.page-entry .aho-entry-statuscard__body > strong {
    color: #162335;
    font-size: 1rem;
    line-height: 1.4;
}
body.page-entry .aho-entry-statusdeck__hint p {
    margin: 0;
    color: #516275;
    font-size: .9rem;
}
body.page-entry .aho-entry-statusdeck__list,
body.page-entry .aho-entry-intelligence__checklist,
body.page-entry [data-assistant-checklist] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.page-entry [data-assistant-checklist] li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #5a6c81;
    font-size: .84rem;
}
body.page-entry [data-assistant-checklist] li i {
    width: 18px; height: 18px; border-radius: 999px;
    background: rgba(96,114,145,0.10);
    position: relative;
    flex: 0 0 18px;
}
body.page-entry [data-assistant-checklist] li.is-complete { color: #0f8c80; }
body.page-entry [data-assistant-checklist] li.is-complete i { background: rgba(15,140,128,0.14); }
body.page-entry [data-assistant-checklist] li.is-complete i::after {
    content: '';
    position: absolute;
    inset: 5px 4px 4px 5px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}

body.page-entry .aho-entry-progress {
    align-items: center;
    gap: 10px;
}
body.page-entry .aho-entry-progress span {
    min-width: 0;
    flex: 1 1 auto;
    height: 10px;
    border-radius: 999px;
    background: rgba(96,114,145,0.10);
    overflow: hidden;
}
body.page-entry .aho-entry-progress span i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f8c80, #1dc9a7);
}
body.page-entry .aho-entry-progress strong,
body.page-entry [data-autosave-time],
body.page-entry .aho-autosave-state span,
body.page-entry .aho-autosave-state {
    color: #516275;
}
body.page-entry .aho-autosave-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 760;
}
body.page-entry .aho-autosave-state i {
    width: 9px; height: 9px; border-radius: 999px;
    background: #1fc9a7;
    box-shadow: 0 0 0 4px rgba(31,201,167,0.14);
}

body.page-entry .aho-entry-layout--single .aho-form-section {
    border-radius: 24px;
    border: 1px solid rgba(96,114,145,0.13);
    background: rgba(255,255,255,0.90);
    box-shadow: 0 12px 30px rgba(15,23,42,0.05);
}
body.page-entry .aho-entry-layout--single .aho-form-section::before {
    background: linear-gradient(90deg, rgba(15,140,128,.9), rgba(27,187,167,.65));
}
body.page-entry .aho-entry-layout--single .aho-form-section__header {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(96,114,145,0.08);
}
body.page-entry .aho-entry-layout--single .aho-section-number {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(15,140,128,.12), rgba(106,124,255,.12));
    color: #0f8c80;
    box-shadow: none;
}
body.page-entry .aho-entry-layout--single .aho-section-number__icon {
    width: 20px;
    height: 20px;
}
body.page-entry .aho-entry-layout--single .aho-form-section__header h2 {
    font-size: clamp(1.2rem, 1rem + .35vw, 1.5rem);
    color: #162335;
}

body.page-entry .aho-entry-layout--single label.choice {
    padding: 14px 16px !important;
    border-radius: 18px;
    border: 1px solid rgba(96,114,145,0.12) !important;
    background: rgba(251,253,255,0.86);
}
body.page-entry .aho-entry-layout--single label.choice .choice__icon {
    display: inline-grid !important;
    place-items: center;
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px;
    background: rgba(15,140,128,.08);
    color: #0f8c80;
}
body.page-entry .aho-entry-layout--single label.choice .choice__icon svg { width: 18px; height: 18px; }
body.page-entry .aho-entry-layout--single label.choice:hover {
    background: rgba(255,255,255,0.98);
    transform: translateY(-1px);
}
body.page-entry .aho-entry-layout--single label.choice:has(input:checked) {
    border-color: rgba(15,140,128,0.24) !important;
    background: linear-gradient(180deg, rgba(246,255,252,.98), rgba(255,255,255,.96));
    box-shadow: 0 12px 24px rgba(15,140,128,0.08);
}
body.page-entry .choice__label { color: #243448; font-weight: 700; }

body.page-entry .aho-number-control { gap: 10px; }
body.page-entry .aho-number-stepper {
    min-height: 52px;
    border-radius: 18px;
    border: 1px solid rgba(96,114,145,0.14);
    background: rgba(255,255,255,0.96);
    box-shadow: 0 10px 22px rgba(15,23,42,0.05);
    overflow: hidden;
}
body.page-entry .aho-number-stepper button {
    width: 48px;
    min-width: 48px;
    color: #0f8c80;
    background: linear-gradient(180deg, rgba(15,140,128,.08), rgba(15,140,128,.03));
    border-inline-color: rgba(96,114,145,0.10);
    font-size: 1.3rem;
    font-weight: 800;
}
body.page-entry .aho-number-stepper button:hover {
    background: linear-gradient(180deg, rgba(15,140,128,.12), rgba(15,140,128,.06));
}
body.page-entry .aho-entry-layout--single .aho-number-stepper input {
    background: transparent !important;
    color: #162335;
    font-size: 1.4rem;
    font-weight: 820;
    letter-spacing: -0.03em;
}
body.page-entry .aho-number-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
body.page-entry .aho-number-presets button {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(96,114,145,0.14);
    background: rgba(255,255,255,0.88);
    color: #61748f;
    font-size: .78rem;
    font-weight: 760;
}
body.page-entry .aho-number-presets button:hover,
body.page-entry .aho-number-presets button.is-active {
    border-color: rgba(15,140,128,0.20);
    color: #0f8c80;
    background: rgba(15,140,128,0.06);
}

body.page-entry .app-bottom-bar,
body.page-entry .aho-entry-actions {
    backdrop-filter: blur(14px);
}

@media (max-width: 1180px) {
    body.page-entry .aho-entry-premium-head,
    body.page-entry .aho-entry-statusdeck {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }
    body.page-entry .aho-entry-premium-head__meta { justify-content: flex-start; flex-wrap: wrap; }
    body.page-entry .aho-entry-statusdeck { display: grid; }
}

@media (max-width: 900px) {
    body.page-entry .content-card { padding: 14px 14px 20px; }
    body.page-entry .aho-entry-premium-head { padding: 18px; }
    body.page-entry .aho-entry-quicknav { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
    body.page-entry .aho-entry-quicknav a { white-space: nowrap; }
    body.page-entry .aho-entry-statusdeck { grid-template-columns: 1fr; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.66.css
   ========================================================================== */

/* Enterprise Suite 1.0.66
   Ultra entry cleanup / cleaner top design / better action bar */

body.page-entry .topbar__title {
    display: none;
}
body.page-entry .topbar__left {
    gap: 14px;
}
body.page-entry .topbar {
    padding-inline: 16px 22px;
    border-bottom-color: rgba(96,114,145,0.10);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,251,255,0.92));
    backdrop-filter: blur(12px);
}
body.page-entry .topbar-search {
    min-width: min(560px, 54vw);
    border-radius: 16px;
    border-color: rgba(96,114,145,0.14);
    background: rgba(255,255,255,0.82);
    box-shadow: 0 10px 30px rgba(15,23,42,0.05);
}
body.page-entry .topbar-search svg { color: #0f8c80; }
body.page-entry .topbar__actions > * {
    box-shadow: 0 8px 24px rgba(15,23,42,0.04);
}
body.page-entry .content-card {
    padding-top: 14px;
}

body.page-entry .aho-entry-premium-head {
    padding: 18px 22px;
    border-radius: 24px;
}
body.page-entry .aho-entry-premium-head p {
    max-width: 64ch;
    font-size: .95rem;
}
body.page-entry .aho-entry-premium-head__meta {
    justify-content: flex-end;
    flex-wrap: wrap;
}
body.page-entry .aho-entry-chip {
    min-height: 34px;
    padding-inline: 12px;
}

body.page-entry .aho-entry-quicknav {
    gap: 8px;
}
body.page-entry .aho-entry-quicknav a {
    min-height: 38px;
    padding-inline: 12px;
}
body.page-entry .aho-entry-quicknav a strong {
    font-size: .8rem;
}

body.page-entry .aho-entry-statusdeck {
    grid-template-columns: 1.15fr .95fr 1fr;
    gap: 12px;
}
body.page-entry .aho-entry-statuscard {
    padding: 14px 16px;
    border-radius: 20px;
}
body.page-entry .aho-entry-statuscard__icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
}
body.page-entry .aho-entry-statuscard__body {
    gap: 6px;
}
body.page-entry .aho-entry-statuscard__body > strong {
    font-size: .96rem;
}
body.page-entry .aho-entry-statusdeck__hint p {
    font-size: .84rem;
}
body.page-entry [data-assistant-checklist] li {
    font-size: .8rem;
}
body.page-entry .aho-draft-restored {
    border-radius: 18px;
    padding: 12px 14px;
}

body.page-entry .aho-entry-layout.aho-entry-layout--single {
    gap: 14px;
}
body.page-entry .aho-entry-layout--single .aho-form-section {
    padding: 22px 22px 20px;
    border-radius: 22px;
}
body.page-entry .aho-entry-layout--single .aho-form-section__header {
    margin-bottom: 16px;
}
body.page-entry .aho-entry-layout--single .aho-form-section__header h2 {
    font-size: 1.32rem;
}
body.page-entry .aho-field-help,
body.page-entry .aho-toggle-card small,
body.page-entry .aho-subsection-grid > p {
    color: #708095;
    font-size: .85rem;
    line-height: 1.45;
}
body.page-entry .aho-toggle-card {
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(249,252,255,0.92));
    border-color: rgba(96,114,145,0.12);
    box-shadow: 0 10px 24px rgba(15,23,42,0.05);
}
body.page-entry .aho-toggle-card__control {
    box-shadow: inset 0 1px 2px rgba(15,23,42,0.15);
}

body.page-entry .aho-entry-layout--single label.choice {
    min-height: 62px;
}
body.page-entry .aho-entry-layout--single label.choice .choice__icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(15,140,128,.12), rgba(106,124,255,.10));
}
body.page-entry .aho-entry-layout--single label.choice .choice__indicator {
    border-color: rgba(96,114,145,0.26);
}
body.page-entry .aho-entry-layout--single label.choice:has(input:checked) .choice__indicator {
    background: #0f8c80;
    border-color: #0f8c80;
    box-shadow: 0 0 0 4px rgba(15,140,128,0.12);
}
body.page-entry .aho-choice-grid {
    gap: 12px;
}

body.page-entry .aho-field > span,
body.page-entry .aho-fieldset > legend {
    color: #2a3b50;
    font-weight: 780;
}
body.page-entry .aho-field input,
body.page-entry .aho-field select,
body.page-entry .aho-field textarea {
    border-radius: 16px;
    border-color: rgba(96,114,145,0.16);
    background: rgba(255,255,255,0.92);
    box-shadow: 0 6px 20px rgba(15,23,42,0.03);
}
body.page-entry .aho-field input:focus,
body.page-entry .aho-field select:focus,
body.page-entry .aho-field textarea:focus {
    border-color: rgba(15,140,128,0.34);
    box-shadow: 0 0 0 4px rgba(15,140,128,0.12);
}

body.page-entry .aho-number-stepper {
    min-height: 54px;
    box-shadow: 0 12px 24px rgba(15,23,42,0.05);
}
body.page-entry .aho-number-stepper button {
    width: 52px;
    min-width: 52px;
}
body.page-entry .aho-number-stepper button:first-child::before,
body.page-entry .aho-number-stepper button:last-child::before {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1;
}
body.page-entry .aho-number-stepper button:first-child {
    position: relative;
    color: #23405a;
}
body.page-entry .aho-number-stepper button:last-child {
    position: relative;
    color: #0f8c80;
}

body.page-entry .aho-entry-actionbar {
    position: sticky;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 22px;
    border: 1px solid rgba(96,114,145,0.14);
    background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(246,250,255,0.92));
    box-shadow: 0 18px 40px rgba(15,23,42,0.08);
    z-index: 10;
}
body.page-entry .aho-entry-actionbar__state {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: #5c6d82;
    font-size: .86rem;
    font-weight: 700;
}
body.page-entry .aho-entry-actionbar__state i {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(15,140,128,0.08);
    color: #0f8c80;
    flex: 0 0 auto;
}
body.page-entry .aho-entry-actionbar__state i svg {
    width: 18px;
    height: 18px;
}
body.page-entry .aho-entry-actionbar__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}
body.page-entry .aho-entry-actionbar .button {
    min-height: 46px;
    padding-inline: 16px;
    border-radius: 15px;
    font-weight: 780;
    border-width: 1px;
    box-shadow: 0 10px 22px rgba(15,23,42,0.05);
}
body.page-entry .aho-entry-actionbar .button svg {
    width: 17px;
    height: 17px;
}
body.page-entry .aho-entry-actionbar .button--quiet {
    background: rgba(255,255,255,0.82);
}
body.page-entry .aho-entry-actionbar .button--primary {
    background: linear-gradient(135deg, #0f8c80, #18b39f);
    border-color: transparent;
}

body.page-entry .sidebar-nav__link svg,
body.page-entry .sidebar-quick-link svg,
body.page-entry .icon-button svg,
body.page-entry .profile-button__avatar {
    filter: saturate(1.06);
}
body.page-entry .sidebar-nav__link.is-active {
    background: linear-gradient(180deg, rgba(19,34,58,0.96), rgba(16,27,45,0.98));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06), 0 14px 28px rgba(0,0,0,0.18);
}
body.page-entry .sidebar-nav__link.is-active .sidebar-nav__icon {
    background: linear-gradient(135deg, rgba(31,201,167,0.24), rgba(85,101,255,0.22));
    color: #d9fffa;
}

@media (max-width: 1180px) {
    body.page-entry .topbar__title { display: none; }
    body.page-entry .topbar-search { min-width: 0; width: 100%; }
    body.page-entry .aho-entry-actionbar {
        flex-direction: column;
        align-items: stretch;
    }
    body.page-entry .aho-entry-actionbar__buttons {
        justify-content: stretch;
    }
    body.page-entry .aho-entry-actionbar__buttons .button {
        flex: 1 1 180px;
    }
}
@media (max-width: 900px) {
    body.page-entry .topbar {
        padding-inline: 12px;
    }
    body.page-entry .topbar__left {
        flex-wrap: wrap;
    }
    body.page-entry .aho-entry-premium-head {
        padding: 16px;
    }
    body.page-entry .aho-entry-layout--single .aho-form-section {
        padding: 18px 16px;
    }
    body.page-entry .aho-entry-actionbar {
        bottom: 6px;
        padding: 12px;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.67.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.67 — Mission-Critical Enterprise UI
 * AI-Native / Sovereign / Hyperscale visual system
 * Design-only layer: no business rules or calculations are changed here.
 */
:root {
    --mc-bg: #f4f7fb;
    --mc-surface: rgba(255,255,255,.88);
    --mc-surface-strong: rgba(255,255,255,.97);
    --mc-surface-muted: rgba(245,249,255,.86);
    --mc-border: rgba(91,111,141,.14);
    --mc-border-strong: rgba(74,102,140,.22);
    --mc-ink: #132238;
    --mc-muted: #687991;
    --mc-accent: #0c9484;
    --mc-accent-2: #446fe8;
    --mc-accent-3: #725ee8;
    --mc-good: #0c9a73;
    --mc-warn: #c98000;
    --mc-danger: #c23c61;
    --mc-shadow-1: 0 10px 30px rgba(19,34,56,.055);
    --mc-shadow-2: 0 22px 58px rgba(19,34,56,.08);
    --mc-radius-xl: 28px;
    --mc-radius-lg: 22px;
    --mc-radius-md: 16px;
    --mc-glass: blur(18px) saturate(1.08);
}
:root[data-theme="dark"] {
    --mc-bg: #0c1420;
    --mc-surface: rgba(19,30,44,.84);
    --mc-surface-strong: rgba(20,31,47,.96);
    --mc-surface-muted: rgba(24,37,54,.82);
    --mc-border: rgba(170,194,224,.12);
    --mc-border-strong: rgba(170,194,224,.2);
    --mc-ink: #eef6ff;
    --mc-muted: #a6b5c8;
    --mc-shadow-1: 0 12px 34px rgba(0,0,0,.2);
    --mc-shadow-2: 0 24px 64px rgba(0,0,0,.26);
}

/* ---------- global shell / sovereign surfaces ---------- */
html { scroll-behavior: smooth; }
body { background: var(--mc-bg); }
.content { background:
    radial-gradient(circle at 88% 3%, rgba(68,111,232,.08), transparent 25%),
    radial-gradient(circle at 5% 16%, rgba(12,148,132,.07), transparent 22%),
    var(--mc-bg); }
.content > .page-header { display: none !important; }
.card,
.aho-import-card,
.intel-panel,
.lab-panel,
.team-commandbar,
.team-roster,
.aho-report-toolbar,
.smart-search-hero,
.smart-search-result,
.aho-quality-advisor {
    border: 1px solid var(--mc-border) !important;
    background: var(--mc-surface) !important;
    box-shadow: var(--mc-shadow-1) !important;
    backdrop-filter: var(--mc-glass);
}
.button, button, a { -webkit-tap-highlight-color: transparent; }
.button { border-radius: 13px !important; }
.button--primary {
    background: linear-gradient(135deg, #0d8f82, #18b79f) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(12,148,132,.16) !important;
}
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mc-accent-2) 36%, transparent) !important;
    outline-offset: 2px !important;
}
.iw-kicker, .aho-eyebrow, .smart-search-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 10px;
    border: 1px solid rgba(12,148,132,.13);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(12,148,132,.10), rgba(68,111,232,.06));
    color: var(--mc-accent);
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .065em;
    text-transform: uppercase;
}

/* ---------- navigation: always reachable at zoom / short viewport ---------- */
.sidebar {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    border-right: 1px solid var(--mc-border) !important;
    background: color-mix(in srgb, var(--mc-surface-strong) 92%, transparent) !important;
    backdrop-filter: blur(18px) saturate(1.1);
}
.sidebar__brand { flex: 0 0 auto; }
.sidebar__navigation {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(83,109,145,.24) transparent;
    padding-bottom: 14px !important;
}
.sidebar__footer { flex: 0 0 auto; }
.nav-section { margin-block: 4px !important; }
.nav-section__title { font-size: .62rem !important; letter-spacing: .09em !important; color: var(--mc-muted) !important; }
.nav-item {
    position: relative;
    min-height: 45px !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
.nav-item__icon {
    position: relative;
    display: grid !important;
    place-items: center;
    width: 32px !important;
    height: 32px !important;
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(68,111,232,.06), rgba(12,148,132,.05));
}
.nav-item__icon svg { width: 19px !important; height: 19px !important; }
.nav-item:hover { transform: translateY(-1px); border-color: var(--mc-border); background: var(--mc-surface-muted) !important; }
.nav-item.is-active, .nav-item[aria-current="page"] {
    color: var(--mc-accent) !important;
    border-color: rgba(12,148,132,.18) !important;
    background: linear-gradient(115deg, rgba(12,148,132,.13), rgba(68,111,232,.07)) !important;
    box-shadow: inset 3px 0 0 var(--mc-accent), 0 10px 24px rgba(12,148,132,.08) !important;
}
.nav-item.is-active .nav-item__icon, .nav-item[aria-current="page"] .nav-item__icon {
    background: linear-gradient(145deg, rgba(12,148,132,.18), rgba(68,111,232,.12));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 6px 16px rgba(12,148,132,.09);
}
@media (max-height: 760px) {
    .nav-item { min-height: 39px !important; }
    .nav-item__icon { width: 28px !important; height: 28px !important; }
    .nav-section { margin-block: 1px !important; }
    .nav-section__title { margin-block: 3px !important; }
    .sidebar__brand { min-height: 54px !important; }
    .sidebar__footer { padding-block: 6px !important; }
}

/* ---------- topbar ---------- */
.topbar {
    border: 1px solid var(--mc-border) !important;
    background: color-mix(in srgb, var(--mc-surface-strong) 93%, transparent) !important;
    backdrop-filter: blur(20px) saturate(1.08);
    box-shadow: 0 10px 34px rgba(19,34,56,.05) !important;
}
.topbar-search { border-radius: 16px !important; background: var(--mc-surface-muted) !important; border-color: var(--mc-border) !important; }
.topbar-greeting {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 38px;
    padding: 0 13px;
    border-radius: 14px;
    border: 1px solid rgba(12,148,132,.13);
    color: var(--mc-muted);
    background: linear-gradient(135deg, rgba(12,148,132,.08), rgba(68,111,232,.045));
    white-space: nowrap;
    font-size: .82rem;
}
.topbar-greeting strong { color: var(--mc-ink); }

/* ---------- Dashboard ---------- */
.ew-shell { gap: 16px !important; }
.ew-controlbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1px solid var(--mc-border);
    border-radius: 18px;
    background: var(--mc-surface);
    box-shadow: var(--mc-shadow-1);
}
.ew-controlbar > div:first-child { display:flex; align-items:center; gap:10px; }
.ew-controlbar > div:first-child strong { color: var(--mc-ink); font-size: .94rem; }
.ew-controlbar__actions { display:flex; align-items:center; gap:10px; }
.ew-controlbar__actions form { display:flex; align-items:center; gap:8px; }
.ew-controlbar__actions label { color: var(--mc-muted); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.ew-controlbar__actions select, .ew-controlbar__actions a {
    min-height: 38px; border:1px solid var(--mc-border); border-radius:12px; background:var(--mc-surface-strong); color:var(--mc-ink); font-weight:760; padding:0 12px; text-decoration:none;
}
.ew-metrics {
    display:grid !important;
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    gap: 12px !important;
}
.ew-metric {
    position:relative;
    overflow:hidden;
    min-height: 132px !important;
    padding: 16px 16px 14px 17px !important;
    border:1px solid var(--mc-border) !important;
    border-radius:22px !important;
    background:
        radial-gradient(circle at 100% 0, rgba(68,111,232,.09), transparent 36%),
        var(--mc-surface-strong) !important;
    box-shadow: var(--mc-shadow-1) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.ew-metric:hover { transform:translateY(-3px); border-color:rgba(12,148,132,.2)!important; box-shadow:var(--mc-shadow-2)!important; }
.ew-metric__visual {
    position:absolute; top:13px; right:13px; width:46px; height:46px; display:grid; place-items:center; border-radius:15px; background:rgba(255,255,255,.56); box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.ew-metric__visual img { width:42px; height:42px; }
.ew-metric > strong { display:block; margin-top:20px; font-size:clamp(1.65rem,1.25rem + .7vw,2.25rem)!important; letter-spacing:-.045em; color:var(--mc-ink); }
.ew-metric > span:not(.ew-metric__visual) { color:var(--mc-muted); font-weight:760; }
.ew-metric small { margin-top:9px; width:max-content; padding:4px 8px; border-radius:999px; background:rgba(12,148,132,.08); }
.ew-metric small.is-down { background:rgba(194,60,97,.09); }
.ew-trend, .ew-briefing, .ew-actions { border-radius:24px !important; border-color:var(--mc-border)!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.ew-briefing a { border-radius:15px; padding:12px !important; transition:background .15s ease, transform .15s ease; }
.ew-briefing a:hover { background:var(--mc-surface-muted); transform:translateX(2px); }

/* ---------- Meine Einträge ---------- */
.le-shell { gap: 13px !important; }
.le-overviewbar {
    display:flex; justify-content:flex-end; padding:0 2px;
}
.le-overviewbar > div { display:flex; gap:8px; flex-wrap:wrap; }
.le-overviewbar span { min-height:34px; display:inline-flex; align-items:center; gap:6px; padding:0 11px; border-radius:999px; border:1px solid var(--mc-border); background:var(--mc-surface); color:var(--mc-muted); font-size:.78rem; }
.le-overviewbar strong { color:var(--mc-ink); font-size:.98rem; }
.le-querybar { display:grid !important; grid-template-columns:minmax(300px,1fr) auto auto; gap:10px !important; align-items:center; padding:10px !important; border:1px solid var(--mc-border)!important; border-radius:18px!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.le-search { min-width:0; }
.le-create--compact { display:flex; gap:8px; }
.le-create--compact a { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:0 11px; border:1px solid var(--mc-border); border-radius:12px; text-decoration:none; color:var(--mc-ink); background:var(--mc-surface-strong); font-size:.78rem; font-weight:760; }
.le-create--compact a svg { width:17px; height:17px; color:var(--mc-accent); }
.le-day { border:1px solid var(--mc-border); border-radius:22px; background:var(--mc-surface); box-shadow:var(--mc-shadow-1); overflow:hidden; }
.le-day > header { padding:12px 15px !important; border-bottom:1px solid var(--mc-border); background:linear-gradient(90deg, rgba(12,148,132,.055), transparent 45%); }
.le-day__rows { display:grid; gap:0 !important; }
.le-row { grid-template-columns:minmax(260px,1.25fr) minmax(220px,1fr) minmax(160px,.65fr) auto !important; min-height:82px!important; padding:12px 15px!important; border-radius:0!important; border:0!important; border-bottom:1px solid var(--mc-border)!important; background:transparent!important; }
.le-row:last-child { border-bottom:0!important; }
.le-row__type { display:flex!important; align-items:center; gap:11px; }
.le-row__visual { width:42px; height:42px; display:grid; place-items:center; flex:0 0 42px; border-radius:14px; color:var(--mc-accent); background:linear-gradient(145deg, rgba(12,148,132,.12), rgba(68,111,232,.08)); }
.le-row__visual svg { width:21px; height:21px; }
.le-row__actions a { min-height:34px; display:inline-flex; align-items:center; padding:0 10px; border-radius:11px; border:1px solid var(--mc-border); text-decoration:none; }

/* ---------- Profile ---------- */
.profile-command-hero { padding:20px 22px!important; border-radius:24px!important; border:1px solid var(--mc-border)!important; background:linear-gradient(120deg, rgba(12,148,132,.08), rgba(68,111,232,.055)),var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.profile-command-hero__avatar { box-shadow:0 14px 28px rgba(19,34,56,.12); }
.profile-command-hero__signals span { border-radius:15px!important; background:var(--mc-surface-strong)!important; border:1px solid var(--mc-border)!important; }
.aho-profile-layout--enterprise { gap:16px!important; }
.aho-profile-layout--enterprise > .card { border-radius:22px!important; }
.aho-security-method, .aho-theme-option, .aho-file-picker { border-radius:16px!important; border-color:var(--mc-border)!important; }

/* ---------- Entry pages: dense one-page, status at end ---------- */
body.page-entry .aho-entry-premium-head { display:none !important; }
body.page-entry .aho-entry-form { padding-top:0!important; }
body.page-entry .aho-entry-quicknav { position:sticky; top:74px; z-index:22; padding:8px 10px!important; border:1px solid var(--mc-border); border-radius:17px; background:color-mix(in srgb,var(--mc-surface-strong) 92%,transparent); backdrop-filter:blur(16px); box-shadow:var(--mc-shadow-1); }
body.page-entry .aho-entry-layout--single .aho-entry-stage { grid-template-columns:repeat(12,minmax(0,1fr))!important; gap:12px!important; }
body.page-entry .aho-entry-layout--single .aho-form-section,
body.page-entry .aho-entry-layout--single :is(#social-team,#social-client,#event-type,#inventory-id,#social-person,#social-topics,#event-target,#inventory-batch,#social-lab,#social-notes,#needle-basics,#needle-type) {
    grid-column:1 / -1 !important;
}
body.page-entry .aho-entry-layout--single .aho-form-section { padding:19px 20px!important; border-radius:21px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
body.page-entry .aho-form-section__header { display:flex; align-items:center; gap:10px; margin-bottom:15px!important; }
body.page-entry .aho-section-number { background:linear-gradient(145deg, rgba(12,148,132,.15), rgba(68,111,232,.11))!important; }
body.page-entry .aho-choice-grid { grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important; gap:9px!important; }
body.page-entry label.choice { min-height:58px!important; border:1px solid var(--mc-border)!important; border-radius:15px!important; background:var(--mc-surface-muted)!important; }
body.page-entry label.choice:has(input:checked) { border-color:rgba(12,148,132,.28)!important; box-shadow:inset 0 -2px 0 var(--mc-accent), 0 10px 22px rgba(12,148,132,.07)!important; }
body.page-entry .choice__icon { background:linear-gradient(145deg, rgba(12,148,132,.12), rgba(68,111,232,.09))!important; }
body.page-entry .aho-number-stepper { overflow:hidden; border-radius:15px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
body.page-entry .aho-number-stepper button { color:var(--mc-accent)!important; background:linear-gradient(180deg, rgba(12,148,132,.09), rgba(12,148,132,.035))!important; }
body.page-entry .aho-number-presets button { border-radius:999px!important; }
body.page-entry .aho-entry-statusdeck { grid-column:1/-1!important; margin-top:4px; order:999; }
body.page-entry .aho-entry-statuscard { border-radius:18px!important; background:var(--mc-surface-muted)!important; border-color:var(--mc-border)!important; }
body.page-entry .aho-draft-restored { grid-column:1/-1!important; order:1000; }
body.page-entry .aho-entry-actionbar { z-index:24!important; border-radius:20px!important; border-color:var(--mc-border)!important; background:color-mix(in srgb,var(--mc-surface-strong) 92%,transparent)!important; backdrop-filter:blur(18px); }
body.page-entry .aho-entry-grid { align-items:start; }
body.page-entry .aho-field input, body.page-entry .aho-field select, body.page-entry .aho-field textarea { min-height:48px; }
.aho-scan-workspace { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.aho-scan-field { position:relative; padding:14px!important; border:1px solid var(--mc-border); border-radius:18px; background:linear-gradient(145deg, rgba(68,111,232,.045), rgba(12,148,132,.04)); }
.aho-scan-field::before { content:""; display:block; width:46px; height:46px; margin-bottom:10px; border-radius:14px; background:center/42px 42px no-repeat url('../visuals/mission-critical/search.svg'), rgba(255,255,255,.5); }
.aho-scan-field--nfc::before { background-image:url('../visuals/mission-critical/security.svg'); }
.aho-scan-field--barcode::before { background-image:url('../visuals/mission-critical/import.svg'); }

/* ---------- Analytics: compact command layer, high-end tabs, metric rail ---------- */
.iw-command-deck { padding:12px!important; border-radius:22px!important; border:1px solid var(--mc-border)!important; background:linear-gradient(120deg, rgba(12,148,132,.055), rgba(68,111,232,.045)), var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.iw-command-deck__identity { display:none!important; }
.iw-command { min-height:56px!important; border-radius:16px!important; background:var(--mc-surface-strong)!important; border:1px solid var(--mc-border)!important; }
.iw-context-bar { margin-top:10px!important; border-radius:16px!important; background:transparent!important; border:0!important; padding:0!important; }
.iw-modes { position:sticky; top:74px; z-index:20; display:flex!important; gap:7px!important; padding:7px!important; border:1px solid var(--mc-border); border-radius:16px; width:max-content; max-width:100%; overflow:auto; background:color-mix(in srgb,var(--mc-surface-strong) 93%,transparent); backdrop-filter:blur(18px); box-shadow:var(--mc-shadow-1); }
.iw-modes button { min-height:38px!important; padding:0 13px!important; border:0!important; border-radius:11px!important; background:transparent!important; }
.iw-modes button[aria-current="page"] { color:var(--mc-accent)!important; background:linear-gradient(135deg,rgba(12,148,132,.13),rgba(68,111,232,.08))!important; box-shadow:inset 0 0 0 1px rgba(12,148,132,.14); }
.iw-metric-strip { grid-template-columns:repeat(7,minmax(145px,1fr))!important; gap:10px!important; }
.iw-metric { position:relative; overflow:hidden; min-height:126px; padding:15px!important; border:1px solid var(--mc-border)!important; border-radius:20px!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
.iw-metric::before { content:""; position:absolute; right:10px; top:10px; width:42px; height:42px; background:center/contain no-repeat url('../visuals/mission-critical/consultation.svg'); opacity:.9; }
.iw-metric:nth-child(2)::before { background-image:url('../visuals/mission-critical/testing.svg'); }
.iw-metric:nth-child(3)::before { background-image:url('../visuals/mission-critical/lab.svg'); }
.iw-metric:nth-child(4)::before { background-image:url('../visuals/mission-critical/event.svg'); }
.iw-metric:nth-child(5)::before { background-image:url('../visuals/mission-critical/exchange.svg'); }
.iw-metric:nth-child(6)::before { background-image:url('../visuals/mission-critical/time.svg'); }
.iw-metric:nth-child(7)::before { background-image:url('../visuals/mission-critical/units.svg'); }
.iw-stage__main, .iw-stage__rail, .iw-dimension, .iw-compare-table, .iw-compare-chart, .iw-trend-ledger, .iw-anomaly-list, .iw-goal-list, .iw-quality-ledger, .iw-ai-stage { border-color:var(--mc-border)!important; border-radius:22px!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.iw-trend-canvas, .aho-chart-preview { border-radius:18px!important; background:linear-gradient(180deg, rgba(68,111,232,.025), rgba(12,148,132,.018)), var(--mc-surface-strong)!important; }

/* ---------- Trends & Ziele ---------- */
.intel-hero { min-height:auto!important; display:flex!important; justify-content:flex-end!important; padding:10px!important; border:1px solid var(--mc-border)!important; border-radius:18px!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.intel-hero__copy { display:none!important; }
.intel-hero__actions { width:100%; display:flex!important; justify-content:flex-end; align-items:end; gap:10px; }
.intel-kpis--executive { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }
.intel-kpis--executive > article { position:relative; overflow:hidden; border-radius:20px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
.intel-kpis--executive > article::after { content:""; position:absolute; width:76px; height:76px; right:-18px; top:-20px; border-radius:24px; background:linear-gradient(145deg, rgba(12,148,132,.12), rgba(68,111,232,.08)); transform:rotate(18deg); }
.intel-trend-list { gap:9px!important; }
.intel-trend-row { display:grid!important; grid-template-columns:minmax(230px,1.3fr) minmax(140px,.55fr) minmax(220px,.85fr) auto; align-items:center; gap:13px; padding:14px 16px!important; border:1px solid var(--mc-border)!important; border-radius:17px!important; background:var(--mc-surface-strong)!important; }
.intel-trend-row__meta { display:flex; flex-wrap:wrap; gap:10px!important; }
.intel-meter { height:9px!important; border-radius:999px!important; background:rgba(95,117,147,.11)!important; }
.intel-meter i { background:linear-gradient(90deg,var(--mc-accent),#24c8ab)!important; }

/* ---------- LAB ---------- */
.lab-hero { min-height:auto!important; display:flex!important; justify-content:flex-end!important; padding:10px!important; border:1px solid var(--mc-border)!important; border-radius:18px!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.lab-hero > div { display:none!important; }
.lab-workspace-tabs { position:sticky; top:74px; z-index:20; display:flex; gap:7px; overflow:auto; padding:7px; border:1px solid var(--mc-border); border-radius:16px; background:color-mix(in srgb,var(--mc-surface-strong) 93%,transparent); backdrop-filter:blur(18px); box-shadow:var(--mc-shadow-1); }
.lab-workspace-tabs a { white-space:nowrap; min-height:38px; display:inline-flex; align-items:center; padding:0 13px; border-radius:11px; color:var(--mc-muted); text-decoration:none; font-size:.8rem; font-weight:790; }
.lab-workspace-tabs a:hover, .lab-workspace-tabs a.is-active { color:var(--mc-accent); background:linear-gradient(135deg,rgba(12,148,132,.13),rgba(68,111,232,.08)); }
.lab-kpis { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; }
.lab-kpi { position:relative; overflow:hidden; min-height:118px; padding:17px!important; border-radius:20px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
.lab-kpi::after { content:""; position:absolute; right:13px; top:13px; width:46px; height:46px; background:center/contain no-repeat url('../visuals/mission-critical/lab.svg'); }
.lab-kpi:nth-child(2)::after { background-image:url('../visuals/mission-critical/time.svg'); }
.lab-kpi:nth-child(3)::after { background-image:url('../visuals/mission-critical/units.svg'); }
.lab-insights--executive { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }
.lab-insights--executive article { border-radius:18px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.lab-panels--enterprise { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
.lab-action-band { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:18px 20px; border:1px solid var(--mc-border); border-radius:22px; background:linear-gradient(120deg,rgba(12,148,132,.07),rgba(68,111,232,.055)),var(--mc-surface); box-shadow:var(--mc-shadow-1); }
.lab-action-band h2 { margin:7px 0 4px; color:var(--mc-ink); }
.lab-action-band p { margin:0; color:var(--mc-muted); }
.lab-action-band nav { display:flex; gap:8px; flex-wrap:wrap; }
.lab-action-band nav a { min-height:38px; display:inline-flex; align-items:center; padding:0 12px; border:1px solid var(--mc-border); border-radius:12px; background:var(--mc-surface-strong); color:var(--mc-ink); text-decoration:none; font-weight:760; }

/* ---------- Mitarbeitende ---------- */
.team-hero { min-height:auto!important; display:flex!important; justify-content:flex-end!important; padding:10px!important; border:1px solid var(--mc-border)!important; border-radius:18px!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.team-hero > div:first-child { display:none!important; }
.team-metric-strip { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }
.team-metric-strip > span { position:relative; min-height:112px; border:1px solid var(--mc-border)!important; border-radius:19px!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
.team-metric-strip > span::after { content:""; position:absolute; right:12px; top:12px; width:42px; height:42px; background:center/contain no-repeat url('../visuals/mission-critical/people.svg'); }
.team-signals { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; }
.team-signals article { border:1px solid var(--mc-border)!important; border-radius:18px!important; background:var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.team-commandbar { padding:11px!important; border-radius:18px!important; }
.team-filter-form { display:grid!important; grid-template-columns:130px minmax(240px,1fr) 180px auto auto; gap:9px!important; align-items:end; }
.team-roster { display:block!important; padding:14px!important; border-radius:22px!important; }
.team-roster__head { margin-bottom:10px!important; }
.team-roster__rows { gap:8px!important; }
.team-person-row { display:grid!important; grid-template-columns:minmax(180px,.8fr) minmax(500px,2fr) auto; gap:12px!important; padding:12px!important; border:1px solid var(--mc-border)!important; border-radius:17px!important; background:var(--mc-surface-strong)!important; }
.team-person-row__metrics { grid-template-columns:repeat(6,minmax(74px,1fr))!important; gap:6px!important; }
.team-person-row__metrics div { border-radius:12px!important; background:var(--mc-surface-muted)!important; }
.team-avatar { background:linear-gradient(145deg,rgba(12,148,132,.15),rgba(68,111,232,.11))!important; }

/* ---------- Tätigkeitsbericht: collapsible sticky command bar ---------- */
.aho-report-toolbar { position:sticky!important; top:74px; z-index:25; padding:16px!important; border-radius:22px!important; transition:padding .18s ease, border-radius .18s ease, box-shadow .18s ease; }
.aho-report-toolbar.is-condensed { padding:9px 12px!important; border-radius:16px!important; box-shadow:0 16px 44px rgba(19,34,56,.12)!important; }
.aho-report-toolbar.is-condensed .aho-report-toolbar__grid,
.aho-report-toolbar.is-condensed .aho-report-version { display:none!important; }
.aho-report-toolbar.is-condensed .aho-report-toolbar__topline { margin:0!important; }
.aho-report-toolbar.is-condensed .aho-report-toolbar__topline h2 { font-size:1rem!important; }
.aho-report-toolbar.is-condensed .aho-eyebrow { display:none!important; }
.aho-report-toolbar__grid { gap:10px!important; }
.aho-report-preview { padding-top:16px!important; }
.aho-report-sheet { box-shadow:0 26px 70px rgba(19,34,56,.10)!important; }

/* ---------- Smart Search ---------- */
.aho-workspace--smart-search { gap:12px!important; }
.smart-search-hero { border-radius:24px!important; overflow:hidden; }
.smart-search-hero__body { display:grid!important; grid-template-columns:1fr; gap:11px!important; padding:18px!important; }
.smart-search-form { order:1; }
.smart-search-examples { order:2; }
.smart-search-modes { order:3; }
.smart-search-hero__copy { order:4; display:flex; align-items:center; gap:10px; padding-top:8px; border-top:1px solid var(--mc-border); }
.smart-search-hero__copy h2 { margin:0!important; font-size:1rem!important; }
.smart-search-hero__copy p { margin:0!important; font-size:.8rem!important; }
.smart-search-kicker { display:none!important; }
.smart-search-hero__icon { position:absolute; right:18px; bottom:16px; width:40px!important; height:40px!important; opacity:.55; }
.smart-search-input-wrap { min-height:62px!important; padding:7px!important; border:1px solid rgba(12,148,132,.16)!important; border-radius:18px!important; background:var(--mc-surface-strong)!important; box-shadow:0 14px 34px rgba(19,34,56,.06); }
.smart-search-input-wrap input { font-size:1rem!important; }
.smart-search-examples, .smart-search-modes { display:flex; gap:7px; flex-wrap:wrap; }
.smart-search-chip { border-radius:999px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface-muted)!important; }
.smart-search-result { border-radius:22px!important; }
.smart-search-interpretation { border-radius:15px!important; background:var(--mc-surface-muted)!important; }

/* ---------- Quality ---------- */
.aho-quality-hero { display:none!important; }
.aho-quality-kpis--executive { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }
.aho-quality-kpis--executive .aho-summary-card { position:relative; min-height:126px; overflow:hidden; padding:17px!important; border-radius:20px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
.aho-quality-kpis--executive .aho-summary-card::after { content:""; position:absolute; right:12px; top:12px; width:44px; height:44px; background:center/contain no-repeat url('../visuals/mission-critical/quality.svg'); }
.aho-quality-advisor { border-radius:22px!important; }
.aho-quality-advisor__grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; }
.aho-quality-advisor__grid article { padding:16px!important; border:1px solid var(--mc-border)!important; border-radius:17px!important; background:var(--mc-surface-muted)!important; }
.aho-quality-workspace > .card:not(.aho-quality-advisor) { border-radius:22px!important; }
.aho-quality-workspace .aho-summary-grid { gap:10px!important; }
.aho-quality-workspace .aho-summary-grid .aho-summary-card { border-radius:17px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface-strong)!important; }

/* ---------- Data Import ---------- */
.aho-import-header { display:none!important; }
.aho-import-page { gap:14px!important; max-width:none!important; }
.aho-import-summary { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }
.aho-import-summary-card { position:relative; overflow:hidden; min-height:112px; border:1px solid var(--mc-border)!important; border-radius:19px!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
.aho-import-summary-card::after { content:""; position:absolute; right:12px; top:12px; width:42px; height:42px; background:center/contain no-repeat url('../visuals/mission-critical/import.svg'); }
.aho-import-card { border-radius:22px!important; overflow:hidden; }
.aho-import-card-header { padding:17px 18px!important; background:linear-gradient(90deg,rgba(12,148,132,.055),transparent 45%); }
.aho-import-upload-grid { grid-template-columns:1fr 1.4fr!important; gap:12px!important; }
.aho-import-file { min-height:60px!important; padding:12px!important; border:1px dashed rgba(68,111,232,.27)!important; border-radius:16px!important; background:linear-gradient(145deg,rgba(68,111,232,.045),rgba(12,148,132,.035))!important; }
.aho-import-table-wrap { border-radius:16px!important; border:1px solid var(--mc-border)!important; overflow:auto; }
.aho-import-table thead { position:sticky; top:0; z-index:2; background:var(--mc-surface-strong); }

/* ---------- Administration ---------- */
html body .aho-admin { max-width:none!important; gap:14px!important; }
html body .aho-admin-header { display:none!important; }
html body .aho-admin-notice { min-height:56px; align-items:center; border-radius:17px!important; border:1px solid rgba(68,111,232,.14)!important; background:linear-gradient(100deg,rgba(68,111,232,.07),rgba(12,148,132,.04))!important; }
html body .aho-admin-section-title { margin:0!important; padding:0 2px; }
html body .aho-admin-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }
html body .aho-admin-card { min-height:176px!important; padding:16px!important; border-radius:19px!important; border:1px solid var(--mc-border)!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
html body .aho-admin-card:hover { transform:translateY(-3px)!important; border-color:rgba(12,148,132,.19)!important; box-shadow:var(--mc-shadow-2)!important; }
html body .aho-admin-icon { width:48px!important; height:48px!important; border-radius:15px!important; background:linear-gradient(145deg,rgba(12,148,132,.13),rgba(68,111,232,.11))!important; color:var(--mc-accent-2)!important; }
html body .aho-admin-icon svg { width:23px!important; height:23px!important; }
html body .aho-admin-card-description { color:var(--mc-muted)!important; }

/* ---------- MFA / Identity Security ---------- */
.aho-mfa-admin { gap:14px!important; }
.aho-mfa-command { position:relative; overflow:hidden; padding:20px!important; border:1px solid var(--mc-border)!important; border-radius:23px!important; background:linear-gradient(120deg,rgba(68,111,232,.075),rgba(12,148,132,.055)),var(--mc-surface)!important; box-shadow:var(--mc-shadow-1)!important; }
.aho-mfa-command::after { content:""; position:absolute; right:22px; bottom:-12px; width:116px; height:116px; background:center/contain no-repeat url('../visuals/mission-critical/security.svg'); opacity:.23; }
.aho-mfa-command__status { position:relative; z-index:1; }
.aho-mfa-kpis { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; }
.aho-mfa-kpi { min-height:106px; border:1px solid var(--mc-border)!important; border-radius:18px!important; background:var(--mc-surface-strong)!important; box-shadow:var(--mc-shadow-1)!important; }
.aho-mfa-admin > .card { border-radius:22px!important; }
.aho-mfa-policy-grid { display:grid!important; gap:9px!important; }
.aho-mfa-policy { padding:13px!important; border:1px solid var(--mc-border)!important; border-radius:16px!important; background:var(--mc-surface-muted)!important; }
.aho-mfa-table-wrap { border-radius:16px; overflow:auto; }
.aho-mfa-table thead { position:sticky; top:0; background:var(--mc-surface-strong); z-index:2; }
.aho-mfa-badge { border-radius:999px!important; }

/* ---------- responsive ---------- */
@media (max-width: 1450px) {
    .ew-metrics { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
    .iw-metric-strip { grid-template-columns:repeat(4,minmax(150px,1fr))!important; }
    html body .aho-admin-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
    .team-person-row { grid-template-columns:1fr!important; }
    .team-person-row__metrics { grid-template-columns:repeat(6,minmax(0,1fr))!important; }
}
@media (max-width: 1100px) {
    .ew-metrics, .intel-kpis--executive, .team-metric-strip, .aho-quality-kpis--executive, .aho-import-summary, .aho-mfa-kpis { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .lab-insights--executive, .lab-panels--enterprise { grid-template-columns:1fr 1fr!important; }
    .team-filter-form { grid-template-columns:1fr 1fr!important; }
    .intel-trend-row { grid-template-columns:1fr 1fr!important; }
    html body .aho-admin-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .aho-scan-workspace { grid-template-columns:1fr!important; }
    .lab-action-band { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 820px) {
    .topbar-greeting { display:none; }
    .ew-controlbar, .ew-controlbar__actions { align-items:stretch; flex-direction:column; }
    .ew-metrics, .iw-metric-strip, .intel-kpis--executive, .lab-kpis, .lab-insights--executive, .team-metric-strip, .team-signals, .aho-quality-kpis--executive, .aho-import-summary, .aho-mfa-kpis, html body .aho-admin-grid { grid-template-columns:1fr!important; }
    .le-querybar { grid-template-columns:1fr!important; }
    .le-create--compact { overflow:auto; }
    .le-row { grid-template-columns:1fr!important; gap:8px!important; }
    .lab-panels--enterprise, .aho-quality-advisor__grid { grid-template-columns:1fr!important; }
    .team-person-row__metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .intel-trend-row { grid-template-columns:1fr!important; }
    .aho-import-upload-grid { grid-template-columns:1fr!important; }
    body.page-entry .aho-entry-quicknav, .iw-modes, .lab-workspace-tabs { top:62px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior:auto!important; transition-duration:.001ms!important; animation-duration:.001ms!important; animation-iteration-count:1!important; }
}
html body .aho-admin-command-rail {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
html body .aho-admin-command-rail a {
    min-height:82px;
    display:grid;
    align-content:center;
    gap:5px;
    padding:14px 15px;
    border:1px solid var(--mc-border);
    border-radius:17px;
    background:linear-gradient(145deg,rgba(12,148,132,.06),rgba(68,111,232,.045)),var(--mc-surface-strong);
    color:var(--mc-ink);
    text-decoration:none;
    box-shadow:var(--mc-shadow-1);
}
html body .aho-admin-command-rail a:hover { transform:translateY(-2px); border-color:rgba(12,148,132,.2); }
html body .aho-admin-command-rail strong { font-size:.9rem; }
html body .aho-admin-command-rail span { color:var(--mc-muted); font-size:.74rem; line-height:1.4; }
@media (max-width:1100px){ html body .aho-admin-command-rail{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:650px){ html body .aho-admin-command-rail{grid-template-columns:1fr;} }

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.68.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.68 — Sovereign Visual System
 * AI-Native Mission-Critical Enterprise Platform / Hyperscale visual refinement
 * UI/UX only. No analytics, security or business calculation logic is changed.
 */

:root {
    --sv-bg-0: #f3f7fc;
    --sv-bg-1: #eef5fb;
    --sv-glass: rgba(255, 255, 255, .78);
    --sv-glass-strong: rgba(255, 255, 255, .94);
    --sv-glass-soft: rgba(246, 250, 255, .76);
    --sv-line: rgba(73, 101, 138, .14);
    --sv-line-strong: rgba(73, 101, 138, .22);
    --sv-ink: #102238;
    --sv-muted: #64768e;
    --sv-teal: #0a9685;
    --sv-cyan: #1ba9c0;
    --sv-blue: #4871ea;
    --sv-violet: #765de9;
    --sv-good: #069976;
    --sv-warn: #c67d00;
    --sv-danger: #c13b60;
    --sv-shadow-soft: 0 12px 34px rgba(17, 35, 58, .055), 0 1px 0 rgba(255,255,255,.8) inset;
    --sv-shadow-float: 0 26px 66px rgba(17, 35, 58, .095), 0 1px 0 rgba(255,255,255,.88) inset;
    --sv-shadow-press: 0 8px 18px rgba(17, 35, 58, .08);
    --sv-blur: blur(22px) saturate(1.12);
    --sv-r-xl: 30px;
    --sv-r-lg: 22px;
    --sv-r-md: 16px;
    --sv-r-sm: 12px;
    --sv-motion: 180ms cubic-bezier(.2,.75,.2,1);
}

:root[data-theme="dark"] {
    --sv-bg-0: #09121d;
    --sv-bg-1: #0c1724;
    --sv-glass: rgba(18, 31, 47, .76);
    --sv-glass-strong: rgba(20, 34, 51, .94);
    --sv-glass-soft: rgba(25, 40, 59, .78);
    --sv-line: rgba(175, 200, 229, .12);
    --sv-line-strong: rgba(175, 200, 229, .2);
    --sv-ink: #edf6ff;
    --sv-muted: #9eb0c7;
    --sv-shadow-soft: 0 14px 38px rgba(0, 0, 0, .24), 0 1px 0 rgba(255,255,255,.035) inset;
    --sv-shadow-float: 0 30px 76px rgba(0, 0, 0, .33), 0 1px 0 rgba(255,255,255,.045) inset;
    --sv-shadow-press: 0 8px 18px rgba(0,0,0,.22);
}

/* --------------------------------------------------------------------------
   Sovereign global canvas / layered depth
   -------------------------------------------------------------------------- */
html { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
body {
    color: var(--sv-ink);
    background:
        radial-gradient(circle at 8% 4%, rgba(27, 169, 192, .11), transparent 22rem),
        radial-gradient(circle at 91% 8%, rgba(118, 93, 233, .11), transparent 25rem),
        linear-gradient(180deg, var(--sv-bg-0), var(--sv-bg-1));
}
.content {
    position: relative;
    isolation: isolate;
    background:
        linear-gradient(rgba(74, 101, 139, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 101, 139, .028) 1px, transparent 1px),
        radial-gradient(circle at 82% 4%, rgba(72,113,234,.08), transparent 28rem),
        radial-gradient(circle at 3% 32%, rgba(10,150,133,.07), transparent 24rem),
        transparent !important;
    background-size: 34px 34px, 34px 34px, auto, auto;
}
.content::before {
    content: "";
    position: fixed;
    inset: 74px 0 0 var(--sidebar-width, 72px);
    pointer-events: none;
    z-index: -1;
    opacity: .65;
    background:
        radial-gradient(circle at var(--sv-pointer-x, 58%) var(--sv-pointer-y, 15%), rgba(10,150,133,.055), transparent 18rem),
        radial-gradient(circle at 75% 68%, rgba(118,93,233,.045), transparent 22rem);
    transition: opacity .25s ease;
}

/* Generic mission-critical surface. */
.card,
.ew-controlbar,
.ew-metric,
.ew-trend,
.ew-briefing,
.ew-actions,
.le-querybar,
.le-row,
.profile-command-hero,
.aho-profile-layout .card,
.iw-stage__main,
.iw-stage__rail,
.iw-dimension,
.iw-compare-table,
.iw-compare-chart,
.iw-trend-ledger,
.iw-anomaly-list,
.iw-goal-list,
.iw-quality-ledger,
.iw-ai-stage,
.intel-panel,
.intel-kpis > article,
.lab-kpi,
.lab-insights article,
.lab-panel,
.team-metric-strip > span,
.team-signals article,
.team-roster,
.team-person-row,
.aho-quality-advisor,
.aho-quality-workspace .aho-summary-card,
.aho-import-card,
.aho-import-summary-card,
.aho-admin-card,
.aho-mfa-command,
.aho-mfa-kpi,
.aho-mfa-admin > .card {
    position: relative;
    overflow: clip;
    border-color: var(--sv-line) !important;
    background:
        radial-gradient(circle at var(--sv-x, 80%) var(--sv-y, 10%), rgba(255,255,255,.62), transparent 9rem),
        linear-gradient(145deg, rgba(255,255,255,.22), transparent 52%),
        var(--sv-glass) !important;
    box-shadow: var(--sv-shadow-soft) !important;
    backdrop-filter: var(--sv-blur);
    transition: transform var(--sv-motion), border-color var(--sv-motion), box-shadow var(--sv-motion), background var(--sv-motion);
}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .ew-controlbar,
:root[data-theme="dark"] .ew-metric,
:root[data-theme="dark"] .ew-trend,
:root[data-theme="dark"] .ew-briefing,
:root[data-theme="dark"] .ew-actions,
:root[data-theme="dark"] .le-querybar,
:root[data-theme="dark"] .le-row,
:root[data-theme="dark"] .profile-command-hero,
:root[data-theme="dark"] .aho-profile-layout .card,
:root[data-theme="dark"] .iw-stage__main,
:root[data-theme="dark"] .iw-stage__rail,
:root[data-theme="dark"] .iw-dimension,
:root[data-theme="dark"] .iw-compare-table,
:root[data-theme="dark"] .iw-compare-chart,
:root[data-theme="dark"] .iw-trend-ledger,
:root[data-theme="dark"] .iw-anomaly-list,
:root[data-theme="dark"] .iw-goal-list,
:root[data-theme="dark"] .iw-quality-ledger,
:root[data-theme="dark"] .iw-ai-stage,
:root[data-theme="dark"] .intel-panel,
:root[data-theme="dark"] .intel-kpis > article,
:root[data-theme="dark"] .lab-kpi,
:root[data-theme="dark"] .lab-insights article,
:root[data-theme="dark"] .lab-panel,
:root[data-theme="dark"] .team-metric-strip > span,
:root[data-theme="dark"] .team-signals article,
:root[data-theme="dark"] .team-roster,
:root[data-theme="dark"] .team-person-row,
:root[data-theme="dark"] .aho-quality-advisor,
:root[data-theme="dark"] .aho-quality-workspace .aho-summary-card,
:root[data-theme="dark"] .aho-import-card,
:root[data-theme="dark"] .aho-import-summary-card,
:root[data-theme="dark"] .aho-admin-card,
:root[data-theme="dark"] .aho-mfa-command,
:root[data-theme="dark"] .aho-mfa-kpi,
:root[data-theme="dark"] .aho-mfa-admin > .card {
    background:
        radial-gradient(circle at var(--sv-x, 82%) var(--sv-y, 10%), rgba(118,93,233,.10), transparent 10rem),
        linear-gradient(145deg, rgba(255,255,255,.02), transparent 55%),
        var(--sv-glass) !important;
}

[data-sv-interactive]:hover,
.ew-metric:hover,
.le-row:hover,
.aho-admin-card:hover,
.team-person-row:hover,
.lab-kpi:hover,
.aho-import-summary-card:hover,
.aho-quality-workspace .aho-summary-card:hover,
.aho-mfa-kpi:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--sv-teal) 23%, var(--sv-line)) !important;
    box-shadow: var(--sv-shadow-float) !important;
}

/* fluid typography, restrained for enterprise legibility */
h1, h2, h3, .card__title {
    text-wrap: balance;
    letter-spacing: -.032em;
}
p, small, .muted { text-wrap: pretty; }

/* --------------------------------------------------------------------------
   Topbar / adaptive navigation
   -------------------------------------------------------------------------- */
.topbar {
    min-height: 68px !important;
    border-color: var(--sv-line) !important;
    background: color-mix(in srgb, var(--sv-glass-strong) 92%, transparent) !important;
    box-shadow: 0 12px 38px rgba(17,35,58,.055) !important;
    backdrop-filter: blur(24px) saturate(1.15);
}
.topbar-search {
    border-color: var(--sv-line) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.42), transparent), var(--sv-glass-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 20px rgba(17,35,58,.035) !important;
}
.topbar-search:hover { border-color: color-mix(in srgb, var(--sv-teal) 25%, var(--sv-line)) !important; }
.topbar-greeting {
    background: linear-gradient(135deg, rgba(10,150,133,.105), rgba(72,113,234,.07)) !important;
    border-color: rgba(10,150,133,.16) !important;
}

.sidebar {
    width: var(--sidebar-width, 72px);
    background:
        radial-gradient(circle at 20% 10%, rgba(10,150,133,.07), transparent 11rem),
        color-mix(in srgb, var(--sv-glass-strong) 94%, transparent) !important;
    border-color: var(--sv-line) !important;
    backdrop-filter: blur(24px) saturate(1.15);
}
.sidebar__navigation {
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}
.nav-section__items { gap: 4px !important; }
.nav-item {
    min-height: 47px !important;
    border-radius: 15px !important;
}
.nav-item__icon {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(255,255,255,.55);
    background-color: rgba(255,255,255,.28) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 31px 31px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 7px 15px rgba(17,35,58,.045);
}
.nav-item__icon svg { opacity: 0 !important; }
.nav-item[href*="/dashboard"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/dashboard.svg') !important; }
.nav-item[href*="/meine-eintraege"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/entries.svg') !important; }
.nav-item[href*="/smart-search"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/search.svg') !important; }
.nav-item[href*="/profil"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/profile.svg') !important; }
.nav-item[href*="/sozialarbeit"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/consultation.svg') !important; }
.nav-item[href*="/veranstaltungen"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/event.svg') !important; }
.nav-item[href*="/spritzenaustausch"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/exchange.svg') !important; }
.nav-item[href*="/inventar"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/inventory.svg') !important; }
.nav-item[href="/analytics"], .nav-item[href$="/analytics"] {}
.nav-item[href*="/analytics"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/analytics.svg') !important; }
.nav-item[href*="/intelligence"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/trends.svg') !important; }
.nav-item[href*="/lab"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/lab.svg') !important; }
.nav-item[href*="/mitarbeitende"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/people.svg') !important; }
.nav-item[href*="/berichte"] .nav-item__icon,
.nav-item[href*="/jahresbericht"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/report.svg') !important; }
.nav-item[href*="/warnungen"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/quality.svg') !important; }
.nav-item[href*="/administration/import"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/import.svg') !important; }
.nav-item[href="/administration"] .nav-item__icon,
.nav-item[href$="/administration"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/admin.svg') !important; }
.nav-item[href*="/administration/mfa"] .nav-item__icon { background-image:url('../visuals/sovereign-1.0.68/security.svg') !important; }
.nav-item.is-active .nav-item__icon,
.nav-item[aria-current="page"] .nav-item__icon {
    border-color: rgba(10,150,133,.2);
    background-color: rgba(255,255,255,.58) !important;
    box-shadow: 0 10px 22px rgba(10,150,133,.12), inset 0 1px 0 rgba(255,255,255,.9);
}
.nav-item.is-active::after,
.nav-item[aria-current="page"]::after {
    content:"";
    position:absolute;
    right:5px;
    top:50%;
    width:5px;
    height:5px;
    transform:translateY(-50%);
    border-radius:999px;
    background:var(--sv-teal);
    box-shadow:0 0 0 5px rgba(10,150,133,.1), 0 0 16px rgba(10,150,133,.35);
}
@media (max-height: 700px) {
    .nav-item { min-height: 38px !important; }
    .nav-item__icon { width: 29px !important; height: 29px !important; background-size: 27px 27px !important; }
    .nav-section__items { gap: 1px !important; }
    .sidebar__navigation { padding-block: 3px 8px !important; }
}
@media (max-height: 590px) {
    .nav-section__title { display:none !important; }
    .nav-section { margin-block: 0 !important; }
    .nav-item { min-height: 34px !important; }
    .nav-item__icon { width: 27px !important; height: 27px !important; background-size: 25px 25px !important; }
}

/* --------------------------------------------------------------------------
   Dashboard — metric intelligence slabs, not a card wall
   -------------------------------------------------------------------------- */
.ew-controlbar {
    padding: 10px 12px !important;
    border-radius: 17px !important;
}
.ew-metrics {
    gap: 10px !important;
    padding: 4px 0 2px;
}
.ew-metric {
    min-height: 142px !important;
    border-radius: 21px !important;
    padding: 18px 17px 15px 18px !important;
}
.ew-metric::before {
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:3px;
    background:linear-gradient(180deg,var(--sv-teal),var(--sv-blue),var(--sv-violet));
    opacity:.68;
}
.ew-metric__visual {
    width: 56px !important;
    height: 56px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.ew-metric__visual img { width:56px !important; height:56px !important; filter:drop-shadow(0 10px 10px rgba(35,67,100,.12)); }
.ew-metric:nth-child(1) .ew-metric__visual img { content:url('../visuals/sovereign-1.0.68/consultation.svg'); }
.ew-metric:nth-child(2) .ew-metric__visual img { content:url('../visuals/sovereign-1.0.68/testing.svg'); }
.ew-metric:nth-child(3) .ew-metric__visual img { content:url('../visuals/sovereign-1.0.68/lab.svg'); }
.ew-metric:nth-child(4) .ew-metric__visual img { content:url('../visuals/sovereign-1.0.68/event.svg'); }
.ew-metric:nth-child(5) .ew-metric__visual img { content:url('../visuals/sovereign-1.0.68/exchange.svg'); }
.ew-metric:nth-child(6) .ew-metric__visual img { content:url('../visuals/sovereign-1.0.68/people.svg'); }
.ew-metric > strong { margin-top:24px !important; }
.ew-grid { gap:14px !important; }
.ew-trend { min-height: 420px; }
.ew-briefing { padding:16px !important; }
.ew-briefing > .iw-kicker { margin-bottom:5px; }
.ew-briefing a { position:relative; overflow:hidden; }
.ew-briefing a::after { content:""; position:absolute; inset:auto 12px 11px auto; width:6px; height:6px; border-radius:50%; background:var(--sv-teal); opacity:.3; }

/* --------------------------------------------------------------------------
   Entries / profile
   -------------------------------------------------------------------------- */
.le-overviewbar { margin-bottom:-2px; }
.le-querybar { border-radius:18px !important; }
.le-row {
    grid-template-columns:minmax(250px,1.1fr) minmax(260px,1.35fr) minmax(150px,.65fr) auto !important;
    min-height: 78px;
    padding: 13px 14px !important;
}
.le-row__visual {
    width:46px !important;
    height:46px !important;
    border:0 !important;
    background:center/46px 46px no-repeat transparent !important;
}
.le-row__visual svg { display:none !important; }
.le-row--social_work .le-row__visual { background-image:url('../visuals/sovereign-1.0.68/consultation.svg') !important; }
.le-row--events .le-row__visual { background-image:url('../visuals/sovereign-1.0.68/event.svg') !important; }
.le-row--needle_exchange .le-row__visual { background-image:url('../visuals/sovereign-1.0.68/exchange.svg') !important; }
.le-row__rail { width:3px !important; border-radius:8px; background:linear-gradient(180deg,var(--sv-teal),var(--sv-blue)) !important; }
.le-create--compact a {
    min-height:40px;
    border-radius:13px !important;
    border:1px solid var(--sv-line) !important;
    background:var(--sv-glass-soft) !important;
}
.profile-command-hero {
    min-height:150px;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 85% 30%, rgba(118,93,233,.12), transparent 15rem),
        linear-gradient(120deg,rgba(10,150,133,.07),rgba(72,113,234,.06)),
        var(--sv-glass) !important;
}
.profile-command-hero::after {
    content:"";
    position:absolute;
    right:26px;
    bottom:-12px;
    width:126px;
    height:126px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/profile.svg');
    opacity:.24;
    pointer-events:none;
}

/* --------------------------------------------------------------------------
   Entry workspaces — dense one-page capture with visual section language
   -------------------------------------------------------------------------- */
body.page-entry .aho-entry-premium-head { display:none !important; }
body.page-entry .aho-entry-workspace { gap: 12px !important; }
body.page-entry .aho-entry-quicknav {
    position:sticky;
    top:72px;
    z-index:30;
    padding:7px !important;
    border:1px solid var(--sv-line);
    border-radius:17px;
    background:color-mix(in srgb,var(--sv-glass-strong) 92%,transparent);
    box-shadow:var(--sv-shadow-soft);
    backdrop-filter:blur(20px) saturate(1.1);
}
body.page-entry .aho-entry-quicknav a { background:transparent !important; border-color:transparent !important; }
body.page-entry .aho-entry-quicknav a:hover,
body.page-entry .aho-entry-quicknav a[aria-current="step"] {
    border-color:var(--sv-line) !important;
    background:linear-gradient(135deg,rgba(10,150,133,.10),rgba(72,113,234,.06)) !important;
}
body.page-entry .aho-entry-layout--single .aho-form-section {
    display:grid;
    grid-template-columns:minmax(190px,.38fr) minmax(0,1.62fr);
    column-gap:22px;
    padding:20px !important;
    border-radius:22px !important;
}
body.page-entry .aho-entry-layout--single .aho-form-section__header {
    align-self:start;
    position:sticky;
    top:126px;
    margin:0 !important;
    padding:4px 12px 4px 0 !important;
    border-bottom:0 !important;
}
body.page-entry .aho-entry-layout--single .aho-form-section__content,
body.page-entry .aho-entry-layout--single .aho-section-content { min-width:0; }
body.page-entry .aho-entry-layout--single .aho-form-grid { gap:14px !important; }
body.page-entry .aho-entry-layout--single .aho-choice-grid { gap:9px 11px !important; }
body.page-entry .aho-entry-layout--single label.choice {
    min-height:58px !important;
    padding:11px 12px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.24),transparent),var(--sv-glass-soft) !important;
}
body.page-entry .aho-entry-layout--single label.choice .choice__icon {
    width:34px !important; height:34px !important;
    border-radius:12px !important;
    background:linear-gradient(145deg,rgba(10,150,133,.12),rgba(72,113,234,.10)) !important;
}
body.page-entry .aho-number-stepper {
    border-radius:16px !important;
    background:var(--sv-glass-strong) !important;
}
body.page-entry .aho-number-stepper button { min-width:52px !important; }
body.page-entry .aho-entry-statusdeck {
    order:999;
    margin-top:4px;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
body.page-entry .aho-entry-statuscard { min-height:102px; }
body.page-entry .aho-entry-statuscard__icon { background-size:46px 46px; }
body.page-entry .aho-entry-actionbar {
    border-radius:18px !important;
    background:color-mix(in srgb,var(--sv-glass-strong) 92%,transparent) !important;
    backdrop-filter:blur(22px) saturate(1.1);
}

/* Scan / inventory visual language */
.aho-scan-workspace,
.aho-inventory-identification,
[data-scan-workspace] {
    border-radius:22px !important;
    border:1px solid var(--sv-line) !important;
    background:
        radial-gradient(circle at 96% 5%,rgba(118,93,233,.08),transparent 14rem),
        linear-gradient(130deg,rgba(10,150,133,.055),rgba(72,113,234,.04)),
        var(--sv-glass) !important;
    box-shadow:var(--sv-shadow-soft);
}
.aho-scan-workspace > *,
.aho-inventory-identification > * { min-width:0; }
.aho-scan-workspace [data-scan-type="qr"]::before,
.aho-scan-workspace .is-qr::before { background-image:url('../visuals/sovereign-1.0.68/qr.svg'); }
.aho-scan-workspace [data-scan-type="nfc"]::before,
.aho-scan-workspace .is-nfc::before { background-image:url('../visuals/sovereign-1.0.68/nfc.svg'); }
.aho-scan-workspace [data-scan-type="barcode"]::before,
.aho-scan-workspace .is-barcode::before { background-image:url('../visuals/sovereign-1.0.68/barcode.svg'); }

/* --------------------------------------------------------------------------
   Analytics / Trends / LAB — dense visual intelligence workspace
   -------------------------------------------------------------------------- */
.iw-command-deck { display:none !important; }
.iw-context-bar {
    position:sticky;
    top:72px;
    z-index:28;
    border-radius:17px !important;
    background:color-mix(in srgb,var(--sv-glass-strong) 92%,transparent) !important;
    backdrop-filter:blur(22px) saturate(1.12);
    box-shadow:var(--sv-shadow-soft);
}
.iw-modes {
    position:sticky;
    top:126px;
    z-index:27;
    padding:7px !important;
    border:1px solid var(--sv-line);
    border-radius:16px;
    background:color-mix(in srgb,var(--sv-glass-strong) 91%,transparent);
    box-shadow:var(--sv-shadow-soft);
    backdrop-filter:blur(20px);
}
.iw-modes button { min-height:38px !important; }
.iw-metric-strip {
    grid-template-columns:repeat(7,minmax(145px,1fr)) !important;
    gap:9px !important;
}
.iw-metric {
    min-height:132px !important;
    padding:15px 15px 13px !important;
    border-radius:19px !important;
}
.iw-metric::before {
    width:49px !important;
    height:49px !important;
    right:12px !important;
    top:12px !important;
    background-size:49px 49px !important;
    opacity:1 !important;
    filter:drop-shadow(0 9px 10px rgba(35,67,100,.10));
}
.iw-metric:nth-child(1)::before { background-image:url('../visuals/sovereign-1.0.68/consultation.svg') !important; }
.iw-metric:nth-child(2)::before { background-image:url('../visuals/sovereign-1.0.68/testing.svg') !important; }
.iw-metric:nth-child(3)::before { background-image:url('../visuals/sovereign-1.0.68/lab.svg') !important; }
.iw-metric:nth-child(4)::before { background-image:url('../visuals/sovereign-1.0.68/event.svg') !important; }
.iw-metric:nth-child(5)::before { background-image:url('../visuals/sovereign-1.0.68/exchange.svg') !important; }
.iw-metric:nth-child(6)::before { background-image:url('../visuals/sovereign-1.0.68/people.svg') !important; }
.iw-metric:nth-child(7)::before { background-image:url('../visuals/sovereign-1.0.68/lab.svg') !important; }
.iw-trend-canvas, .aho-chart-preview {
    background:
        linear-gradient(rgba(72,113,234,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(72,113,234,.035) 1px,transparent 1px),
        linear-gradient(180deg,rgba(72,113,234,.025),rgba(10,150,133,.018)),
        var(--sv-glass-strong) !important;
    background-size:30px 30px,30px 30px,auto,auto !important;
}
.iw-heatmap__row a { transition:transform var(--sv-motion), box-shadow var(--sv-motion); }
.iw-heatmap__row a:hover { transform:translateY(-2px) scale(1.02); box-shadow:var(--sv-shadow-soft); }

/* Trends & goals */
.intel-hero { padding:8px 10px !important; }
.intel-kpis--executive > article::before {
    content:"";
    position:absolute;
    right:10px;
    top:10px;
    width:46px;
    height:46px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/trends.svg');
    z-index:1;
}
.intel-kpis--executive > article:nth-child(4)::before { background-image:url('../visuals/sovereign-1.0.68/goal.svg'); }
.intel-trend-row {
    grid-template-columns:minmax(220px,1.1fr) minmax(135px,.52fr) minmax(235px,.9fr) auto !important;
}
.intel-trend-row:hover { transform:translateX(2px); }

/* LAB */
.lab-workspace-tabs {
    top:72px !important;
    border-radius:17px !important;
}
.lab-workspace-tabs a { position:relative; padding-left:36px !important; }
.lab-workspace-tabs a::before {
    content:"";
    position:absolute;
    left:8px;
    width:24px;
    height:24px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/lab.svg');
}
.lab-workspace-tabs a[href*="trend"]::before { background-image:url('../visuals/sovereign-1.0.68/trends.svg'); }
.lab-workspace-tabs a[href*="qual"]::before { background-image:url('../visuals/sovereign-1.0.68/quality.svg'); }
.lab-workspace-tabs a[href*="ai"]::before { background-image:url('../visuals/sovereign-1.0.68/ai.svg'); }
.lab-kpi::after { width:54px !important; height:54px !important; background-image:url('../visuals/sovereign-1.0.68/lab.svg') !important; }
.lab-kpi:nth-child(2)::after { background-image:url('../visuals/sovereign-1.0.68/people.svg') !important; }
.lab-kpi:nth-child(3)::after { background-image:url('../visuals/sovereign-1.0.68/lab.svg') !important; }
.lab-insights--executive article { min-height:110px; }
.lab-action-band::before {
    content:"";
    flex:0 0 64px;
    width:64px;
    height:64px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/analytics.svg');
}

/* --------------------------------------------------------------------------
   People analytics
   -------------------------------------------------------------------------- */
.team-metric-strip > span::after { width:50px !important; height:50px !important; background-image:url('../visuals/sovereign-1.0.68/people.svg') !important; }
.team-person-row { min-height:94px; }
.team-avatar {
    width:52px !important;
    height:52px !important;
    border-radius:17px !important;
    border:1px solid var(--sv-line);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.team-person-row__metrics div {
    background:linear-gradient(145deg,rgba(255,255,255,.24),transparent),var(--sv-glass-soft) !important;
    border:1px solid rgba(73,101,138,.08);
}

/* --------------------------------------------------------------------------
   Report — document first, controls collapse aggressively
   -------------------------------------------------------------------------- */
.aho-report-toolbar {
    border-radius:20px !important;
    background:color-mix(in srgb,var(--sv-glass-strong) 92%,transparent) !important;
    backdrop-filter:blur(24px) saturate(1.12);
}
.aho-report-toolbar.is-condensed {
    display:flex !important;
    align-items:center;
    min-height:54px;
    padding:7px 10px !important;
}
.aho-report-toolbar.is-condensed .aho-report-toolbar__topline { width:100%; align-items:center !important; }
.aho-report-toolbar.is-condensed .aho-report-toolbar__topline > div:first-child { display:none !important; }
.aho-report-preview { background:transparent !important; }
.aho-report-sheet {
    border:1px solid rgba(70,80,100,.12) !important;
    box-shadow:0 28px 80px rgba(17,35,58,.13) !important;
}

/* --------------------------------------------------------------------------
   Smart Search — command-first AI workspace
   -------------------------------------------------------------------------- */
.smart-search-hero {
    background:
        radial-gradient(circle at 92% 8%,rgba(118,93,233,.11),transparent 18rem),
        radial-gradient(circle at 5% 95%,rgba(10,150,133,.08),transparent 15rem),
        var(--sv-glass) !important;
}
.smart-search-hero__icon {
    width:72px !important;
    height:72px !important;
    opacity:.8 !important;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/ai.svg') !important;
}
.smart-search-hero__icon svg { display:none; }
.smart-search-input-wrap {
    min-height:68px !important;
    border-radius:20px !important;
    background:var(--sv-glass-strong) !important;
    box-shadow:0 16px 42px rgba(17,35,58,.075), 0 0 0 1px rgba(255,255,255,.5) inset !important;
}
.smart-search-chip {
    transition:transform var(--sv-motion), border-color var(--sv-motion), background var(--sv-motion) !important;
}
.smart-search-chip:hover { transform:translateY(-2px); border-color:rgba(10,150,133,.22)!important; }
.smart-search-result::after {
    content:"";
    position:absolute;
    right:18px;
    top:16px;
    width:56px;
    height:56px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/analytics.svg');
    opacity:.35;
}

/* --------------------------------------------------------------------------
   Quality / import / administration / MFA
   -------------------------------------------------------------------------- */
.aho-quality-kpis--executive .aho-summary-card::after {
    width:52px !important;
    height:52px !important;
    background-image:url('../visuals/sovereign-1.0.68/quality.svg') !important;
}
.aho-quality-advisor__grid article { min-height:128px; }
.aho-quality-advisor__grid article::before {
    content:"";
    float:right;
    width:42px;
    height:42px;
    margin:-2px -2px 8px 10px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/quality.svg');
}
.aho-import-summary-card::after { width:50px !important; height:50px !important; background-image:url('../visuals/sovereign-1.0.68/import.svg') !important; }
.aho-import-card-header::before {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:38px;
    height:38px;
    margin-right:10px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/import.svg');
}
.aho-import-file {
    position:relative;
    min-height:76px !important;
    background:
        radial-gradient(circle at 96% 4%,rgba(118,93,233,.08),transparent 9rem),
        linear-gradient(145deg,rgba(72,113,234,.045),rgba(10,150,133,.035)) !important;
}
html body .aho-admin-grid { gap:12px !important; }
html body .aho-admin-card {
    min-height:190px !important;
    padding:17px !important;
}
html body .aho-admin-card:nth-child(1) .aho-admin-icon { background-image:url('../visuals/sovereign-1.0.68/people.svg') !important; }
html body .aho-admin-card:nth-child(2) .aho-admin-icon { background-image:url('../visuals/sovereign-1.0.68/security.svg') !important; }
html body .aho-admin-card:nth-child(3) .aho-admin-icon { background-image:url('../visuals/sovereign-1.0.68/admin.svg') !important; }
html body .aho-admin-card:nth-child(4) .aho-admin-icon { background-image:url('../visuals/sovereign-1.0.68/entries.svg') !important; }
html body .aho-admin-card:nth-child(5) .aho-admin-icon { background-image:url('../visuals/sovereign-1.0.68/import.svg') !important; }
html body .aho-admin-card:nth-child(6) .aho-admin-icon { background-image:url('../visuals/sovereign-1.0.68/report.svg') !important; }
html body .aho-admin-card:nth-child(7) .aho-admin-icon { background-image:url('../visuals/sovereign-1.0.68/analytics.svg') !important; }
html body .aho-admin-icon {
    width:56px !important;
    height:56px !important;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:56px 56px !important;
    box-shadow:none !important;
}
html body .aho-admin-icon svg { display:none !important; }
html body .aho-admin-command-rail a { position:relative; padding-left:66px !important; }
html body .aho-admin-command-rail a::before {
    content:"";
    position:absolute;
    left:12px;
    width:44px;
    height:44px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/admin.svg');
}
html body .aho-admin-command-rail a[href*="mfa"]::before { background-image:url('../visuals/sovereign-1.0.68/security.svg'); }
html body .aho-admin-command-rail a[href*="warnungen"]::before { background-image:url('../visuals/sovereign-1.0.68/quality.svg'); }
html body .aho-admin-command-rail a[href*="audit"]::before { background-image:url('../visuals/sovereign-1.0.68/report.svg'); }
html body .aho-admin-command-rail a[href*="systemstatus"]::before { background-image:url('../visuals/sovereign-1.0.68/analytics.svg'); }

.aho-mfa-command::after {
    width:136px !important;
    height:136px !important;
    background-image:url('../visuals/sovereign-1.0.68/security.svg') !important;
    opacity:.34 !important;
}
.aho-mfa-kpi { position:relative; overflow:hidden; }
.aho-mfa-kpi::after {
    content:"";
    position:absolute;
    right:10px;
    top:10px;
    width:46px;
    height:46px;
    background:center/contain no-repeat url('../visuals/sovereign-1.0.68/security.svg');
    opacity:.75;
}
.aho-mfa-policy { transition:border-color var(--sv-motion), transform var(--sv-motion), background var(--sv-motion); }
.aho-mfa-policy:hover { transform:translateY(-1px); border-color:rgba(10,150,133,.18)!important; }
.aho-mfa-table tbody tr:hover,
.aho-import-table tbody tr:hover { background:color-mix(in srgb,var(--sv-teal) 5%, transparent); }

/* --------------------------------------------------------------------------
   Buttons, feedback, microinteraction language
   -------------------------------------------------------------------------- */
.button, button:not(.sidebar__collapse):not(.sidebar__close) {
    transition:transform var(--sv-motion), box-shadow var(--sv-motion), border-color var(--sv-motion), background var(--sv-motion), color var(--sv-motion);
}
.button:hover { transform:translateY(-1px); }
.button:active { transform:translateY(0) scale(.985); box-shadow:var(--sv-shadow-press) !important; }
.button--primary {
    background:linear-gradient(135deg,#078c7e,#13ad99 52%,#2f91d7) !important;
    box-shadow:0 12px 26px rgba(10,150,133,.18), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.alert--success, .aho-autosave-state {
    position:relative;
}
.alert--success::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.22) 45%,transparent 72%);
    transform:translateX(-120%);
    animation:sv-success-sweep 2.7s ease .25s 1;
}
@keyframes sv-success-sweep { to { transform:translateX(120%); } }

/* Reveal system is opt-in from JS and disabled for reduced motion. */
[data-sv-reveal] { opacity:0; transform:translateY(8px) scale(.992); }
[data-sv-reveal].is-visible { opacity:1; transform:none; transition:opacity 260ms ease, transform 320ms cubic-bezier(.2,.8,.2,1); }

/* Responsive / zoom resilience */
@media (max-width: 1500px) {
    .iw-metric-strip { grid-template-columns:repeat(4,minmax(150px,1fr)) !important; }
    body.page-entry .aho-entry-layout--single .aho-form-section { grid-template-columns:170px minmax(0,1fr); }
}
@media (max-width: 1180px) {
    .le-row { grid-template-columns:1fr 1fr !important; }
    .iw-metric-strip { grid-template-columns:repeat(3,minmax(150px,1fr)) !important; }
    body.page-entry .aho-entry-layout--single .aho-form-section { grid-template-columns:1fr; }
    body.page-entry .aho-entry-layout--single .aho-form-section__header { position:static; padding-bottom:10px!important; border-bottom:1px solid var(--sv-line)!important; }
}
@media (max-width: 860px) {
    .iw-context-bar, .iw-modes, .lab-workspace-tabs, body.page-entry .aho-entry-quicknav { top:62px !important; }
    .iw-modes { top:116px !important; overflow:auto; flex-wrap:nowrap !important; }
    .iw-metric-strip { grid-template-columns:1fr 1fr !important; }
    .le-row { grid-template-columns:1fr !important; }
    body.page-entry .aho-entry-statusdeck { grid-template-columns:1fr !important; }
    .lab-action-band::before { width:48px; height:48px; flex-basis:48px; }
}
@media (max-width: 560px) {
    .iw-metric-strip { grid-template-columns:1fr !important; }
    .topbar { min-height:60px !important; }
    .nav-item__icon { width:31px !important; height:31px !important; background-size:29px 29px !important; }
}

@media (prefers-reduced-motion: reduce) {
    [data-sv-reveal] { opacity:1 !important; transform:none !important; }
    .alert--success::before { animation:none !important; }
}

/* explicit JS-assisted density states for zoom/short screens */
html[data-sv-compact-nav] .nav-item { min-height:37px !important; }
html[data-sv-compact-nav] .nav-item__icon { width:28px !important; height:28px !important; background-size:26px 26px !important; }
html[data-sv-compact-nav] .nav-section { margin-block:1px !important; }
html[data-sv-ultra-compact-nav] .nav-section__title { display:none !important; }
html[data-sv-ultra-compact-nav] .nav-item { min-height:33px !important; }
html[data-sv-ultra-compact-nav] .nav-item__icon { width:26px !important; height:26px !important; background-size:24px 24px !important; }

/* status visuals */
.dashboard-live-badge, .ew-live, .aho-mfa-badge, .aho-status, .status-badge {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}
.dashboard-live-badge i, .ew-live i, .system-indicator__dot {
    box-shadow:0 0 0 4px color-mix(in srgb,var(--sv-good) 14%,transparent), 0 0 18px color-mix(in srgb,var(--sv-good) 28%,transparent) !important;
}

/* form controls receive one consistent 2026 surface language */
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
    border-color:var(--sv-line) !important;
    background:color-mix(in srgb,var(--sv-glass-strong) 92%,transparent) !important;
    color:var(--sv-ink) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 5px 16px rgba(17,35,58,.025);
}
input:not([type="checkbox"]):not([type="radio"]):hover, select:hover, textarea:hover {
    border-color:color-mix(in srgb,var(--sv-blue) 20%,var(--sv-line)) !important;
}
input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus {
    border-color:color-mix(in srgb,var(--sv-teal) 42%,var(--sv-line)) !important;
    box-shadow:0 0 0 4px rgba(10,150,133,.10), inset 0 1px 0 rgba(255,255,255,.6) !important;
}

/* keep tables calm, dense and readable */
table { border-collapse:separate; border-spacing:0; }
thead th { color:var(--sv-muted); font-size:.72rem; letter-spacing:.035em; text-transform:uppercase; }
tbody tr { transition:background var(--sv-motion); }
tbody td { border-color:var(--sv-line) !important; }

/* keep every form-section body in the content column, even when it has several direct children */
body.page-entry .aho-entry-layout--single .aho-form-section > :not(.aho-form-section__header) {
    grid-column:2;
    min-width:0;
}
@media (max-width:1180px) {
    body.page-entry .aho-entry-layout--single .aho-form-section > :not(.aho-form-section__header) { grid-column:1; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.69.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.69 — Selection Icon System + LAB Layer Fix
 * AI-Native Mission-Critical Enterprise Platform / Sovereign UI refinement
 * UI/UX only. No domain calculations or persistence semantics changed.
 */

:root {
    --sel-ink: var(--sv-ink, #102238);
    --sel-muted: var(--sv-muted, #64768e);
    --sel-accent: var(--sv-teal, #0a9685);
    --sel-blue: var(--sv-blue, #4871ea);
    --sel-violet: var(--sv-violet, #765de9);
    --sel-surface: rgba(255,255,255,.90);
    --sel-surface-soft: rgba(248,251,255,.86);
    --sel-line: rgba(73,101,138,.14);
    --sel-shadow: 0 12px 30px rgba(17,35,58,.055), inset 0 1px 0 rgba(255,255,255,.88);
    --sel-shadow-active: 0 18px 38px rgba(10,150,133,.12), inset 0 1px 0 rgba(255,255,255,.92);
}

:root[data-theme="dark"] {
    --sel-surface: rgba(20,34,51,.92);
    --sel-surface-soft: rgba(24,39,58,.86);
    --sel-line: rgba(175,200,229,.13);
    --sel-shadow: 0 13px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
    --sel-shadow-active: 0 19px 42px rgba(0,0,0,.30), 0 0 0 1px rgba(10,150,133,.14), inset 0 1px 0 rgba(255,255,255,.045);
}

/* --------------------------------------------------------------------------
   Entry section identity — remove numeric badges completely
   -------------------------------------------------------------------------- */
body.page-entry .aho-entry-layout--single .aho-form-section__header {
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    min-width:0;
    padding:5px 12px 5px 0 !important;
}

body.page-entry .aho-entry-layout--single .aho-section-number {
    width:56px !important;
    min-width:56px !important;
    height:56px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    border:1px solid rgba(10,150,133,.12) !important;
    border-radius:18px !important;
    color:var(--sel-accent) !important;
    background:
        radial-gradient(circle at 24% 18%, rgba(255,255,255,.86), transparent 42%),
        linear-gradient(145deg, rgba(36,201,174,.17), rgba(72,113,234,.075)) !important;
    box-shadow:0 13px 28px rgba(17,77,81,.075), inset 0 1px 0 rgba(255,255,255,.9) !important;
    overflow:hidden;
}

:root[data-theme="dark"] body.page-entry .aho-entry-layout--single .aho-section-number {
    border-color:rgba(66,212,190,.14) !important;
    background:
        radial-gradient(circle at 25% 15%, rgba(255,255,255,.07), transparent 42%),
        linear-gradient(145deg, rgba(27,178,156,.16), rgba(93,116,235,.12)) !important;
    box-shadow:0 15px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body.page-entry .aho-entry-layout--single .aho-section-number__icon {
    width:30px !important;
    height:30px !important;
    display:grid !important;
    place-items:center !important;
}
body.page-entry .aho-entry-layout--single .aho-section-number__icon svg,
body.page-entry .aho-entry-layout--single .aho-section-number svg {
    width:28px !important;
    height:28px !important;
    stroke-width:1.75 !important;
    filter:drop-shadow(0 4px 8px rgba(10,150,133,.12));
}
/* Defensive: no numeric overlays from legacy CSS or cached templates. */
body.page-entry .aho-section-number > b,
body.page-entry .aho-section-number::after,
body.page-entry .aho-section-number__step {
    display:none !important;
    content:none !important;
}

body.page-entry .aho-entry-layout--single .aho-form-section__header h2 {
    max-width:none !important;
    margin:0 !important;
    color:var(--sel-ink) !important;
    font-size:clamp(1.18rem,1rem + .45vw,1.55rem) !important;
    font-weight:820 !important;
    line-height:1.16 !important;
    letter-spacing:-.035em !important;
    text-wrap:balance;
}

/* --------------------------------------------------------------------------
   Premium choice tiles — unified single + multi select visual language
   -------------------------------------------------------------------------- */
body.page-entry .aho-entry-form .aho-choice-grid {
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
    grid-auto-flow:row !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
}
body.page-entry .aho-entry-form .aho-choice-grid--single {
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
}
body.page-entry .aho-entry-form .aho-choice-grid--multi {
    grid-template-columns:repeat(auto-fit,minmax(205px,1fr)) !important;
}
body.page-entry .aho-entry-form .aho-choice-grid--scroll {
    max-height:360px !important;
    padding:3px 7px 8px 3px !important;
    scrollbar-gutter:stable;
}

html body.page-entry .app-shell .aho-entry-form label.choice {
    position:relative !important;
    min-width:0 !important;
    min-height:78px !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 24px !important;
    align-items:center !important;
    gap:13px !important;
    margin:0 !important;
    padding:13px 14px !important;
    border:1px solid var(--sel-line) !important;
    border-radius:18px !important;
    color:var(--sel-ink) !important;
    background:
        radial-gradient(circle at 9% 7%, rgba(255,255,255,.78), transparent 6rem),
        linear-gradient(145deg, rgba(255,255,255,.28), transparent 58%),
        var(--sel-surface) !important;
    box-shadow:var(--sel-shadow) !important;
    cursor:pointer;
    overflow:hidden;
    isolation:isolate;
    transition:transform 180ms cubic-bezier(.2,.75,.2,1),border-color 180ms ease,box-shadow 180ms ease,background 180ms ease !important;
}

:root[data-theme="dark"] html body.page-entry .app-shell .aho-entry-form label.choice {
    background:
        radial-gradient(circle at 10% 8%, rgba(118,93,233,.08), transparent 6rem),
        linear-gradient(145deg, rgba(255,255,255,.02), transparent 58%),
        var(--sel-surface) !important;
}

html body.page-entry .app-shell .aho-entry-form label.choice::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:0;
    background:
        radial-gradient(circle at 14% 18%, rgba(31,201,167,.13), transparent 7rem),
        linear-gradient(135deg, rgba(10,150,133,.07), rgba(72,113,234,.035));
    transition:opacity 180ms ease;
}
html body.page-entry .app-shell .aho-entry-form label.choice:hover {
    transform:translateY(-2px) !important;
    border-color:rgba(10,150,133,.27) !important;
    box-shadow:0 17px 34px rgba(17,35,58,.09), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body.page-entry .app-shell .aho-entry-form label.choice:hover::before,
html body.page-entry .app-shell .aho-entry-form label.choice:has(input:checked)::before {
    opacity:1;
}
html body.page-entry .app-shell .aho-entry-form label.choice:has(input:checked),
html body.page-entry .app-shell .aho-entry-form label.choice.is-selected {
    transform:translateY(-1px) !important;
    border-color:rgba(10,150,133,.78) !important;
    color:var(--sel-ink) !important;
    background:
        radial-gradient(circle at 8% 5%, rgba(255,255,255,.90), transparent 7rem),
        linear-gradient(135deg, rgba(10,150,133,.105), rgba(31,201,167,.055)),
        var(--sel-surface) !important;
    box-shadow:var(--sel-shadow-active) !important;
}
:root[data-theme="dark"] html body.page-entry .app-shell .aho-entry-form label.choice:has(input:checked),
:root[data-theme="dark"] html body.page-entry .app-shell .aho-entry-form label.choice.is-selected {
    background:
        radial-gradient(circle at 8% 5%, rgba(255,255,255,.035), transparent 7rem),
        linear-gradient(135deg, rgba(10,150,133,.16), rgba(72,113,234,.075)),
        var(--sel-surface) !important;
}

body.page-entry .aho-entry-form label.choice input {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

body.page-entry .aho-entry-form .choice__visual {
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:15px;
    border:1px solid rgba(72,113,234,.07);
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.92), transparent 47%),
        linear-gradient(145deg, rgba(31,201,167,.16), rgba(72,113,234,.095));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(54,87,123,.06);
    color:var(--sel-accent);
    transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease;
}
:root[data-theme="dark"] body.page-entry .aho-entry-form .choice__visual {
    border-color:rgba(143,176,215,.08);
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.055), transparent 47%),
        linear-gradient(145deg, rgba(31,201,167,.16), rgba(98,116,235,.13));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 9px 19px rgba(0,0,0,.18);
}
body.page-entry .aho-entry-form label.choice:hover .choice__visual,
body.page-entry .aho-entry-form label.choice:has(input:checked) .choice__visual {
    transform:translateY(-1px) scale(1.025);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 11px 23px rgba(10,150,133,.12);
}

body.page-entry .aho-entry-form .choice__icon {
    width:30px !important;
    height:30px !important;
    display:grid !important;
    place-items:center !important;
    color:var(--sel-accent) !important;
}
body.page-entry .aho-entry-form .choice__icon svg {
    width:28px !important;
    height:28px !important;
    stroke-width:1.75 !important;
    filter:drop-shadow(0 4px 7px rgba(10,150,133,.12));
}
body.page-entry .aho-entry-form .choice__content {
    min-width:0;
    display:grid;
    gap:5px;
    align-content:center;
}
body.page-entry .aho-entry-form .choice__label {
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
    color:var(--sel-ink) !important;
    font-size:.96rem !important;
    font-weight:790 !important;
    line-height:1.24 !important;
    letter-spacing:-.015em;
    overflow-wrap:anywhere;
}
body.page-entry .aho-entry-form .choice__description {
    display:block;
    color:var(--sel-muted);
    font-size:.78rem;
    font-weight:540;
    line-height:1.36;
    text-wrap:pretty;
}

body.page-entry .aho-entry-form .choice__indicator {
    position:static !important;
    inset:auto !important;
    justify-self:end;
    align-self:start;
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    margin:1px 0 0 !important;
    display:grid !important;
    place-items:center !important;
    border:2px solid rgba(117,139,168,.43) !important;
    border-radius:7px !important;
    color:#fff;
    background:rgba(255,255,255,.76) !important;
    box-shadow:inset 0 1px 1px rgba(17,35,58,.03);
    transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease,transform 160ms ease;
}
:root[data-theme="dark"] body.page-entry .aho-entry-form .choice__indicator {
    background:rgba(18,31,47,.82) !important;
}
body.page-entry .aho-entry-form label.choice input[type="radio"] ~ .choice__indicator {
    border-radius:999px !important;
}
body.page-entry .aho-entry-form label.choice input:checked ~ .choice__indicator {
    transform:scale(1.04);
    border-color:var(--sel-accent) !important;
    background:var(--sel-accent) !important;
    box-shadow:0 0 0 4px rgba(10,150,133,.11),0 6px 14px rgba(10,150,133,.12) !important;
}
body.page-entry .aho-entry-form label.choice input:checked ~ .choice__indicator::after {
    content:"✓" !important;
    width:auto !important;
    height:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff;
    font-size:12px;
    font-weight:950;
    line-height:1;
}
body.page-entry .aho-entry-form label.choice input[type="radio"]:checked ~ .choice__indicator::after {
    content:"" !important;
    width:8px !important;
    height:8px !important;
    border-radius:999px !important;
    background:#fff !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.35);
}
body.page-entry .aho-entry-form label.choice input:focus-visible ~ .choice__indicator {
    box-shadow:0 0 0 4px rgba(72,113,234,.18),0 0 0 1px var(--sel-blue) !important;
}

/* The primary documentation type is intentionally more visual, matching the
   approved design reference. */
body.page-entry .aho-choice-grid--field-contact-purpose {
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
    gap:14px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact-purpose label.choice {
    min-height:124px !important;
    grid-template-columns:58px minmax(0,1fr) 25px !important;
    align-items:start !important;
    padding:17px 17px 16px !important;
    border-radius:20px !important;
}
body.page-entry .aho-choice-grid--field-contact-purpose .choice__visual {
    width:58px;
    height:58px;
    border-radius:17px;
}
body.page-entry .aho-choice-grid--field-contact-purpose .choice__icon,
body.page-entry .aho-choice-grid--field-contact-purpose .choice__icon svg {
    width:34px !important;
    height:34px !important;
}
body.page-entry .aho-choice-grid--field-contact-purpose .choice__label {
    margin-top:4px !important;
    font-size:1.05rem !important;
}
body.page-entry .aho-choice-grid--field-contact-purpose .choice__description {
    max-width:30ch;
    font-size:.84rem;
}

/* Dense multi-value taxonomies remain readable without turning into a card wall. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi label.choice {
    min-height:68px !important;
    grid-template-columns:42px minmax(0,1fr) 20px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
}
body.page-entry .aho-choice-grid--multi .choice__visual {
    width:42px;
    height:42px;
    border-radius:13px;
}
body.page-entry .aho-choice-grid--multi .choice__icon,
body.page-entry .aho-choice-grid--multi .choice__icon svg {
    width:25px !important;
    height:25px !important;
}
body.page-entry .aho-choice-grid--multi .choice__label {
    font-size:.87rem !important;
}

/* --------------------------------------------------------------------------
   LAB — remove the obsolete overlapping top layer and use one toolbar layer
   -------------------------------------------------------------------------- */
.lab-shell {
    position:relative;
    isolation:isolate;
}
.lab-shell .lab-hero,
.lab-shell .lab-hero::before,
.lab-shell .lab-hero::after {
    display:none !important;
    content:none !important;
}
.lab-toolbar {
    position:sticky;
    top:72px;
    z-index:18;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:8px;
    border:1px solid var(--sv-line, rgba(73,101,138,.14));
    border-radius:19px;
    background:color-mix(in srgb,var(--sv-glass-strong,rgba(255,255,255,.94)) 94%,transparent);
    box-shadow:var(--sv-shadow-soft,0 12px 34px rgba(17,35,58,.055));
    backdrop-filter:blur(22px) saturate(1.12);
}
.lab-toolbar .lab-workspace-tabs {
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    flex:1 1 auto;
    min-width:0;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
}
.lab-toolbar__year {
    flex:0 0 auto;
    display:flex;
    align-items:end;
    gap:8px;
    padding-left:10px;
    border-left:1px solid var(--sv-line,rgba(73,101,138,.14));
}
.lab-toolbar__year label {
    display:grid;
    gap:4px;
    color:var(--sv-muted,#64768e);
    font-size:.67rem;
    font-weight:820;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.lab-toolbar__year input {
    width:92px;
    min-height:38px;
    padding:0 10px;
    border:1px solid var(--sv-line,rgba(73,101,138,.14));
    border-radius:11px;
    color:var(--sv-ink,#102238);
    background:var(--sv-glass-strong,rgba(255,255,255,.94));
    font-weight:820;
}
.lab-toolbar__year .button { min-height:38px !important; }

.lab-kpis,
.lab-insights,
.lab-panels,
.lab-panel,
.lab-action-band {
    position:relative;
    z-index:1;
}
.lab-kpi {
    isolation:isolate;
    overflow:hidden !important;
}
.lab-kpi > * { position:relative; z-index:2; }
.lab-kpi::after {
    z-index:1 !important;
    right:14px !important;
    top:14px !important;
    width:50px !important;
    height:50px !important;
    opacity:.94;
    pointer-events:none;
    filter:drop-shadow(0 8px 12px rgba(17,35,58,.09));
}
.lab-workspace-tabs a::before {
    pointer-events:none;
    z-index:0;
}
.lab-workspace-tabs a { z-index:1; }
.lab-action-band::before { position:relative; z-index:0; }

/* --------------------------------------------------------------------------
   Responsive / zoom safety
   -------------------------------------------------------------------------- */
@media (max-width:1180px) {
    body.page-entry .aho-entry-form .aho-choice-grid,
    body.page-entry .aho-entry-form .aho-choice-grid--single,
    body.page-entry .aho-entry-form .aho-choice-grid--multi {
        grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
    }
    .lab-toolbar { align-items:stretch; flex-direction:column; }
    .lab-toolbar__year { border-left:0; border-top:1px solid var(--sv-line,rgba(73,101,138,.14)); padding:8px 0 0; }
}

@media (max-width:760px) {
    body.page-entry .aho-entry-layout--single .aho-form-section__header {
        position:static !important;
        top:auto !important;
    }
    body.page-entry .aho-entry-form .aho-choice-grid,
    body.page-entry .aho-entry-form .aho-choice-grid--single,
    body.page-entry .aho-entry-form .aho-choice-grid--multi,
    body.page-entry .aho-choice-grid--field-contact-purpose {
        grid-template-columns:1fr !important;
    }
    html body.page-entry .app-shell .aho-entry-form label.choice,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact-purpose label.choice {
        min-height:72px !important;
        grid-template-columns:46px minmax(0,1fr) 22px !important;
        padding:11px 12px !important;
    }
    body.page-entry .aho-entry-form .choice__visual,
    body.page-entry .aho-choice-grid--field-contact-purpose .choice__visual {
        width:46px;
        height:46px;
        border-radius:14px;
    }
    body.page-entry .aho-entry-form .choice__icon,
    body.page-entry .aho-entry-form .choice__icon svg,
    body.page-entry .aho-choice-grid--field-contact-purpose .choice__icon,
    body.page-entry .aho-choice-grid--field-contact-purpose .choice__icon svg {
        width:27px !important;
        height:27px !important;
    }
    .lab-toolbar { position:relative; top:auto; z-index:3; }
    .lab-toolbar .lab-workspace-tabs { overflow-x:auto; flex-wrap:nowrap; }
    .lab-toolbar__year { width:100%; }
    .lab-toolbar__year label { flex:1 1 auto; }
    .lab-toolbar__year input { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
    html body.page-entry .app-shell .aho-entry-form label.choice,
    body.page-entry .aho-entry-form .choice__visual,
    body.page-entry .aho-entry-form .choice__indicator {
        transition:none !important;
        transform:none !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.70.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.70 — Selection Clarity / Form Visual Reset
 * Reference target: polished AI-native enterprise form with readable icon cards.
 * UI-only. No persistence or analytics calculation changes.
 */

:root {
    --choice-ink:#10233b;
    --choice-muted:#667891;
    --choice-accent:#0b9787;
    --choice-blue:#3d7cf4;
    --choice-surface:rgba(255,255,255,.96);
    --choice-surface-soft:rgba(248,252,255,.94);
    --choice-line:rgba(87,111,145,.17);
    --choice-shadow:0 10px 26px rgba(23,48,80,.055), inset 0 1px 0 rgba(255,255,255,.90);
    --choice-shadow-active:0 16px 34px rgba(11,151,135,.11), inset 0 1px 0 rgba(255,255,255,.94);
}
:root[data-theme="dark"] {
    --choice-ink:#eef5ff;
    --choice-muted:#a7b8cd;
    --choice-surface:rgba(20,34,51,.96);
    --choice-surface-soft:rgba(24,39,58,.94);
    --choice-line:rgba(174,199,228,.14);
    --choice-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
    --choice-shadow-active:0 18px 40px rgba(0,0,0,.27), 0 0 0 1px rgba(11,151,135,.12), inset 0 1px 0 rgba(255,255,255,.045);
}

/* ----------------------------------------------------------------------
   Form sections: full-width headings, no narrow sticky title rail
   ---------------------------------------------------------------------- */
html body.page-entry .app-shell .aho-entry-layout--single .aho-form-section {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    row-gap:18px !important;
    column-gap:0 !important;
    padding:22px 24px 24px !important;
    border-radius:24px !important;
    border:1px solid var(--choice-line) !important;
    background:
        radial-gradient(circle at 98% 0%, rgba(72,113,234,.045), transparent 18rem),
        linear-gradient(145deg, rgba(11,151,135,.025), transparent 48%),
        var(--choice-surface) !important;
    box-shadow:0 18px 44px rgba(24,48,79,.045), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
html body.page-entry .app-shell .aho-entry-layout--single .aho-form-section > * {
    grid-column:1 !important;
    min-width:0 !important;
}
html body.page-entry .app-shell .aho-entry-layout--single .aho-form-section__header {
    position:static !important;
    top:auto !important;
    width:100% !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    margin:0 !important;
    padding:0 0 14px !important;
    border-bottom:1px solid rgba(87,111,145,.10) !important;
}
body.page-entry .aho-entry-layout--single .aho-section-number {
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    border:1px solid rgba(11,151,135,.14) !important;
    border-radius:18px !important;
    background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.92), transparent 48%),
        linear-gradient(145deg, rgba(39,204,177,.20), rgba(67,124,247,.10)) !important;
    color:var(--choice-accent) !important;
    box-shadow:0 12px 25px rgba(11,151,135,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.page-entry .aho-entry-layout--single .aho-section-number__icon,
body.page-entry .aho-entry-layout--single .aho-section-number__icon svg,
body.page-entry .aho-entry-layout--single .aho-section-number svg {
    width:30px !important;
    height:30px !important;
}
body.page-entry .aho-entry-layout--single .aho-form-section__header h2 {
    margin:0 !important;
    color:var(--choice-ink) !important;
    font-size:1.42rem !important;
    font-weight:820 !important;
    line-height:1.12 !important;
    letter-spacing:-.035em !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
}

/* ----------------------------------------------------------------------
   Entry grid polish
   ---------------------------------------------------------------------- */
body.page-entry .aho-entry-grid {
    gap:16px 18px !important;
}
body.page-entry .aho-field > span,
body.page-entry .aho-field > label,
body.page-entry .aho-fieldset > legend {
    color:#2d425f !important;
    font-size:.88rem !important;
    font-weight:780 !important;
    line-height:1.25 !important;
    letter-spacing:-.012em !important;
}
:root[data-theme="dark"] body.page-entry .aho-field > span,
:root[data-theme="dark"] body.page-entry .aho-field > label,
:root[data-theme="dark"] body.page-entry .aho-fieldset > legend {
    color:#dfeafa !important;
}
body.page-entry .aho-field input,
body.page-entry .aho-field select,
body.page-entry .aho-field textarea {
    min-height:48px !important;
    border-radius:14px !important;
    border-color:rgba(87,111,145,.17) !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 7px 18px rgba(24,48,79,.035) !important;
}
:root[data-theme="dark"] body.page-entry .aho-field input,
:root[data-theme="dark"] body.page-entry .aho-field select,
:root[data-theme="dark"] body.page-entry .aho-field textarea {
    background:rgba(16,29,45,.9) !important;
}

/* ----------------------------------------------------------------------
   Choice system — final readable premium cards
   ---------------------------------------------------------------------- */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid {
    display:grid !important;
    width:100% !important;
    min-width:0 !important;
    grid-auto-flow:row !important;
    gap:14px !important;
}

/* Documentation type = two equal large cards */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose label.choice {
    min-height:116px !important;
    grid-template-columns:66px minmax(0,1fr) 24px !important;
    gap:16px !important;
    padding:18px 18px !important;
}

/* Contact channel = five readable cards per row on wide screens */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:14px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type label.choice {
    min-height:100px !important;
    grid-template-columns:54px minmax(0,1fr) 22px !important;
    align-items:start !important;
    gap:13px !important;
    padding:15px !important;
}

/* Other single choice groups */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single:not(.aho-choice-grid--field-contact_purpose):not(.aho-choice-grid--field-contact_type) {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Multi-value taxonomies stay dense but readable */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

html body.page-entry .app-shell .aho-entry-form label.choice,
html body.page-entry .app-shell .aho-entry-layout--single label.choice {
    position:relative !important;
    min-width:0 !important;
    min-height:84px !important;
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) 22px !important;
    align-items:center !important;
    gap:14px !important;
    margin:0 !important;
    padding:14px 15px !important;
    overflow:hidden !important;
    isolation:isolate !important;
    border:1px solid var(--choice-line) !important;
    border-radius:18px !important;
    color:var(--choice-ink) !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(255,255,255,.82), transparent 7rem),
        linear-gradient(145deg, rgba(255,255,255,.20), transparent 62%),
        var(--choice-surface-soft) !important;
    box-shadow:var(--choice-shadow) !important;
    cursor:pointer !important;
    transform:none !important;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease !important;
}
html body.page-entry .app-shell .aho-entry-form label.choice:hover {
    transform:translateY(-1px) !important;
    border-color:rgba(11,151,135,.30) !important;
    box-shadow:0 15px 30px rgba(23,48,80,.075), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body.page-entry .app-shell .aho-entry-form label.choice:has(input:checked),
html body.page-entry .app-shell .aho-entry-form label.choice.is-selected {
    transform:none !important;
    border-color:rgba(11,151,135,.80) !important;
    background:
        radial-gradient(circle at 12% 4%, rgba(255,255,255,.90), transparent 8rem),
        linear-gradient(135deg, rgba(11,151,135,.105), rgba(39,204,177,.055)),
        var(--choice-surface) !important;
    box-shadow:var(--choice-shadow-active) !important;
}
:root[data-theme="dark"] html body.page-entry .app-shell .aho-entry-form label.choice:has(input:checked),
:root[data-theme="dark"] html body.page-entry .app-shell .aho-entry-form label.choice.is-selected {
    background:
        radial-gradient(circle at 12% 4%, rgba(255,255,255,.035), transparent 8rem),
        linear-gradient(135deg, rgba(11,151,135,.16), rgba(72,113,234,.07)),
        var(--choice-surface) !important;
}

body.page-entry .aho-entry-form .choice__visual {
    width:52px !important;
    min-width:52px !important;
    height:52px !important;
    display:grid !important;
    place-items:center !important;
    align-self:center !important;
    border-radius:16px !important;
    border:1px solid rgba(11,151,135,.10) !important;
    color:var(--choice-accent) !important;
    background:
        radial-gradient(circle at 25% 20%, rgba(255,255,255,.92), transparent 46%),
        linear-gradient(145deg, rgba(39,204,177,.19), rgba(72,113,234,.09)) !important;
    box-shadow:0 9px 20px rgba(11,151,135,.07), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .choice__visual {
    width:66px !important;
    height:66px !important;
    border-radius:19px !important;
}
body.page-entry .aho-entry-form .choice__icon,
body.page-entry .aho-entry-form .choice__icon svg {
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .choice__icon,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .choice__icon svg {
    width:36px !important;
    height:36px !important;
}
body.page-entry .aho-entry-form .choice__icon svg {
    stroke-width:1.75 !important;
    filter:drop-shadow(0 3px 6px rgba(11,151,135,.10));
}

body.page-entry .aho-entry-form .choice__content {
    min-width:0 !important;
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:5px !important;
    overflow:visible !important;
}
body.page-entry .aho-entry-form .choice__label {
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
    color:var(--choice-ink) !important;
    font-size:.93rem !important;
    font-weight:800 !important;
    line-height:1.22 !important;
    letter-spacing:-.014em !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:manual !important;
    text-wrap:pretty !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .choice__label {
    font-size:1.05rem !important;
    white-space:nowrap !important;
}
body.page-entry .aho-entry-form .choice__description {
    display:block !important;
    margin:0 !important;
    color:var(--choice-muted) !important;
    font-size:.79rem !important;
    font-weight:540 !important;
    line-height:1.34 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:manual !important;
    text-wrap:pretty !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .choice__description {
    max-width:34ch !important;
    font-size:.85rem !important;
}

body.page-entry .aho-entry-form .choice__indicator {
    position:static !important;
    inset:auto !important;
    justify-self:end !important;
    align-self:start !important;
    width:21px !important;
    min-width:21px !important;
    height:21px !important;
    margin:1px 0 0 !important;
    display:grid !important;
    place-items:center !important;
    border:1.7px solid rgba(113,137,168,.46) !important;
    border-radius:7px !important;
    color:#fff !important;
    background:rgba(255,255,255,.78) !important;
    box-shadow:none !important;
}
body.page-entry .aho-entry-form label.choice input[type="radio"] ~ .choice__indicator {
    border-radius:999px !important;
}
body.page-entry .aho-entry-form label.choice input:checked ~ .choice__indicator {
    border-color:var(--choice-accent) !important;
    background:var(--choice-accent) !important;
    box-shadow:0 0 0 4px rgba(11,151,135,.10) !important;
}
body.page-entry .aho-entry-form label.choice input:checked ~ .choice__indicator::after {
    content:"✓" !important;
    width:auto !important;
    height:auto !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:950 !important;
    line-height:1 !important;
}
body.page-entry .aho-entry-form label.choice input[type="radio"]:checked ~ .choice__indicator::after {
    content:"" !important;
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#fff !important;
}

/* Dense multi-selects: readable, but no tiny text or icon overlap */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi label.choice {
    min-height:78px !important;
    grid-template-columns:46px minmax(0,1fr) 20px !important;
    padding:12px 13px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi .choice__visual {
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi .choice__icon,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi .choice__icon svg {
    width:25px !important;
    height:25px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi .choice__label {
    font-size:.88rem !important;
}

/* Number controls stay simple and calm */
body.page-entry .aho-number-stepper {
    min-height:48px !important;
    border-radius:14px !important;
    border-color:rgba(87,111,145,.17) !important;
    background:rgba(255,255,255,.93) !important;
    box-shadow:0 7px 18px rgba(24,48,79,.035) !important;
}
body.page-entry .aho-number-stepper button {
    min-width:48px !important;
    width:48px !important;
    color:#305074 !important;
    background:rgba(248,251,255,.82) !important;
}
body.page-entry .aho-number-stepper button:last-child {
    color:var(--choice-accent) !important;
}

/* ----------------------------------------------------------------------
   Responsive — preserve readability before density
   ---------------------------------------------------------------------- */
@media (max-width:1450px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type {
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}
@media (max-width:1120px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single:not(.aho-choice-grid--field-contact_purpose),
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width:760px) {
    html body.page-entry .app-shell .aho-entry-layout--single .aho-form-section {
        padding:18px 15px 20px !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
        grid-template-columns:1fr !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .choice__label {
        white-space:normal !important;
    }
}

/* Accessibility: animation is optional, clarity is not. */
@media (prefers-reduced-motion:reduce) {
    html body.page-entry .app-shell .aho-entry-form label.choice,
    body.page-entry .aho-entry-form .choice__visual {
        transition:none !important;
        transform:none !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.73.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.73 — Final Entry Layout / Readability Rebuild
 * A clean namespace is used for choice-card internals to prevent legacy CSS
 * from squeezing or repositioning text/icons. This layer also releases the
 * entry workspace from the old centered max-width so the viewport is used.
 */

:root {
    --e73-ink:#10233b;
    --e73-muted:#61738c;
    --e73-accent:#0a9485;
    --e73-line:rgba(72,98,132,.17);
    --e73-surface:rgba(255,255,255,.96);
    --e73-soft:rgba(249,252,255,.95);
    --e73-shadow:0 10px 26px rgba(21,45,76,.055), inset 0 1px 0 rgba(255,255,255,.92);
    --e73-shadow-selected:0 16px 34px rgba(10,148,133,.105), inset 0 1px 0 rgba(255,255,255,.94);
}
:root[data-theme="dark"] {
    --e73-ink:#f0f6ff;
    --e73-muted:#a7b8cd;
    --e73-line:rgba(174,199,228,.14);
    --e73-surface:rgba(19,33,50,.97);
    --e73-soft:rgba(23,39,58,.96);
    --e73-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
    --e73-shadow-selected:0 18px 40px rgba(0,0,0,.27), 0 0 0 1px rgba(10,148,133,.12), inset 0 1px 0 rgba(255,255,255,.045);
}

/* ================================================================
   USE THE VIEWPORT — remove the old empty left/right gutters.
   ================================================================ */
html body.page-entry .content {
    width:100% !important;
    max-width:none !important;
    padding-left:12px !important;
    padding-right:12px !important;
}
html body.page-entry .page-header,
html body.page-entry .aho-entry-workspace,
html body.page-entry .aho-entry-canvas,
html body.page-entry .aho-entry-form,
html body.page-entry .aho-entry-layout,
html body.page-entry .aho-entry-stage {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
html body.page-entry .aho-entry-quicknav {
    width:100% !important;
    max-width:none !important;
}
html body.page-entry .aho-entry-layout--single .aho-form-section {
    width:100% !important;
    max-width:none !important;
    padding-left:20px !important;
    padding-right:20px !important;
}

/* ================================================================
   NEW CHOICE GRID — fixed readable minimums, never tiny text columns.
   ================================================================ */
html body.page-entry .aho-entry-form .aho-choice-grid {
    display:grid !important;
    width:100% !important;
    min-width:0 !important;
    gap:12px !important;
    align-items:stretch !important;
}
html body.page-entry .aho-entry-form .aho-choice-grid--field-contact_purpose {
    grid-template-columns:repeat(2,minmax(340px,1fr)) !important;
    gap:14px !important;
}
html body.page-entry .aho-entry-form .aho-choice-grid--field-contact_type {
    grid-template-columns:repeat(5,minmax(210px,1fr)) !important;
}
html body.page-entry .aho-entry-form .aho-choice-grid--single:not(.aho-choice-grid--field-contact_purpose):not(.aho-choice-grid--field-contact_type),
html body.page-entry .aho-entry-form .aho-choice-grid--multi {
    grid-template-columns:repeat(4,minmax(230px,1fr)) !important;
}

/* ================================================================
   NEW CARD NAMESPACE — legacy .choice__* rules cannot affect these.
   ================================================================ */
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice {
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    min-height:96px !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 22px !important;
    grid-template-rows:auto !important;
    align-items:start !important;
    gap:14px !important;
    margin:0 !important;
    padding:15px !important;
    overflow:hidden !important;
    border:1px solid var(--e73-line) !important;
    border-radius:18px !important;
    color:var(--e73-ink) !important;
    background:
        radial-gradient(circle at 10% 4%, rgba(255,255,255,.86), transparent 8rem),
        linear-gradient(145deg,rgba(255,255,255,.14),transparent 62%),
        var(--e73-soft) !important;
    box-shadow:var(--e73-shadow) !important;
    cursor:pointer !important;
    transform:none !important;
    isolation:isolate !important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease !important;
}
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice::before,
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice::after {
    content:none !important;
    display:none !important;
}
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice:hover {
    transform:translateY(-1px) !important;
    border-color:rgba(10,148,133,.30) !important;
    box-shadow:0 15px 30px rgba(21,45,76,.075),inset 0 1px 0 rgba(255,255,255,.92) !important;
}
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice.is-selected,
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice:has(input:checked) {
    border-color:rgba(10,148,133,.74) !important;
    background:
        radial-gradient(circle at 11% 3%,rgba(255,255,255,.92),transparent 8rem),
        linear-gradient(135deg,rgba(10,148,133,.105),rgba(39,204,177,.05)),
        var(--e73-surface) !important;
    box-shadow:var(--e73-shadow-selected) !important;
}

html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice > input {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    border:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    pointer-events:none !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__visual {
    position:static !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:54px !important;
    min-width:54px !important;
    height:54px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    align-self:start !important;
    border:1px solid rgba(10,148,133,.12) !important;
    border-radius:16px !important;
    color:var(--e73-accent) !important;
    background:
        radial-gradient(circle at 27% 20%,rgba(255,255,255,.94),transparent 47%),
        linear-gradient(145deg,rgba(39,204,177,.18),rgba(72,113,234,.08)) !important;
    box-shadow:0 8px 18px rgba(10,148,133,.065),inset 0 1px 0 rgba(255,255,255,.92) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho73-choice__icon,
html body.page-entry .app-shell .aho-entry-form .aho73-choice__icon svg {
    width:29px !important;
    min-width:29px !important;
    max-width:29px !important;
    height:29px !important;
    max-height:29px !important;
    display:block !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__content {
    position:static !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:2px 0 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
    overflow:visible !important;
    text-align:left !important;
}
html body.page-entry .app-shell .aho-entry-form .aho73-choice__label {
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--e73-ink) !important;
    font-size:.98rem !important;
    font-weight:820 !important;
    line-height:1.22 !important;
    letter-spacing:-.014em !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
    text-align:left !important;
}
html body.page-entry .app-shell .aho-entry-form .aho73-choice__description {
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:36ch !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--e73-muted) !important;
    font-size:.80rem !important;
    font-weight:540 !important;
    line-height:1.38 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
    text-align:left !important;
}
html body.page-entry .app-shell .aho-entry-form .aho73-choice__indicator {
    position:static !important;
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:start !important;
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    margin:1px 0 0 !important;
    display:grid !important;
    place-items:center !important;
    border:1.7px solid rgba(113,137,168,.48) !important;
    border-radius:7px !important;
    background:rgba(255,255,255,.80) !important;
    box-shadow:none !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input[type="radio"] ~ .aho73-choice__indicator {
    border-radius:999px !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input:checked ~ .aho73-choice__indicator {
    border-color:var(--e73-accent) !important;
    background:var(--e73-accent) !important;
    box-shadow:0 0 0 4px rgba(10,148,133,.10) !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input:checked ~ .aho73-choice__indicator::after {
    content:"✓" !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:950 !important;
    line-height:1 !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input[type="radio"]:checked ~ .aho73-choice__indicator::after {
    content:"" !important;
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#fff !important;
}

/* Documentation type — two generous horizontal cards. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose label.aho73-choice {
    min-height:112px !important;
    grid-template-columns:66px minmax(0,1fr) 22px !important;
    padding:18px !important;
    gap:16px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__visual {
    width:66px !important;
    min-width:66px !important;
    height:66px !important;
    border-radius:19px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__icon,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__icon svg {
    width:35px !important;
    min-width:35px !important;
    max-width:35px !important;
    height:35px !important;
    max-height:35px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__label {
    font-size:1.06rem !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__description {
    max-width:48ch !important;
    font-size:.85rem !important;
}

/* Contact type — the whole text block receives full card width below the icon. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type label.aho73-choice {
    min-height:150px !important;
    grid-template-columns:54px minmax(0,1fr) 22px !important;
    grid-template-rows:54px auto !important;
    padding:15px !important;
    gap:10px 12px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type .aho73-choice__visual {
    grid-column:1 !important;
    grid-row:1 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type .aho73-choice__indicator {
    grid-column:3 !important;
    grid-row:1 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type .aho73-choice__content {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    padding:0 !important;
    gap:5px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type .aho73-choice__label {
    font-size:.96rem !important;
    line-height:1.18 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type .aho73-choice__description {
    max-width:100% !important;
    font-size:.79rem !important;
    line-height:1.34 !important;
}

/* Multi-value taxonomies stay horizontal and compact. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi label.aho73-choice {
    min-height:82px !important;
    grid-template-columns:48px minmax(0,1fr) 20px !important;
    padding:13px !important;
    gap:12px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi .aho73-choice__visual {
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    border-radius:14px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi .aho73-choice__label {
    font-size:.90rem !important;
}

/* Existing binary controls remain compact and readable. */
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice {
    min-width:0 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid .choice__label {
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
}

/* LAB toolbar: keep below topbar and above content without overlap. */
.lab-toolbar {
    position:relative !important;
    top:auto !important;
    z-index:3 !important;
    margin-bottom:16px !important;
}
.lab-toolbar .lab-workspace-tabs { position:static !important; top:auto !important; }
.lab-kpis,.lab-insights,.lab-panels,.lab-panel,.lab-action-band { position:relative !important; z-index:1 !important; }

/* Responsive/zoom strategy: reduce columns before text becomes cramped. */
@media (max-width:1500px) {
    html body.page-entry .aho-entry-form .aho-choice-grid--field-contact_type {
        grid-template-columns:repeat(4,minmax(220px,1fr)) !important;
    }
}
@media (max-width:1180px) {
    html body.page-entry .aho-entry-form .aho-choice-grid--field-contact_purpose,
    html body.page-entry .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .aho-entry-form .aho-choice-grid--single,
    html body.page-entry .aho-entry-form .aho-choice-grid--multi {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width:760px) {
    html body.page-entry .content { padding-left:8px !important; padding-right:8px !important; }
    html body.page-entry .aho-entry-layout--single .aho-form-section { padding-left:14px !important; padding-right:14px !important; }
    html body.page-entry .aho-entry-form .aho-choice-grid--field-contact_purpose,
    html body.page-entry .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .aho-entry-form .aho-choice-grid--single,
    html body.page-entry .aho-entry-form .aho-choice-grid--multi {
        grid-template-columns:1fr !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type label.aho73-choice {
        min-height:92px !important;
        grid-template-columns:48px minmax(0,1fr) 20px !important;
        grid-template-rows:auto !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type .aho73-choice__content {
        grid-column:2 !important;
        grid-row:1 !important;
        padding-top:1px !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type .aho73-choice__indicator {
        grid-column:3 !important;
        grid-row:1 !important;
    }
}
@media (prefers-reduced-motion:reduce) {
    html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice { transition:none !important; transform:none !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.74.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.74 — Global Choice Matrix / Readability Completion
 * Finalizes the 1.0.73 card rebuild for ALL entry-form taxonomies.
 * Fixes legacy ID-specific grid rules in Person/Zielgruppe and event areas,
 * prevents narrow text columns, and keeps icon/text/radio alignment stable.
 */

:root {
    --e74-min-card: 248px;
    --e74-gap: 12px;
    --e74-compact-icon: 46px;
    --e74-ink: var(--e73-ink, #10233b);
    --e74-muted: var(--e73-muted, #61738c);
    --e74-accent: var(--e73-accent, #0a9485);
}

/* ======================================================================
   1. GLOBAL GRID RESET — override old #social-person / #event-target rules
   ====================================================================== */
html body.page-entry .app-shell .aho-entry-form .aho-fieldset--quick .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-fieldset--quick.aho-span-4 .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-span-4 .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #event-type .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(var(--e74-min-card), 1fr)) !important;
    gap:var(--e74-gap) !important;
    width:100% !important;
    min-width:0 !important;
    align-items:stretch !important;
    border-top:0 !important;
}

/* Purpose stays as two wide executive options. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
    grid-template-columns:repeat(2, minmax(360px, 1fr)) !important;
    gap:14px !important;
}

/* Contact channels: five balanced cards at large desktop widths. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type {
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:12px !important;
}

/* Person/Zielgruppe: explicit sane desktop densities. */
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-age_group,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-referral_source {
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-language_mediation,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-residence {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-genders,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-orientations {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-target_groups {
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}

/* Other operational forms. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-exchange_types,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-gender {
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-employee_ids,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-lab_topics,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_categories {
    grid-template-columns:repeat(auto-fit, minmax(270px,1fr)) !important;
}

/* ======================================================================
   2. LABEL-ONLY CARDS — simple values stay horizontal and readable
   ====================================================================== */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho74-choice--label-only {
    min-height:78px !important;
    grid-template-columns:var(--e74-compact-icon) minmax(0,1fr) 20px !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    gap:12px !important;
    padding:12px 13px !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho74-choice--label-only .aho73-choice__visual {
    grid-column:1 !important;
    grid-row:1 !important;
    width:var(--e74-compact-icon) !important;
    min-width:var(--e74-compact-icon) !important;
    height:var(--e74-compact-icon) !important;
    border-radius:14px !important;
    align-self:center !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho74-choice--label-only .aho73-choice__icon,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho74-choice--label-only .aho73-choice__icon svg {
    width:25px !important;
    min-width:25px !important;
    max-width:25px !important;
    height:25px !important;
    max-height:25px !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho74-choice--label-only .aho73-choice__content {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding:0 !important;
    overflow:visible !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho74-choice--label-only .aho73-choice__label {
    width:100% !important;
    max-width:none !important;
    color:var(--e74-ink) !important;
    font-size:.91rem !important;
    font-weight:790 !important;
    line-height:1.24 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    text-wrap:pretty !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho74-choice--label-only .aho73-choice__indicator {
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:start !important;
    justify-self:end !important;
}

/* Described cards also get hard text-safety rules. */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho74-choice--described .aho73-choice__content,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__content {
    min-width:0 !important;
    max-width:none !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__label,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__description {
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    text-wrap:pretty !important;
}

/* ======================================================================
   3. LONG TAXONOMY LABELS — allow two/three lines, never letter stacks
   ====================================================================== */
html body.page-entry .app-shell .aho-entry-form #social-person label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form #event-target label.aho73-choice {
    min-width:0 !important;
}
html body.page-entry .app-shell .aho-entry-form #social-person label.aho73-choice .aho73-choice__label,
html body.page-entry .app-shell .aho-entry-form #event-target label.aho73-choice .aho73-choice__label {
    max-width:100% !important;
    white-space:normal !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
}

/* ======================================================================
   4. RESPONSIVE / ZOOM DENSITY — reduce columns before text gets cramped
   ====================================================================== */
@media (max-width:1550px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-referral_source {
        grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    }
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-target_groups,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-exchange_types,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-gender {
        grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    }
}

@media (max-width:1250px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
        grid-template-columns:1fr 1fr !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-referral_source,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-target_groups,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-exchange_types,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-gender {
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    }
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-language_mediation,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-residence,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-genders,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid--field-orientations {
        grid-template-columns:1fr !important;
    }
}

@media (max-width:820px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-fieldset--quick .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form #event-type .aho-choice-grid {
        grid-template-columns:1fr !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
        grid-template-columns:1fr !important;
    }
}

/* ======================================================================
   5. FULL WIDTH FORM CANVAS — keep useful width without giant gutters
   ====================================================================== */
html body.page-entry .content {
    padding-left:10px !important;
    padding-right:10px !important;
}
html body.page-entry .aho-entry-workspace,
html body.page-entry .aho-entry-canvas,
html body.page-entry .aho-entry-form,
html body.page-entry .aho-entry-layout,
html body.page-entry .aho-entry-stage,
html body.page-entry .aho-entry-quicknav {
    max-width:none !important;
    width:100% !important;
}

@media (prefers-reduced-motion:reduce) {
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice { transition:none !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.75.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.75 — Compact Accessible Calibration
 * Global density, color calibration and readability pass.
 * Goal: slimmer/cleaner UI without sacrificing legibility for older users.
 */

:root {
    color-scheme: light;
    --e75-bg:#f4f7fa;
    --e75-surface:#ffffff;
    --e75-surface-soft:#f8fafc;
    --e75-surface-tint:#eef8f6;
    --e75-ink:#10243d;
    --e75-ink-strong:#081a2f;
    --e75-muted:#4d617a;
    --e75-muted-soft:#667a91;
    --e75-border:#cbd6e2;
    --e75-border-soft:#dce4ec;
    --e75-accent:#00796e;
    --e75-accent-strong:#00685f;
    --e75-accent-soft:#e6f6f3;
    --e75-focus:#075fc8;
    --e75-danger:#a22b36;
    --e75-warning:#8a5a00;
    --e75-success:#0b6e56;
    --e75-shadow:0 8px 22px rgba(20,45,72,.055);
    --e75-shadow-hover:0 12px 28px rgba(20,45,72,.085);
    --e75-radius:14px;
    --e75-radius-sm:10px;
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --e75-bg:#0b1420;
    --e75-surface:#132132;
    --e75-surface-soft:#17273a;
    --e75-surface-tint:#102d2b;
    --e75-ink:#f3f7fb;
    --e75-ink-strong:#ffffff;
    --e75-muted:#c0ccda;
    --e75-muted-soft:#a8b8ca;
    --e75-border:#40536a;
    --e75-border-soft:#31465d;
    --e75-accent:#6ce0ce;
    --e75-accent-strong:#86eadb;
    --e75-accent-soft:#143b38;
    --e75-focus:#79b3ff;
    --e75-danger:#ff9ca6;
    --e75-warning:#ffd081;
    --e75-success:#7ae0b8;
    --e75-shadow:0 10px 24px rgba(0,0,0,.22);
    --e75-shadow-hover:0 16px 32px rgba(0,0,0,.30);
}

html { font-size:16px; }
html body {
    background:var(--e75-bg) !important;
    color:var(--e75-ink) !important;
    line-height:1.44 !important;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

/* Stronger global text calibration */
html body :where(p,li,dd,dt,td,th,label,small,span) { text-shadow:none; }
html body :where(p,li,dd,td,.muted,.help-text,.form-help,.field-hint,.card__subtitle) {
    color:var(--e75-muted) !important;
}
html body :where(h1,h2,h3,h4,h5,h6,.card__title,.topbar__title strong) {
    color:var(--e75-ink-strong) !important;
    letter-spacing:-.018em;
}

/* Main canvas: compact but breathable */
html body .content {
    padding:10px 12px 14px !important;
    background:var(--e75-bg) !important;
}
html body .main-content,
html body main { color:var(--e75-ink); }

/* Topbar slimmer, controls still comfortably clickable */
html body .topbar {
    min-height:58px !important;
    padding:8px 14px !important;
    border-color:var(--e75-border-soft) !important;
    background:color-mix(in srgb,var(--e75-surface) 96%,transparent) !important;
    box-shadow:0 2px 10px rgba(20,45,72,.035) !important;
}
html body .topbar-search {
    min-height:40px !important;
    border-radius:11px !important;
    border-color:var(--e75-border) !important;
    background:var(--e75-surface-soft) !important;
    color:var(--e75-ink) !important;
}
html body :is(.icon-button,.aho-theme-switcher button,.profile-button,.topbar-profile-button) {
    min-height:40px !important;
    border-color:var(--e75-border) !important;
}

/* Sidebar: slim without losing accessibility */
html body .sidebar {
    border-color:var(--e75-border-soft) !important;
    background:var(--e75-surface) !important;
}
html body .sidebar__brand { padding-block:8px !important; }
html body .sidebar__navigation { gap:2px !important; padding:6px 5px 8px !important; }
html body .nav-item {
    min-height:40px !important;
    border-radius:10px !important;
}
html body .nav-item__label { font-size:.88rem !important; }

/* Global cards / panels: less bulky, stronger edges */
html body .app-shell :is(
    .card,.aho-card,.aho-intel-card,.aho-admin-card,.aho-form-section,.aho-settings-group,
    .intel-panel,.lab-panel,.smart-search-result,.aho-import-panel,.aho-quality-panel
) {
    border-color:var(--e75-border-soft) !important;
    border-radius:var(--e75-radius) !important;
    background:var(--e75-surface) !important;
    box-shadow:var(--e75-shadow) !important;
}
html body .card__header { padding:12px 14px !important; }
html body .card__body { padding:14px !important; }
html body .card__footer { padding:10px 14px !important; }

/* Compact section rhythm */
html body :where(.aho-section,.iw-section,.lab-section,.intel-section,.aho-settings-section) {
    margin-block:10px !important;
}
html body :where(.aho-section-head,.iw-section-head,.card__header) { gap:10px !important; }

/* Form controls: compact, large readable text */
html body .app-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    min-height:42px !important;
    padding:8px 11px !important;
    border:1px solid var(--e75-border) !important;
    border-radius:10px !important;
    background:var(--e75-surface) !important;
    color:var(--e75-ink-strong) !important;
    font-size:.94rem !important;
    line-height:1.3 !important;
    box-shadow:none !important;
}
html body .app-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea)::placeholder {
    color:var(--e75-muted-soft) !important;
    opacity:1 !important;
}
html body .app-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
    border-color:var(--e75-focus) !important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--e75-focus) 18%,transparent) !important;
    outline:none !important;
}

/* Buttons: shorter but never tiny */
html body .button,
html body button.button,
html body .app-shell :is([class*="button-primary"],[class*="save-button"]) {
    min-height:40px !important;
    padding:7px 12px !important;
    border-radius:10px !important;
    font-size:.88rem !important;
    font-weight:760 !important;
    border-color:var(--e75-border) !important;
}
html body .button--primary,
html body button.button--primary,
html body .app-shell :is([class*="button-primary"],[class*="save-button"]) {
    background:var(--e75-accent-strong) !important;
    border-color:var(--e75-accent-strong) !important;
    color:#fff !important;
}
html body .button:hover { box-shadow:var(--e75-shadow-hover) !important; }

/* Focus visibility for users of any age / keyboard */
html body :where(a,button,input,select,textarea,[tabindex]):focus-visible {
    outline:3px solid color-mix(in srgb,var(--e75-focus) 70%,white) !important;
    outline-offset:2px !important;
}

/* Entry pages: thinner section headers and denser vertical rhythm */
html body.page-entry .aho-entry-form .aho-form-section {
    margin:0 0 10px !important;
    border-radius:12px !important;
}
html body.page-entry .aho-form-section__header {
    min-height:54px !important;
    padding:9px 12px !important;
}
html body.page-entry .aho-form-section__header h2,
html body.page-entry .aho-form-section__header h3 {
    font-size:1.12rem !important;
}
html body.page-entry .aho-entry-form :where(.aho-fieldset,.field-group,.form-group) {
    margin-block:8px !important;
}
html body.page-entry .aho-entry-form :where(.aho-form-grid,.aho-entry-grid,.form-grid) {
    gap:10px 12px !important;
}

/* Choice cards from 1.0.73/74: visually slimmer, keep labels readable */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice {
    min-height:74px !important;
    padding:10px 11px !important;
    border-radius:12px !important;
    border-color:var(--e75-border) !important;
    background:var(--e75-surface) !important;
    box-shadow:0 3px 10px rgba(20,45,72,.035) !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover {
    border-color:color-mix(in srgb,var(--e75-accent) 42%,var(--e75-border)) !important;
    box-shadow:0 8px 18px rgba(20,45,72,.065) !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked),
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.is-selected {
    border-color:var(--e75-accent) !important;
    background:var(--e75-accent-soft) !important;
    box-shadow:0 7px 18px rgba(0,121,110,.085) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho73-choice__visual {
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    border-radius:11px !important;
    color:var(--e75-accent) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho73-choice__label {
    color:var(--e75-ink-strong) !important;
    font-size:.91rem !important;
    font-weight:800 !important;
    line-height:1.22 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho73-choice__description {
    color:var(--e75-muted) !important;
    font-size:.79rem !important;
    line-height:1.30 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho73-choice__indicator {
    width:19px !important;
    height:19px !important;
    border-color:#8ea2b8 !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input:checked ~ .aho73-choice__indicator {
    border-color:var(--e75-accent) !important;
    background:var(--e75-accent) !important;
}

/* Quick navigation / tabs: slim and high contrast */
html body.page-entry .aho-entry-quicknav,
html body .iw-modes,
html body .lab-workspace-tabs {
    gap:4px !important;
    padding:5px !important;
    border-radius:12px !important;
    border-color:var(--e75-border-soft) !important;
    background:var(--e75-surface) !important;
}
html body.page-entry .aho-entry-quicknav a,
html body .iw-modes a,
html body .lab-workspace-tabs a {
    min-height:34px !important;
    padding:0 10px !important;
    border-radius:9px !important;
    font-size:.80rem !important;
    color:var(--e75-muted) !important;
}
html body.page-entry .aho-entry-quicknav a.is-active,
html body .iw-modes a.is-active,
html body .lab-workspace-tabs a.is-active {
    color:var(--e75-accent-strong) !important;
    background:var(--e75-accent-soft) !important;
}

/* KPIs / analytics: reduced empty volume, more contrast */
html body :where(.lab-kpi,.iw-metric,.intel-kpi,.aho-kpi,.metric-card,.team-metric,.aho-quality-kpi) {
    min-height:84px !important;
    padding:12px 14px !important;
    border-color:var(--e75-border-soft) !important;
    border-radius:13px !important;
    background:var(--e75-surface) !important;
    box-shadow:var(--e75-shadow) !important;
}
html body :where(.lab-kpi,.iw-metric,.intel-kpi,.aho-kpi,.metric-card,.team-metric,.aho-quality-kpi) strong {
    color:var(--e75-ink-strong) !important;
}

/* Tables: compact, readable, strong row separation */
html body .table,
html body table { color:var(--e75-ink) !important; }
html body .table th,
html body table th {
    padding:9px 10px !important;
    color:var(--e75-ink-strong) !important;
    background:var(--e75-surface-soft) !important;
    border-color:var(--e75-border-soft) !important;
    font-size:.82rem !important;
    font-weight:800 !important;
}
html body .table td,
html body table td {
    padding:9px 10px !important;
    border-color:var(--e75-border-soft) !important;
    font-size:.90rem !important;
}
html body tbody tr:hover { background:color-mix(in srgb,var(--e75-accent-soft) 58%,transparent) !important; }

/* Alerts / status semantics with readable contrast */
html body .alert--success { color:#0b5f4b !important; background:#e8f7f1 !important; border-color:#9ed8c4 !important; }
html body .alert--danger { color:#8e2731 !important; background:#fff0f1 !important; border-color:#e7aeb4 !important; }
html body .badge { min-height:24px !important; height:auto !important; color:var(--e75-ink) !important; background:var(--e75-surface-soft) !important; border:1px solid var(--e75-border-soft); }
:root[data-theme="dark"] html body .alert--success { color:#a9f0d5 !important; background:#12352d !important; border-color:#2f705e !important; }
:root[data-theme="dark"] html body .alert--danger { color:#ffc0c6 !important; background:#3c2026 !important; border-color:#79424a !important; }

/* Sticky bottom bars: thinner but still usable */
html body.page-entry :where(.aho-entry-actions,.aho-entry-footer,.aho-entry-savebar,.entry-action-bar) {
    min-height:50px !important;
    padding:6px 10px !important;
    border-color:var(--e75-border-soft) !important;
    background:color-mix(in srgb,var(--e75-surface) 97%,transparent) !important;
}

/* Do not use low-contrast tiny labels anywhere */
html body :where(.eyebrow,.aho-eyebrow,.iw-kicker,.tech-label,.iw-tech-label) {
    color:var(--e75-accent-strong) !important;
    font-weight:800 !important;
    letter-spacing:.06em !important;
}

/* Responsive density */
@media (max-width:1100px) {
    html body .content { padding-inline:8px !important; }
    html body .card__body { padding:12px !important; }
}
@media (max-width:760px) {
    html body { font-size:16px !important; }
    html body .content { padding:6px !important; }
    html body .topbar { min-height:54px !important; padding:6px 8px !important; }
    html body .button,
    html body button.button { min-height:42px !important; }
}

@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after {
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.76.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.76 — Compact Choice System / Entry Identity Calibration
 * -------------------------------------------------------------------
 * Goals:
 * - all operational selection tiles become compact horizontal controls
 * - icon + label stay on one visual axis; secondary descriptions are removed
 * - no nested-scroll trap in long taxonomy sections
 * - each entry module gets a clearly distinguishable, accessible accent palette
 * - high contrast remains readable across age groups and common display conditions
 */

/* ======================================================================
   1. ENTRY-PAGE IDENTITY — distinct but calm, high-contrast module colors
   ====================================================================== */
body.page-entry--social-work {
    --entry-accent:#007a70;
    --entry-accent-rgb:0,122,112;
    --entry-accent-strong:#00675f;
    --entry-accent-soft:#e6f6f3;
    --entry-accent-wash:#f2fbf9;
    --e75-accent:#007a70;
    --e75-accent-strong:#00675f;
    --e75-accent-soft:#e6f6f3;
}
body.page-entry--events {
    --entry-accent:#5a4bc7;
    --entry-accent-rgb:90,75,199;
    --entry-accent-strong:#493aa9;
    --entry-accent-soft:#efedff;
    --entry-accent-wash:#f7f6ff;
    --e75-accent:#5a4bc7;
    --e75-accent-strong:#493aa9;
    --e75-accent-soft:#efedff;
}
body.page-entry--needle-exchange {
    --entry-accent:#1c62b5;
    --entry-accent-rgb:28,98,181;
    --entry-accent-strong:#155197;
    --entry-accent-soft:#e9f3ff;
    --entry-accent-wash:#f4f8ff;
    --e75-accent:#1c62b5;
    --e75-accent-strong:#155197;
    --e75-accent-soft:#e9f3ff;
}
body.page-entry--inventory {
    --entry-accent:#995700;
    --entry-accent-rgb:153,87,0;
    --entry-accent-strong:#7f4800;
    --entry-accent-soft:#fff2df;
    --entry-accent-wash:#fff9f0;
    --e75-accent:#995700;
    --e75-accent-strong:#7f4800;
    --e75-accent-soft:#fff2df;
}

:root[data-theme="dark"] body.page-entry--social-work {
    --entry-accent:#66dfd0; --entry-accent-strong:#8beadf; --entry-accent-soft:#123c38; --entry-accent-wash:#102a29;
    --e75-accent:#66dfd0; --e75-accent-strong:#8beadf; --e75-accent-soft:#123c38;
}
:root[data-theme="dark"] body.page-entry--events {
    --entry-accent:#b7adff; --entry-accent-strong:#c9c2ff; --entry-accent-soft:#2a2750; --entry-accent-wash:#211f3d;
    --e75-accent:#b7adff; --e75-accent-strong:#c9c2ff; --e75-accent-soft:#2a2750;
}
:root[data-theme="dark"] body.page-entry--needle-exchange {
    --entry-accent:#83bbff; --entry-accent-strong:#a5ceff; --entry-accent-soft:#173553; --entry-accent-wash:#132b43;
    --e75-accent:#83bbff; --e75-accent-strong:#a5ceff; --e75-accent-soft:#173553;
}
:root[data-theme="dark"] body.page-entry--inventory {
    --entry-accent:#ffc271; --entry-accent-strong:#ffd397; --entry-accent-soft:#493216; --entry-accent-wash:#382713;
    --e75-accent:#ffc271; --e75-accent-strong:#ffd397; --e75-accent-soft:#493216;
}

/* Page identity is visible in quick-nav, section headers and active controls. */
html body.page-entry .aho-entry-quicknav {
    border-top:3px solid color-mix(in srgb,var(--entry-accent) 82%,transparent) !important;
    background:color-mix(in srgb,var(--entry-accent-wash) 74%,var(--e75-surface) 26%) !important;
}
html body.page-entry .aho-entry-quicknav a.is-active {
    color:var(--entry-accent-strong) !important;
    background:var(--entry-accent-soft) !important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--entry-accent) 26%,transparent) !important;
}
html body.page-entry .aho-form-section__header {
    border-left:4px solid var(--entry-accent) !important;
    background:linear-gradient(90deg,var(--entry-accent-wash),color-mix(in srgb,var(--e75-surface) 96%,transparent) 42%) !important;
}
html body.page-entry .aho-section-number,
html body.page-entry .aho-section-number__icon {
    color:var(--entry-accent) !important;
}

/* ======================================================================
   2. NO INNER SCROLL TRAPS — long forms scroll naturally with the page
   ====================================================================== */
html body.page-entry .aho-entry-form .aho-choice-grid--scroll,
html body.page-entry .aho-entry-form [data-choice-list] {
    max-height:none !important;
    overflow:visible !important;
    overscroll-behavior:auto !important;
    scrollbar-width:auto !important;
    padding-right:0 !important;
}
html body.page-entry #social-topics,
html body.page-entry #social-topics .aho-topic-groups,
html body.page-entry #social-topics .aho-topic-group {
    max-height:none !important;
    overflow:visible !important;
    overscroll-behavior:auto !important;
}

/* ======================================================================
   3. GLOBAL COMPACT CHOICE MATRIX — icon + label + indicator
   ====================================================================== */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #social-topics .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #event-type .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid {
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    align-items:stretch !important;
    border-top:0 !important;
}

/* Two semantic purpose options remain wide, but much slimmer vertically. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
    grid-template-columns:repeat(2,minmax(300px,1fr)) !important;
    gap:10px !important;
}

/* Contact channels: compact five-column matrix on wide screens. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:8px !important;
}

/* Dense taxonomy groups benefit from a little more minimum width for long labels. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types {
    grid-template-columns:repeat(auto-fit,minmax(225px,1fr)) !important;
}

/* The actual control: horizontal, low-height, no secondary copy. */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice {
    position:relative !important;
    min-width:0 !important;
    min-height:58px !important;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) 18px !important;
    grid-template-rows:1fr !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
    padding:9px 10px !important;
    border:1px solid var(--e75-border) !important;
    border-radius:11px !important;
    background:var(--e75-surface) !important;
    box-shadow:0 2px 7px rgba(20,45,72,.028) !important;
    overflow:hidden !important;
    isolation:isolate !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover {
    border-color:color-mix(in srgb,var(--entry-accent) 45%,var(--e75-border)) !important;
    background:color-mix(in srgb,var(--entry-accent-wash) 44%,var(--e75-surface) 56%) !important;
    box-shadow:0 5px 12px rgba(20,45,72,.045) !important;
    transform:none !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked),
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.is-selected {
    border-color:var(--entry-accent) !important;
    background:var(--entry-accent-soft) !important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--entry-accent) 12%,transparent) !important;
}

/* Icon is a compact square LEFT of the text, not above it. */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__visual {
    grid-column:1 !important;
    grid-row:1 !important;
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    align-self:center !important;
    justify-self:start !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid color-mix(in srgb,var(--entry-accent) 17%,transparent) !important;
    border-radius:10px !important;
    color:var(--entry-accent) !important;
    background:color-mix(in srgb,var(--entry-accent-soft) 72%,var(--e75-surface) 28%) !important;
    box-shadow:none !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__icon,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__icon svg {
    width:22px !important;
    min-width:22px !important;
    max-width:22px !important;
    height:22px !important;
    max-height:22px !important;
    margin:0 !important;
}

/* Text sits immediately beside the icon. */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__content {
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__label {
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--e75-ink-strong) !important;
    font-size:.88rem !important;
    font-weight:790 !important;
    line-height:1.20 !important;
    letter-spacing:-.008em !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:auto !important;
    text-wrap:pretty !important;
}

/* Explicit user requirement: no small explanatory copy inside selection cards. */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__description,
html body.page-entry .app-shell .aho-entry-form label.choice .choice__description {
    display:none !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__indicator {
    grid-column:3 !important;
    grid-row:1 !important;
    position:static !important;
    align-self:center !important;
    justify-self:end !important;
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    margin:0 !important;
    border:1.5px solid #8298b0 !important;
    background:var(--e75-surface) !important;
    box-shadow:none !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input:checked ~ .aho73-choice__indicator {
    border-color:var(--entry-accent) !important;
    background:var(--entry-accent) !important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--entry-accent) 12%,transparent) !important;
}

/* The purpose cards use the same horizontal language — only slightly larger. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose label.aho73-choice {
    min-height:64px !important;
    grid-template-columns:42px minmax(0,1fr) 18px !important;
    padding:10px 12px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__visual {
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__label {
    font-size:.94rem !important;
}

/* ======================================================================
   4. COMPACT VERTICAL RHYTHM — more content on screen, still readable
   ====================================================================== */
html body.page-entry .aho-entry-form .aho-form-section {
    margin-bottom:8px !important;
    padding:14px 16px 16px !important;
}
html body.page-entry .aho-form-section__header {
    min-height:48px !important;
    padding:7px 10px !important;
    margin-bottom:8px !important;
    border-bottom:1px solid var(--e75-border-soft) !important;
}
html body.page-entry .aho-form-section__header h2,
html body.page-entry .aho-form-section__header h3 {
    font-size:1.06rem !important;
    line-height:1.2 !important;
}
html body.page-entry .aho-section-number {
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    border-radius:10px !important;
}
html body.page-entry .aho-section-number svg,
html body.page-entry .aho-section-number__icon,
html body.page-entry .aho-section-number__icon svg {
    width:21px !important;
    height:21px !important;
}
html body.page-entry .aho-entry-form fieldset.aho-fieldset {
    margin-block:6px !important;
    padding:0 !important;
}
html body.page-entry .aho-entry-form fieldset.aho-fieldset > legend {
    margin-bottom:7px !important;
    color:var(--e75-ink-strong) !important;
    font-size:.88rem !important;
    font-weight:800 !important;
}
html body.page-entry .aho-topic-groups {
    gap:10px !important;
}

/* ======================================================================
   5. RESPONSIVE / ZOOM SAFETY — reduce columns before labels get cramped
   ====================================================================== */
@media (max-width:1500px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type {
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
}
@media (max-width:1180px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}
@media (max-width:900px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width:620px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
        grid-template-columns:1fr !important;
    }
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice {
        min-height:54px !important;
    }
}

/* Motion must never reduce usability. */
@media (prefers-reduced-motion:reduce) {
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice { transition:none !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.77.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.77 — Structured Entry Rhythm / Readability Pass
 * ------------------------------------------------------------
 * Goal: make operational forms easier to scan and understand.
 * - fewer columns per choice group
 * - more breathing room between semantic groups
 * - larger, calmer controls without becoming oversized
 * - clearer section hierarchy and field grouping
 * - no nested scrolling in long taxonomy sections
 */

:root {
    --e77-gap-xs:8px;
    --e77-gap-sm:12px;
    --e77-gap-md:16px;
    --e77-gap-lg:22px;
    --e77-panel-radius:16px;
    --e77-group-border:color-mix(in srgb,var(--e75-border) 82%,transparent);
    --e77-group-bg:color-mix(in srgb,var(--e75-surface) 95%,var(--entry-accent-wash) 5%);
    --e77-group-bg-strong:color-mix(in srgb,var(--e75-surface) 90%,var(--entry-accent-wash) 10%);
}

/* ======================================================================
   1. MORE BREATHING ROOM BETWEEN SECTIONS AND FIELD GROUPS
   ====================================================================== */
html body.page-entry .aho-entry-form .aho-form-section {
    margin-bottom:16px !important;
    padding:18px 20px 22px !important;
    border-radius:18px !important;
}
html body.page-entry .aho-form-section__header {
    min-height:58px !important;
    padding:10px 12px !important;
    margin-bottom:16px !important;
}
html body.page-entry .aho-form-section__header h2,
html body.page-entry .aho-form-section__header h3 {
    font-size:1.14rem !important;
    line-height:1.25 !important;
    letter-spacing:-.01em !important;
}
html body.page-entry .aho-section-number {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
}
html body.page-entry .aho-entry-grid {
    column-gap:18px !important;
    row-gap:18px !important;
}
html body.page-entry .aho-entry-form fieldset.aho-fieldset {
    margin-block:0 !important;
    padding:14px 14px 16px !important;
    border:1px solid var(--e77-group-border) !important;
    border-radius:var(--e77-panel-radius) !important;
    background:var(--e77-group-bg) !important;
}
html body.page-entry .aho-entry-form fieldset.aho-fieldset > legend {
    width:auto !important;
    margin:0 0 11px 0 !important;
    padding:0 3px !important;
    color:var(--e75-ink-strong) !important;
    font-size:.92rem !important;
    font-weight:820 !important;
    line-height:1.25 !important;
}

/* Quick fieldsets should still look grouped, but not heavy. */
html body.page-entry .aho-entry-form fieldset.aho-fieldset--quick {
    background:color-mix(in srgb,var(--e75-surface) 97%,var(--entry-accent-wash) 3%) !important;
}

/* ======================================================================
   2. CALMER CHOICE CARDS — not cramped, not oversized
   ====================================================================== */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
    gap:12px !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice {
    min-height:68px !important;
    grid-template-columns:42px minmax(0,1fr) 20px !important;
    gap:12px !important;
    padding:11px 12px !important;
    border-radius:13px !important;
    box-shadow:0 2px 8px rgba(20,45,72,.035) !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__visual {
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    border-radius:11px !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__label {
    font-size:.91rem !important;
    line-height:1.28 !important;
    font-weight:790 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    text-wrap:pretty !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__indicator {
    width:19px !important;
    min-width:19px !important;
    height:19px !important;
}

/* Main contact purpose remains prominent. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose label.aho73-choice {
    min-height:76px !important;
    grid-template-columns:48px minmax(0,1fr) 20px !important;
    padding:13px 14px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__visual {
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose .aho73-choice__label {
    font-size:.98rem !important;
}

/* ======================================================================
   3. FIELD-SPECIFIC COLUMN COUNTS — prioritize comprehension over density
   ====================================================================== */
/* General choices: max 4 columns on large screens. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Contact channels: four across = much easier to scan. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Two semantic purpose choices stay two-up. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* Age: 5 across at most, so labels retain whitespace. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}

/* Half-width panels such as language / residence are easier as two columns. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-residence {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* Referral sources and target groups: balanced four-column matrix. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Gender and orientation live in half-width areas: two columns each. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-genders,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-orientations {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* Topics are intentionally less dense: four columns. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-lab_topics,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Employee selections and other generic multi lists use three columns when roomy. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-employee_ids {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* ======================================================================
   4. SOCIAL PERSON + TOPICS: clearer internal grouping
   ====================================================================== */
html body.page-entry #social-person .aho-entry-grid,
html body.page-entry #social-topics .aho-topic-groups {
    gap:18px !important;
}

html body.page-entry #social-topics .aho-topic-groups {
    display:grid !important;
    grid-template-columns:1fr !important;
}
html body.page-entry #social-topics .aho-topic-group {
    padding:16px 16px 18px !important;
    border:1px solid var(--e77-group-border) !important;
    border-radius:16px !important;
    background:var(--e77-group-bg-strong) !important;
}
html body.page-entry #social-topics .aho-topic-group > legend {
    margin-bottom:12px !important;
    font-size:.94rem !important;
}

/* Add breathing room after dense groups so the next category reads as a new block. */
html body.page-entry #social-person fieldset + fieldset,
html body.page-entry #social-topics .aho-topic-group + .aho-topic-group {
    margin-top:0 !important;
}

/* ======================================================================
   5. LABELS / DIVIDERS — stronger scan path
   ====================================================================== */
html body.page-entry .aho-entry-form .aho-fieldset,
html body.page-entry .aho-topic-group {
    position:relative !important;
}
html body.page-entry .aho-entry-form .aho-fieldset::after,
html body.page-entry .aho-topic-group::after {
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    top:43px;
    height:1px;
    background:color-mix(in srgb,var(--e75-border) 58%,transparent);
    pointer-events:none;
}
html body.page-entry .aho-entry-form .aho-fieldset .aho-choice-grid,
html body.page-entry .aho-topic-group .aho-choice-grid {
    margin-top:4px !important;
}

/* Binary/toggle areas should not look lost between larger sections. */
html body.page-entry .aho-toggle-card,
html body.page-entry .aho-binary-grid {
    margin-block:12px 16px !important;
}

/* ======================================================================
   6. RESPONSIVE / ZOOM SAFETY
   ====================================================================== */
@media (max-width:1500px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-lab_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group {
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
}

@media (max-width:1180px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-lab_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-employee_ids {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:820px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-residence,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-genders,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-orientations {
        grid-template-columns:1fr !important;
    }
    html body.page-entry .aho-entry-form .aho-form-section {
        padding:14px 12px 16px !important;
    }
    html body.page-entry .aho-entry-form fieldset.aho-fieldset {
        padding:12px !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice {
        transition:none !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.78.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.78 — Entry Identity / Navigation Visibility / Group Rhythm
 * ---------------------------------------------------------------------
 * Ziele:
 * - störende horizontale Akzentlinie oberhalb/unterhalb der Entry-Quicknav entfernen
 * - etwas mehr Abstand zwischen fachlichen Gruppen
 * - einheitliche, ruhige Darstellung der Entry-Navigation wie in der Referenz
 * - jede Erfassungsseite erhält eine klar erkennbare, barrierearme Modul-Farbidentität
 * - horizontale Entry-Navigation und aktive Zustände übernehmen dieselbe Modulfarbe
 * - Sidebar bleibt auch bei 90/100 % Zoom auf typischen Desktop-Höhen vollständig erreichbar
 */

/* ======================================================================
   1. MODULE PALETTES — recognizable, calibrated, high contrast
   ====================================================================== */
body.page-entry--social-work {
    --entry-page-bg:#eff9f7;
    --entry-page-bg-2:#f8fcfb;
    --entry-nav-bg:#f1faf8;
    --entry-nav-border:#bfded8;
}
body.page-entry--events {
    --entry-page-bg:#f4f2ff;
    --entry-page-bg-2:#fbfaff;
    --entry-nav-bg:#f5f3ff;
    --entry-nav-border:#d5cff6;
}
body.page-entry--needle-exchange {
    --entry-page-bg:#eef5fd;
    --entry-page-bg-2:#f8fbff;
    --entry-nav-bg:#f1f7ff;
    --entry-nav-border:#c7d9ee;
}
body.page-entry--inventory {
    --entry-page-bg:#fff6e9;
    --entry-page-bg-2:#fffbf5;
    --entry-nav-bg:#fff7eb;
    --entry-nav-border:#ead0a9;
}

:root[data-theme="dark"] body.page-entry--social-work {
    --entry-page-bg:#0f2522; --entry-page-bg-2:#101c1b; --entry-nav-bg:#132b28; --entry-nav-border:#28514c;
}
:root[data-theme="dark"] body.page-entry--events {
    --entry-page-bg:#211f35; --entry-page-bg-2:#181727; --entry-nav-bg:#25223d; --entry-nav-border:#45406f;
}
:root[data-theme="dark"] body.page-entry--needle-exchange {
    --entry-page-bg:#13263a; --entry-page-bg-2:#101c29; --entry-nav-bg:#152c43; --entry-nav-border:#31516f;
}
:root[data-theme="dark"] body.page-entry--inventory {
    --entry-page-bg:#322416; --entry-page-bg-2:#231b13; --entry-nav-bg:#39291a; --entry-nav-border:#674a27;
}

/* Module identity is visible on the full entry canvas, not only on a tiny accent. */
html body.page-entry .content {
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb,var(--entry-accent) 8%,transparent), transparent 28rem),
        linear-gradient(180deg,var(--entry-page-bg) 0,var(--entry-page-bg-2) 38rem,var(--entry-page-bg-2) 100%) !important;
}

html body.page-entry .aho-entry-workspace,
html body.page-entry .aho-entry-canvas,
html body.page-entry .aho-entry-layout {
    background:transparent !important;
}

/* ======================================================================
   2. ENTRY QUICKNAV — reference-style, no stray line
   ====================================================================== */
html body.page-entry .aho-entry-quicknav {
    position:sticky !important;
    top:62px !important;
    z-index:24 !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:5px 8px !important;
    margin:0 0 14px !important;
    border:0 !important;
    border-radius:12px !important;
    background:color-mix(in srgb,var(--entry-nav-bg) 92%,transparent) !important;
    box-shadow:0 8px 24px rgba(22,43,67,.055), inset 0 0 0 1px var(--entry-nav-border) !important;
    backdrop-filter:blur(14px) saturate(120%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(120%) !important;
}
html body.page-entry .aho-entry-quicknav::before,
html body.page-entry .aho-entry-quicknav::after {
    content:none !important;
    display:none !important;
}

html body.page-entry .aho-entry-quicknav a {
    min-height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 10px !important;
    border:1px solid transparent !important;
    border-radius:9px !important;
    color:color-mix(in srgb,var(--entry-accent-strong) 72%,#42536a) !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:.81rem !important;
    font-weight:730 !important;
    line-height:1 !important;
    text-decoration:none !important;
}
html body.page-entry .aho-entry-quicknav a :is(svg,.icon) {
    color:var(--entry-accent) !important;
    stroke:currentColor !important;
}
html body.page-entry .aho-entry-quicknav a:hover {
    color:var(--entry-accent-strong) !important;
    border-color:color-mix(in srgb,var(--entry-accent) 18%,transparent) !important;
    background:color-mix(in srgb,var(--entry-accent-soft) 48%,transparent) !important;
}
html body.page-entry .aho-entry-quicknav a.is-active,
html body.page-entry .aho-entry-quicknav a[aria-current="step"] {
    color:var(--entry-accent-strong) !important;
    border-color:color-mix(in srgb,var(--entry-accent) 28%,transparent) !important;
    background:var(--entry-accent-soft) !important;
    box-shadow:0 2px 8px color-mix(in srgb,var(--entry-accent) 10%,transparent) !important;
}

/* Remove the legacy line directly after the quicknav / at the entry workspace top. */
html body.page-entry .aho-entry-quicknav + *,
html body.page-entry .aho-entry-workspace > :first-child,
html body.page-entry .aho-entry-canvas > :first-child {
    border-top-color:transparent !important;
}

/* ======================================================================
   3. GROUP RHYTHM — more separation without making the form huge
   ====================================================================== */
html body.page-entry .aho-entry-form .aho-form-section {
    margin-bottom:22px !important;
}
html body.page-entry .aho-entry-form .aho-form-section + .aho-form-section {
    margin-top:2px !important;
}
html body.page-entry .aho-entry-grid {
    row-gap:22px !important;
    column-gap:18px !important;
}
html body.page-entry #social-person .aho-entry-grid {
    row-gap:26px !important;
}
html body.page-entry #social-topics .aho-topic-groups {
    gap:24px !important;
}
html body.page-entry #social-topics .aho-topic-group {
    padding:17px 16px 19px !important;
}
html body.page-entry #social-topics .aho-topic-group + .aho-topic-group {
    margin-top:0 !important;
}
html body.page-entry .aho-entry-form fieldset.aho-fieldset {
    margin-block:8px !important;
}
html body.page-entry .aho-entry-form fieldset.aho-fieldset > legend,
html body.page-entry .aho-topic-group > legend {
    margin-bottom:13px !important;
}

/* A slightly calmer internal grid, while preserving the good compact cards. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
    column-gap:12px !important;
    row-gap:12px !important;
}

/* Section heads follow the same clean reference language. */
html body.page-entry .aho-form-section__header {
    min-height:54px !important;
    padding:9px 12px !important;
    margin-bottom:14px !important;
    border:0 !important;
    border-left:3px solid var(--entry-accent) !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,color-mix(in srgb,var(--entry-accent-soft) 52%,var(--e75-surface) 48%),color-mix(in srgb,var(--e75-surface) 97%,transparent) 44%) !important;
    box-shadow:none !important;
}
html body.page-entry .aho-form-section__header::before,
html body.page-entry .aho-form-section__header::after {
    content:none !important;
}

/* ======================================================================
   4. ENTRY PAGE NAVIGATION COLORS — same module identity
   ====================================================================== */
html body.page-entry .aho-entry-quicknav .nav-item__icon,
html body.page-entry .aho-entry-quicknav svg {
    color:var(--entry-accent) !important;
}

/* Sidebar's active entry also mirrors the module color. */
html body.page-entry .sidebar .nav-item.is-active,
html body.page-entry .sidebar .nav-item[aria-current="page"] {
    border-color:color-mix(in srgb,var(--entry-accent) 25%,transparent) !important;
    color:var(--entry-accent-strong) !important;
    background:linear-gradient(90deg,color-mix(in srgb,var(--entry-accent-soft) 78%,transparent),transparent) !important;
    box-shadow:inset 3px 0 0 var(--entry-accent) !important;
}
html body.page-entry .sidebar .nav-item.is-active::after,
html body.page-entry .sidebar .nav-item[aria-current="page"]::after {
    background:var(--entry-accent) !important;
    box-shadow:0 0 0 4px color-mix(in srgb,var(--entry-accent) 12%,transparent) !important;
}

/* ======================================================================
   5. SIDEBAR — fully reachable at 90/100% zoom
   ====================================================================== */
html body .sidebar {
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
}
html body .sidebar__brand,
html body .sidebar__footer {
    flex:0 0 auto !important;
}
html body .sidebar__navigation {
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
    scrollbar-color:color-mix(in srgb,var(--entry-accent,#70849a) 30%,transparent) transparent !important;
}

/* Collapsed rail: always dense enough to fit normal desktop heights at 100%. */
html body.sidebar-collapsed .sidebar__brand {
    min-height:52px !important;
    padding:5px 4px !important;
}
html body.sidebar-collapsed .brand__mark,
html body.sidebar-collapsed .brand-mark,
html body.sidebar-collapsed .brand__logo {
    width:34px !important;
    height:34px !important;
    border-radius:9px !important;
}
html body.sidebar-collapsed .sidebar__navigation {
    padding:3px 4px 5px !important;
}
html body.sidebar-collapsed .nav-section {
    margin-block:0 !important;
}
html body.sidebar-collapsed .nav-section + .nav-section {
    margin-top:2px !important;
}
html body.sidebar-collapsed .nav-section__title {
    display:none !important;
}
html body.sidebar-collapsed .nav-section__items {
    gap:0 !important;
}
html body.sidebar-collapsed .nav-item {
    min-height:31px !important;
    height:31px !important;
    padding:0 !important;
    border-radius:8px !important;
}
html body.sidebar-collapsed .nav-item__icon {
    width:25px !important;
    min-width:25px !important;
    height:25px !important;
    background-size:23px 23px !important;
}
html body.sidebar-collapsed .sidebar__footer {
    padding:3px 4px !important;
}
html body.sidebar-collapsed .system-indicator {
    min-height:31px !important;
    padding:3px !important;
}

/* Expanded sidebar also becomes height-aware before content is clipped. */
@media (max-height:940px) {
    html body:not(.sidebar-collapsed) .sidebar__brand { min-height:58px !important; padding:8px 10px !important; }
    html body:not(.sidebar-collapsed) .sidebar__navigation { padding:6px 7px !important; }
    html body:not(.sidebar-collapsed) .nav-section + .nav-section { margin-top:7px !important; }
    html body:not(.sidebar-collapsed) .nav-section__title { padding-bottom:3px !important; font-size:.61rem !important; }
    html body:not(.sidebar-collapsed) .nav-item { min-height:36px !important; }
    html body:not(.sidebar-collapsed) .nav-item__icon { width:27px !important; height:27px !important; background-size:25px 25px !important; }
    html body:not(.sidebar-collapsed) .sidebar__footer { padding-block:5px !important; }
}
@media (max-height:800px) {
    html body:not(.sidebar-collapsed) .nav-section__title { display:none !important; }
    html body:not(.sidebar-collapsed) .nav-section + .nav-section { margin-top:3px !important; }
    html body:not(.sidebar-collapsed) .nav-item { min-height:33px !important; }
    html body:not(.sidebar-collapsed) .nav-item__icon { width:25px !important; height:25px !important; background-size:23px 23px !important; }
}

/* ======================================================================
   6. ZOOM / NARROW WIDTH SAFETY
   ====================================================================== */
@media (max-width:1180px) {
    html body.page-entry .aho-entry-quicknav {
        overflow-x:auto !important;
        scrollbar-width:thin !important;
    }
    html body.page-entry .aho-entry-quicknav a {
        flex:0 0 auto !important;
        white-space:nowrap !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    html body.page-entry .aho-entry-quicknav,
    html body.page-entry .aho-entry-quicknav a,
    html body .sidebar__navigation { scroll-behavior:auto !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.79.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.79 — Borderless Groups / Persistent Entry Module Colors
 * ---------------------------------------------------------------------
 * Ziele:
 * - sichtbare Linien/Rahmen um fachliche Auswahlgruppen entfernen
 * - Gruppen weiterhin über Abstand und Überschrift klar lesbar halten
 * - die vier Erfassungsmodule in der linken Navigation dauerhaft farblich unterscheiden
 * - Beratung = Türkis, Veranstaltung = Violett, Spritzentausch = Blau, Inventar = Orange
 */

/* ======================================================================
   1. BORDERLESS ENTRY GROUPS
   ====================================================================== */
html body.page-entry .aho-entry-form fieldset.aho-fieldset,
html body.page-entry .aho-entry-form fieldset.aho-fieldset--quick,
html body.page-entry .aho-entry-form .aho-topic-group,
html body.page-entry #social-topics .aho-topic-group,
html body.page-entry .aho-event-targets {
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
}

html body.page-entry .aho-entry-form fieldset.aho-fieldset,
html body.page-entry .aho-entry-form fieldset.aho-fieldset--quick {
    padding:10px 0 16px !important;
    margin-block:8px !important;
}

html body.page-entry .aho-entry-form .aho-topic-group,
html body.page-entry #social-topics .aho-topic-group {
    padding:12px 0 18px !important;
}

/* Remove all legacy divider pseudo-elements that drew horizontal lines. */
html body.page-entry .aho-entry-form fieldset.aho-fieldset::before,
html body.page-entry .aho-entry-form fieldset.aho-fieldset::after,
html body.page-entry .aho-entry-form .aho-topic-group::before,
html body.page-entry .aho-entry-form .aho-topic-group::after,
html body.page-entry #social-topics .aho-topic-group::before,
html body.page-entry #social-topics .aho-topic-group::after,
html body.page-entry .aho-event-targets::before,
html body.page-entry .aho-event-targets::after {
    content:none !important;
    display:none !important;
    background:none !important;
    border:0 !important;
}

/* Legends remain the visual anchor instead of a border line. */
html body.page-entry .aho-entry-form fieldset.aho-fieldset > legend,
html body.page-entry .aho-entry-form .aho-topic-group > legend,
html body.page-entry #social-topics .aho-topic-group > legend,
html body.page-entry .aho-event-targets > legend {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 11px !important;
    padding:0 !important;
    border:0 !important;
    color:var(--e75-ink-strong,#10233b) !important;
    font-weight:820 !important;
    line-height:1.25 !important;
}

/* Keep clear breathing room between adjacent groups after border removal. */
html body.page-entry .aho-entry-form fieldset.aho-fieldset + fieldset.aho-fieldset,
html body.page-entry .aho-entry-form .aho-topic-group + .aho-topic-group,
html body.page-entry #social-topics .aho-topic-group + .aho-topic-group {
    margin-top:14px !important;
}

/* ======================================================================
   2. PERSISTENT MODULE COLORS IN LEFT NAVIGATION
   ====================================================================== */
:root {
    --nav-social:#078b7d;
    --nav-social-soft:#e8f7f4;
    --nav-social-border:#b6ddd6;

    --nav-event:#694ec7;
    --nav-event-soft:#f0edff;
    --nav-event-border:#d4cbf3;

    --nav-exchange:#2f6fc7;
    --nav-exchange-soft:#edf4fd;
    --nav-exchange-border:#c3d6ef;

    --nav-inventory:#c66b08;
    --nav-inventory-soft:#fff3e4;
    --nav-inventory-border:#ecd0ab;
}

/* The 1.0.68 visual layer uses background images and hides inline SVGs.
   For the four entry modules we intentionally switch back to the native
   currentColor SVG so each module can have an exact semantic color. */
html body .sidebar .nav-item[href*="/sozialarbeit"] .nav-item__icon,
html body .sidebar .nav-item[href*="/veranstaltungen"] .nav-item__icon,
html body .sidebar .nav-item[href*="/spritzenaustausch"] .nav-item__icon,
html body .sidebar .nav-item[href*="/inventar"] .nav-item__icon {
    background-image:none !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 5px 12px rgba(22,43,67,.035) !important;
}

html body .sidebar .nav-item[href*="/sozialarbeit"] .nav-item__icon svg,
html body .sidebar .nav-item[href*="/veranstaltungen"] .nav-item__icon svg,
html body .sidebar .nav-item[href*="/spritzenaustausch"] .nav-item__icon svg,
html body .sidebar .nav-item[href*="/inventar"] .nav-item__icon svg {
    opacity:1 !important;
    width:19px !important;
    height:19px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.9 !important;
}

html body .sidebar .nav-item[href*="/sozialarbeit"] .nav-item__icon {
    color:var(--nav-social) !important;
    border-color:var(--nav-social-border) !important;
    background-color:var(--nav-social-soft) !important;
}
html body .sidebar .nav-item[href*="/veranstaltungen"] .nav-item__icon {
    color:var(--nav-event) !important;
    border-color:var(--nav-event-border) !important;
    background-color:var(--nav-event-soft) !important;
}
html body .sidebar .nav-item[href*="/spritzenaustausch"] .nav-item__icon {
    color:var(--nav-exchange) !important;
    border-color:var(--nav-exchange-border) !important;
    background-color:var(--nav-exchange-soft) !important;
}
html body .sidebar .nav-item[href*="/inventar"] .nav-item__icon {
    color:var(--nav-inventory) !important;
    border-color:var(--nav-inventory-border) !important;
    background-color:var(--nav-inventory-soft) !important;
}

/* Keep module color even when another page is active. Active states become
   slightly stronger but never change to a different module color. */
html body .sidebar .nav-item[href*="/sozialarbeit"].is-active .nav-item__icon,
html body .sidebar .nav-item[href*="/sozialarbeit"][aria-current="page"] .nav-item__icon {
    color:var(--nav-social) !important;
    border-color:color-mix(in srgb,var(--nav-social) 42%,white) !important;
    background-color:color-mix(in srgb,var(--nav-social-soft) 78%,white 22%) !important;
    box-shadow:0 7px 17px color-mix(in srgb,var(--nav-social) 17%,transparent),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body .sidebar .nav-item[href*="/veranstaltungen"].is-active .nav-item__icon,
html body .sidebar .nav-item[href*="/veranstaltungen"][aria-current="page"] .nav-item__icon {
    color:var(--nav-event) !important;
    border-color:color-mix(in srgb,var(--nav-event) 42%,white) !important;
    background-color:color-mix(in srgb,var(--nav-event-soft) 78%,white 22%) !important;
    box-shadow:0 7px 17px color-mix(in srgb,var(--nav-event) 17%,transparent),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body .sidebar .nav-item[href*="/spritzenaustausch"].is-active .nav-item__icon,
html body .sidebar .nav-item[href*="/spritzenaustausch"][aria-current="page"] .nav-item__icon {
    color:var(--nav-exchange) !important;
    border-color:color-mix(in srgb,var(--nav-exchange) 42%,white) !important;
    background-color:color-mix(in srgb,var(--nav-exchange-soft) 78%,white 22%) !important;
    box-shadow:0 7px 17px color-mix(in srgb,var(--nav-exchange) 17%,transparent),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body .sidebar .nav-item[href*="/inventar"].is-active .nav-item__icon,
html body .sidebar .nav-item[href*="/inventar"][aria-current="page"] .nav-item__icon {
    color:var(--nav-inventory) !important;
    border-color:color-mix(in srgb,var(--nav-inventory) 42%,white) !important;
    background-color:color-mix(in srgb,var(--nav-inventory-soft) 78%,white 22%) !important;
    box-shadow:0 7px 17px color-mix(in srgb,var(--nav-inventory) 17%,transparent),inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* Dark mode keeps the semantic hues, with darker translucent surfaces. */
:root[data-theme="dark"] body .sidebar .nav-item[href*="/sozialarbeit"] .nav-item__icon { background-color:rgba(7,139,125,.14) !important; border-color:rgba(95,206,190,.28) !important; color:#62d1c1 !important; }
:root[data-theme="dark"] body .sidebar .nav-item[href*="/veranstaltungen"] .nav-item__icon { background-color:rgba(105,78,199,.16) !important; border-color:rgba(169,147,239,.30) !important; color:#ad99ef !important; }
:root[data-theme="dark"] body .sidebar .nav-item[href*="/spritzenaustausch"] .nav-item__icon { background-color:rgba(47,111,199,.17) !important; border-color:rgba(126,171,230,.30) !important; color:#86b5ed !important; }
:root[data-theme="dark"] body .sidebar .nav-item[href*="/inventar"] .nav-item__icon { background-color:rgba(198,107,8,.16) !important; border-color:rgba(229,161,82,.30) !important; color:#e6a354 !important; }

@media (prefers-reduced-motion:reduce) {
    html body .sidebar .nav-item__icon { transition:none !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.80.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.80 — Comfortable Enterprise Density / 100% Zoom UX
 * -----------------------------------------------------------------
 * Reference implementation based on the approved 2026 entry-workspace mockup.
 * Goals:
 * - full readable sidebar at normal browser zoom
 * - clear visual hierarchy and calmer information density
 * - section descriptions and generous semantic grouping
 * - module-colored entry identity
 * - readable choice cards with adaptive column counts
 * - contextual selected-values summary on the Person section
 * - no nested scrolling in entry content
 */

:root {
    --aho-sidebar-width: 190px;
    --aho-sidebar-collapsed: 74px;
    --aho80-ink: #10233b;
    --aho80-ink-2: #253a55;
    --aho80-muted: #60748f;
    --aho80-border: #d8e3ed;
    --aho80-border-strong: #c8d7e4;
    --aho80-surface: #ffffff;
    --aho80-surface-soft: #f8fbfd;
    --aho80-shadow: 0 10px 30px rgba(29, 54, 82, .055);
    --aho80-card-shadow: 0 3px 12px rgba(31, 57, 84, .045);
    --aho80-radius: 16px;
}

/* ======================================================================
   1. DESKTOP SIDEBAR — readable at 100% zoom
   ====================================================================== */
@media (min-width: 1181px) {
    html body .app-shell {
        grid-template-columns: var(--aho-sidebar-width) minmax(0, 1fr) !important;
    }

    html body .sidebar {
        width: auto !important;
        min-width: var(--aho-sidebar-width) !important;
        border-right: 1px solid #dce6ee !important;
        background: color-mix(in srgb, #ffffff 96%, #f2f8fb 4%) !important;
        box-shadow: 8px 0 28px rgba(29, 54, 82, .035) !important;
    }

    html body .sidebar__brand {
        min-height: 58px !important;
        padding: 7px 10px !important;
        border-bottom: 1px solid #e5edf3 !important;
    }

    html body .brand {
        gap: 9px !important;
    }

    html body .brand__mark,
    html body .brand-mark,
    html body .brand__logo {
        width: 36px !important;
        height: 36px !important;
        border-radius: 11px !important;
    }

    html body .brand__text strong {
        font-size: .91rem !important;
        line-height: 1.15 !important;
        letter-spacing: -.015em !important;
    }

    html body .brand__text small {
        margin-top: 2px !important;
        font-size: .65rem !important;
        line-height: 1.15 !important;
    }

    html body .sidebar__collapse {
        width: 30px !important;
        height: 30px !important;
        border-radius: 9px !important;
    }

    html body .sidebar__navigation {
        padding: 7px 7px 9px !important;
        overflow-y: auto !important;
        scrollbar-width: thin !important;
    }

    html body .nav-section {
        padding-block: 0 !important;
        border: 0 !important;
    }

    html body .nav-section + .nav-section {
        margin-top: 4px !important;
        padding-top: 4px !important;
        border-top: 1px solid #edf2f6 !important;
    }

    html body .nav-section__title {
        display: none !important;
    }

    html body .nav-section__items {
        gap: 2px !important;
    }

    html body .nav-item {
        min-height: 33px !important;
        height: auto !important;
        gap: 8px !important;
        padding: 3px 7px !important;
        border-radius: 10px !important;
        color: #496079 !important;
        font-size: .755rem !important;
        font-weight: 680 !important;
        line-height: 1.15 !important;
        letter-spacing: -.008em !important;
    }

    html body .nav-item:hover {
        translate: 0 !important;
        border-color: #dce7ef !important;
        background: #f5f9fb !important;
        color: #17304b !important;
    }

    html body .nav-item__icon {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
        border: 1px solid #dce7ee !important;
        border-radius: 9px !important;
        background: #f7fbfd !important;
    }

    html body .nav-item__icon svg {
        width: 17px !important;
        height: 17px !important;
        stroke-width: 1.9 !important;
    }

    html body .nav-item__label {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .nav-item.is-active,
    html body .nav-item[aria-current="page"] {
        color: var(--entry-accent-strong, #0b6f68) !important;
        border-color: color-mix(in srgb, var(--entry-accent, #0f8c80) 22%, #d9e5ec) !important;
        background: linear-gradient(90deg, color-mix(in srgb, var(--entry-accent-soft, #e8f7f4) 88%, white), #fff) !important;
        box-shadow: inset 3px 0 0 var(--entry-accent, #0f8c80) !important;
        font-weight: 800 !important;
    }

    html body .sidebar__footer {
        padding: 5px 7px 7px !important;
    }

    html body .system-indicator {
        min-height: 34px !important;
        gap: 7px !important;
        padding: 5px 8px !important;
        border-radius: 10px !important;
    }

    html body .system-indicator strong {
        font-size: .69rem !important;
    }

    html body .system-indicator small {
        font-size: .61rem !important;
    }

}

/* Entry module icons keep exact module colors. */
html body .sidebar .nav-item[href*="/sozialarbeit"] .nav-item__icon { color:#078b7d !important; background:#ebf8f6 !important; border-color:#bee2dc !important; }
html body .sidebar .nav-item[href*="/veranstaltungen"] .nav-item__icon { color:#694ec7 !important; background:#f1efff !important; border-color:#d7cff7 !important; }
html body .sidebar .nav-item[href*="/spritzenaustausch"] .nav-item__icon { color:#2f6fc7 !important; background:#edf5ff !important; border-color:#c8daef !important; }
html body .sidebar .nav-item[href*="/inventar"] .nav-item__icon { color:#c66b08 !important; background:#fff4e5 !important; border-color:#eed4b0 !important; }

/* ======================================================================
   2. TOP BAR / ENTRY WORKSPACE FRAME
   ====================================================================== */
html body.page-entry .topbar {
    min-height: 62px !important;
    padding: 6px 14px !important;
    background: rgba(255,255,255,.94) !important;
    border-bottom: 1px solid #dce7ef !important;
    box-shadow: 0 3px 14px rgba(30,55,82,.035) !important;
}

html body.page-entry .topbar__title strong {
    font-size: .98rem !important;
    color: #10233b !important;
}

html body.page-entry .topbar__eyebrow {
    font-size: .66rem !important;
    letter-spacing: .08em !important;
}

html body.page-entry .topbar-search {
    min-height: 39px !important;
    max-width: 500px !important;
    border-radius: 11px !important;
}

html body.page-entry .content {
    padding: 12px 14px 86px !important;
}

html body.page-entry .aho-entry-workspace {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
}

/* ======================================================================
   3. COMPACT PAGE IDENTITY HEADER — reintroduced in a calm form
   ====================================================================== */
html body.page-entry .aho-entry-premium-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: 74px !important;
    margin: 0 0 10px !important;
    padding: 10px 14px !important;
    border: 1px solid color-mix(in srgb, var(--entry-accent) 14%, #dce7ef) !important;
    border-radius: 15px !important;
    background: linear-gradient(92deg, color-mix(in srgb, var(--entry-accent-wash) 70%, white 30%), #fff 54%) !important;
    box-shadow: var(--aho80-card-shadow) !important;
}

html body.page-entry .aho-entry-premium-head__main {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

html body.page-entry .aho-entry-premium-head__icon {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb, var(--entry-accent) 18%, #d8e5ec) !important;
    border-radius: 14px !important;
    color: var(--entry-accent) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 68%, white 32%) !important;
}

html body.page-entry .aho-entry-premium-head__icon svg {
    width: 26px !important;
    height: 26px !important;
}

html body.page-entry .aho-entry-premium-head__eyebrow,
html body.page-entry .aho-entry-premium-head__meta {
    display: none !important;
}

html body.page-entry .aho-entry-premium-head h1 {
    margin: 0 !important;
    color: #0f2540 !important;
    font-size: clamp(1.28rem, 1.5vw, 1.62rem) !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
}

html body.page-entry .aho-entry-premium-head p {
    margin: 4px 0 0 !important;
    color: #637890 !important;
    font-size: .86rem !important;
    line-height: 1.35 !important;
}

/* ======================================================================
   4. NUMBERED STEP NAVIGATION
   ====================================================================== */
html body.page-entry .aho-entry-quicknav {
    position: sticky !important;
    top: 62px !important;
    z-index: 30 !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 0 0 14px !important;
    padding: 6px 8px !important;
    border: 1px solid var(--entry-nav-border, #c9e2dd) !important;
    border-radius: 13px !important;
    background: color-mix(in srgb, var(--entry-nav-bg, #f1faf8) 94%, white 6%) !important;
    box-shadow: 0 7px 22px rgba(28,54,82,.045) !important;
    backdrop-filter: blur(14px) saturate(120%) !important;
}

html body.page-entry .aho-entry-quicknav a {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 10px 0 7px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    color: #314a64 !important;
    background: transparent !important;
    font-size: .79rem !important;
    font-weight: 740 !important;
    white-space: nowrap !important;
}

html body.page-entry .aho-entry-quicknav .aho80-step-index {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #49627b !important;
    background: #eaf0f5 !important;
    font-size: .73rem !important;
    font-weight: 820 !important;
}

html body.page-entry .aho-entry-quicknav .aho80-step-icon {
    display: none !important;
}

html body.page-entry .aho-entry-quicknav a:hover {
    color: var(--entry-accent-strong) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 48%, white 52%) !important;
}

html body.page-entry .aho-entry-quicknav a.is-active,
html body.page-entry .aho-entry-quicknav a[aria-current="step"] {
    color: var(--entry-accent-strong) !important;
    border-color: color-mix(in srgb, var(--entry-accent) 22%, transparent) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 78%, white 22%) !important;
    box-shadow: 0 3px 10px color-mix(in srgb, var(--entry-accent) 10%, transparent) !important;
}

html body.page-entry .aho-entry-quicknav a.is-active .aho80-step-index,
html body.page-entry .aho-entry-quicknav a[aria-current="step"] .aho80-step-index {
    color: #fff !important;
    background: var(--entry-accent) !important;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--entry-accent) 26%, transparent) !important;
}

/* ======================================================================
   5. SECTION PANELS — readable hierarchy, no dense walls of text
   ====================================================================== */
html body.page-entry .aho-entry-statusdeck {
    display: none !important;
}

html body.page-entry .aho-entry-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
}

html body.page-entry[data-aho80-active-section="social-person"] .aho-entry-layout {
    grid-template-columns: minmax(0, 1fr) 248px !important;
}

html body.page-entry .aho-entry-stage {
    min-width: 0 !important;
}

html body.page-entry .aho-form-section {
    margin: 0 0 16px !important;
    padding: 0 14px 18px !important;
    overflow: visible !important;
    border: 1px solid #dbe6ee !important;
    border-radius: 17px !important;
    background: rgba(255,255,255,.93) !important;
    box-shadow: 0 9px 26px rgba(31,57,84,.04) !important;
}

html body.page-entry .aho-form-section__header {
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 -14px 16px !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-left: 4px solid var(--entry-accent) !important;
    border-radius: 16px 16px 0 0 !important;
    background: linear-gradient(90deg, color-mix(in srgb, var(--entry-accent-wash) 72%, white 28%), #fff 62%) !important;
    box-shadow: inset 0 -1px 0 #edf2f5 !important;
}

html body.page-entry .aho-section-number {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb, var(--entry-accent) 18%, #dce7ef) !important;
    border-radius: 13px !important;
    color: var(--entry-accent) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 70%, white 30%) !important;
}

html body.page-entry .aho-section-number svg {
    width: 23px !important;
    height: 23px !important;
}

html body.page-entry .aho80-section-heading {
    min-width: 0 !important;
}

html body.page-entry .aho80-section-heading h2 {
    margin: 0 !important;
    color: #10243e !important;
    font-size: 1.17rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: -.018em !important;
}

html body.page-entry .aho80-section-heading p {
    margin: 3px 0 0 !important;
    color: #667b93 !important;
    font-size: .78rem !important;
    line-height: 1.35 !important;
}

/* Field groups have spacing, not separator lines. */
html body.page-entry .aho-entry-form fieldset.aho-fieldset,
html body.page-entry .aho-entry-form fieldset.aho-fieldset--quick,
html body.page-entry #social-topics .aho-topic-group,
html body.page-entry .aho-event-targets {
    position: relative !important;
    margin: 0 !important;
    padding: 9px 0 12px !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.page-entry .aho-entry-form fieldset.aho-fieldset::before,
html body.page-entry .aho-entry-form fieldset.aho-fieldset::after,
html body.page-entry #social-topics .aho-topic-group::before,
html body.page-entry #social-topics .aho-topic-group::after {
    content: none !important;
    display: none !important;
}

html body.page-entry .aho-entry-form fieldset.aho-fieldset > legend,
html body.page-entry #social-topics .aho-topic-group > legend,
html body.page-entry .aho-event-targets > legend {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #142a45 !important;
    font-size: .94rem !important;
    font-weight: 830 !important;
    line-height: 1.25 !important;
}

html body.page-entry .aho80-fieldset-help {
    margin: 3px 0 10px !important;
    color: #687c94 !important;
    font-size: .76rem !important;
    line-height: 1.35 !important;
}

html body.page-entry .aho-entry-grid {
    column-gap: 18px !important;
    row-gap: 22px !important;
}

html body.page-entry #social-person .aho-entry-grid {
    row-gap: 26px !important;
}

html body.page-entry #social-topics .aho-topic-groups {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
}

html body.page-entry #social-topics .aho-topic-group + .aho-topic-group {
    margin-top: 0 !important;
    padding-top: 24px !important;
    border-top: 1px solid #e9eff4 !important;
}

/* ======================================================================
   6. CHOICE CARDS — comfortable, legible and adaptive
   ====================================================================== */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi {
    display: grid !important;
    gap: 10px !important;
    margin-top: 10px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice {
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    border: 1px solid #d4e0ea !important;
    border-radius: 12px !important;
    color: #132740 !important;
    background: #fff !important;
    box-shadow: var(--aho80-card-shadow) !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover {
    border-color: color-mix(in srgb, var(--entry-accent) 34%, #ccdbe6) !important;
    background: color-mix(in srgb, var(--entry-accent-wash) 28%, white 72%) !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked),
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.is-selected {
    border-color: color-mix(in srgb, var(--entry-accent) 72%, #cfe0e8) !important;
    background: linear-gradient(105deg, color-mix(in srgb, var(--entry-accent-soft) 78%, white 22%), #fff) !important;
    box-shadow: 0 5px 16px color-mix(in srgb, var(--entry-accent) 9%, transparent) !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__visual {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb, var(--entry-accent) 17%, #dce7ef) !important;
    border-radius: 10px !important;
    color: var(--entry-accent) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 68%, white 32%) !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__visual svg {
    width: 20px !important;
    height: 20px !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__content {
    min-width: 0 !important;
    display: block !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__label {
    display: block !important;
    color: #10243d !important;
    font-size: .82rem !important;
    font-weight: 790 !important;
    line-height: 1.24 !important;
    letter-spacing: -.008em !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: manual !important;
    text-wrap: pretty !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__indicator {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    align-self: start !important;
    margin-top: 2px !important;
}

/* Contact purpose remains intentionally prominent. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose label.aho73-choice {
    min-height: 62px !important;
    grid-template-columns: 42px minmax(0, 1fr) 18px !important;
}

/* Contact channels: four across at normal desktop zoom. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Person page follows the reference composition. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-residence {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-genders,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-orientations {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

/* Topics: fewer cards per row than before, but not wasteful. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-lab_topics,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

/* Event target cards need extra width for long labels. */
html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid--field-target_groups {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

/* Inputs and selects match the comfortable scale. */
html body.page-entry .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: 44px !important;
    border-color: #d7e2ea !important;
    border-radius: 11px !important;
    color: #152b45 !important;
    font-size: .88rem !important;
    background: #fff !important;
}

html body.page-entry .aho-entry-form .aho-field > span,
html body.page-entry .aho-entry-form .aho-field > label {
    color: #213a55 !important;
    font-size: .84rem !important;
    font-weight: 790 !important;
}

/* ======================================================================
   7. SELECTED VALUES SUMMARY — shown only while Person section is active
   ====================================================================== */
html body.page-entry .aho80-selection-summary {
    display: none !important;
}

html body.page-entry[data-aho80-active-section="social-person"] .aho80-selection-summary {
    position: sticky !important;
    top: 128px !important;
    display: block !important;
    max-height: calc(100dvh - 214px) !important;
    overflow: auto !important;
    padding: 0 !important;
    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: var(--aho80-shadow) !important;
    scrollbar-width: thin !important;
}

html body.page-entry .aho80-selection-summary__header {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 12px !important;
    border-bottom: 1px solid #e8eef3 !important;
    background: linear-gradient(110deg, color-mix(in srgb, var(--entry-accent-wash) 68%, white 32%), #fff) !important;
}

html body.page-entry .aho80-selection-summary__header > span {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    color: var(--entry-accent) !important;
    background: var(--entry-accent-soft) !important;
}

html body.page-entry .aho80-selection-summary__header svg {
    width: 19px !important;
    height: 19px !important;
}

html body.page-entry .aho80-selection-summary__header strong {
    display: block !important;
    color: #132940 !important;
    font-size: .84rem !important;
    font-weight: 840 !important;
}

html body.page-entry .aho80-selection-summary__header small {
    display: block !important;
    margin-top: 2px !important;
    color: #74879a !important;
    font-size: .65rem !important;
    line-height: 1.25 !important;
}

html body.page-entry .aho80-selection-summary__items {
    padding: 4px 12px 8px !important;
}

html body.page-entry .aho80-summary-item {
    display: grid !important;
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #edf2f5 !important;
}

html body.page-entry .aho80-summary-item:last-child {
    border-bottom: 0 !important;
}

html body.page-entry .aho80-summary-item__icon {
    width: 32px !important;
    height: 32px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    color: var(--entry-accent) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 70%, white 30%) !important;
}

html body.page-entry .aho80-summary-item__icon svg {
    width: 17px !important;
    height: 17px !important;
}

html body.page-entry .aho80-summary-item small {
    display: block !important;
    color: #77899b !important;
    font-size: .65rem !important;
    line-height: 1.2 !important;
}

html body.page-entry .aho80-summary-item strong {
    display: block !important;
    margin-top: 2px !important;
    color: #172d45 !important;
    font-size: .76rem !important;
    font-weight: 790 !important;
    line-height: 1.28 !important;
}

html body.page-entry .aho80-selection-summary__empty {
    margin: 10px 0 !important;
    color: #718399 !important;
    font-size: .75rem !important;
    line-height: 1.4 !important;
}

/* ======================================================================
   8. LAB / EVENT / BINARY CONTROLS
   ====================================================================== */
html body.page-entry .aho-binary-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 10px 0 22px !important;
}

html body.page-entry .aho-binary-grid label.choice--binary {
    min-height: 64px !important;
    padding: 10px 12px !important;
    border: 1px solid #d7e2ea !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: var(--aho80-card-shadow) !important;
}

html body.page-entry .aho-binary-grid label.choice--binary:has(input:checked) {
    border-color: var(--entry-accent) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 68%, white 32%) !important;
}

html body.page-entry .aho-subsection-grid {
    margin-top: 22px !important;
    padding-top: 20px !important;
    border-top: 1px solid #e9eff4 !important;
}

html body.page-entry .aho-subsection-grid h3 {
    color: #172d47 !important;
    font-size: 1rem !important;
    font-weight: 830 !important;
}

html body.page-entry .aho-field-help {
    max-width: 840px !important;
    color: #657991 !important;
    font-size: .79rem !important;
    line-height: 1.45 !important;
}

html body.page-entry .aho-toggle-card {
    margin: 4px 0 20px !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e9eff4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.page-entry .aho-toggle-card small {
    color: #667a91 !important;
    line-height: 1.35 !important;
}

/* ======================================================================
   9. STICKY ACTION BAR
   ====================================================================== */
html body.page-entry .aho-entry-actionbar {
    left: calc(var(--aho-sidebar-width) + 12px) !important;
    right: 12px !important;
    bottom: 10px !important;
    min-height: 56px !important;
    padding: 7px 10px !important;
    border: 1px solid #dbe6ee !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 12px 30px rgba(24,49,76,.10) !important;
    backdrop-filter: blur(16px) saturate(120%) !important;
}

html body.page-entry .aho-entry-actionbar__buttons {
    gap: 5px !important;
}

html body.page-entry .aho-entry-actionbar .button {
    min-height: 38px !important;
    padding-inline: 11px !important;
    font-size: .74rem !important;
    border-radius: 10px !important;
}

html body.page-entry .aho-entry-actionbar .button--primary {
    min-width: 150px !important;
    color: #fff !important;
    background: var(--entry-accent) !important;
    border-color: var(--entry-accent) !important;
}

/* ======================================================================
   10. DARK MODE
   ====================================================================== */
:root[data-theme="dark"] body.page-entry {
    --aho80-ink:#e7f0f7;
    --aho80-ink-2:#c9d5df;
    --aho80-muted:#9db0c0;
    --aho80-border:#2a3a47;
    --aho80-border-strong:#354957;
    --aho80-surface:#13202a;
    --aho80-surface-soft:#172630;
}

:root[data-theme="dark"] body.page-entry .topbar,
:root[data-theme="dark"] body.page-entry .aho-form-section,
:root[data-theme="dark"] body.page-entry .aho80-selection-summary,
:root[data-theme="dark"] body.page-entry .aho-entry-actionbar,
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice,
:root[data-theme="dark"] body.page-entry .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    background: #13202a !important;
    border-color: #2b3d4a !important;
    color: #e6eef5 !important;
}

:root[data-theme="dark"] body.page-entry .aho80-section-heading h2,
:root[data-theme="dark"] body.page-entry .aho-entry-form fieldset.aho-fieldset > legend,
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form .aho73-choice__label,
:root[data-theme="dark"] body.page-entry .aho-entry-form .aho-field > span,
:root[data-theme="dark"] body.page-entry .aho-entry-form .aho-field > label {
    color: #e8f0f6 !important;
}

:root[data-theme="dark"] body.page-entry .aho80-section-heading p,
:root[data-theme="dark"] body.page-entry .aho80-fieldset-help,
:root[data-theme="dark"] body.page-entry .aho-entry-premium-head p {
    color: #9eb0bf !important;
}

/* ======================================================================
   11. RESPONSIVE / ZOOM SAFETY
   ====================================================================== */
@media (max-width: 1540px) {
    html body.page-entry[data-aho80-active-section="social-person"] .aho-entry-layout {
        grid-template-columns: minmax(0,1fr) 220px !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source {
        grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types,
    html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid--field-target_groups {
        grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    }
}

@media (max-width: 1360px) {
    :root { --aho-sidebar-width: 176px; }
    html body.page-entry[data-aho80-active-section="social-person"] .aho-entry-layout {
        grid-template-columns: 1fr !important;
    }
    html body.page-entry .aho80-selection-summary {
        display: none !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups {
        grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-residence,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-genders,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-orientations {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

@media (max-width: 1180px) {
    html body.page-entry .aho-entry-premium-head { margin-top: 0 !important; }
    html body.page-entry .aho-entry-quicknav { top: 58px !important; overflow-x: auto !important; }
    html body.page-entry .aho-entry-actionbar { left: 10px !important; right: 10px !important; }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }
}

@media (max-width: 820px) {
    html body.page-entry .content { padding-inline: 8px !important; }
    html body.page-entry .aho-entry-premium-head { padding: 9px 10px !important; }
    html body.page-entry .aho-form-section { padding-inline: 10px !important; }
    html body.page-entry .aho-form-section__header { margin-inline: -10px !important; padding-inline: 10px !important; }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-residence,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-genders,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-orientations,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups {
        grid-template-columns: 1fr !important;
    }
    html body.page-entry .aho-binary-grid { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
    html body.page-entry *, html body.page-entry *::before, html body.page-entry *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.81.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.81 — Readable Desktop Navigation + Beratung Layout Reset
 * ----------------------------------------------------------------------
 * Fixes the real 100%-zoom issue seen on the user's desktop:
 * - entry sidebar is a true readable desktop rail from 980px viewport width
 * - saved collapsed state cannot shrink entry pages into an unusable icon strip
 * - clearer typography with lower font weight and more line-height
 * - removes the redundant entry hero and lets the section navigator lead
 * - rebuilds Grundinformationen into a calm, balanced information hierarchy
 * - choice density adapts before labels become cramped
 */

:root {
    --aho81-sidebar: 224px;
    --aho81-ink: #10243d;
    --aho81-text: #1f3853;
    --aho81-muted: #637991;
    --aho81-border: #d8e3ec;
    --aho81-soft: #f7fafc;
    --aho81-radius: 16px;
}

/* ======================================================================
   1. ENTRY DESKTOP NAVIGATION — NEVER THE NARROW ICON STRIP
   ====================================================================== */
@media (min-width: 980px) {
    html body.page-entry .app-shell,
    html body.page-entry.sidebar-collapsed .app-shell {
        grid-template-columns: var(--aho81-sidebar) minmax(0, 1fr) !important;
    }

    html body.page-entry .sidebar,
    html body.page-entry.sidebar-collapsed .sidebar {
        position: sticky !important;
        inset: auto !important;
        top: 0 !important;
        width: var(--aho81-sidebar) !important;
        min-width: var(--aho81-sidebar) !important;
        max-width: var(--aho81-sidebar) !important;
        height: 100dvh !important;
        transform: none !important;
        overflow: hidden !important;
        border-right: 1px solid #dce6ee !important;
        background: #fbfdfe !important;
        box-shadow: 7px 0 24px rgba(28, 55, 83, .035) !important;
    }

    html body.page-entry .sidebar-overlay,
    html body.page-entry .topbar__menu,
    html body.page-entry .sidebar__close,
    html body.page-entry .sidebar__collapse {
        display: none !important;
    }

    html body.page-entry .sidebar__brand,
    html body.page-entry.sidebar-collapsed .sidebar__brand {
        min-height: 64px !important;
        justify-content: flex-start !important;
        padding: 8px 12px !important;
    }

    html body.page-entry .brand,
    html body.page-entry.sidebar-collapsed .brand {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 10px !important;
    }

    html body.page-entry .brand__mark,
    html body.page-entry .brand-mark,
    html body.page-entry .brand__logo {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 11px !important;
    }

    html body.page-entry .brand__text,
    html body.page-entry.sidebar-collapsed .brand__text {
        display: block !important;
        min-width: 0 !important;
    }

    html body.page-entry .brand__text strong {
        display: block !important;
        color: #142b45 !important;
        font-size: .88rem !important;
        font-weight: 730 !important;
        line-height: 1.15 !important;
    }

    html body.page-entry .brand__text small {
        display: block !important;
        margin-top: 2px !important;
        color: #71849a !important;
        font-size: .69rem !important;
        line-height: 1.2 !important;
    }

    html body.page-entry .sidebar__navigation,
    html body.page-entry.sidebar-collapsed .sidebar__navigation {
        padding: 8px 8px 10px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scrollbar-width: thin !important;
    }

    html body.page-entry .nav-section,
    html body.page-entry.sidebar-collapsed .nav-section {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    html body.page-entry .nav-section + .nav-section,
    html body.page-entry.sidebar-collapsed .nav-section + .nav-section {
        margin-top: 6px !important;
        padding-top: 6px !important;
        border-top: 1px solid #eaf0f4 !important;
    }

    html body.page-entry .nav-section__title,
    html body.page-entry.sidebar-collapsed .nav-section__title {
        display: none !important;
    }

    html body.page-entry .nav-section__items,
    html body.page-entry.sidebar-collapsed .nav-section__items {
        gap: 2px !important;
    }

    html body.page-entry .nav-item,
    html body.page-entry.sidebar-collapsed .nav-item {
        width: 100% !important;
        min-height: 36px !important;
        height: auto !important;
        justify-content: flex-start !important;
        gap: 9px !important;
        padding: 4px 8px !important;
        border-radius: 10px !important;
        color: #3e5873 !important;
        font-size: .81rem !important;
        font-weight: 630 !important;
        line-height: 1.22 !important;
        letter-spacing: 0 !important;
    }

    html body.page-entry .nav-item__icon,
    html body.page-entry.sidebar-collapsed .nav-item__icon {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        border-radius: 9px !important;
    }

    html body.page-entry .nav-item__icon svg,
    html body.page-entry.sidebar-collapsed .nav-item__icon svg {
        width: 18px !important;
        height: 18px !important;
        stroke-width: 1.85 !important;
    }

    html body.page-entry .nav-item__label,
    html body.page-entry.sidebar-collapsed .nav-item__label {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.page-entry .sidebar__footer,
    html body.page-entry.sidebar-collapsed .sidebar__footer {
        padding: 6px 8px 8px !important;
    }

    html body.page-entry .system-indicator,
    html body.page-entry.sidebar-collapsed .system-indicator {
        justify-content: flex-start !important;
        min-height: 34px !important;
        padding: 5px 8px !important;
    }

    html body.page-entry .system-indicator > div,
    html body.page-entry.sidebar-collapsed .system-indicator > div {
        display: block !important;
    }

    html body.page-entry .aho-entry-actionbar {
        left: calc(var(--aho81-sidebar) + 12px) !important;
    }
}

/* A slightly denser vertical rail on short laptop displays, without shrinking text. */
@media (min-width: 980px) and (max-height: 900px) {
    html body.page-entry .sidebar__brand { min-height: 56px !important; padding-block: 6px !important; }
    html body.page-entry .sidebar__navigation { padding-block: 5px !important; }
    html body.page-entry .nav-section + .nav-section { margin-top: 3px !important; padding-top: 3px !important; }
    html body.page-entry .nav-item,
    html body.page-entry.sidebar-collapsed .nav-item { min-height: 33px !important; padding-block: 2px !important; font-size: .79rem !important; }
    html body.page-entry .nav-item__icon,
    html body.page-entry.sidebar-collapsed .nav-item__icon { width: 26px !important; min-width: 26px !important; height: 26px !important; }
    html body.page-entry .nav-item__icon svg,
    html body.page-entry.sidebar-collapsed .nav-item__icon svg { width: 17px !important; height: 17px !important; }
}

/* ======================================================================
   2. TYPOGRAPHY — readable rather than heavy/dense
   ====================================================================== */
html body.page-entry {
    color: var(--aho81-text) !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
}

html body.page-entry .topbar__title strong {
    font-size: 1rem !important;
    font-weight: 720 !important;
    letter-spacing: -.01em !important;
}

html body.page-entry .aho80-section-heading h2 {
    color: var(--aho81-ink) !important;
    font-size: 1.28rem !important;
    font-weight: 740 !important;
    line-height: 1.24 !important;
    letter-spacing: -.015em !important;
}

html body.page-entry .aho80-section-heading p {
    margin-top: 4px !important;
    color: var(--aho81-muted) !important;
    font-size: .86rem !important;
    font-weight: 450 !important;
    line-height: 1.45 !important;
}

html body.page-entry .aho-entry-form fieldset.aho-fieldset > legend,
html body.page-entry #social-topics .aho-topic-group > legend,
html body.page-entry .aho-event-targets > legend {
    color: #17304a !important;
    font-size: .98rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -.005em !important;
}

html body.page-entry .aho-entry-form .aho-field > span,
html body.page-entry .aho-entry-form .aho-field > label,
html body.page-entry .aho-entry-form .aho-field label {
    color: #29445f !important;
    font-size: .92rem !important;
    font-weight: 680 !important;
    line-height: 1.35 !important;
}

html body.page-entry .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    color: #172f49 !important;
    font-size: .94rem !important;
    font-weight: 520 !important;
    line-height: 1.4 !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__label {
    color: #17304a !important;
    font-size: .90rem !important;
    font-weight: 650 !important;
    line-height: 1.34 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

/* ======================================================================
   3. REMOVE THE DUPLICATED ENTRY HERO; LET TOPBAR + STEPS LEAD
   ====================================================================== */
html body.page-entry .aho-entry-premium-head {
    display: none !important;
}

html body.page-entry .content {
    padding-top: 10px !important;
}

html body.page-entry .aho-entry-quicknav {
    min-height: 50px !important;
    margin: 0 0 14px !important;
    padding: 5px 8px !important;
    gap: 5px !important;
    border: 1px solid color-mix(in srgb, var(--entry-accent) 13%, #dce7ef) !important;
    border-radius: 14px !important;
    background: linear-gradient(90deg, color-mix(in srgb, var(--entry-accent-wash) 46%, white 54%), #fff 72%) !important;
    box-shadow: 0 4px 16px rgba(30, 56, 82, .035) !important;
}

html body.page-entry .aho-entry-quicknav a {
    min-height: 38px !important;
    padding: 5px 10px !important;
    gap: 7px !important;
    border-radius: 10px !important;
    color: #38516b !important;
    font-size: .84rem !important;
    font-weight: 620 !important;
}

html body.page-entry .aho-entry-quicknav a.is-active,
html body.page-entry .aho-entry-quicknav a[aria-current="step"] {
    color: var(--entry-accent-strong) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 76%, white 24%) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--entry-accent) 24%, transparent) !important;
}

html body.page-entry .aho80-step-index {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    font-size: .76rem !important;
    font-weight: 720 !important;
}

html body.page-entry .aho80-step-icon {
    display: none !important;
}

/* ======================================================================
   4. SECTION RHYTHM
   ====================================================================== */
html body.page-entry .aho-form-section {
    margin-bottom: 20px !important;
    padding: 0 18px 22px !important;
    border-color: #dce6ee !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(28, 54, 82, .045) !important;
}

html body.page-entry .aho-form-section__header {
    min-height: 76px !important;
    margin: 0 -18px 18px !important;
    padding: 12px 18px !important;
    gap: 13px !important;
    border-left-width: 4px !important;
    background: linear-gradient(90deg, color-mix(in srgb, var(--entry-accent-wash) 68%, white 32%), #fff 68%) !important;
}

html body.page-entry .aho-section-number {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
}

html body.page-entry .aho-section-number svg {
    width: 25px !important;
    height: 25px !important;
}

html body.page-entry .aho-entry-grid {
    column-gap: 18px !important;
    row-gap: 18px !important;
}

html body.page-entry .aho-entry-form fieldset.aho-fieldset,
html body.page-entry .aho-entry-form fieldset.aho-fieldset--quick,
html body.page-entry #social-topics .aho-topic-group,
html body.page-entry .aho-event-targets {
    padding-block: 12px 14px !important;
}

/* ======================================================================
   5. BERATUNG / GRUNDINFORMATIONEN — balanced desktop composition
   ====================================================================== */
html body.page-entry--social-work .aho81-basics-grid {
    grid-template-columns: minmax(170px, .8fr) minmax(320px, 1.6fr) minmax(220px, .75fr) !important;
    align-items: end !important;
    gap: 20px 18px !important;
}

html body.page-entry--social-work .aho81-meta-date,
html body.page-entry--social-work .aho81-meta-employee,
html body.page-entry--social-work .aho81-meta-duration,
html body.page-entry--social-work .aho81-travel-field {
    grid-column: auto !important;
}

html body.page-entry--social-work .aho81-choice-block {
    grid-column: 1 / -1 !important;
    margin-top: 2px !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #f8fbfc !important;
    box-shadow: inset 0 0 0 1px rgba(212, 226, 235, .62) !important;
}

html body.page-entry--social-work .aho81-choice-block > legend {
    margin-bottom: 3px !important;
    padding-inline: 2px !important;
}

html body.page-entry--social-work .aho81-contact-block {
    margin-top: 4px !important;
}

html body.page-entry--social-work .aho81-travel-field {
    width: min(100%, 340px) !important;
    margin-top: 2px !important;
}

/* Purpose remains clear, but not oversized. */
html body.page-entry--social-work .aho-choice-grid--field-contact_purpose {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px !important;
}

html body.page-entry--social-work .aho-choice-grid--field-contact_purpose label.aho73-choice {
    min-height: 66px !important;
}

/* Contact channels: relaxed 4-column layout on genuinely wide workspaces. */
html body.page-entry--social-work .aho-choice-grid--field-contact_type {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 10px !important;
}

/* ======================================================================
   6. CHOICE CARDS — less cramped, less bold, stronger scanning
   ====================================================================== */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form label.choice.aho73-choice {
    min-height: 62px !important;
    grid-template-columns: 40px minmax(0,1fr) 19px !important;
    gap: 11px !important;
    padding: 9px 11px !important;
    border-radius: 13px !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__visual {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__visual svg {
    width: 21px !important;
    height: 21px !important;
}

html body.page-entry .app-shell .aho-entry-form .aho73-choice__indicator {
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
}

/* ======================================================================
   7. RESPONSIVE DENSITY — adapt before text gets crushed
   ====================================================================== */
@media (max-width: 1420px) and (min-width: 980px) {
    :root { --aho81-sidebar: 210px; }

    html body.page-entry--social-work .aho81-basics-grid {
        grid-template-columns: minmax(160px, .75fr) minmax(280px, 1.35fr) minmax(190px, .7fr) !important;
    }

    html body.page-entry--social-work .aho-choice-grid--field-contact_type {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }

    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types,
    html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid--field-target_groups {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }

    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source {
        grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    }
}

@media (max-width: 1160px) and (min-width: 980px) {
    :root { --aho81-sidebar: 196px; }

    html body.page-entry .content {
        padding-inline: 10px !important;
    }

    html body.page-entry--social-work .aho81-basics-grid {
        grid-template-columns: 1fr 1.45fr !important;
    }

    html body.page-entry--social-work .aho81-meta-duration {
        grid-column: 1 / 2 !important;
    }

    html body.page-entry--social-work .aho81-choice-block {
        grid-column: 1 / -1 !important;
    }

    html body.page-entry--social-work .aho-choice-grid--field-contact_type {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types,
    html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid--field-target_groups {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

@media (max-width: 979px) {
    html body.page-entry .aho-entry-actionbar {
        left: 10px !important;
        right: 10px !important;
    }

    html body.page-entry--social-work .aho81-basics-grid {
        grid-template-columns: 1fr !important;
    }

    html body.page-entry--social-work .aho81-meta-date,
    html body.page-entry--social-work .aho81-meta-employee,
    html body.page-entry--social-work .aho81-meta-duration,
    html body.page-entry--social-work .aho81-travel-field,
    html body.page-entry--social-work .aho81-choice-block {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 700px) {
    html body.page-entry .aho80-section-heading h2 { font-size: 1.14rem !important; }
    html body.page-entry .aho-form-section { padding-inline: 11px !important; }
    html body.page-entry .aho-form-section__header { margin-inline: -11px !important; padding-inline: 11px !important; }
    html body.page-entry--social-work .aho81-choice-block { padding: 11px !important; }
}

/* ======================================================================
   8. DARK MODE
   ====================================================================== */
:root[data-theme="dark"] body.page-entry--social-work .aho81-choice-block {
    background: #162630 !important;
    box-shadow: inset 0 0 0 1px #2c404c !important;
}

:root[data-theme="dark"] body.page-entry .nav-item,
:root[data-theme="dark"] body.page-entry.sidebar-collapsed .nav-item {
    color: #b4c3d0 !important;
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.82.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.82 — LAB Intelligence Workspace + Global Readable Navigation
 * -------------------------------------------------------------------------
 * 2026 design pass:
 * - applies the readable 100%-zoom desktop navigation to the whole product
 * - rebuilds LAB as a multi-view intelligence workspace
 * - keeps semantic colors, high contrast and calm enterprise density
 */

:root {
    --aho82-sidebar: 208px;
    --lab82-ink: #10233f;
    --lab82-text: #27415d;
    --lab82-muted: #6b7f98;
    --lab82-line: #dbe5ef;
    --lab82-soft: #f6f9fc;
    --lab82-surface: #ffffff;
    --lab82-teal: #079a91;
    --lab82-teal-2: #24c5b7;
    --lab82-blue: #2478ff;
    --lab82-cyan: #35b7ee;
    --lab82-violet: #7357e8;
    --lab82-purple: #9b55f4;
    --lab82-pink: #dc4ea3;
    --lab82-amber: #f59b23;
    --lab82-danger: #e94b58;
    --lab82-success: #0aa678;
    --lab82-radius: 16px;
    --lab82-shadow: 0 12px 36px rgba(34, 63, 96, .07);
}

/* ======================================================================
   GLOBAL DESKTOP NAVIGATION — SAME RULE ON EVERY PAGE
   ====================================================================== */
@media (min-width: 980px) {
    html body .app-shell,
    html body.sidebar-collapsed .app-shell {
        grid-template-columns: var(--aho82-sidebar) minmax(0,1fr) !important;
    }

    html body .sidebar,
    html body.sidebar-collapsed .sidebar {
        position: sticky !important;
        inset: auto !important;
        top: 0 !important;
        width: var(--aho82-sidebar) !important;
        min-width: var(--aho82-sidebar) !important;
        max-width: var(--aho82-sidebar) !important;
        height: 100dvh !important;
        transform: none !important;
        overflow: hidden !important;
        border-right: 1px solid #dce6ee !important;
        background: #fbfdfe !important;
        box-shadow: 8px 0 26px rgba(28,55,83,.035) !important;
    }

    html body .sidebar-overlay,
    html body .topbar__menu,
    html body .sidebar__close,
    html body .sidebar__collapse {
        display: none !important;
    }

    html body .sidebar__brand,
    html body.sidebar-collapsed .sidebar__brand {
        min-height: 62px !important;
        justify-content: flex-start !important;
        padding: 8px 10px !important;
    }

    html body .brand,
    html body.sidebar-collapsed .brand {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 9px !important;
    }

    html body .brand__mark,
    html body .brand-mark,
    html body .brand__logo {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        border-radius: 11px !important;
    }

    html body .brand__text,
    html body.sidebar-collapsed .brand__text {
        display: flex !important;
        min-width: 0 !important;
    }

    html body .brand__text strong { font-size:.86rem !important; font-weight:760 !important; }
    html body .brand__text small { font-size:.67rem !important; margin-top:2px !important; }

    html body .sidebar__navigation,
    html body.sidebar-collapsed .sidebar__navigation {
        padding: 7px 7px 9px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scrollbar-width: thin !important;
    }

    html body .nav-section,
    html body.sidebar-collapsed .nav-section { margin:0 !important; padding:0 !important; border:0 !important; }
    html body .nav-section + .nav-section,
    html body.sidebar-collapsed .nav-section + .nav-section { margin-top:5px !important; padding-top:5px !important; border-top:1px solid #eaf0f4 !important; }
    html body .nav-section__title,
    html body.sidebar-collapsed .nav-section__title { display:none !important; }
    html body .nav-section__items,
    html body.sidebar-collapsed .nav-section__items { gap:2px !important; }

    html body .nav-item,
    html body.sidebar-collapsed .nav-item {
        width:100% !important;
        min-height:35px !important;
        height:auto !important;
        justify-content:flex-start !important;
        gap:8px !important;
        padding:4px 8px !important;
        border-radius:10px !important;
        font-size:.79rem !important;
        font-weight:650 !important;
        line-height:1.18 !important;
        letter-spacing:0 !important;
    }

    html body .nav-item__icon,
    html body.sidebar-collapsed .nav-item__icon {
        width:27px !important;
        min-width:27px !important;
        height:27px !important;
        display:grid !important;
        place-items:center !important;
        border-radius:9px !important;
    }

    html body .nav-item__icon svg,
    html body.sidebar-collapsed .nav-item__icon svg { width:17px !important; height:17px !important; stroke-width:1.9 !important; }

    html body .nav-item__label,
    html body.sidebar-collapsed .nav-item__label {
        display:block !important;
        min-width:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    html body .sidebar__footer,
    html body.sidebar-collapsed .sidebar__footer { padding:6px 7px 8px !important; }
    html body .system-indicator,
    html body.sidebar-collapsed .system-indicator { min-height:34px !important; justify-content:flex-start !important; padding:5px 8px !important; }
    html body .system-indicator > div,
    html body.sidebar-collapsed .system-indicator > div { display:block !important; }
}

@media (min-width:980px) and (max-height:900px) {
    html body .sidebar__brand { min-height:54px !important; padding-block:5px !important; }
    html body .sidebar__navigation { padding-block:4px !important; }
    html body .nav-section + .nav-section { margin-top:2px !important; padding-top:2px !important; }
    html body .nav-item,
    html body.sidebar-collapsed .nav-item { min-height:31px !important; padding-block:2px !important; font-size:.76rem !important; }
    html body .nav-item__icon,
    html body.sidebar-collapsed .nav-item__icon { width:25px !important; min-width:25px !important; height:25px !important; }
    html body .nav-item__icon svg { width:16px !important; height:16px !important; }
    html body .sidebar__footer { padding-block:4px !important; }
}

/* ======================================================================
   LAB WORKSPACE FOUNDATION
   ====================================================================== */
html body.page-lab-intelligence {
    background:
        radial-gradient(circle at 63% 17%, rgba(63,184,255,.10), transparent 24%),
        radial-gradient(circle at 83% 12%, rgba(92,84,239,.075), transparent 22%),
        #f4f8fb !important;
    color:var(--lab82-text) !important;
}

html body.page-lab-intelligence .content {
    max-width:none !important;
    padding:12px 16px 28px !important;
}

html body.page-lab-intelligence .topbar {
    min-height:70px !important;
    padding:10px 18px !important;
    background:rgba(255,255,255,.92) !important;
    backdrop-filter:blur(18px) saturate(135%) !important;
}

.lab82-shell {
    width:100%;
    max-width:1700px;
    margin:0 auto;
    color:var(--lab82-text);
    font-size:14px;
    line-height:1.4;
}

.lab82-commandbar {
    position:sticky;
    top:70px;
    z-index:40;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    padding:8px;
    border:1px solid rgba(204,218,232,.9);
    border-radius:15px;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 26px rgba(37,65,96,.055);
    backdrop-filter:blur(18px) saturate(140%);
}

.lab82-tabs {
    min-width:0;
    display:flex;
    align-items:center;
    gap:3px;
    flex-wrap:wrap;
}

.lab82-tab {
    min-height:38px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border:1px solid transparent;
    border-radius:10px;
    color:#314e6d;
    font-size:.78rem;
    font-weight:720;
    text-decoration:none;
    transition:transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}
.lab82-tab svg { width:17px; height:17px; color:#2aaab9; }
.lab82-tab:hover { background:#f3f8fb; color:#132e4a; transform:translateY(-1px); }
.lab82-tab.is-active {
    color:white;
    border-color:rgba(5,146,137,.28);
    background:linear-gradient(135deg,#069f95,#087f87);
    box-shadow:0 8px 18px rgba(4,144,138,.20);
}
.lab82-tab.is-active svg { color:white; }

.lab82-controls { display:flex; align-items:flex-end; gap:8px; }
.lab82-controls label { display:grid; gap:4px; }
.lab82-controls label>span { color:#607691; font-size:.64rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.lab82-controls select {
    min-width:92px;
    height:40px;
    padding:0 30px 0 10px !important;
    border:1px solid #d5e1eb !important;
    border-radius:10px !important;
    color:#16304d !important;
    background:#fff !important;
    font-size:.78rem !important;
    font-weight:700 !important;
}
.lab82-controls label:nth-child(2) select { min-width:150px; }

.lab82-btn,
.lab82-definition {
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 13px;
    border:1px solid #d3e0eb;
    border-radius:10px;
    color:#20415f;
    background:#fff;
    font-size:.78rem;
    font-weight:760;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 4px 14px rgba(31,61,90,.04);
}
.lab82-btn svg,.lab82-definition svg { width:17px;height:17px; }
.lab82-btn--ai { color:#fff; border-color:#584be2; background:linear-gradient(135deg,#357df3,#6e35e7); box-shadow:0 10px 24px rgba(83,71,224,.22); }
.lab82-btn--ghost:hover,.lab82-definition:hover { border-color:#9fc9d2; background:#f7fbfc; }
.lab82-btn--ai:hover { transform:translateY(-1px); box-shadow:0 13px 28px rgba(83,71,224,.27); }

.lab82-hero {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,620px);
    align-items:end;
    gap:20px;
    min-height:102px;
    padding:10px 12px 14px;
    overflow:hidden;
}
.lab82-hero::after {
    content:"";
    position:absolute;
    left:43%; top:-70px;
    width:240px; height:200px;
    background:linear-gradient(135deg,rgba(45,172,232,.12),rgba(109,78,238,.03));
    clip-path:polygon(0 0,100% 30%,42% 100%);
    pointer-events:none;
}
.lab82-kicker { display:block; color:#6b95b4; font-size:.68rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.lab82-hero h1 { margin:1px 0 0; color:var(--lab82-ink); font-size:2.05rem; line-height:1.08; font-weight:820; letter-spacing:-.035em; }
.lab82-hero p { margin:5px 0 0; color:#70839c; font-size:.88rem; }
.lab82-hero-actions { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; }
.lab82-ai-card {
    min-height:62px;
    display:grid;
    grid-template-columns:42px 1fr auto;
    gap:10px;
    align-items:center;
    padding:9px 12px;
    border:1px solid #d7e6f4;
    border-radius:13px;
    color:#32516f;
    background:linear-gradient(135deg,rgba(246,251,255,.96),rgba(239,247,255,.92));
    text-decoration:none;
    box-shadow:0 8px 22px rgba(42,92,138,.06);
}
.lab82-ai-card__icon { width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#446df4;background:#eef3ff; }
.lab82-ai-card__icon svg { width:20px;height:20px; }
.lab82-ai-card strong { display:block;color:#24508c;font-size:.80rem; }
.lab82-ai-card small { display:block;margin-top:2px;color:#63809d;font-size:.69rem;line-height:1.3; }
.lab82-ai-card b { color:#3180ca;font-size:1.5rem; }
.lab82-definition { min-height:44px; white-space:nowrap; color:#2376ba; }

.lab82-view { animation:lab82In .22s ease both; }
.lab82-view[hidden] { display:none !important; }
@keyframes lab82In { from {opacity:0;transform:translateY(5px)} to {opacity:1;transform:none} }

/* KPI rows */
.lab82-kpi-grid { display:grid; gap:10px; }
.lab82-kpi-grid--primary { grid-template-columns:repeat(6,minmax(0,1fr)); }
.lab82-kpi-grid--secondary { grid-template-columns:repeat(6,minmax(0,1fr)); margin-top:10px; }
.lab82-kpi,
.lab82-mini,
.lab82-card {
    border:1px solid rgba(213,225,236,.95);
    border-radius:var(--lab82-radius);
    background:rgba(255,255,255,.96);
    box-shadow:var(--lab82-shadow);
}
.lab82-kpi {
    min-height:106px;
    display:grid;
    grid-template-columns:44px 1fr;
    gap:10px;
    align-items:start;
    padding:14px;
}
.lab82-iconbox {
    width:40px;height:40px;display:grid;place-items:center;border-radius:11px;
    color:#1778f2;background:linear-gradient(145deg,#f3f8ff,#e7f2ff);
    box-shadow:inset 0 0 0 1px rgba(59,132,223,.06),0 5px 12px rgba(43,105,177,.05);
}
.lab82-iconbox svg { width:21px;height:21px; }
.lab82-iconbox--blue{color:#2b76f0;background:#edf4ff}.lab82-iconbox--violet{color:#7652ef;background:#f2efff}.lab82-iconbox--pink{color:#d74a9d;background:#fff0f8}.lab82-iconbox--teal{color:#079d91;background:#eafaf7}.lab82-iconbox--amber{color:#e58a13;background:#fff6e7}
.lab82-kpi small { display:block;color:#68809a;font-size:.72rem;line-height:1.2; }
.lab82-kpi strong { display:block;margin-top:2px;color:#112743;font-size:1.55rem;line-height:1.1;font-weight:820;letter-spacing:-.025em; }
.lab82-delta { display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;font-size:.69rem;font-weight:760; }
.lab82-delta em { width:100%;color:#8090a4;font-style:normal;font-size:.62rem;font-weight:600; }
.lab82-delta.is-up{color:#0a9c73}.lab82-delta.is-down{color:#e26b22}.lab82-delta.is-neutral{color:#8090a4}
.lab82-tone-teal .lab82-iconbox{color:#06a297;background:#e9faf7}.lab82-tone-violet .lab82-iconbox{color:#7558ef;background:#f0eeff}.lab82-tone-pink .lab82-iconbox{color:#df3f91;background:#fff0f7}

.lab82-mini { min-height:86px; display:grid; grid-template-columns:38px minmax(0,1fr); gap:9px; align-items:center; padding:12px; }
.lab82-mini .lab82-iconbox { width:36px;height:36px; }
.lab82-mini small { display:block;color:#70839b;font-size:.69rem; }
.lab82-mini strong { display:block;margin-top:2px;overflow:hidden;color:#18304d;font-size:1.02rem;line-height:1.16;font-weight:790;text-overflow:ellipsis;white-space:nowrap; }
.lab82-mini>div>span { display:block;margin-top:3px;color:#7a8ba0;font-size:.64rem; }

/* Main analytics cards */
.lab82-chart-grid { display:grid;grid-template-columns:1.08fr 1fr 1.18fr 1fr;gap:10px;margin-top:10px; }
.lab82-card { overflow:hidden; }
.lab82-card>header { min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #e7edf3; }
.lab82-card>header h2,.lab82-card>header h3 { margin:0;color:#18304d;font-size:.88rem;font-weight:800;line-height:1.2; }
.lab82-card>header span { display:block;margin-top:2px;color:#7b8da2;font-size:.64rem; }
.lab82-card>header button { border:0;background:transparent;color:#52708e;font-weight:900;cursor:pointer; }
.lab82-chart-card { min-height:258px; }
.lab82-donut-wrap { min-height:195px;display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;padding:13px; }
.lab82-donut { position:relative;width:132px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5); }
.lab82-donut::after { content:"";position:absolute;inset:25px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #eef3f7; }
.lab82-donut>span { position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center;color:#17304d; }
.lab82-donut b { font-size:1.25rem;line-height:1; }.lab82-donut small { margin-top:3px;color:#7489a0;font-size:.66rem; }
.lab82-legend { display:grid;gap:8px;min-width:0; }
.lab82-legend>div { display:grid;grid-template-columns:9px minmax(0,1fr) auto auto;gap:7px;align-items:center;color:#536b84;font-size:.67rem; }
.lab82-legend i { width:9px;height:9px;border-radius:50%;background:var(--seg); }.lab82-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab82-legend b{color:#19314d}.lab82-legend em{color:#8293a7;font-style:normal}

.lab82-bars { display:grid;gap:13px;padding:18px 13px; }
.lab82-bars>div { display:grid;grid-template-columns:minmax(110px,1.2fr) 2fr 34px;gap:8px;align-items:center;font-size:.68rem; }
.lab82-bars>div>span { color:#506981;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.lab82-bars>div>div { height:11px;overflow:hidden;border-radius:999px;background:#e9eff5; }
.lab82-bars>div>div>i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2478ff,#5366ea);box-shadow:0 0 12px rgba(59,101,240,.18); }
.lab82-bars>div:nth-child(2) div i{background:linear-gradient(90deg,#14b8a6,#2ca3c7)}.lab82-bars>div:nth-child(3) div i{background:linear-gradient(90deg,#7a5cf0,#a358e6)}.lab82-bars>div:nth-child(4) div i{background:linear-gradient(90deg,#5a9af8,#7379ef)}
.lab82-bars b { text-align:right;color:#19324e; }.lab82-empty{color:#7e91a7}

.lab82-line-legend { display:flex;gap:12px;flex-wrap:wrap;padding:9px 14px 0;color:#627b94;font-size:.63rem; }
.lab82-line-legend span{display:flex;gap:5px;align-items:center}.lab82-line-legend i{width:7px;height:7px;border-radius:50%}.lab82-line-legend .is-hiv{background:#2478ff}.lab82-line-legend .is-syphilis{background:#7b5cf2}.lab82-line-legend .is-hcv{background:#11adbe}.lab82-line-legend .is-sti{background:#e25bc0}
.lab82-linechart { width:100%;height:170px;padding:4px 10px 8px;overflow:visible; }
.lab82-linechart .grid path { fill:none;stroke:#e8eef5;stroke-width:1; }
.lab82-linechart .series { fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(38,91,163,.12)); }
.lab82-linechart .series.is-hiv{stroke:#2478ff}.lab82-linechart .series.is-syphilis{stroke:#7b5cf2}.lab82-linechart .series.is-hcv{stroke:#11adbe}.lab82-linechart .series.is-sti{stroke:#e25bc0}
.lab82-linechart .months text { fill:#71869d;font-size:10px;font-family:inherit; }

.lab82-bottom-grid { display:grid;grid-template-columns:1.05fr 1fr 1.15fr;gap:10px;margin-top:10px; }
.lab82-attention>header { background:linear-gradient(90deg,#fffaf2,#fff); }
.lab82-attention-title{display:flex;align-items:center;gap:8px}.lab82-attention-title>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#f0781a;background:#fff0df}.lab82-attention-title svg{width:17px;height:17px}.lab82-attention>header>b{padding:5px 9px;border-radius:999px;color:#e26719;background:#fff1df;font-size:.65rem}
.lab82-attention-list { display:grid; }
.lab82-attention-list>a { min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) auto 10px;gap:8px;align-items:center;padding:7px 12px;border-bottom:1px solid #edf1f5;color:#3f5872;text-decoration:none; }
.lab82-attention-list>a:last-child{border-bottom:0}.lab82-attention-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f4f7fb}.lab82-attention-icon svg{width:15px;height:15px}.lab82-attention-list strong{display:block;color:#263d57;font-size:.70rem}.lab82-attention-list small{display:block;margin-top:1px;color:#8291a3;font-size:.61rem}.lab82-attention-list>a>b{min-width:26px;padding:4px 7px;border-radius:999px;text-align:center;color:#d84650;background:#ffedf0;font-size:.64rem}.lab82-attention-list>a>em{color:#6c86a0;font-style:normal;font-size:1rem}.lab82-attention-list .tone-warning .lab82-attention-icon{color:#e88a17;background:#fff5e7}.lab82-attention-list .tone-info .lab82-attention-icon{color:#397ed6;background:#edf5ff}.lab82-attention-list .tone-danger .lab82-attention-icon{color:#df5360;background:#ffeff1}

.lab82-resources>header a,.lab82-intelligence>header a { padding:5px 9px;border:1px solid #d9e4ed;border-radius:8px;color:#217b86;background:#f8fcfc;font-size:.63rem;font-weight:750;text-decoration:none; }
.lab82-resource-list { display:grid;gap:12px;padding:13px; }
.lab82-resource-list>div { display:grid;grid-template-columns:minmax(110px,1.4fr) minmax(90px,1.2fr) 55px 65px;gap:8px;align-items:center;color:#50677e;font-size:.65rem; }
.lab82-resource-list>div>div{height:10px;border-radius:999px;background:#e9eff4;overflow:hidden}.lab82-resource-list>div>div>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0bb596,#15aeb7)}.lab82-resource-list>div:nth-child(2) i{background:linear-gradient(90deg,#f59c20,#ed7e1d)}.lab82-resource-list b{color:#203951;text-align:right}.lab82-resource-list em{padding:3px 6px;border-radius:999px;color:#16836d;background:#e9f8f4;font-style:normal;text-align:center;font-size:.58rem}.lab82-resource-note{margin:0;padding:0 13px 12px;color:#8392a3;font-size:.60rem;line-height:1.4}

.lab82-insight-list { display:grid; }
.lab82-insight-list>div { min-height:50px;display:grid;grid-template-columns:31px 1fr 10px;gap:8px;align-items:center;padding:7px 12px;border-bottom:1px solid #edf1f5; }
.lab82-insight-list>div:last-child{border-bottom:0}.lab82-insight-list>div>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#347af4;background:#edf4ff}.lab82-insight-list svg{width:16px;height:16px}.lab82-insight-list p{margin:0}.lab82-insight-list strong{display:block;color:#27405a;font-size:.69rem}.lab82-insight-list small{display:block;margin-top:1px;color:#7e8fa2;font-size:.60rem;line-height:1.25}.lab82-insight-list b{color:#6b86a3}.lab82-insight-list .tone-violet>span{color:#7c55ef;background:#f2eeff}.lab82-insight-list .tone-teal>span{color:#069b8f;background:#e9f9f5}

/* Detail views */
.lab82-section-head { min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 10px;padding:14px 16px;border:1px solid #dce6ef;border-radius:16px;background:linear-gradient(135deg,#fff,#f7fbfd);box-shadow:0 9px 28px rgba(35,65,95,.05); }
.lab82-section-head>div{display:flex;align-items:center;gap:12px}.lab82-section-head h2{margin:0;color:#122b46;font-size:1.35rem;font-weight:820;letter-spacing:-.02em}.lab82-section-head p{margin:3px 0 0;color:#71869c;font-size:.78rem}.lab82-section-head>span,.lab82-quality-score{padding:7px 10px;border-radius:10px;color:#227c86;background:#eaf8f6;font-size:.72rem;font-weight:800}
.lab82-detail-grid { display:grid;gap:10px;margin-bottom:10px; }.lab82-detail-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.lab82-detail-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.lab82-detail-grid .lab82-card{min-height:230px}.lab82-ranked{display:grid;padding:8px 12px}.lab82-ranked>div,.lab82-ranked>a{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 3px;border-bottom:1px solid #edf2f6;color:#526b84;font-size:.72rem;text-decoration:none}.lab82-ranked>*:last-child{border-bottom:0}.lab82-ranked b{color:#17314c}.lab82-bars--compact{padding:10px 12px}.lab82-wide-chart{margin-bottom:10px}.lab82-linechart--large{height:300px;padding:14px 22px}
.lab82-table{display:grid;padding:8px 12px}.lab82-table>div{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f6}.lab82-table>div:last-child{border-bottom:0}.lab82-table strong{display:block;color:#29415a;font-size:.73rem}.lab82-table small{display:block;color:#7b8da1;font-size:.62rem}.lab82-table b{color:#1f6e83;font-size:.72rem}
.lab82-integration{min-height:260px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px}.lab82-integration h3{margin:12px 0 5px;color:#19334f}.lab82-integration p{max-width:650px;margin:0;color:#6d8298;font-size:.76rem;line-height:1.55}.lab82-integration a{margin-top:15px;color:#0d8f86;font-weight:750;text-decoration:none}
.lab82-quality-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.lab82-quality-layout>.lab82-card{min-height:330px}.lab82-score-ring{--score:0;position:relative;width:150px;aspect-ratio:1;margin:25px auto 15px;border-radius:50%;background:conic-gradient(#0aaa8d calc(var(--score)*1%),#e7eef3 0)}.lab82-score-ring::after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}.lab82-score-ring span{position:absolute;z-index:1;inset:0;display:grid;place-content:center;text-align:center;color:#17334e}.lab82-score-ring b{font-size:2rem}.lab82-score-ring small{color:#7d8da0}.lab82-quality-layout>.lab82-card>p{padding:0 22px 22px;color:#71859b;text-align:center;font-size:.73rem;line-height:1.5}
.lab82-explorer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lab82-explorer-grid .lab82-card{min-height:240px}
.lab82-intelligence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab82-insight-card{min-height:170px;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px}.lab82-insight-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#307af4;background:#edf4ff}.lab82-insight-card svg{width:23px;height:23px}.lab82-insight-card h3{margin:0;color:#19324d;font-size:.95rem}.lab82-insight-card p{margin:6px 0 0;color:#6f849a;font-size:.76rem;line-height:1.5}.lab82-insight-card button{margin-top:13px;padding:0;border:0;color:#267b8d;background:transparent;font-size:.68rem;font-weight:760;cursor:pointer}.lab82-insight-card.tone-violet>span{color:#7755ed;background:#f2eeff}.lab82-insight-card.tone-teal>span{color:#08998e;background:#e9f9f6}.lab82-method{margin-top:10px;padding:20px}.lab82-method h3{margin:0;color:#19324e}.lab82-method p{margin:6px 0 0;color:#71859a;font-size:.75rem;line-height:1.55}
.lab82-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lab82-report-card{min-height:150px;display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;padding:18px;color:#36516d;text-decoration:none;text-align:left;cursor:pointer}.lab82-report-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#2979ed;background:#edf4ff}.lab82-report-card svg{width:21px;height:21px}.lab82-report-card h3{margin:0;color:#18314c;font-size:.86rem}.lab82-report-card p{margin:5px 0 0;color:#768a9f;font-size:.68rem;line-height:1.4}.lab82-report-card>b{color:#5580a5;font-size:1.1rem}

/* Definition dialog */
.lab82-dialog { width:min(860px,calc(100vw - 40px));max-height:84vh;padding:24px;border:1px solid #d6e3ed;border-radius:20px;color:#29415a;background:#fff;box-shadow:0 30px 90px rgba(24,49,78,.25); }
.lab82-dialog::backdrop{background:rgba(15,33,54,.36);backdrop-filter:blur(5px)}.lab82-dialog form{position:absolute;right:14px;top:12px}.lab82-dialog form button{width:34px;height:34px;border:1px solid #dbe5ee;border-radius:10px;color:#657d95;background:#f7fafc;font-size:1.2rem;cursor:pointer}.lab82-dialog h2{margin:4px 0 18px;color:#122c47;font-size:1.5rem}.lab82-definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab82-definition-grid>div{padding:14px;border:1px solid #e0e8ef;border-radius:13px;background:#f9fbfc}.lab82-definition-grid strong{color:#24415d;font-size:.77rem}.lab82-definition-grid p{margin:4px 0 0;color:#6f8498;font-size:.70rem;line-height:1.45}

/* Dark mode */
html[data-theme="dark"] body.page-lab-intelligence { --lab82-ink:#f1f6fb;--lab82-text:#d6e1ea;--lab82-muted:#91a4b7;--lab82-line:#314355;--lab82-surface:#162332;--lab82-soft:#1b2938;background:radial-gradient(circle at 65% 12%,rgba(28,129,172,.12),transparent 30%),#111b27!important; }
html[data-theme="dark"] body.page-lab-intelligence .topbar,
html[data-theme="dark"] .lab82-commandbar,
html[data-theme="dark"] .lab82-kpi,
html[data-theme="dark"] .lab82-mini,
html[data-theme="dark"] .lab82-card,
html[data-theme="dark"] .lab82-section-head { background:rgba(22,35,50,.96)!important;border-color:#314354!important;box-shadow:none!important; }
html[data-theme="dark"] .lab82-hero h1,html[data-theme="dark"] .lab82-card h2,html[data-theme="dark"] .lab82-card h3,html[data-theme="dark"] .lab82-kpi strong,html[data-theme="dark"] .lab82-mini strong,html[data-theme="dark"] .lab82-section-head h2{color:#f1f6fb!important}
html[data-theme="dark"] .lab82-ai-card{background:#192b3c;border-color:#31485c}.lab82-controls select:focus{outline:3px solid rgba(36,120,255,.17);outline-offset:1px}
html[data-theme="dark"] .lab82-controls select,html[data-theme="dark"] .lab82-btn--ghost,html[data-theme="dark"] .lab82-definition{color:#d9e6f0!important;background:#1a2a3a!important;border-color:#31475a!important}
html[data-theme="dark"] .lab82-donut::after,html[data-theme="dark"] .lab82-score-ring::after{background:#162332}.lab82-dialog[open]{animation:lab82Dialog .18s ease both}@keyframes lab82Dialog{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

/* Responsive */
@media (max-width:1550px){
    .lab82-commandbar{grid-template-columns:1fr}.lab82-controls{justify-content:flex-end}.lab82-kpi-grid--primary,.lab82-kpi-grid--secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.lab82-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab82-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab82-intelligence{grid-column:1/-1}.lab82-explorer-grid,.lab82-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1180px){
    .lab82-hero{grid-template-columns:1fr}.lab82-hero-actions{grid-template-columns:1fr auto}.lab82-commandbar{position:relative;top:auto}.lab82-detail-grid--3,.lab82-detail-grid--2,.lab82-quality-layout,.lab82-intelligence-grid{grid-template-columns:1fr}.lab82-bottom-grid{grid-template-columns:1fr}.lab82-intelligence{grid-column:auto}
}
@media (max-width:820px){
    html body.page-lab-intelligence .content{padding:8px!important}.lab82-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.lab82-tab{white-space:nowrap}.lab82-controls{display:grid;grid-template-columns:1fr 1fr}.lab82-controls .lab82-btn{width:100%}.lab82-hero-actions{grid-template-columns:1fr}.lab82-definition{white-space:normal}.lab82-kpi-grid--primary,.lab82-kpi-grid--secondary,.lab82-chart-grid,.lab82-explorer-grid,.lab82-report-grid{grid-template-columns:1fr}.lab82-donut-wrap{grid-template-columns:130px 1fr}.lab82-resource-list>div{grid-template-columns:1fr 1fr}.lab82-resource-list>div>span{grid-column:1/-1}.lab82-definition-grid{grid-template-columns:1fr}
}
.lab82-shell.is-detail .lab82-hero { display:none !important; }

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.83.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.83 — LAB / Auswertung Split + Choice System 2.0 + Dark Mode 2.0
 * --------------------------------------------------------------------------------
 * - restores classic LAB as /lab and moves Intelligence Workspace to /auswertung
 * - gives every analytics chart its own PNG/JPG/PDF export menu
 * - removes duplicate navigation hover labels/tooltips
 * - enforces one readable desktop navigation rule across the product
 * - removes the consultation "Ausgewählte Angaben" side panel
 * - introduces content-aware choice widths throughout operational forms
 * - recalibrates dark mode for legibility and semantic module colors
 */

:root {
    --aho83-sidebar: 224px;
    --aho83-ink: #10243d;
    --aho83-text: #2d465f;
    --aho83-muted: #6b7f94;
    --aho83-border: #d7e2ec;
    --aho83-soft: #f6f9fc;
    --aho83-surface: #ffffff;
    --aho83-radius: 16px;
}

/* ======================================================================
   1. ONE DESKTOP NAVIGATION RULE EVERYWHERE
   ====================================================================== */
@media (min-width: 980px) {
    html body .app-shell,
    html body.sidebar-collapsed .app-shell {
        grid-template-columns: var(--aho83-sidebar) minmax(0, 1fr) !important;
    }

    html body .sidebar,
    html body.sidebar-collapsed .sidebar {
        width: var(--aho83-sidebar) !important;
        min-width: var(--aho83-sidebar) !important;
        max-width: var(--aho83-sidebar) !important;
        transform: none !important;
        overflow: hidden !important;
    }

    html body .sidebar__navigation,
    html body.sidebar-collapsed .sidebar__navigation {
        padding: 8px 9px 10px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    html body .nav-item,
    html body.sidebar-collapsed .nav-item {
        min-height: 38px !important;
        height: auto !important;
        gap: 10px !important;
        padding: 5px 9px !important;
        border-radius: 11px !important;
        font-size: .82rem !important;
        font-weight: 650 !important;
        line-height: 1.22 !important;
        justify-content: flex-start !important;
    }

    html body .nav-item__icon,
    html body.sidebar-collapsed .nav-item__icon {
        width: 29px !important;
        min-width: 29px !important;
        height: 29px !important;
        border-radius: 9px !important;
    }

    html body .nav-item__icon svg,
    html body.sidebar-collapsed .nav-item__icon svg {
        width: 18px !important;
        height: 18px !important;
        stroke-width: 1.9 !important;
    }

    html body .nav-item__label,
    html body.sidebar-collapsed .nav-item__label {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* Old intelligence stylesheet generated a second title on hover from attr(title).
   The visible navigation already contains the label, so this is intentionally off. */
html body .nav-item::after,
html body .nav-item:hover::after,
html body .nav-item:focus-visible::after,
html body.sidebar-collapsed .nav-item::after,
html body.sidebar-collapsed .nav-item:hover::after,
html body.sidebar-collapsed .nav-item:focus-visible::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* ======================================================================
   2. CLASSIC LAB PAGE
   ====================================================================== */
html body.page-lab-classic {
    background: #f4f8fb !important;
}
html body.page-lab-classic .content {
    max-width: none !important;
    padding: 14px 18px 30px !important;
}
html body.page-lab-classic .lab-shell {
    max-width: 1700px !important;
    margin-inline: auto !important;
}

/* ======================================================================
   3. AUSWERTUNG — CHART SYSTEM / EXPORT MENUS
   ====================================================================== */
.lab83-shell { max-width: 1720px !important; }
.lab83-chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}
.lab83-chart-grid--overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lab83-chart-grid--trends {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lab83-chart-card {
    min-width: 0;
    overflow: visible !important;
}
.lab83-chart-card--wide { grid-column: span 1; }
.lab83-chart-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 16px 9px;
}
.lab83-chart-card > header h3 {
    margin: 0;
    color: var(--lab82-ink);
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: -.014em;
}
.lab83-chart-card > header span {
    display: block;
    margin-top: 3px;
    color: var(--lab82-muted);
    font-size: .76rem;
}
.lab83-chart-body {
    min-height: 270px;
    padding: 4px 14px 14px;
}
.lab83-chart-body .aho-chart-preview {
    width: 100% !important;
    min-height: 248px !important;
    border-radius: 12px;
}

.lab83-chart-menu { position: relative; flex: 0 0 auto; }
.lab83-chart-menu > summary {
    width: 34px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--lab82-line);
    border-radius: 10px;
    color: #46617b;
    background: #fff;
    cursor: pointer;
    list-style: none;
    font-weight: 800;
    letter-spacing: .08em;
}
.lab83-chart-menu > summary::-webkit-details-marker { display: none; }
.lab83-chart-menu[open] > summary {
    border-color: #9bcfc9;
    color: #087e78;
    background: #eefaf8;
}
.lab83-chart-menu__panel {
    position: absolute;
    z-index: 90;
    top: calc(100% + 7px);
    right: 0;
    width: 228px;
    padding: 11px;
    border: 1px solid #d6e2ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(24, 49, 76, .14);
}
.lab83-chart-menu__panel label {
    display: grid;
    gap: 5px;
    color: #526b83;
    font-size: .71rem;
    font-weight: 730;
}
.lab83-chart-menu__panel select {
    width: 100%;
    min-height: 38px;
    padding: 6px 9px;
    border: 1px solid #d3dfE9;
    border-radius: 9px;
    color: #203b56;
    background: #f9fbfd;
    font: inherit;
}
.lab83-export-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 9px;
}
.lab83-export-actions button {
    min-height: 35px;
    border: 1px solid #cfdce8;
    border-radius: 9px;
    color: #27435e;
    background: #fff;
    font-size: .72rem;
    font-weight: 760;
    cursor: pointer;
}
.lab83-export-actions button:hover {
    border-color: #8fc9c4;
    color: #087e78;
    background: #f0faf8;
}
.lab83-classic-link { min-width: min(380px, 100%); }
.lab83-quality-list { margin-top: 14px; }
.lab83-insights { margin-top: 14px; }
.lab83-export-help {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-top: 14px;
    padding: 15px 17px;
    border: 1px solid #d6e4ee;
    border-radius: 14px;
    color: #39556f;
    background: #f9fbfd;
}
.lab83-export-help > span { color: #168f87; }
.lab83-export-help svg { width: 22px; height: 22px; }
.lab83-export-help strong { color: #18354f; }
.lab83-export-help p { margin: 3px 0 0; color: #61778e; }

@media (max-width: 1250px) {
    .lab83-chart-grid,
    .lab83-chart-grid--overview,
    .lab83-chart-grid--trends { grid-template-columns: 1fr; }
}

/* ======================================================================
   4. OPERATIONAL FORMS — REMOVE SUMMARY + CONTENT-AWARE CHOICE SYSTEM
   ====================================================================== */
html body.page-entry .aho-entry-layout,
html body.page-entry[data-aho80-active-section="social-person"] .aho-entry-layout {
    grid-template-columns: minmax(0, 1fr) !important;
}
html body.page-entry .aho80-selection-summary { display: none !important; }

/* No divider lines inside semantic groups. */
html body.page-entry .aho-entry-form .aho-fieldset::after,
html body.page-entry .aho-topic-group::after,
html body.page-entry .aho-choice-grid::before,
html body.page-entry .aho-choice-grid::after {
    content: none !important;
    display: none !important;
}

/* Default smart 12-column matrix. Card span is selected from label length. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #social-topics .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #event-type .aho-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
    overflow: visible !important;
    max-height: none !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice {
    grid-column: span 3 !important;
    min-width: 0 !important;
    min-height: 72px !important;
    grid-template-columns: 44px minmax(0, 1fr) 20px !important;
    gap: 12px !important;
    padding: 12px 13px !important;
    border-radius: 13px !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--l {
    grid-column: span 4 !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--xl {
    grid-column: span 6 !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__visual {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__icon,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__icon svg {
    width: 23px !important;
    height: 23px !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__label {
    color: var(--e75-ink-strong) !important;
    font-size: .94rem !important;
    font-weight: 720 !important;
    line-height: 1.31 !important;
    letter-spacing: -.005em !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-wrap: pretty !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--historical {
    opacity: .82;
    background: color-mix(in srgb, var(--e75-surface) 94%, #94a3b8 6%) !important;
    border-style: dashed !important;
}

/* Purpose stays two large cards. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose > label.aho73-choice {
    grid-column: span 6 !important;
    min-height: 78px !important;
}
/* Contact channels and services receive room for readable labels. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_type > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-lab_topics > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-exchange_types > label.aho73-choice {
    grid-column: span 3 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services > label.aho73-choice.aho83-choice--l,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics > label.aho73-choice.aho83-choice--l,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-lab_topics > label.aho73-choice.aho83-choice--l,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types > label.aho73-choice.aho83-choice--l {
    grid-column: span 4 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-services > label.aho73-choice.aho83-choice--xl,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-client_topics > label.aho73-choice.aho83-choice--xl,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-lab_topics > label.aho73-choice.aho83-choice--xl,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-event_types > label.aho73-choice.aho83-choice--xl {
    grid-column: span 6 !important;
}

/* Person page: readability over maximum density. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group > label.aho73-choice {
    grid-column: auto !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-residence > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-genders > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-orientations > label.aho73-choice {
    grid-column: span 6 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation > label.aho73-choice.aho83-choice--xl,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-residence > label.aho73-choice.aho83-choice--xl {
    grid-column: span 12 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups > label.aho73-choice {
    grid-column: span 3 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source > label.aho73-choice.aho83-choice--l,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups > label.aho73-choice.aho83-choice--l {
    grid-column: span 4 !important;
}
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-referral_source > label.aho73-choice.aho83-choice--xl,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-target_groups > label.aho73-choice.aho83-choice--xl {
    grid-column: span 6 !important;
}

html body.page-entry #social-person .aho-entry-grid,
html body.page-entry #social-topics .aho-topic-groups {
    gap: 24px !important;
}
html body.page-entry #social-person fieldset.aho-fieldset,
html body.page-entry #social-topics .aho-topic-group,
html body.page-entry #event-target fieldset.aho-fieldset {
    padding: 17px 16px 19px !important;
}
html body.page-entry #social-person fieldset.aho-fieldset > legend,
html body.page-entry #social-topics .aho-topic-group > legend,
html body.page-entry #event-target fieldset.aho-fieldset > legend {
    margin-bottom: 13px !important;
    font-size: .98rem !important;
    font-weight: 760 !important;
}

@media (max-width: 1500px) {
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice { grid-column: span 4 !important; }
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--l { grid-column: span 6 !important; }
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--xl { grid-column: span 12 !important; }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose > label.aho73-choice { grid-column: span 6 !important; }
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-language_mediation > label.aho73-choice,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-residence > label.aho73-choice,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-genders > label.aho73-choice,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-orientations > label.aho73-choice { grid-column: span 6 !important; }
}
@media (max-width: 1120px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--l { grid-column: span 6 !important; }
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--xl { grid-column: span 12 !important; }
}
@media (max-width: 760px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-age_group { grid-template-columns: 1fr !important; }
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--l,
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--xl { grid-column: auto !important; }
}

/* ======================================================================
   5. DARK MODE 2.0 — PRODUCT-WIDE CONTRAST RECALIBRATION
   ====================================================================== */
:root[data-theme="dark"] {
    --aho83-dark-bg: #0d1624;
    --aho83-dark-surface: #152334;
    --aho83-dark-surface-2: #1a2a3c;
    --aho83-dark-surface-3: #203247;
    --aho83-dark-border: #31465d;
    --aho83-dark-text: #edf4fb;
    --aho83-dark-text-2: #cedae6;
    --aho83-dark-muted: #9fb2c5;
}

:root[data-theme="dark"] body {
    background: var(--aho83-dark-bg) !important;
    color: var(--aho83-dark-text-2) !important;
}
:root[data-theme="dark"] body .content,
:root[data-theme="dark"] body.page-standard .content,
:root[data-theme="dark"] body.page-entry .content {
    background: transparent !important;
}
:root[data-theme="dark"] body .topbar,
:root[data-theme="dark"] body .sidebar {
    background: #101b29 !important;
    border-color: var(--aho83-dark-border) !important;
    box-shadow: none !important;
}
:root[data-theme="dark"] body .nav-item {
    color: #c4d2df !important;
}
:root[data-theme="dark"] body .nav-item:hover {
    color: #f4f8fc !important;
    background: #1c2d40 !important;
    border-color: #385169 !important;
}
:root[data-theme="dark"] body .nav-item.is-active,
:root[data-theme="dark"] body .nav-item[aria-current="page"] {
    color: #f5fbff !important;
    background: #22364b !important;
}
:root[data-theme="dark"] body :is(.card,.lab82-card,.lab82-kpi,.lab82-mini,.lab82-section-head,.lab82-commandbar,.aho-form-section,.aho-entry-statuscard,.aho-entry-actionbar) {
    color: var(--aho83-dark-text-2) !important;
    background: var(--aho83-dark-surface) !important;
    border-color: var(--aho83-dark-border) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.16) !important;
}
:root[data-theme="dark"] body :is(h1,h2,h3,h4,.card__title,.topbar__title strong,.aho80-section-heading h2,.lab82-card h2,.lab82-card h3,.lab82-section-head h2,.lab82-kpi strong,.lab82-mini strong) {
    color: var(--aho83-dark-text) !important;
}
:root[data-theme="dark"] body :is(p,small,.muted,.help-text,.form-help,.field-hint,.aho80-fieldset-help,.lab82-card header span,.lab82-section-head p,.lab82-hero p) {
    color: var(--aho83-dark-muted) !important;
}
:root[data-theme="dark"] body :is(input,select,textarea,.input,.select) {
    color: var(--aho83-dark-text) !important;
    background: #101c2a !important;
    border-color: #3a5068 !important;
}
:root[data-theme="dark"] body :is(input,textarea)::placeholder { color: #8196aa !important; opacity: 1 !important; }
:root[data-theme="dark"] body :is(input,select,textarea):focus {
    border-color: #5fcfc2 !important;
    outline: 3px solid rgba(80, 205, 192, .16) !important;
    outline-offset: 1px !important;
}
:root[data-theme="dark"] body .button:not(.button--primary),
:root[data-theme="dark"] body .lab82-btn--ghost,
:root[data-theme="dark"] body .lab82-definition {
    color: #dce7f0 !important;
    background: #1a2a3c !important;
    border-color: #3a5068 !important;
}
:root[data-theme="dark"] body .button:not(.button--primary):hover,
:root[data-theme="dark"] body .lab82-btn--ghost:hover,
:root[data-theme="dark"] body .lab82-definition:hover {
    color: #fff !important;
    background: #22364a !important;
}

/* Entry cards retain module identity but are no longer low-contrast. */
:root[data-theme="dark"] body.page-entry .aho-entry-form fieldset.aho-fieldset,
:root[data-theme="dark"] body.page-entry .aho-topic-group,
:root[data-theme="dark"] body.page-entry .aho-entry-grid,
:root[data-theme="dark"] body.page-entry .aho-form-section {
    background: #142231 !important;
    border-color: #31475d !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice {
    color: var(--aho83-dark-text) !important;
    background: #172738 !important;
    border-color: #344c63 !important;
    box-shadow: none !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover {
    background: #1d3043 !important;
    border-color: color-mix(in srgb, var(--entry-accent) 62%, #40566c) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked),
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice.is-selected {
    background: color-mix(in srgb, var(--entry-accent) 18%, #172738 82%) !important;
    border-color: var(--entry-accent) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__label {
    color: #eef5fb !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__visual {
    color: var(--entry-accent) !important;
    background: color-mix(in srgb, var(--entry-accent) 15%, #203246 85%) !important;
    border-color: color-mix(in srgb, var(--entry-accent) 38%, #344c63 62%) !important;
}

/* LAB evaluation surfaces */
:root[data-theme="dark"] body.page-lab-intelligence {
    --lab82-ink: #f2f7fb;
    --lab82-text: #d5e0ea;
    --lab82-muted: #9fb2c5;
    --lab82-line: #33495f;
    --lab82-soft: #172638;
    --lab82-surface: #152334;
    background:
        radial-gradient(circle at 64% 12%, rgba(30, 147, 174, .10), transparent 29%),
        radial-gradient(circle at 85% 12%, rgba(111, 82, 232, .08), transparent 24%),
        #0d1624 !important;
}
:root[data-theme="dark"] body.page-lab-intelligence .lab82-commandbar,
:root[data-theme="dark"] body.page-lab-intelligence .lab82-kpi,
:root[data-theme="dark"] body.page-lab-intelligence .lab82-mini,
:root[data-theme="dark"] body.page-lab-intelligence .lab82-card,
:root[data-theme="dark"] body.page-lab-intelligence .lab82-section-head {
    background: #152334 !important;
    border-color: #33495f !important;
}
:root[data-theme="dark"] .lab83-chart-menu > summary,
:root[data-theme="dark"] .lab83-chart-menu__panel,
:root[data-theme="dark"] .lab83-export-actions button {
    color: #dbe7f0 !important;
    background: #192a3b !important;
    border-color: #3a5269 !important;
}
:root[data-theme="dark"] .lab83-chart-menu__panel select {
    color: #edf4fb !important;
    background: #101c2a !important;
    border-color: #3a5269 !important;
}
:root[data-theme="dark"] .lab83-export-help {
    color: #d1deea !important;
    background: #162637 !important;
    border-color: #354c62 !important;
}
:root[data-theme="dark"] .lab83-export-help strong { color: #f0f6fb !important; }
:root[data-theme="dark"] .lab83-export-help p { color: #a5b7c8 !important; }

/* ======================================================================
   6. PRINT / PDF MODE FOR THE COMPLETE EVALUATION
   ====================================================================== */
@media print {
    body.lab83-printing .sidebar,
    body.lab83-printing .topbar,
    body.lab83-printing .lab82-commandbar,
    body.lab83-printing .lab83-chart-menu,
    body.lab83-printing .lab82-hero-actions,
    body.lab83-printing .lab82-btn,
    body.lab83-printing .lab82-definition {
        display: none !important;
    }
    body.lab83-printing .app-shell { display: block !important; }
    body.lab83-printing .content { padding: 0 !important; }
    body.lab83-printing .lab82-shell { max-width: none !important; }
    body.lab83-printing .lab82-view {
        display: block !important;
        break-before: page;
    }
    body.lab83-printing #lab-overview { break-before: auto; }
    body.lab83-printing .lab82-card,
    body.lab83-printing .lab82-kpi,
    body.lab83-printing .lab82-mini {
        break-inside: avoid;
        box-shadow: none !important;
    }
}

/* Classic LAB dark mode: the restored page must remain as readable as Auswertung. */
:root[data-theme="dark"] body.page-lab-classic {
    background: var(--aho83-dark-bg) !important;
}
:root[data-theme="dark"] body.page-lab-classic :is(.lab-toolbar,.lab-kpi,.lab-insights article,.lab-panel,.lab-action-band) {
    color: var(--aho83-dark-text-2) !important;
    background: var(--aho83-dark-surface) !important;
    border-color: var(--aho83-dark-border) !important;
    box-shadow: none !important;
}
:root[data-theme="dark"] body.page-lab-classic :is(.lab-kpi strong,.lab-insights strong,.lab-panel h2,.lab-action-band h2,.card__title) {
    color: var(--aho83-dark-text) !important;
}
:root[data-theme="dark"] body.page-lab-classic :is(.lab-kpi span,.lab-kpi small,.lab-insights span,.lab-insights small,.lab-action-band p,.iw-kicker) {
    color: var(--aho83-dark-muted) !important;
}
:root[data-theme="dark"] body.page-lab-classic :is(.aho-chart-type,.button.button--small) {
    color: var(--aho83-dark-text) !important;
    background: #1a2a3c !important;
    border-color: #3a5068 !important;
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.84.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.84 — Global Choice Harmony + Dark Mode 3.0 + Spatial Entry Polish
 * --------------------------------------------------------------------------------
 * Design goals:
 * - make the readable "Aufmerksam durch" choice layout the product-wide standard
 * - use space intentionally on consultation, events, syringe exchange and inventory
 * - preserve module identity with restrained 2026 depth, glow and micro-interaction
 * - recalibrate dark mode for high legibility across forms, ledgers and analytics
 * - keep 100% browser zoom as the primary desktop reference state
 */

:root {
    --aho84-ink: #10243d;
    --aho84-text: #314a63;
    --aho84-muted: #687e94;
    --aho84-border: #d6e2ec;
    --aho84-border-strong: #c3d3df;
    --aho84-surface: #ffffff;
    --aho84-surface-soft: #f7fafc;
    --aho84-surface-tint: #f2f8f8;
    --aho84-radius: 15px;
    --aho84-shadow-soft: 0 8px 24px rgba(18, 43, 66, .055);
    --aho84-shadow-hover: 0 12px 28px rgba(18, 43, 66, .085);
    --aho84-speed: 180ms;
}

/* ======================================================================
   1. 2026 MICRO-DEPTH / ICON POLISH
   ====================================================================== */
html body .nav-item__icon,
html body.page-entry .aho-section-number,
html body.page-entry .aho73-choice__visual {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

html body .nav-item__icon::after,
html body.page-entry .aho-section-number::after,
html body.page-entry .aho73-choice__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,0) 48%);
    opacity: .46;
    z-index: -1;
}

html body .nav-item,
html body.page-entry .aho73-choice,
html body.page-entry .aho-number-stepper,
html body.page-entry .aho-field input,
html body.page-entry .aho-field select,
html body.page-entry .aho-field textarea {
    transition:
        border-color var(--aho84-speed) ease,
        background-color var(--aho84-speed) ease,
        color var(--aho84-speed) ease,
        box-shadow var(--aho84-speed) ease,
        transform var(--aho84-speed) ease !important;
}

html body .nav-item:hover .nav-item__icon,
html body.page-entry .aho73-choice:hover .aho73-choice__visual {
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
    html body .nav-item,
    html body .nav-item__icon,
    html body.page-entry .aho73-choice,
    html body.page-entry .aho73-choice__visual,
    html body.page-entry .aho-number-stepper,
    html body.page-entry .aho-field input,
    html body.page-entry .aho-field select,
    html body.page-entry .aho-field textarea {
        transition-duration: 0.01ms !important;
        transform: none !important;
    }
}

/* ======================================================================
   2. GLOBAL CHOICE SYSTEM 3.0
   "Aufmerksam durch" becomes the reference layout everywhere.
   ====================================================================== */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi,
html body.page-entry .app-shell .aho-entry-form #social-person .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #social-topics .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #event-target .aho-choice-grid,
html body.page-entry .app-shell .aho-entry-form #event-type .aho-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--s,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--m,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--l {
    grid-column: auto !important;
    position: relative !important;
    overflow: hidden !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 22px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 13px !important;
    border: 1px solid var(--aho84-border) !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, #fff 0%, #fbfdfe 100%) !important;
    box-shadow: 0 4px 14px rgba(21, 48, 71, .035) !important;
}

/* Very long labels intentionally receive the whole row, matching the good
   "Weiterverweisung ..." example from the reference screenshot. */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--xl {
    grid-column: 1 / -1 !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover {
    border-color: color-mix(in srgb, var(--entry-accent) 42%, var(--aho84-border-strong)) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 38%, #fff 62%) !important;
    box-shadow: var(--aho84-shadow-hover) !important;
    transform: translateY(-1px);
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked),
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.is-selected {
    border-color: color-mix(in srgb, var(--entry-accent) 72%, #9bb8b5) !important;
    background:
        radial-gradient(circle at 95% 8%, color-mix(in srgb, var(--entry-accent) 13%, transparent), transparent 34%),
        color-mix(in srgb, var(--entry-accent-soft) 62%, white 38%) !important;
    box-shadow: 0 9px 24px color-mix(in srgb, var(--entry-accent) 9%, transparent) !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice:focus-within {
    outline: 3px solid color-mix(in srgb, var(--entry-accent) 20%, transparent) !important;
    outline-offset: 2px !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__visual {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    color: var(--entry-accent) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,0)),
        color-mix(in srgb, var(--entry-accent-soft) 76%, white 24%) !important;
    border: 1px solid color-mix(in srgb, var(--entry-accent) 22%, #d6e5e4) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 5px 12px rgba(18, 61, 67, .045) !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__icon,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__icon svg {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 1.85 !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__content {
    min-width: 0 !important;
    align-self: center !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__label {
    color: var(--aho84-ink) !important;
    font-size: .94rem !important;
    font-weight: 690 !important;
    line-height: 1.3 !important;
    letter-spacing: -.006em !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-wrap: pretty !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__indicator {
    width: 19px !important;
    height: 19px !important;
    justify-self: end !important;
    align-self: start !important;
    margin-top: 1px !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--historical {
    opacity: .88 !important;
    border-style: dashed !important;
    background: color-mix(in srgb, #f8fafc 95%, #94a3b8 5%) !important;
}

/* Purpose remains a two-card decision but uses the exact same visual grammar. */
html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--field-contact_purpose > label.aho73-choice {
    grid-column: auto !important;
    min-height: 72px !important;
}

/* All old field-specific spans are neutralised by the global two-column rule. */
html body.page-entry .app-shell .aho-entry-form :is(
    .aho-choice-grid--field-contact_type,
    .aho-choice-grid--field-services,
    .aho-choice-grid--field-client_topics,
    .aho-choice-grid--field-lab_topics,
    .aho-choice-grid--field-event_types,
    .aho-choice-grid--field-exchange_types,
    .aho-choice-grid--field-age_group,
    .aho-choice-grid--field-language_mediation,
    .aho-choice-grid--field-residence,
    .aho-choice-grid--field-referral_source,
    .aho-choice-grid--field-genders,
    .aho-choice-grid--field-orientations,
    .aho-choice-grid--field-target_groups,
    .aho-choice-grid--field-gender
) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.page-entry .app-shell .aho-entry-form :is(
    .aho-choice-grid--field-contact_type,
    .aho-choice-grid--field-services,
    .aho-choice-grid--field-client_topics,
    .aho-choice-grid--field-lab_topics,
    .aho-choice-grid--field-event_types,
    .aho-choice-grid--field-exchange_types,
    .aho-choice-grid--field-age_group,
    .aho-choice-grid--field-language_mediation,
    .aho-choice-grid--field-residence,
    .aho-choice-grid--field-referral_source,
    .aho-choice-grid--field-genders,
    .aho-choice-grid--field-orientations,
    .aho-choice-grid--field-target_groups,
    .aho-choice-grid--field-gender
) > label.aho73-choice:not(.aho83-choice--xl) {
    grid-column: auto !important;
}

html body.page-entry .app-shell .aho-entry-form :is(
    .aho-choice-grid--field-contact_type,
    .aho-choice-grid--field-services,
    .aho-choice-grid--field-client_topics,
    .aho-choice-grid--field-lab_topics,
    .aho-choice-grid--field-event_types,
    .aho-choice-grid--field-exchange_types,
    .aho-choice-grid--field-age_group,
    .aho-choice-grid--field-language_mediation,
    .aho-choice-grid--field-residence,
    .aho-choice-grid--field-referral_source,
    .aho-choice-grid--field-genders,
    .aho-choice-grid--field-orientations,
    .aho-choice-grid--field-target_groups,
    .aho-choice-grid--field-gender
) > label.aho73-choice.aho83-choice--xl {
    grid-column: 1 / -1 !important;
}

/* More visual rhythm between semantic groups. */
html body.page-entry #social-person .aho-entry-grid,
html body.page-entry #social-topics .aho-topic-groups,
html body.page-entry #event-target .aho-entry-grid {
    gap: 30px !important;
}

html body.page-entry #social-person fieldset.aho-fieldset,
html body.page-entry #social-topics .aho-topic-group,
html body.page-entry #event-target fieldset.aho-fieldset,
html body.page-entry #needle-basics fieldset.aho-fieldset,
html body.page-entry #needle-type fieldset.aho-fieldset {
    padding-top: 17px !important;
    padding-bottom: 21px !important;
}

html body.page-entry #social-person fieldset.aho-fieldset > legend,
html body.page-entry #social-topics .aho-topic-group > legend,
html body.page-entry #event-target fieldset.aho-fieldset > legend,
html body.page-entry #needle-basics fieldset.aho-fieldset > legend {
    margin-bottom: 14px !important;
    color: #17314a !important;
    font-size: 1rem !important;
    font-weight: 720 !important;
}

/* ======================================================================
   3. ENTRY SURFACES / SPATIAL RHYTHM
   ====================================================================== */
html body.page-entry .aho-form-section {
    border-radius: 18px !important;
    border: 1px solid #e0e8ef !important;
    background:
        radial-gradient(circle at 9% 0%, color-mix(in srgb, var(--entry-accent) 4%, transparent), transparent 25%),
        #fff !important;
    box-shadow: var(--aho84-shadow-soft) !important;
}

html body.page-entry .aho-form-section__header {
    margin: 0 0 4px !important;
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    border: 0 !important;
    border-left: 3px solid var(--entry-accent) !important;
    border-radius: 15px 15px 0 0 !important;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--entry-accent-soft) 64%, #fff 36%) 0%,
            color-mix(in srgb, var(--entry-accent-soft) 25%, #fff 75%) 40%,
            #fff 100%) !important;
    box-shadow: inset 0 -1px 0 #e8eef3 !important;
}

html body.page-entry .aho80-section-heading h2 {
    color: var(--aho84-ink) !important;
    font-size: 1.28rem !important;
    font-weight: 735 !important;
}
html body.page-entry .aho80-section-heading p {
    color: var(--aho84-muted) !important;
    font-size: .86rem !important;
    line-height: 1.46 !important;
}

html body.page-entry .aho-entry-form .aho-field > span,
html body.page-entry .aho-entry-form .aho-field > label {
    color: #17314a !important;
    font-weight: 690 !important;
}

/* ======================================================================
   4. SPRITZENTAUSCH — USE THE AVAILABLE SPACE INTENTIONALLY
   ====================================================================== */
html body.page-entry--needle-exchange #needle-basics .aho-entry-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

html body.page-entry--needle-exchange #needle-basics fieldset.aho-fieldset {
    grid-column: 1 / -1 !important;
}

html body.page-entry--needle-exchange #needle-type .aho-choice-grid,
html body.page-entry--needle-exchange #needle-basics .aho-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.page-entry--needle-exchange #needle-amount .aho-entry-grid--4 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 15px !important;
}

html body.page-entry--needle-exchange #needle-amount .aho-field {
    min-width: 0 !important;
    padding: 13px !important;
    border: 1px solid #dde7ef !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #fff, #f9fbfd) !important;
    box-shadow: 0 5px 16px rgba(23, 53, 79, .04) !important;
}

html body.page-entry--needle-exchange #needle-amount .aho-number-control,
html body.page-entry--needle-exchange #needle-amount .aho-number-stepper {
    width: 100% !important;
    max-width: none !important;
}

html body.page-entry--needle-exchange #needle-notes textarea {
    min-height: 140px !important;
}

/* ======================================================================
   5. NAVIGATION / ICONS — PREMIUM BUT RESTRAINED
   ====================================================================== */
@media (min-width: 980px) {
    html body .nav-item {
        min-height: 40px !important;
        border: 1px solid transparent !important;
    }
    html body .nav-item__icon {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        border-radius: 10px !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 4px 12px rgba(19,54,79,.04) !important;
    }
    html body .nav-item:hover {
        transform: translateX(1px);
    }
}

/* ======================================================================
   6. DARK MODE 3.0 — HIGH-CONTRAST SURFACE SYSTEM
   ====================================================================== */
:root[data-theme="dark"] {
    --aho84-dark-page: #0a1320;
    --aho84-dark-sidebar: #0d1826;
    --aho84-dark-surface: #111f2e;
    --aho84-dark-surface-2: #162738;
    --aho84-dark-surface-3: #1b3044;
    --aho84-dark-border: #365069;
    --aho84-dark-border-soft: #2a4158;
    --aho84-dark-text: #f3f7fb;
    --aho84-dark-text-2: #d8e3ed;
    --aho84-dark-muted: #aebed0;
    --aho84-dark-faint: #8ea2b7;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] body.page-entry,
:root[data-theme="dark"] body.page-ledger-workspace,
:root[data-theme="dark"] body.page-lab-classic,
:root[data-theme="dark"] body.page-lab-intelligence {
    background: var(--aho84-dark-page) !important;
    color: var(--aho84-dark-text-2) !important;
}

:root[data-theme="dark"] body .topbar,
:root[data-theme="dark"] body .sidebar {
    color: var(--aho84-dark-text-2) !important;
    background: var(--aho84-dark-sidebar) !important;
    border-color: var(--aho84-dark-border-soft) !important;
}

:root[data-theme="dark"] body .nav-item {
    color: #cbd8e5 !important;
}
:root[data-theme="dark"] body .nav-item__icon {
    background: #142538 !important;
    border-color: #2f4962 !important;
}
:root[data-theme="dark"] body .nav-item:hover {
    color: #fff !important;
    background: #172a3d !important;
    border-color: #35516c !important;
}
:root[data-theme="dark"] body .nav-item.is-active,
:root[data-theme="dark"] body .nav-item[aria-current="page"] {
    color: #fff !important;
    background: color-mix(in srgb, var(--entry-accent, #2bb6aa) 13%, #172a3d 87%) !important;
    border-color: color-mix(in srgb, var(--entry-accent, #2bb6aa) 48%, #35516c 52%) !important;
    box-shadow: inset 3px 0 0 var(--entry-accent, #2bb6aa) !important;
}

/* Entry section surfaces never fade to white in dark mode. */
:root[data-theme="dark"] body.page-entry .aho-form-section {
    color: var(--aho84-dark-text-2) !important;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--entry-accent) 7%, transparent), transparent 30%),
        var(--aho84-dark-surface) !important;
    border-color: var(--aho84-dark-border-soft) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.18) !important;
}

:root[data-theme="dark"] body.page-entry .aho-form-section__header {
    color: var(--aho84-dark-text) !important;
    border-left-color: var(--entry-accent) !important;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--entry-accent) 13%, #162738 87%) 0%,
            #162738 48%,
            #132231 100%) !important;
    box-shadow: inset 0 -1px 0 var(--aho84-dark-border-soft) !important;
}

:root[data-theme="dark"] body.page-entry .aho-section-number {
    color: color-mix(in srgb, var(--entry-accent) 82%, white 18%) !important;
    background: color-mix(in srgb, var(--entry-accent) 14%, #1a3043 86%) !important;
    border-color: color-mix(in srgb, var(--entry-accent) 38%, #385269 62%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

:root[data-theme="dark"] body.page-entry .aho80-section-heading h2,
:root[data-theme="dark"] body.page-entry .aho-entry-form fieldset.aho-fieldset > legend,
:root[data-theme="dark"] body.page-entry #social-topics .aho-topic-group > legend,
:root[data-theme="dark"] body.page-entry .aho-entry-form .aho-field > span,
:root[data-theme="dark"] body.page-entry .aho-entry-form .aho-field > label {
    color: var(--aho84-dark-text) !important;
}

:root[data-theme="dark"] body.page-entry .aho80-section-heading p,
:root[data-theme="dark"] body.page-entry :is(.help-text,.form-help,.field-hint,.aho80-fieldset-help,small) {
    color: var(--aho84-dark-muted) !important;
}

:root[data-theme="dark"] body.page-entry .aho-entry-quicknav {
    background: #101e2c !important;
    border-color: #314a61 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.15) !important;
}
:root[data-theme="dark"] body.page-entry .aho-entry-quicknav a {
    color: #c7d6e3 !important;
}
:root[data-theme="dark"] body.page-entry .aho-entry-quicknav a:hover {
    color: #fff !important;
    background: #1a2d40 !important;
}
:root[data-theme="dark"] body.page-entry .aho-entry-quicknav a.is-active,
:root[data-theme="dark"] body.page-entry .aho-entry-quicknav a[aria-current="step"] {
    color: #fff !important;
    background: color-mix(in srgb, var(--entry-accent) 20%, #1a2d40 80%) !important;
    border-color: color-mix(in srgb, var(--entry-accent) 54%, #3c566d 46%) !important;
}

:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice,
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--historical {
    color: var(--aho84-dark-text) !important;
    background: linear-gradient(180deg, #17293b, #142435) !important;
    border-color: #38536b !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.12) !important;
    opacity: 1 !important;
}

:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover {
    color: #fff !important;
    background: #1c3145 !important;
    border-color: color-mix(in srgb, var(--entry-accent) 56%, #456078 44%) !important;
    box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked),
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice.is-selected {
    color: #fff !important;
    background:
        radial-gradient(circle at 94% 8%, color-mix(in srgb, var(--entry-accent) 18%, transparent), transparent 34%),
        color-mix(in srgb, var(--entry-accent) 16%, #17293b 84%) !important;
    border-color: color-mix(in srgb, var(--entry-accent) 82%, white 18%) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--entry-accent) 12%, transparent), 0 12px 28px rgba(0,0,0,.18) !important;
}

:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__label {
    color: var(--aho84-dark-text) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__visual {
    color: color-mix(in srgb, var(--entry-accent) 84%, white 16%) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,0)),
        color-mix(in srgb, var(--entry-accent) 13%, #1b3145 87%) !important;
    border-color: color-mix(in srgb, var(--entry-accent) 34%, #405a72 66%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

:root[data-theme="dark"] body.page-entry :is(input,select,textarea),
:root[data-theme="dark"] body.page-entry .aho-number-stepper {
    color: var(--aho84-dark-text) !important;
    background: #0f1d2b !important;
    border-color: #3b566e !important;
}
:root[data-theme="dark"] body.page-entry :is(input,textarea)::placeholder {
    color: #91a6b9 !important;
}
:root[data-theme="dark"] body.page-entry :is(input,select,textarea):focus {
    border-color: color-mix(in srgb, var(--entry-accent) 72%, #76cfc5 28%) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--entry-accent) 18%, transparent) !important;
}

:root[data-theme="dark"] body.page-entry--needle-exchange #needle-amount .aho-field {
    color: var(--aho84-dark-text-2) !important;
    background: linear-gradient(180deg, #152738, #122231) !important;
    border-color: #354f67 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.13) !important;
}

:root[data-theme="dark"] body.page-entry .aho-entry-actionbar {
    color: var(--aho84-dark-text-2) !important;
    background: rgba(14, 27, 40, .96) !important;
    border-color: #334b61 !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,.20) !important;
    backdrop-filter: blur(16px) saturate(130%) !important;
}

/* Own entries / ledger: eliminate the remaining white islands and low-contrast metadata. */
:root[data-theme="dark"] body.page-ledger-workspace .le-shell,
:root[data-theme="dark"] body.page-ledger-workspace .le-ledger,
:root[data-theme="dark"] body.page-ledger-workspace .le-day,
:root[data-theme="dark"] body.page-ledger-workspace .le-day__rows {
    color: var(--aho84-dark-text-2) !important;
    background: transparent !important;
    border-color: #2d455d !important;
}
:root[data-theme="dark"] body.page-ledger-workspace .le-day > header {
    color: var(--aho84-dark-text-2) !important;
    background: #0f1d2b !important;
    border: 1px solid #2f485f !important;
    border-radius: 14px !important;
    padding: 12px !important;
}
:root[data-theme="dark"] body.page-ledger-workspace .le-day > header time {
    color: #eef5fb !important;
}
:root[data-theme="dark"] body.page-ledger-workspace .le-day > header span,
:root[data-theme="dark"] body.page-ledger-workspace .le-row__context,
:root[data-theme="dark"] body.page-ledger-workspace .le-row__meta,
:root[data-theme="dark"] body.page-ledger-workspace .le-row__type small,
:root[data-theme="dark"] body.page-ledger-workspace .le-row__meta small {
    color: #aabccd !important;
}
:root[data-theme="dark"] body.page-ledger-workspace .le-row {
    color: #dbe6ef !important;
    background: linear-gradient(90deg, #172738, #18293a) !important;
    border: 1px solid #304a62 !important;
    border-radius: 14px !important;
    margin-bottom: 8px !important;
    padding: 11px 13px 11px 18px !important;
}
:root[data-theme="dark"] body.page-ledger-workspace .le-row__type strong {
    color: #f2f7fb !important;
}
:root[data-theme="dark"] body.page-ledger-workspace .le-row__actions a {
    color: #bcd0df !important;
    opacity: .9 !important;
}

/* Generic product surfaces used in analytics/admin pages. */
:root[data-theme="dark"] body :is(.card,.panel,.kpi-card,.aho-summary-card,.intel-panel,.lab-panel,.smart-search-result) {
    color: var(--aho84-dark-text-2) !important;
    background: var(--aho84-dark-surface) !important;
    border-color: var(--aho84-dark-border-soft) !important;
}
:root[data-theme="dark"] body :is(.card,.panel,.kpi-card,.aho-summary-card,.intel-panel,.lab-panel,.smart-search-result) :is(h1,h2,h3,h4,strong) {
    color: var(--aho84-dark-text) !important;
}
:root[data-theme="dark"] body :is(.card,.panel,.kpi-card,.aho-summary-card,.intel-panel,.lab-panel,.smart-search-result) :is(p,small,.muted) {
    color: var(--aho84-dark-muted) !important;
}

/* ======================================================================
   7. RESPONSIVE / 100% ZOOM HARDENING
   ====================================================================== */
@media (max-width: 1180px) {
    html body.page-entry--needle-exchange #needle-amount .aho-entry-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--single,
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid--multi,
    html body.page-entry .app-shell .aho-entry-form :is(
        .aho-choice-grid--field-contact_type,
        .aho-choice-grid--field-services,
        .aho-choice-grid--field-client_topics,
        .aho-choice-grid--field-lab_topics,
        .aho-choice-grid--field-event_types,
        .aho-choice-grid--field-exchange_types,
        .aho-choice-grid--field-age_group,
        .aho-choice-grid--field-language_mediation,
        .aho-choice-grid--field-residence,
        .aho-choice-grid--field-referral_source,
        .aho-choice-grid--field-genders,
        .aho-choice-grid--field-orientations,
        .aho-choice-grid--field-target_groups,
        .aho-choice-grid--field-gender
    ) {
        grid-template-columns: 1fr !important;
    }
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho83-choice--xl {
        grid-column: auto !important;
    }
    html body.page-entry--needle-exchange #needle-basics .aho-entry-grid--2,
    html body.page-entry--needle-exchange #needle-amount .aho-entry-grid--4 {
        grid-template-columns: 1fr !important;
    }
}

@media (forced-colors: active) {
    html body.page-entry .aho73-choice,
    html body.page-entry .aho-form-section,
    html body .nav-item {
        forced-color-adjust: auto;
        box-shadow: none !important;
    }
}

@media (hover: hover) and (pointer: fine) {
    html.aho84-ready body.page-entry .aho73-choice::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: inherit;
        background: radial-gradient(160px circle at var(--aho84-x, 50%) var(--aho84-y, 50%), color-mix(in srgb, var(--entry-accent) 8%, transparent), transparent 70%);
        opacity: 0;
        transition: opacity 180ms ease;
    }
    html.aho84-ready body.page-entry .aho73-choice:hover::before { opacity: 1; }
}

/* Balanced finish: when a two-column group contains an odd number of options,
   the final option uses the complete row instead of leaving unused space. */
@media (min-width: 821px) {
    html body.page-entry .app-shell .aho-entry-form .aho-choice-grid > label.aho73-choice:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.85.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.85 — Adaptive Equal Grid + Semantic Icon System
 * -----------------------------------------------------------------------------
 * Reference: approved 2026 consultation mockup.
 * Product rule:
 * - cards in one choice group always use equal-width columns
 * - column count is derived from the actual option count by PHP
 * - long labels wrap inside their column; they never steal a complete row
 * - an incomplete final row is allowed and intentionally left aligned
 * - semantic duotone icon accents improve scanning without changing meaning
 */

:root {
    --aho85-card-h: 64px;
    --aho85-card-gap-x: 12px;
    --aho85-card-gap-y: 10px;
    --aho85-card-radius: 13px;
    --aho85-card-border: #d7e4ee;
    --aho85-card-border-hover: #b7d7d3;
    --aho85-card-ink: #112945;
    --aho85-card-muted: #627a92;
    --aho85-card-shadow: 0 5px 16px rgba(17, 44, 70, .045);
    --aho85-card-shadow-hover: 0 10px 24px rgba(17, 44, 70, .075);
}

/* ========================================================================== 
   1. COUNT-AWARE EQUAL GRID
   ========================================================================== */
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid {
    display: grid !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    gap: var(--aho85-card-gap-y) var(--aho85-card-gap-x) !important;
    align-items: stretch !important;
    grid-auto-flow: row !important;
}

html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid--cols-1 {
    grid-template-columns: minmax(0, 1fr) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Neutralise all previous field-specific width/span logic. Equal means equal. */
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid > label.aho73-choice,
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid > label.aho73-choice.aho83-choice--s,
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid > label.aho73-choice.aho83-choice--m,
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid > label.aho73-choice.aho83-choice--l,
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid > label.aho73-choice.aho83-choice--xl,
html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid > label.aho73-choice:last-child:nth-child(odd) {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* At normal desktop width four columns are the visual ceiling. On narrower
   workspaces we reduce columns before the labels become cramped. */
@media (max-width: 1380px) and (min-width: 981px) {
    html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid--cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 1080px) and (min-width: 721px) {
    html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid--cols-3,
    html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid--cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 720px) {
    html body.page-entry .app-shell .aho-entry-form .aho85-choice-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* ========================================================================== 
   2. APPROVED 2026 CHOICE CARD
   ========================================================================== */
html body.page-entry .app-shell .aho-entry-form label.aho85-choice {
    position: relative !important;
    isolation: isolate !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 20px !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: var(--aho85-card-h) !important;
    height: 100% !important;
    padding: 9px 12px !important;
    border: 1px solid var(--aho85-card-border) !important;
    border-radius: var(--aho85-card-radius) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    box-shadow: var(--aho85-card-shadow) !important;
    overflow: hidden !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho85-choice::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(115deg, rgba(255,255,255,.42), rgba(255,255,255,0) 44%);
    opacity: .55;
    z-index: -1;
}

html body.page-entry .app-shell .aho-entry-form label.aho85-choice:hover {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb, var(--entry-accent) 36%, var(--aho85-card-border-hover)) !important;
    background: color-mix(in srgb, var(--entry-accent-soft) 22%, white 78%) !important;
    box-shadow: var(--aho85-card-shadow-hover) !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho85-choice:has(input:checked),
html body.page-entry .app-shell .aho-entry-form label.aho85-choice.is-selected {
    border-color: color-mix(in srgb, var(--entry-accent) 68%, #9dbfbc 32%) !important;
    background:
        radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--entry-accent) 10%, transparent), transparent 36%),
        color-mix(in srgb, var(--entry-accent-soft) 50%, white 50%) !important;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--entry-accent) 8%, transparent) !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__content {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__label {
    display: block !important;
    color: var(--aho85-card-ink) !important;
    font-size: .91rem !important;
    font-weight: 650 !important;
    line-height: 1.27 !important;
    letter-spacing: -.008em !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    text-wrap: pretty !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho85-choice.aho83-choice--historical .aho73-choice__label {
    color: #536a80 !important;
}

/* ========================================================================== 
   3. SEMANTIC PREMIUM DUOTONE ICONS
   ========================================================================== */
html body.page-entry .app-shell .aho-entry-form label.aho85-choice {
    --aho85-tone: #0d9488;
    --aho85-tone-soft: #e7f8f5;
}
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--teal   { --aho85-tone:#0b9489; --aho85-tone-soft:#e5f8f5; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--cyan   { --aho85-tone:#0891b2; --aho85-tone-soft:#e7f7fb; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--blue   { --aho85-tone:#1677ee; --aho85-tone-soft:#eaf3ff; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--indigo { --aho85-tone:#4f63e9; --aho85-tone-soft:#eef0ff; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--violet { --aho85-tone:#7655e8; --aho85-tone-soft:#f1edff; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--pink   { --aho85-tone:#e94278; --aho85-tone-soft:#ffedf4; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--green  { --aho85-tone:#18a34a; --aho85-tone-soft:#ebfaef; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--amber  { --aho85-tone:#d97706; --aho85-tone-soft:#fff4e6; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--red    { --aho85-tone:#d9485f; --aho85-tone-soft:#fff0f2; }
html body.page-entry .app-shell .aho-entry-form label.aho85-tone--slate  { --aho85-tone:#526b84; --aho85-tone-soft:#eef3f7; }

html body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__visual {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    color: var(--aho85-tone) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.80), rgba(255,255,255,0) 55%),
        var(--aho85-tone-soft) !important;
    border: 1px solid color-mix(in srgb, var(--aho85-tone) 16%, #d9e6ee 84%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 4px 10px color-mix(in srgb, var(--aho85-tone) 6%, transparent) !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__icon,
html body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__icon svg {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 1.8 !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__indicator {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
}

/* ========================================================================== 
   4. GROUP RHYTHM — STRUCTURED, NOT DENSE
   ========================================================================== */
html body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid),
html body.page-entry #social-topics .aho-topic-group:has(> .aho85-choice-grid) {
    position: relative !important;
    padding: 17px 18px 19px !important;
    border: 1px solid #e3ebf1 !important;
    border-radius: 17px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,253,255,.96)) !important;
    box-shadow: 0 7px 22px rgba(22, 48, 72, .035) !important;
}
html body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid) > legend,
html body.page-entry #social-topics .aho-topic-group:has(> .aho85-choice-grid) > legend {
    padding: 0 7px !important;
    margin-left: -7px !important;
    color: #122b47 !important;
    font-size: 1.02rem !important;
    font-weight: 720 !important;
    letter-spacing: -.01em !important;
}
html body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid) > .aho80-fieldset-help,
html body.page-entry #social-topics .aho-topic-group:has(> .aho85-choice-grid) > .aho80-fieldset-help {
    margin: 2px 0 13px !important;
    color: #678097 !important;
    font-size: .83rem !important;
    line-height: 1.42 !important;
}

/* Give the large thematic groups the same calm width and spacing as the
   approved mockup. */
html body.page-entry #social-person .aho-entry-grid,
html body.page-entry #social-topics .aho-topic-groups,
html body.page-entry #event-target .aho-entry-grid {
    gap: 22px !important;
}

/* ========================================================================== 
   5. DARK MODE — SAME GRID, HIGH-CONTRAST DUOTONE
   ========================================================================== */
:root[data-theme="dark"] body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid),
:root[data-theme="dark"] body.page-entry #social-topics .aho-topic-group:has(> .aho85-choice-grid) {
    background: linear-gradient(180deg, #122233, #101f2f) !important;
    border-color: #2d465e !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.14) !important;
}
:root[data-theme="dark"] body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid) > legend,
:root[data-theme="dark"] body.page-entry #social-topics .aho-topic-group:has(> .aho85-choice-grid) > legend {
    color: #f2f7fb !important;
}
:root[data-theme="dark"] body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid) > .aho80-fieldset-help,
:root[data-theme="dark"] body.page-entry #social-topics .aho-topic-group:has(> .aho85-choice-grid) > .aho80-fieldset-help {
    color: #b6c6d5 !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice {
    background: linear-gradient(180deg, #172a3c, #142536) !important;
    border-color: #39546c !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.12) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice:hover {
    background: #1b3044 !important;
    border-color: color-mix(in srgb, var(--entry-accent) 48%, #4b667d 52%) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice:has(input:checked),
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice.is-selected {
    background:
        radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--entry-accent) 16%, transparent), transparent 36%),
        color-mix(in srgb, var(--entry-accent) 14%, #182b3e 86%) !important;
    border-color: color-mix(in srgb, var(--entry-accent) 76%, #719089 24%) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__label {
    color: #f0f6fb !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice.aho83-choice--historical .aho73-choice__label {
    color: #b4c4d3 !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__visual {
    color: color-mix(in srgb, var(--aho85-tone) 78%, white 22%) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,0)),
        color-mix(in srgb, var(--aho85-tone) 14%, #1b3145 86%) !important;
    border-color: color-mix(in srgb, var(--aho85-tone) 34%, #425d74 66%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* ========================================================================== 
   6. ACCESSIBILITY / MOTION
   ========================================================================== */
html body.page-entry .app-shell .aho-entry-form label.aho85-choice:focus-within {
    outline: 3px solid color-mix(in srgb, var(--entry-accent) 22%, transparent) !important;
    outline-offset: 2px !important;
}
@media (prefers-reduced-motion: reduce) {
    html body.page-entry .app-shell .aho-entry-form label.aho85-choice,
    html body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__visual {
        transition: none !important;
        transform: none !important;
    }
}

/* Multi-select summary badge from the approved reference. */
html body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid--multi) {
    padding-top: 20px !important;
}
html body.page-entry .aho85-selected-count {
    position: absolute;
    top: 13px;
    right: 17px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    color: #0d7f76;
    background: #e9f8f5;
    border: 1px solid #d2eee9;
    font-size: .76rem;
    font-weight: 690;
    letter-spacing: -.004em;
}
html body.page-entry .aho85-selected-count::before {
    content: "✓";
    display: grid;
    place-items: center;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    border-radius: 50%;
    color: #fff;
    background: #0d9488;
    font-size: .66rem;
    font-weight: 800;
}
html body.page-entry .aho85-selected-count[hidden] { display: none !important; }
:root[data-theme="dark"] body.page-entry .aho85-selected-count {
    color: #bdf6ec;
    background: #14382f;
    border-color: #286455;
}
:root[data-theme="dark"] body.page-entry .aho85-selected-count::before {
    background: #28b8a7;
    color: #071a17;
}
@media (max-width: 720px) {
    html body.page-entry .aho85-selected-count {
        position: static;
        margin: 0 0 12px;
        width: fit-content;
    }
}

/* ========================================================================== 
   7. SPECIFICITY LOCK — supersede legacy per-section grids
   ========================================================================== */
html body.page-entry .app-shell .aho-entry-form #social-person .aho85-choice-grid.aho85-choice-grid--cols-1,
html body.page-entry .app-shell .aho-entry-form #social-topics .aho85-choice-grid.aho85-choice-grid--cols-1,
html body.page-entry .app-shell .aho-entry-form #event-target .aho85-choice-grid.aho85-choice-grid--cols-1,
html body.page-entry .app-shell .aho-entry-form #event-type .aho85-choice-grid.aho85-choice-grid--cols-1,
html body.page-entry .app-shell .aho-entry-form #needle-basics .aho85-choice-grid.aho85-choice-grid--cols-1,
html body.page-entry .app-shell .aho-entry-form #needle-type .aho85-choice-grid.aho85-choice-grid--cols-1 {
    grid-template-columns: minmax(0,1fr) !important;
}
html body.page-entry .app-shell .aho-entry-form #social-person .aho85-choice-grid.aho85-choice-grid--cols-2,
html body.page-entry .app-shell .aho-entry-form #social-topics .aho85-choice-grid.aho85-choice-grid--cols-2,
html body.page-entry .app-shell .aho-entry-form #event-target .aho85-choice-grid.aho85-choice-grid--cols-2,
html body.page-entry .app-shell .aho-entry-form #event-type .aho85-choice-grid.aho85-choice-grid--cols-2,
html body.page-entry .app-shell .aho-entry-form #needle-basics .aho85-choice-grid.aho85-choice-grid--cols-2,
html body.page-entry .app-shell .aho-entry-form #needle-type .aho85-choice-grid.aho85-choice-grid--cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form #social-person .aho85-choice-grid.aho85-choice-grid--cols-3,
html body.page-entry .app-shell .aho-entry-form #social-topics .aho85-choice-grid.aho85-choice-grid--cols-3,
html body.page-entry .app-shell .aho-entry-form #event-target .aho85-choice-grid.aho85-choice-grid--cols-3,
html body.page-entry .app-shell .aho-entry-form #event-type .aho85-choice-grid.aho85-choice-grid--cols-3,
html body.page-entry .app-shell .aho-entry-form #needle-basics .aho85-choice-grid.aho85-choice-grid--cols-3,
html body.page-entry .app-shell .aho-entry-form #needle-type .aho85-choice-grid.aho85-choice-grid--cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
html body.page-entry .app-shell .aho-entry-form #social-person .aho85-choice-grid.aho85-choice-grid--cols-4,
html body.page-entry .app-shell .aho-entry-form #social-topics .aho85-choice-grid.aho85-choice-grid--cols-4,
html body.page-entry .app-shell .aho-entry-form #event-target .aho85-choice-grid.aho85-choice-grid--cols-4,
html body.page-entry .app-shell .aho-entry-form #event-type .aho85-choice-grid.aho85-choice-grid--cols-4,
html body.page-entry .app-shell .aho-entry-form #needle-basics .aho85-choice-grid.aho85-choice-grid--cols-4,
html body.page-entry .app-shell .aho-entry-form #needle-type .aho85-choice-grid.aho85-choice-grid--cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

@media (max-width: 1380px) and (min-width: 981px) {
    html body.page-entry .app-shell .aho-entry-form :is(#social-person,#social-topics,#event-target,#event-type,#needle-basics,#needle-type) .aho85-choice-grid.aho85-choice-grid--cols-4 {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
}
@media (max-width: 1080px) and (min-width: 721px) {
    html body.page-entry .app-shell .aho-entry-form :is(#social-person,#social-topics,#event-target,#event-type,#needle-basics,#needle-type) .aho85-choice-grid:is(.aho85-choice-grid--cols-3,.aho85-choice-grid--cols-4) {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width: 720px) {
    html body.page-entry .app-shell .aho-entry-form :is(#social-person,#social-topics,#event-target,#event-type,#needle-basics,#needle-type) .aho85-choice-grid {
        grid-template-columns: minmax(0,1fr) !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.88.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.86 — Unified Navigation + Dark Mode 4 + Premium Icon System
 * ------------------------------------------------------------------------
 * Product-wide 2026 design consolidation:
 * - one readable desktop navigation on every page, matching entry modules
 * - expanded premium semantic icon family with consistent optical geometry
 * - stronger, calmer dark mode across forms, ledgers, analytics and admin
 * - restrained layered depth, glass, focus and hover effects
 * - 100% browser zoom remains the desktop reference state
 */

:root {
    --aho86-sidebar: 224px;
    --aho86-nav-radius: 11px;
    --aho86-icon-size: 30px;
    --aho86-nav-ink: #36516d;
    --aho86-navy: #10253f;
    --aho86-muted: #667d94;
    --aho86-line: #dce7ef;
    --aho86-surface: #ffffff;
    --aho86-surface-soft: #f6fafc;
    --aho86-shadow: 0 10px 30px rgba(24, 49, 75, .055);
    --aho86-shadow-hover: 0 14px 34px rgba(24, 49, 75, .085);
    --aho86-teal: #0b9589;
    --aho86-violet: #7557e8;
    --aho86-blue: #2474dc;
    --aho86-amber: #d98113;
    --aho86-indigo: #5064df;
    --aho86-cyan: #0891b2;
    --aho86-pink: #dc4d7f;
    --aho86-green: #139b69;
    --aho86-red: #d95464;
    --aho86-slate: #526a83;
    --aho86-speed: 180ms;
}

/* ========================================================================== */
/* 1. ONE DESKTOP NAVIGATION RULE — EVERY PAGE                               */
/* ========================================================================== */
@media (min-width: 980px) {
    html body .app-shell,
    html body.sidebar-collapsed .app-shell {
        grid-template-columns: var(--aho86-sidebar) minmax(0, 1fr) !important;
    }

    html body .sidebar,
    html body.sidebar-collapsed .sidebar {
        position: sticky !important;
        inset: auto !important;
        top: 0 !important;
        width: var(--aho86-sidebar) !important;
        min-width: var(--aho86-sidebar) !important;
        max-width: var(--aho86-sidebar) !important;
        height: 100dvh !important;
        transform: none !important;
        overflow: hidden !important;
        border-right: 1px solid var(--aho86-line) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,253,.98)) !important;
        box-shadow: 8px 0 28px rgba(26, 52, 77, .045) !important;
    }

    html body .sidebar-overlay,
    html body .topbar__menu,
    html body .sidebar__close,
    html body .sidebar__collapse {
        display: none !important;
    }

    html body .sidebar__brand,
    html body.sidebar-collapsed .sidebar__brand {
        min-height: 62px !important;
        padding: 8px 10px !important;
        justify-content: flex-start !important;
        border-bottom-color: #e8eff4 !important;
    }

    html body .brand,
    html body.sidebar-collapsed .brand {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        gap: 10px !important;
    }

    html body .brand__mark,
    html body .brand-mark,
    html body .brand__logo {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        border-radius: 11px !important;
    }

    html body .brand__text,
    html body.sidebar-collapsed .brand__text {
        display: block !important;
        min-width: 0 !important;
    }

    html body .brand__text strong {
        display: block !important;
        color: #132b46 !important;
        font-size: .88rem !important;
        font-weight: 740 !important;
        line-height: 1.14 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .brand__text small {
        display: block !important;
        margin-top: 2px !important;
        color: #75889d !important;
        font-size: .68rem !important;
        line-height: 1.18 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .sidebar__navigation,
    html body.sidebar-collapsed .sidebar__navigation {
        padding: 8px 9px 10px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scrollbar-width: thin !important;
        scrollbar-color: #c6d4df transparent !important;
    }

    html body .nav-section,
    html body.sidebar-collapsed .nav-section {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    html body .nav-section + .nav-section,
    html body.sidebar-collapsed .nav-section + .nav-section {
        margin-top: 6px !important;
        padding-top: 6px !important;
        border-top: 1px solid #e8eff4 !important;
    }

    html body .nav-section__title,
    html body.sidebar-collapsed .nav-section__title {
        display: none !important;
    }

    html body .nav-section__items,
    html body.sidebar-collapsed .nav-section__items {
        gap: 3px !important;
    }

    html body .nav-item,
    html body.sidebar-collapsed .nav-item {
        --nav-tone: var(--aho86-slate);
        --nav-tone-soft: #eef3f7;
        width: 100% !important;
        min-height: 39px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 5px 9px !important;
        border: 1px solid transparent !important;
        border-radius: var(--aho86-nav-radius) !important;
        color: var(--aho86-nav-ink) !important;
        font-size: .83rem !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        transition:
            color var(--aho86-speed) ease,
            background var(--aho86-speed) ease,
            border-color var(--aho86-speed) ease,
            box-shadow var(--aho86-speed) ease,
            transform var(--aho86-speed) ease !important;
    }

    html body .nav-item:hover {
        color: #172e49 !important;
        border-color: color-mix(in srgb, var(--nav-tone) 15%, #dbe6ee) !important;
        background: color-mix(in srgb, var(--nav-tone-soft) 58%, #fff 42%) !important;
        transform: translateX(1px) !important;
    }

    html body .nav-item.is-active,
    html body .nav-item[aria-current="page"] {
        color: color-mix(in srgb, var(--nav-tone) 82%, #10233d 18%) !important;
        border-color: color-mix(in srgb, var(--nav-tone) 23%, #d7e4eb) !important;
        background:
            linear-gradient(90deg,
                color-mix(in srgb, var(--nav-tone-soft) 90%, #fff 10%),
                color-mix(in srgb, var(--nav-tone-soft) 42%, #fff 58%)) !important;
        box-shadow:
            inset 3px 0 0 var(--nav-tone),
            0 7px 18px color-mix(in srgb, var(--nav-tone) 8%, transparent) !important;
    }

    html body .nav-item__icon,
    html body.sidebar-collapsed .nav-item__icon {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        width: var(--aho86-icon-size) !important;
        min-width: var(--aho86-icon-size) !important;
        height: var(--aho86-icon-size) !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 10px !important;
        color: var(--nav-tone) !important;
        border: 1px solid color-mix(in srgb, var(--nav-tone) 17%, #dce7ee) !important;
        background:
            linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,0) 52%),
            var(--nav-tone-soft) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.88),
            0 4px 10px color-mix(in srgb, var(--nav-tone) 6%, transparent) !important;
    }

    html body .nav-item__icon::after {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        top: -7px;
        right: -6px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--nav-tone) 18%, transparent);
        filter: blur(1px);
        z-index: -1;
    }

    html body .nav-item__icon svg,
    html body.sidebar-collapsed .nav-item__icon svg {
        width: 19px !important;
        height: 19px !important;
        stroke-width: 1.8 !important;
    }

    html body .nav-item__label,
    html body.sidebar-collapsed .nav-item__label {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .sidebar__footer,
    html body.sidebar-collapsed .sidebar__footer {
        padding: 6px 9px 9px !important;
    }

    html body .system-indicator,
    html body.sidebar-collapsed .system-indicator {
        min-height: 36px !important;
        justify-content: flex-start !important;
        padding: 5px 8px !important;
        border-radius: 11px !important;
    }

    html body .system-indicator > div,
    html body.sidebar-collapsed .system-indicator > div {
        display: block !important;
    }

    html body.page-entry .aho-entry-actionbar {
        left: calc(var(--aho86-sidebar) + 12px) !important;
    }
}

/* Short desktop displays keep the same legibility; only vertical spacing tightens. */
@media (min-width: 980px) and (max-height: 900px) {
    html body .sidebar__brand { min-height: 55px !important; padding-block: 5px !important; }
    html body .sidebar__navigation { padding-block: 5px !important; }
    html body .nav-section + .nav-section { margin-top: 3px !important; padding-top: 3px !important; }
    html body .nav-item,
    html body.sidebar-collapsed .nav-item { min-height: 35px !important; padding-block: 3px !important; font-size: .80rem !important; }
    html body .nav-item__icon,
    html body.sidebar-collapsed .nav-item__icon { width: 27px !important; min-width: 27px !important; height: 27px !important; }
    html body .nav-item__icon svg { width: 17.5px !important; height: 17.5px !important; }
    html body .sidebar__footer { padding-block: 4px !important; }
}

/* Semantic navigation tones. */
html body .nav-item--dashboard-premium { --nav-tone:#1677ee; --nav-tone-soft:#eaf3ff; }
html body .nav-item--entries-premium { --nav-tone:#4f63e9; --nav-tone-soft:#eef0ff; }
html body .nav-item--smart-search { --nav-tone:#0891b2; --nav-tone-soft:#e8f8fb; }
html body .nav-item--profile-premium { --nav-tone:#2088b9; --nav-tone-soft:#eaf7fb; }
html body .nav-item--consultation-premium { --nav-tone:#0b9489; --nav-tone-soft:#e5f8f5; }
html body .nav-item--event-premium { --nav-tone:#7655e8; --nav-tone-soft:#f1edff; }
html body .nav-item--exchange-premium { --nav-tone:#2474dc; --nav-tone-soft:#eaf3ff; }
html body .nav-item--inventory-premium { --nav-tone:#d98113; --nav-tone-soft:#fff4e6; }
html body .nav-item--analytics-premium { --nav-tone:#4c67df; --nav-tone-soft:#edf1ff; }
html body .nav-item--trends-premium { --nav-tone:#1f8dc5; --nav-tone-soft:#e9f7fd; }
html body .nav-item--lab-premium { --nav-tone:#079d95; --nav-tone-soft:#e7f8f6; }
html body .nav-item--evaluation-premium { --nav-tone:#6557de; --nav-tone-soft:#f0efff; }
html body .nav-item--employees-premium { --nav-tone:#0e9cb2; --nav-tone-soft:#e8f8fb; }
html body .nav-item--activity-report-premium { --nav-tone:#2f6fc5; --nav-tone-soft:#edf4fc; }
html body .nav-item--annual-report-premium { --nav-tone:#526a83; --nav-tone-soft:#eef3f7; }
html body .nav-item--quality-premium { --nav-tone:#c47a0a; --nav-tone-soft:#fff4e3; }
html body .nav-item--import-premium { --nav-tone:#2782d1; --nav-tone-soft:#eaf5fd; }
html body .nav-item--administration-premium { --nav-tone:#5a6980; --nav-tone-soft:#eef2f6; }
html body .nav-item--security-premium { --nav-tone:#2474a8; --nav-tone-soft:#e9f5fb; }

/* ========================================================================== */
/* 2. PREMIUM ICON LANGUAGE — WHOLE PRODUCT                                   */
/* ========================================================================== */
html body :is(
    .nav-item__icon,
    .aho-entry-premium-head__icon,
    .aho-section-number,
    .aho80-step-icon,
    .aho73-choice__visual,
    .lab82-iconbox,
    .aho-admin-icon,
    .le-row__visual,
    .ew-metric__visual,
    .lab-kpi > span:first-child,
    .iw-command__spark,
    .aho-admin-notice-icon
) svg {
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    shape-rendering: geometricPrecision;
}

html body :is(.icon-button, .button, button, a) > svg {
    flex: 0 0 auto;
}

html body .icon-button {
    transition:
        transform var(--aho86-speed) ease,
        border-color var(--aho86-speed) ease,
        background var(--aho86-speed) ease,
        box-shadow var(--aho86-speed) ease !important;
}
html body .icon-button:hover { transform: translateY(-1px); }

/* Existing section/icon boxes receive the same restrained optical depth. */
html body :is(
    .aho-entry-premium-head__icon,
    .aho-section-number,
    .lab82-iconbox,
    .aho-admin-icon,
    .le-row__visual,
    .ew-metric__visual
) {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 6px 16px rgba(30,60,90,.07) !important;
}

/* ========================================================================== */
/* 3. 2026 TOPBAR / CONTROL POLISH                                            */
/* ========================================================================== */
html body .topbar {
    border-bottom: 1px solid rgba(210,224,234,.92) !important;
    background: rgba(255,255,255,.90) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    box-shadow: 0 7px 26px rgba(29,55,83,.045) !important;
}

html body .topbar-search {
    border-color: #d6e3ec !important;
    background: linear-gradient(180deg, #fff, #f8fbfd) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.94) !important;
}
html body .topbar-search:hover {
    border-color: #bcd2de !important;
    box-shadow: 0 7px 18px rgba(31,65,92,.07) !important;
}

html body .aho-theme-switcher,
html body .icon-button,
html body .user-menu__trigger {
    border-color: #d8e4ec !important;
    background: rgba(255,255,255,.86) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 4px 12px rgba(28,55,82,.04) !important;
}

/* ========================================================================== */
/* 4. DARK MODE 4.0 — GLOBAL LEGIBILITY                                      */
/* ========================================================================== */
:root[data-theme="dark"] {
    --aho-bg-root: #07111b;
    --aho-bg-app: #0b1723;
    --aho-bg-sidebar: #0c1926;
    --aho-bg-surface: #122231;
    --aho-bg-surface-raised: #172a3b;
    --aho-bg-surface-hover: #1d3246;
    --aho-bg-surface-soft: #101f2e;
    --aho-text: #f4f8fb;
    --aho-text-secondary: #d5e0ea;
    --aho-text-muted: #a9bac9;
    --aho-text-disabled: #8093a6;
    --aho-border: #30485d;
    --aho-border-strong: #456178;
    --aho-divider: #263b4e;
    --aho-chart-ink: #f4f8fb;
    --aho-chart-text: #d7e2ec;
    --aho-chart-muted: #9fb2c4;
    --aho-chart-grid: rgba(166,191,213,.16);
    --aho-chart-grid-strong: rgba(166,191,213,.28);
    --aho-chart-track: #203548;
    --aho-chart-surface: #122231;
}

:root[data-theme="dark"] body {
    color: #eaf1f7 !important;
    background:
        radial-gradient(circle at 82% 0%, rgba(35,116,220,.055), transparent 24%),
        radial-gradient(circle at 18% 20%, rgba(11,148,137,.045), transparent 22%),
        #07111b !important;
}

:root[data-theme="dark"] body .app-main,
:root[data-theme="dark"] body .content,
:root[data-theme="dark"] body main {
    color: #e8f0f6;
}

:root[data-theme="dark"] body .sidebar,
:root[data-theme="dark"] body.sidebar-collapsed .sidebar {
    border-color: #263e52 !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(64,126,174,.08), transparent 25%),
        linear-gradient(180deg, #0c1926, #0a1621) !important;
    box-shadow: 9px 0 30px rgba(0,0,0,.22) !important;
}

:root[data-theme="dark"] body .sidebar__brand,
:root[data-theme="dark"] body .sidebar__footer {
    border-color: #263e52 !important;
    background: transparent !important;
}

:root[data-theme="dark"] body .brand__text strong { color:#f5f8fb !important; }
:root[data-theme="dark"] body .brand__text small { color:#9fb1c2 !important; }

:root[data-theme="dark"] body .nav-section + .nav-section,
:root[data-theme="dark"] body.sidebar-collapsed .nav-section + .nav-section {
    border-top-color: #21374a !important;
}

:root[data-theme="dark"] body .nav-item,
:root[data-theme="dark"] body.sidebar-collapsed .nav-item {
    color: #c9d6e2 !important;
}

:root[data-theme="dark"] body .nav-item__icon,
:root[data-theme="dark"] body.sidebar-collapsed .nav-item__icon {
    color: color-mix(in srgb, var(--nav-tone) 76%, white 24%) !important;
    border-color: color-mix(in srgb, var(--nav-tone) 28%, #355168 72%) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,0) 55%),
        color-mix(in srgb, var(--nav-tone) 13%, #14283a 87%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 5px 12px rgba(0,0,0,.13) !important;
}

:root[data-theme="dark"] body .nav-item:hover {
    color: #f2f7fb !important;
    border-color: color-mix(in srgb, var(--nav-tone) 38%, #39556d 62%) !important;
    background: color-mix(in srgb, var(--nav-tone) 11%, #142536 89%) !important;
}

:root[data-theme="dark"] body .nav-item.is-active,
:root[data-theme="dark"] body .nav-item[aria-current="page"] {
    color: #f7fbfd !important;
    border-color: color-mix(in srgb, var(--nav-tone) 58%, #44617a 42%) !important;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--nav-tone) 22%, #15283a 78%),
            color-mix(in srgb, var(--nav-tone) 9%, #122232 91%)) !important;
    box-shadow:
        inset 3px 0 0 color-mix(in srgb, var(--nav-tone) 82%, white 18%),
        0 8px 20px rgba(0,0,0,.14) !important;
}

:root[data-theme="dark"] body .system-indicator {
    border-color: #2b455b !important;
    background: #101f2e !important;
}
:root[data-theme="dark"] body .system-indicator strong { color:#eaf2f8 !important; }
:root[data-theme="dark"] body .system-indicator small { color:#9cafc0 !important; }

:root[data-theme="dark"] body .topbar {
    border-bottom-color: #2b4357 !important;
    background: rgba(10, 22, 33, .91) !important;
    box-shadow: 0 8px 26px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(22px) saturate(125%) !important;
}

:root[data-theme="dark"] body .topbar__eyebrow,
:root[data-theme="dark"] body .topbar__title span,
:root[data-theme="dark"] body .topbar__title small { color:#9fb2c4 !important; }
:root[data-theme="dark"] body .topbar__title strong { color:#f5f9fc !important; }

:root[data-theme="dark"] body .topbar-search,
:root[data-theme="dark"] body .aho-theme-switcher,
:root[data-theme="dark"] body .icon-button,
:root[data-theme="dark"] body .user-menu__trigger {
    color: #eaf2f8 !important;
    border-color: #304b62 !important;
    background: linear-gradient(180deg, #132638, #102131) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 4px 12px rgba(0,0,0,.12) !important;
}
:root[data-theme="dark"] body .topbar-search span,
:root[data-theme="dark"] body .user-menu__trigger small { color:#b6c6d4 !important; }
:root[data-theme="dark"] body .topbar-search kbd { color:#d8e4ed !important; background:#0b1824 !important; border-color:#38546b !important; }

/* Form controls — no washed-out text or white islands. */
:root[data-theme="dark"] body :is(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
) {
    color: #f0f5f9 !important;
    caret-color: #75d8ce !important;
    border-color: #365169 !important;
    background: #102131 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
:root[data-theme="dark"] body :is(input,textarea)::placeholder { color:#8297aa !important; opacity:1 !important; }
:root[data-theme="dark"] body :is(input,select,textarea):focus {
    border-color: #4c9b97 !important;
    box-shadow: 0 0 0 3px rgba(58,198,181,.14) !important;
    outline: none !important;
}
:root[data-theme="dark"] body label,
:root[data-theme="dark"] body legend { color:#e3ebf2; }

/* Common product surfaces. */
:root[data-theme="dark"] body :is(
    .card,
    .iw-panel,
    .iw-command-deck,
    .iw-context-bar,
    .ew-controlbar,
    .ew-metric,
    .ew-trend,
    .ew-briefing,
    .le-overviewbar,
    .le-querybar,
    .le-commandbar,
    .le-filter-sheet,
    .le-day,
    .le-row,
    .lab-panel,
    .lab-kpi,
    .lab-insights,
    .lab82-card,
    .lab82-kpi,
    .lab82-mini,
    .lab82-commandbar,
    .lab82-section-head,
    .aho-admin-card,
    .aho-admin-header,
    .aho-admin-notice,
    .aho-security-state,
    .aho-drilldown-card,
    .aho-filter-sheet
) {
    color: #eaf1f7 !important;
    border-color: #2e485e !important;
    background: linear-gradient(180deg, #122433, #101f2e) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.13) !important;
}

/* Entry page surfaces override legacy light gradients. */
:root[data-theme="dark"] body.page-entry .aho-form-section,
:root[data-theme="dark"] body.page-entry .aho-fieldset,
:root[data-theme="dark"] body.page-entry .aho-topic-group,
:root[data-theme="dark"] body.page-entry .aho81-choice-block,
:root[data-theme="dark"] body.page-entry .aho-conditional-panel,
:root[data-theme="dark"] body.page-entry .aho-subsection-grid,
:root[data-theme="dark"] body.page-entry .aho-entry-statuscard {
    color: #eaf2f8 !important;
    border-color: #304a60 !important;
    background: linear-gradient(180deg, #122434, #101f2e) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.13) !important;
}

:root[data-theme="dark"] body.page-entry .aho-form-section__header,
:root[data-theme="dark"] body.page-entry .aho80-section-heading,
:root[data-theme="dark"] body.page-entry .aho-entry-premium-head {
    color: #f2f7fb !important;
    border-color: #36546b !important;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--entry-accent) 12%, #172a3b 88%),
            #122332 58%,
            #10202f 100%) !important;
    box-shadow: inset 0 -1px 0 #2a4357 !important;
}
:root[data-theme="dark"] body.page-entry .aho80-section-heading h2,
:root[data-theme="dark"] body.page-entry .aho-form-section__header h2,
:root[data-theme="dark"] body.page-entry .aho-entry-premium-head h1,
:root[data-theme="dark"] body.page-entry .aho-entry-premium-head h2 { color:#f7fbfd !important; }
:root[data-theme="dark"] body.page-entry .aho80-section-heading p,
:root[data-theme="dark"] body.page-entry .aho-entry-premium-head p,
:root[data-theme="dark"] body.page-entry .aho80-fieldset-help { color:#afc0cf !important; }

:root[data-theme="dark"] body.page-entry .aho-entry-steps,
:root[data-theme="dark"] body.page-entry .aho-entry-stepbar,
:root[data-theme="dark"] body.page-entry .aho80-form-map {
    border-color:#2c475d !important;
    background:#0f1f2e !important;
}
:root[data-theme="dark"] body.page-entry .aho-entry-steps button,
:root[data-theme="dark"] body.page-entry .aho80-form-map a {
    color:#c8d5e0 !important;
}
:root[data-theme="dark"] body.page-entry .aho-entry-steps button[aria-current="step"],
:root[data-theme="dark"] body.page-entry .aho80-form-map a[aria-current="step"] {
    color:#f7fbfd !important;
    border-color:color-mix(in srgb,var(--entry-accent) 54%,#35536a 46%) !important;
    background:color-mix(in srgb,var(--entry-accent) 15%,#152839 85%) !important;
}

:root[data-theme="dark"] body.page-entry .aho-entry-actionbar {
    color:#dbe6ef !important;
    border-color:#2f495e !important;
    background:rgba(10,22,33,.94) !important;
    box-shadow:0 -10px 32px rgba(0,0,0,.17) !important;
    backdrop-filter:blur(18px) saturate(120%) !important;
}

/* Ledger / own entries: remove pale date islands and low-contrast meta text. */
:root[data-theme="dark"] body .le-shell { color:#eaf2f8 !important; }
:root[data-theme="dark"] body .le-day {
    border-color:#2d475c !important;
    background:#0f1f2e !important;
}
:root[data-theme="dark"] body .le-day > :first-child,
:root[data-theme="dark"] body .le-day__date,
:root[data-theme="dark"] body .le-day__head {
    color:#dfe8ef !important;
    background:#132536 !important;
}
:root[data-theme="dark"] body .le-row {
    border-color:#334d62 !important;
    background:linear-gradient(90deg,#16293a,#132536) !important;
}
:root[data-theme="dark"] body .le-row :is(small,span,em) { color:#aebfce !important; }
:root[data-theme="dark"] body .le-row strong { color:#f3f8fb !important; }
:root[data-theme="dark"] body .le-row__actions a,
:root[data-theme="dark"] body .le-row__actions button {
    color:#dbe7ef !important;
    border-color:#3a566d !important;
    background:#132638 !important;
}

/* Analytics / LAB / reports. */
:root[data-theme="dark"] body :is(.iw-kicker,.lab82-kicker,.lab-kpi small,.lab82-mini small,.lab82-kpi small) { color:#9fb3c4 !important; }
:root[data-theme="dark"] body :is(.iw-panel h2,.iw-panel h3,.lab82-card h2,.lab82-card h3,.lab-panel h2,.lab-panel h3,.aho-admin-card h2,.aho-admin-card h3) { color:#f4f8fb !important; }
:root[data-theme="dark"] body :is(.iw-panel p,.lab82-card p,.lab-panel p,.aho-admin-card-description) { color:#b0c1cf !important; }
:root[data-theme="dark"] body :is(.iw-metric,.iw-signal,.lab82-ranked,.lab83-chart-card) {
    border-color:#2f4a60 !important;
    background:#122433 !important;
}
:root[data-theme="dark"] body .aho-chart-preview,
:root[data-theme="dark"] body canvas {
    color-scheme: dark;
}

/* Tables and data grids. */
:root[data-theme="dark"] body table { color:#e8f0f6 !important; border-color:#2d475c !important; }
:root[data-theme="dark"] body :is(th,td) { border-color:#2a4357 !important; }
:root[data-theme="dark"] body th { color:#dce7ef !important; background:#152738 !important; }
:root[data-theme="dark"] body tbody tr:nth-child(even) { background:rgba(255,255,255,.014); }
:root[data-theme="dark"] body tbody tr:hover { background:#172b3d !important; }

/* Alerts remain semantic and readable. */
:root[data-theme="dark"] body .alert--success { color:#bff2dd !important; border-color:#28634f !important; background:#102c25 !important; }
:root[data-theme="dark"] body .alert--danger { color:#ffd3d8 !important; border-color:#713b45 !important; background:#30191f !important; }
:root[data-theme="dark"] body .alert--warning { color:#ffe4b0 !important; border-color:#725b32 !important; background:#302616 !important; }

/* ========================================================================== */
/* 5. FOCUS, MOTION, RESPONSIVE                                               */
/* ========================================================================== */
html body :is(a,button,input,select,textarea):focus-visible {
    outline: 3px solid rgba(35, 157, 145, .22) !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .nav-item,
    html body .nav-item__icon,
    html body .icon-button {
        transition: none !important;
        transform: none !important;
    }
}

@media (max-width: 979px) {
    html body .sidebar {
        /* Below desktop breakpoint the existing drawer/mobile behavior remains. */
        box-shadow: 14px 0 40px rgba(0,0,0,.16) !important;
    }
}


/* ========================================================================== */
/* 6.1 NAVIGATION PARITY + EVALUATION ICON VISIBILITY (1.0.87)                */
/* ========================================================================== */
html body .nav-item,
html body.sidebar-collapsed .nav-item {
    align-items: center !important;
}

html body .nav-item.is-active,
html body .nav-item[aria-current="page"],
:root[data-theme="dark"] body .nav-item.is-active,
:root[data-theme="dark"] body .nav-item[aria-current="page"] {
    color: color-mix(in srgb, var(--nav-tone) 82%, #10233d 18%) !important;
    border-color: color-mix(in srgb, var(--nav-tone) 24%, #d7e4eb) !important;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--nav-tone-soft) 91%, #fff 9%),
            color-mix(in srgb, var(--nav-tone-soft) 54%, #fff 46%)) !important;
    box-shadow:
        inset 3px 0 0 var(--nav-tone),
        inset 0 1px 0 rgba(255,255,255,.56),
        0 10px 22px color-mix(in srgb, var(--nav-tone) 8%, transparent) !important;
}

html body .nav-item.is-active .nav-item__icon,
html body .nav-item[aria-current="page"] .nav-item__icon,
:root[data-theme="dark"] body .nav-item.is-active .nav-item__icon,
:root[data-theme="dark"] body .nav-item[aria-current="page"] .nav-item__icon {
    color: var(--nav-tone) !important;
    border-color: color-mix(in srgb, var(--nav-tone) 28%, #dce7ee) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,255,255,.24) 60%),
        color-mix(in srgb, var(--nav-tone-soft) 85%, #fff 15%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 6px 14px color-mix(in srgb, var(--nav-tone) 10%, transparent) !important;
}

html body .nav-item--evaluation-premium { --nav-tone:#6b5ce7; --nav-tone-soft:#f2efff; }
html body .nav-item--evaluation-premium .nav-item__icon svg {
    width: 18.5px !important;
    height: 18.5px !important;
    stroke-width: 1.95 !important;
}

:root[data-theme="dark"] body .nav-item--evaluation-premium .nav-item__icon {
    background:
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.03) 58%),
        color-mix(in srgb, var(--nav-tone) 20%, #112236 80%) !important;
}


/* ========================================================================== */
/* 1.0.88 — EXACT ENTRY-NAVIGATION PARITY, GLOBAL                            */
/* The entry-page rule from 1.0.78 has higher specificity than former global  */
/* rules. Replicate that exact interaction language for every navigation item. */
/* ========================================================================== */
@media (min-width: 980px) {
    html body .sidebar .nav-section .nav-section__items .nav-item.is-active,
    html body .sidebar .nav-section .nav-section__items .nav-item[aria-current="page"],
    html body:not(.page-entry) .sidebar .nav-item.is-active,
    html body:not(.page-entry) .sidebar .nav-item[aria-current="page"] {
        color: color-mix(in srgb, var(--nav-tone) 88%, #14334a 12%) !important;
        border-color: color-mix(in srgb, var(--nav-tone) 25%, transparent) !important;
        background: linear-gradient(
            90deg,
            color-mix(in srgb, var(--nav-tone-soft) 78%, transparent),
            transparent
        ) !important;
        box-shadow: inset 3px 0 0 var(--nav-tone) !important;
        transform: none !important;
    }

    html body .sidebar .nav-section .nav-section__items .nav-item.is-active::after,
    html body .sidebar .nav-section .nav-section__items .nav-item[aria-current="page"]::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
    }

    html body .sidebar .nav-section .nav-section__items .nav-item.is-active .nav-item__icon,
    html body .sidebar .nav-section .nav-section__items .nav-item[aria-current="page"] .nav-item__icon {
        color: var(--nav-tone) !important;
        border-color: color-mix(in srgb, var(--nav-tone) 38%, #ffffff) !important;
        background:
            linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.14) 60%),
            color-mix(in srgb, var(--nav-tone-soft) 82%, #ffffff 18%) !important;
        box-shadow:
            0 7px 17px color-mix(in srgb, var(--nav-tone) 15%, transparent),
            inset 0 1px 0 rgba(255,255,255,.90) !important;
    }

    html body .sidebar .nav-section .nav-section__items .nav-item.is-active .nav-item__label,
    html body .sidebar .nav-section .nav-section__items .nav-item[aria-current="page"] .nav-item__label {
        color: inherit !important;
        font-weight: 720 !important;
    }
}

/* Evaluation must never render as an empty tile. */
html body .sidebar .nav-item--evaluation-premium .nav-item__icon {
    color: #6557de !important;
    border-color: rgba(101,87,222,.23) !important;
    background-color: #f1efff !important;
}
html body .sidebar .nav-item--evaluation-premium .nav-item__icon svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 19px !important;
    height: 19px !important;
    stroke: currentColor !important;
}

:root[data-theme="dark"] body .sidebar .nav-section .nav-section__items .nav-item.is-active,
:root[data-theme="dark"] body .sidebar .nav-section .nav-section__items .nav-item[aria-current="page"] {
    color: color-mix(in srgb, var(--nav-tone) 64%, #eef6ff 36%) !important;
    border-color: color-mix(in srgb, var(--nav-tone) 38%, transparent) !important;
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--nav-tone) 19%, #112236 81%),
        rgba(17,34,54,.18)
    ) !important;
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--nav-tone) 75%, #ffffff 25%) !important;
}

:root[data-theme="dark"] body .sidebar .nav-item--evaluation-premium .nav-item__icon {
    color: #b7adff !important;
    border-color: rgba(183,173,255,.30) !important;
    background: rgba(101,87,222,.17) !important;
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.90.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.89 — Zeitwerk Navigation Shell
 * One navigation language on every page.
 */
:root {
    --aho89-sidebar: 236px;
    --aho89-sidebar-compact: 220px;
    --aho89-row-h: 44px;
    --aho89-icon: 32px;
    --aho89-accent: #0b9489;
    --aho89-bg: #fbfdff;
    --aho89-border: #dfe9ef;
    --aho89-text: #334a63;
    --aho89-text-strong: #102a43;
    --aho89-muted: #718399;
    --aho89-active-bg: #eaf7f5;
    --aho89-active-border: #c7e7e2;
}

/* Desktop / notebook: same calm, fully readable shell on every module. */
@media (min-width: 980px) {
    html body,
    html body.page-entry,
    html body:not(.page-entry),
    html body.sidebar-collapsed {
        --sidebar-width: var(--aho89-sidebar) !important;
        --aho86-sidebar: var(--aho89-sidebar) !important;
    }

    html body .app-shell,
    html body.page-entry .app-shell,
    html body:not(.page-entry) .app-shell,
    html body.sidebar-collapsed .app-shell {
        grid-template-columns: var(--aho89-sidebar) minmax(0,1fr) !important;
    }

    html body .sidebar,
    html body.page-entry .sidebar,
    html body:not(.page-entry) .sidebar,
    html body.sidebar-collapsed .sidebar {
        width: var(--aho89-sidebar) !important;
        min-width: var(--aho89-sidebar) !important;
        max-width: var(--aho89-sidebar) !important;
        background: color-mix(in srgb, var(--aho89-bg) 96%, transparent) !important;
        border-right: 1px solid var(--aho89-border) !important;
        box-shadow: 10px 0 34px rgba(29,55,78,.035) !important;
        backdrop-filter: blur(18px) saturate(128%) !important;
    }

    html body .sidebar__collapse,
    html body.sidebar-collapsed .sidebar__collapse {
        display: none !important;
    }

    html body .sidebar__brand,
    html body.sidebar-collapsed .sidebar__brand {
        min-height: 64px !important;
        padding: 8px 12px !important;
        border-bottom: 1px solid rgba(178,197,210,.36) !important;
    }

    html body .brand,
    html body.sidebar-collapsed .brand {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    html body .brand__text,
    html body.sidebar-collapsed .brand__text {
        display: grid !important;
        min-width: 0 !important;
    }
    html body .brand__text strong { font-size: .92rem !important; font-weight: 760 !important; color: #17324b !important; }
    html body .brand__text small { font-size: .70rem !important; line-height: 1.25 !important; color: var(--aho89-muted) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

    html body .sidebar__navigation,
    html body.sidebar-collapsed .sidebar__navigation {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 7px 8px 8px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scrollbar-width: thin !important;
    }

    html body .nav-section,
    html body.sidebar-collapsed .nav-section { margin: 0 !important; padding: 0 !important; }

    /* Zeitwerk-style grouping: quiet separators, no duplicate visual headings. */
    html body .nav-section__title,
    html body.sidebar-collapsed .nav-section__title { display: none !important; }

    html body .nav-section + .nav-section,
    html body.sidebar-collapsed .nav-section + .nav-section {
        margin-top: 5px !important;
        padding-top: 5px !important;
        border-top: 1px solid rgba(173,193,207,.36) !important;
    }

    html body .nav-section__items,
    html body.sidebar-collapsed .nav-section__items { display: grid !important; gap: 2px !important; }

    /* Hard global reset: page-specific navigation styles cannot alter geometry. */
    html body .sidebar .nav-section .nav-item,
    html body.page-entry .sidebar .nav-section .nav-item,
    html body:not(.page-entry) .sidebar .nav-section .nav-item,
    html body.sidebar-collapsed .sidebar .nav-section .nav-item {
        position: relative !important;
        display: grid !important;
        grid-template-columns: var(--aho89-icon) minmax(0,1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: var(--aho89-row-h) !important;
        padding: 5px 9px !important;
        border: 1px solid transparent !important;
        border-radius: 11px !important;
        background: transparent !important;
        color: var(--aho89-text) !important;
        box-shadow: none !important;
        font-size: .86rem !important;
        font-weight: 640 !important;
        line-height: 1.18 !important;
        transform: none !important;
        text-decoration: none !important;
        overflow: hidden !important;
        transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
    }

    html body .sidebar .nav-item::before,
    html body .sidebar .nav-item::after { content: none !important; display: none !important; }

    html body .sidebar .nav-item:hover {
        background: #f2f7fa !important;
        border-color: #e0eaf0 !important;
        color: var(--aho89-text-strong) !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* EXACTLY one active style on every page — independent of module. */
    html body .sidebar .nav-item.is-active,
    html body .sidebar .nav-item[aria-current="page"],
    html body.page-entry .sidebar .nav-item.is-active,
    html body.page-entry .sidebar .nav-item[aria-current="page"],
    html body:not(.page-entry) .sidebar .nav-item.is-active,
    html body:not(.page-entry) .sidebar .nav-item[aria-current="page"] {
        background: linear-gradient(90deg, #e5f6f3 0%, #f4fbfa 100%) !important;
        border-color: var(--aho89-active-border) !important;
        color: #096d66 !important;
        box-shadow: inset 3px 0 0 var(--aho89-accent), 0 4px 12px rgba(20,102,94,.055) !important;
        font-weight: 730 !important;
    }

    html body .sidebar .nav-item__icon,
    html body.sidebar-collapsed .sidebar .nav-item__icon {
        width: var(--aho89-icon) !important;
        min-width: var(--aho89-icon) !important;
        height: var(--aho89-icon) !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 10px !important;
        border: 1px solid color-mix(in srgb, var(--nav-tone) 18%, #d9e5ec) !important;
        background: linear-gradient(145deg,#fff 0%, color-mix(in srgb,var(--nav-tone-soft) 82%,#fff 18%) 100%) !important;
        color: var(--nav-tone) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 3px 8px color-mix(in srgb,var(--nav-tone) 6%,transparent) !important;
        overflow: visible !important;
    }
    html body .sidebar .nav-item__icon::after { content: none !important; display: none !important; }

    html body .sidebar .nav-item__icon svg,
    html body.sidebar-collapsed .sidebar .nav-item__icon svg {
        width: 19px !important;
        height: 19px !important;
        stroke-width: 1.85 !important;
        opacity: 1 !important;
    }

    html body .sidebar .nav-item.is-active .nav-item__icon,
    html body .sidebar .nav-item[aria-current="page"] .nav-item__icon {
        border-color: color-mix(in srgb, var(--nav-tone) 28%, #d6e4ea) !important;
        background: linear-gradient(145deg,#fff 0%, color-mix(in srgb,var(--nav-tone-soft) 92%,#fff 8%) 100%) !important;
        color: var(--nav-tone) !important;
        box-shadow: inset 0 1px 0 #fff, 0 5px 12px color-mix(in srgb,var(--nav-tone) 10%,transparent) !important;
    }

    html body .sidebar .nav-item__label,
    html body.sidebar-collapsed .sidebar .nav-item__label {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .sidebar__footer,
    html body.sidebar-collapsed .sidebar__footer {
        padding: 7px 9px 9px !important;
        border-top: 1px solid rgba(173,193,207,.36) !important;
        background: color-mix(in srgb,#f8fbfd 94%,transparent) !important;
    }

    html body .system-indicator,
    html body.sidebar-collapsed .system-indicator {
        min-height: 42px !important;
        padding: 7px 8px !important;
        border-radius: 10px !important;
    }

    html body.page-entry .aho-entry-actionbar { left: calc(var(--aho89-sidebar) + 12px) !important; }
}

@media (min-width: 980px) and (max-width: 1199px) {
    html body,
    html body.page-entry,
    html body:not(.page-entry),
    html body.sidebar-collapsed {
        --sidebar-width: var(--aho89-sidebar-compact) !important;
        --aho86-sidebar: var(--aho89-sidebar-compact) !important;
    }
    html body .app-shell,
    html body.sidebar-collapsed .app-shell { grid-template-columns: var(--aho89-sidebar-compact) minmax(0,1fr) !important; }
    html body .sidebar,
    html body.sidebar-collapsed .sidebar { width: var(--aho89-sidebar-compact) !important; min-width: var(--aho89-sidebar-compact) !important; max-width: var(--aho89-sidebar-compact) !important; }
    html body.page-entry .aho-entry-actionbar { left: calc(var(--aho89-sidebar-compact) + 10px) !important; }
}

/* Dark mode — same geometry and hierarchy, recalibrated surfaces. */
:root[data-theme="dark"] body .sidebar,
:root[data-theme="dark"] body.page-entry .sidebar,
:root[data-theme="dark"] body:not(.page-entry) .sidebar {
    background: #0d1a27 !important;
    border-right-color: #26394b !important;
    box-shadow: 12px 0 34px rgba(0,0,0,.12) !important;
}
:root[data-theme="dark"] body .sidebar__brand,
:root[data-theme="dark"] body .sidebar__footer,
:root[data-theme="dark"] body .nav-section + .nav-section { border-color: #26394b !important; }
:root[data-theme="dark"] body .brand__text strong { color: #edf4fb !important; }
:root[data-theme="dark"] body .brand__text small { color: #9fb0c1 !important; }
:root[data-theme="dark"] body .sidebar .nav-item { color: #c5d1dc !important; }
:root[data-theme="dark"] body .sidebar .nav-item:hover {
    background: #142434 !important;
    border-color: #2a4155 !important;
    color: #f1f6fb !important;
}
:root[data-theme="dark"] body .sidebar .nav-item.is-active,
:root[data-theme="dark"] body .sidebar .nav-item[aria-current="page"] {
    background: linear-gradient(90deg,#12312f 0%,#13272f 100%) !important;
    border-color: #27514d !important;
    color: #8fe0d7 !important;
    box-shadow: inset 3px 0 0 #39c5b6, 0 5px 14px rgba(0,0,0,.10) !important;
}
:root[data-theme="dark"] body .sidebar .nav-item__icon,
:root[data-theme="dark"] body .sidebar .nav-item.is-active .nav-item__icon,
:root[data-theme="dark"] body .sidebar .nav-item[aria-current="page"] .nav-item__icon {
    background: color-mix(in srgb,var(--nav-tone) 14%,#102333 86%) !important;
    border-color: color-mix(in srgb,var(--nav-tone) 32%,#31485a 68%) !important;
    color: color-mix(in srgb,var(--nav-tone) 78%,#d9f2ef 22%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}
:root[data-theme="dark"] body .sidebar__footer { background: #0e1b28 !important; }

/* Auswertung: explicit premium icon visibility. */
html body .nav-item--evaluation-premium .nav-item__icon svg {
    width: 19.5px !important;
    height: 19.5px !important;
    stroke-width: 1.95 !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .sidebar .nav-item { transition: none !important; }
}


/* ========================================================================== */
/* AHO-MGM 1.0.90 — DARK MODE FINAL + SYSTEM STATUS                           */
/* ========================================================================== */

/* One authoritative dark palette for every workspace. Loaded last on purpose
   so legacy light surfaces cannot leak into dark mode. */
:root[data-theme="dark"] {
    --aho90-page: #091522;
    --aho90-shell: #0d1b2a;
    --aho90-surface: #112235;
    --aho90-surface-2: #162a3e;
    --aho90-surface-3: #1c3248;
    --aho90-surface-hover: #203950;
    --aho90-border: #2b4358;
    --aho90-border-strong: #3a566e;
    --aho90-text: #f4f8fc;
    --aho90-text-secondary: #c6d3df;
    --aho90-text-muted: #94a9bc;
    --aho90-text-soft: #7890a5;
    --aho90-accent: #4fd1c5;
    --aho90-accent-soft: rgba(79,209,197,.12);
    --aho90-blue: #78a7ff;
    --aho90-violet: #a78bfa;
    --aho90-positive: #63d7ad;
    --aho90-warning: #f0bd5e;
    --aho90-negative: #ff8297;
    --aho90-shadow: 0 14px 34px rgba(0,0,0,.18);

    /* Rebind the old analytics tokens so historical components inherit dark. */
    --stats-bg: linear-gradient(180deg, #091522 0%, #0c1a29 52%, #0a1724 100%);
    --stats-panel: #112235;
    --stats-panel-strong: #162a3e;
    --stats-border: #2b4358;
    --stats-border-strong: #3a566e;
    --stats-shadow: 0 18px 44px rgba(0,0,0,.24);
    --stats-shadow-soft: 0 10px 24px rgba(0,0,0,.16);
    --stats-ink: #f4f8fc;
    --stats-ink-soft: #a8bac9;
    --stats-accent: #4fd1c5;
    --stats-accent-2: #8aa4ff;
    --stats-accent-3: #58d9b8;
    --stats-negative: #ff8297;
    --stats-warning: #f0bd5e;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] body .app-main,
:root[data-theme="dark"] body .page-content {
    color: var(--aho90-text) !important;
    background-color: var(--aho90-page) !important;
}

/* Core shell surfaces. */
:root[data-theme="dark"] body :is(
    .topbar,
    .content-card,
    .iw-command-deck,
    .iw-canvas,
    .iw-panel,
    .iw-stage__main,
    .iw-stage__rail,
    .iw-dimension,
    .iw-compare-table,
    .iw-compare-chart,
    .iw-trend-ledger,
    .iw-anomaly-list,
    .iw-goal-list,
    .iw-quality-ledger,
    .iw-ai-stage,
    .iw-heatmap,
    .intel-panel,
    .intel-editor,
    .team-roster,
    .team-roster__rows,
    .lab-panel,
    .lab82-card,
    .lab82-panel,
    .lab82-chart-card,
    .aho-chart-data-list,
    .aho-enterprise-workspace,
    .aho-workspace--analytics,
    .aho-workspace--employees,
    .aho-quality-workspace
) {
    color: var(--aho90-text) !important;
    border-color: var(--aho90-border) !important;
    background: var(--aho90-surface) !important;
    box-shadow: var(--aho90-shadow) !important;
}

/* Secondary cards, rows and list items. This is the critical fix for the
   almost-white blocks shown in Analytics Compare and Executive Signals. */
:root[data-theme="dark"] body :is(
    .iw-metric,
    .iw-contribution,
    .iw-insight,
    .iw-saved-row,
    .iw-compare-row,
    .iw-trend-line,
    .iw-goal-row,
    .iw-quality-ledger a,
    .iw-anomaly-list a,
    .iw-dimension__rows a,
    .iw-heatmap__row a,
    .aho-bar-row,
    .aho-bar-row--wide,
    .aho-summary-card,
    .aho-drilldown-launcher,
    .team-person-row,
    .team-person-row__metrics div,
    .team-signals article,
    .team-metric-strip > span,
    .intel-kpis > article,
    .intel-goal-card,
    .intel-trend-row,
    .lab-kpi,
    .lab-command-card,
    .lab-month-card,
    .lab-insights article,
    .card,
    .kpi-card,
    .dashboard-kpi-card,
    .dashboard-chart-card,
    .dashboard-highlights-card
) {
    color: var(--aho90-text) !important;
    border-color: var(--aho90-border) !important;
    background: var(--aho90-surface-2) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.13) !important;
}

:root[data-theme="dark"] body :is(
    .iw-metric:hover,
    .iw-contribution:hover,
    .iw-compare-row:hover,
    .iw-trend-line:hover,
    .iw-quality-ledger a:hover,
    .iw-anomaly-list a:hover,
    .aho-bar-row:hover,
    .aho-summary-card:hover,
    .team-person-row:hover,
    .lab-kpi:hover,
    .card:hover
) {
    border-color: var(--aho90-border-strong) !important;
    background: var(--aho90-surface-hover) !important;
}

/* Typography authority: stop pale text on pale cards and near-black text on
   dark cards. */
:root[data-theme="dark"] body :is(
    .iw-shell,
    .iw-shell h1,.iw-shell h2,.iw-shell h3,.iw-shell h4,
    .iw-shell strong,.iw-shell b,
    .team-shell h1,.team-shell h2,.team-shell h3,
    .lab-shell h1,.lab-shell h2,.lab-shell h3,
    .intel-shell h1,.intel-shell h2,.intel-shell h3,
    .aho-workspace--analytics h1,.aho-workspace--analytics h2,.aho-workspace--analytics h3,
    .lab82-workspace h1,.lab82-workspace h2,.lab82-workspace h3
) { color: var(--aho90-text) !important; }

:root[data-theme="dark"] body :is(
    .iw-shell p,.iw-shell small,.iw-shell span,
    .team-shell p,.team-shell small,
    .lab-shell p,.lab-shell small,
    .intel-shell p,.intel-shell small,
    .aho-workspace--analytics p,.aho-workspace--analytics small,
    .lab82-workspace p,.lab82-workspace small,
    .muted,.aho-muted
) { color: var(--aho90-text-secondary) !important; }

:root[data-theme="dark"] body :is(
    .iw-metric__label,
    .iw-section-head p,
    .iw-command-deck__identity p,
    .iw-compare-table__head,
    .team-person-row__metrics dt,
    .aho-bar-row > span:first-child,
    .card__header p
) { color: var(--aho90-text-muted) !important; }

/* Analytics modes/tabs and filters. */
:root[data-theme="dark"] body :is(
    .iw-modes,
    .iw-context-bar,
    .iw-filter-sheet,
    .iw-filter-tokens span,
    .iw-year-inline,
    .iw-filter-popover > summary,
    .lab-workspace-tabs,
    .lab82-tabs,
    .lab82-commandbar
) {
    border-color: var(--aho90-border) !important;
    background: var(--aho90-surface) !important;
    color: var(--aho90-text-secondary) !important;
}

:root[data-theme="dark"] body .iw-modes button {
    color: var(--aho90-text-muted) !important;
    background: transparent !important;
}
:root[data-theme="dark"] body .iw-modes button:hover {
    color: var(--aho90-text) !important;
    background: var(--aho90-surface-3) !important;
}
:root[data-theme="dark"] body .iw-modes button[aria-current="page"] {
    color: #8ce9df !important;
    background: #16394a !important;
    box-shadow: inset 0 0 0 1px #28586a !important;
}

/* Inputs and buttons in analytical workspaces. */
:root[data-theme="dark"] body :is(
    .iw-command,
    .iw-command input,
    .iw-save-view input,
    .iw-filter-form input,
    .iw-filter-form select,
    .iw-year-inline select,
    .aho-chart-type,
    .lab82-filter select,
    .lab82-filter input
) {
    color: var(--aho90-text) !important;
    border-color: var(--aho90-border-strong) !important;
    background: #0e1d2c !important;
}
:root[data-theme="dark"] body :is(.iw-command input,.iw-save-view input,.iw-filter-form input)::placeholder {
    color: #72889d !important;
}

:root[data-theme="dark"] body :is(.button,.button--small,.aho-button,.lab82-btn) {
    color: var(--aho90-text-secondary) !important;
    border-color: var(--aho90-border) !important;
    background: var(--aho90-surface-2) !important;
    box-shadow: none !important;
}
:root[data-theme="dark"] body :is(.button,.button--small,.aho-button,.lab82-btn):hover {
    color: var(--aho90-text) !important;
    border-color: var(--aho90-border-strong) !important;
    background: var(--aho90-surface-3) !important;
}
:root[data-theme="dark"] body :is(.button--primary,.lab82-btn--ai) {
    color: #062b2a !important;
    border-color: #59d8ca !important;
    background: linear-gradient(135deg,#6ce2d7,#41bfb4) !important;
}

/* Chart canvases and supporting data surfaces. */
:root[data-theme="dark"] body :is(.iw-trend-canvas,.aho-chart-preview) {
    border-color: #2c465d !important;
    background: linear-gradient(180deg,#102237,#0e1c2c) !important;
}
:root[data-theme="dark"] body :is(.aho-bar,.iw-goal-track,.intel-meter) {
    background: #2a4055 !important;
}
:root[data-theme="dark"] body :is(.aho-bar i,.iw-goal-track i,.intel-meter i) {
    background: linear-gradient(90deg,#4fd1c5,#7d9cff) !important;
}

/* Semantic badges remain readable in both directions. */
:root[data-theme="dark"] body :is(.iw-metric__delta,.lab-kpi__delta,.iw-compare-row em,.iw-trend-line em) {
    color: #7ee0bd !important;
    background: rgba(62,177,137,.15) !important;
    border: 1px solid rgba(99,215,173,.20) !important;
}
:root[data-theme="dark"] body :is(.iw-metric__delta.is-down,.iw-compare-row em.is-down,.iw-trend-line em.is-down) {
    color: #ff9bad !important;
    background: rgba(177,55,79,.20) !important;
    border-color: rgba(255,130,151,.24) !important;
}

/* Tables across the product. */
:root[data-theme="dark"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) {
    color: var(--aho90-text-secondary) !important;
    border-color: var(--aho90-border) !important;
    background: var(--aho90-surface) !important;
}
:root[data-theme="dark"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) :is(th,td) {
    color: var(--aho90-text-secondary) !important;
    border-color: var(--aho90-border) !important;
    background: var(--aho90-surface-2) !important;
}
:root[data-theme="dark"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) th {
    color: var(--aho90-text-muted) !important;
    background: #0f2132 !important;
}

/* Global legacy-light safety net for known application panels. It is scoped to
   dark mode and avoids print/paper classes so reports remain white on export. */
:root[data-theme="dark"] body :is(
    .dashboard-card,
    .dashboard-panel,
    .dashboard-section,
    .aho-panel,
    .aho-section-card,
    .aho-info-item,
    .aho-settings-group,
    .aho-feature-card,
    .aho-retention-card,
    .aho-user-summary,
    .aho-mfa-policy,
    .smart-search-result,
    .aho-form-card,
    .aho-branding-card,
    .aho-admin-card,
    .aho-system-check-card,
    .aho-system-info-card,
    .aho-system-overall-card,
    .aho-system-summary-card,
    .aho-import-card,
    .aho-import-job-card,
    .aho-audit-detail-card,
    .aho-audit-filter-card,
    .aho-audit-metadata-card,
    .aho-audit-summary-card,
    .aho-audit-table-card
) {
    color: var(--aho90-text) !important;
    border-color: var(--aho90-border) !important;
    background: var(--aho90-surface) !important;
}

/* Navigation stays identical to light mode geometry; only tone changes. */
:root[data-theme="dark"] body .sidebar .nav-item { color: #bdcbd8 !important; }
:root[data-theme="dark"] body .sidebar .nav-item:hover {
    color: #f4f8fc !important;
    background: #15283a !important;
    border-color: #2d465a !important;
}
:root[data-theme="dark"] body .sidebar .nav-item.is-active,
:root[data-theme="dark"] body .sidebar .nav-item[aria-current="page"] {
    color: #95e6dc !important;
    background: linear-gradient(90deg,#123431,#102a33) !important;
    border-color: #2b5652 !important;
    box-shadow: inset 3px 0 0 #4fd1c5 !important;
}

/* -------------------------------------------------------------------------- */
/* System readiness — premium compact health tile                              */
/* -------------------------------------------------------------------------- */
html body .sidebar__footer,
html body.sidebar-collapsed .sidebar__footer {
    padding: 9px !important;
}
html body .system-indicator,
html body.sidebar-collapsed .system-indicator {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 58px !important;
    padding: 8px 9px !important;
    border: 1px solid #dbe8eb !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg,#ffffff,#f4faf9) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96),0 7px 18px rgba(29,70,72,.055) !important;
    overflow: hidden !important;
}
html body .system-indicator::after {
    content: "";
    position: absolute;
    inset: auto -24px -28px auto;
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: rgba(65,199,180,.09);
    pointer-events: none;
}
html body .system-indicator__icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: #0b8d82;
    border: 1px solid #c5e9e4;
    background: linear-gradient(145deg,#ffffff,#e8f8f5);
    box-shadow: inset 0 1px 0 #fff,0 4px 10px rgba(11,141,130,.08);
}
html body .system-indicator__icon svg { width: 18px; height: 18px; stroke-width: 1.9; }
html body .system-indicator__icon i {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #20b486;
    box-shadow: 0 0 0 3px rgba(32,180,134,.10);
}
html body .system-indicator__content { display: grid; gap: 3px; min-width: 0; }
html body .system-indicator__content strong {
    color: #17384a !important;
    font-size: .75rem !important;
    font-weight: 780 !important;
    line-height: 1.15 !important;
}
html body .system-indicator__content small {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    min-width: 0 !important;
    color: #6a8193 !important;
    font-size: .61rem !important;
    line-height: 1.15 !important;
}
html body .system-indicator__content small > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html body .system-indicator__version {
    flex: 0 0 auto;
    padding: 2px 5px;
    border-radius: 999px;
    color: #34746e !important;
    background: #e9f6f4;
}

:root[data-theme="dark"] body .sidebar__footer { background: #0d1a27 !important; }
:root[data-theme="dark"] body .system-indicator,
:root[data-theme="dark"] body.sidebar-collapsed .system-indicator {
    border-color: #294456 !important;
    background: linear-gradient(145deg,#112537,#0e1d2c) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045),0 8px 18px rgba(0,0,0,.16) !important;
}
:root[data-theme="dark"] body .system-indicator::after { background: rgba(79,209,197,.06); }
:root[data-theme="dark"] body .system-indicator__icon {
    color: #71ded2;
    border-color: #2d5a5b;
    background: linear-gradient(145deg,#173a3a,#112b34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}
:root[data-theme="dark"] body .system-indicator__icon i { border-color: #0f2030; background: #59d4a8; }
:root[data-theme="dark"] body .system-indicator__content strong { color: #eef7f8 !important; }
:root[data-theme="dark"] body .system-indicator__content small { color: #98adbd !important; }
:root[data-theme="dark"] body .system-indicator__version { color: #99e7de !important; background: rgba(79,209,197,.10); }

@media (prefers-reduced-motion: reduce) {
    :root[data-theme="dark"] body * { scroll-behavior: auto !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.91.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.91 — Theme Finalization 2026
 * Light Mode 2.0 + Dark Mode 5.0 + LAB Premium Tabs + Robust System Status
 * Loaded after all historical suites and intentionally authoritative.
 */

:root {
    --aho91-radius-sm: 10px;
    --aho91-radius-md: 14px;
    --aho91-radius-lg: 18px;
    --aho91-speed: 170ms;
}

/* ==========================================================================
   1. LIGHT MODE 2.0 — EYE-FRIENDLY ENTERPRISE SURFACES
   ========================================================================== */
:root[data-theme="light"] {
    --aho91-page: #f3f7f9;
    --aho91-shell: #f7fafc;
    --aho91-surface: #fafcfd;
    --aho91-surface-2: #f4f8fa;
    --aho91-surface-3: #eef4f7;
    --aho91-elevated: #fcfdfe;
    --aho91-interactive: #f9fbfc;
    --aho91-border: #d7e3e9;
    --aho91-border-strong: #bfd0da;
    --aho91-text: #14283c;
    --aho91-text-secondary: #4e667c;
    --aho91-text-muted: #71869a;
    --aho91-accent: #0b9489;
    --aho91-accent-soft: #e7f5f3;
    --aho91-shadow: 0 10px 26px rgba(26,55,76,.055);
}

:root[data-theme="light"] body,
:root[data-theme="light"] body .app-main,
:root[data-theme="light"] body .page-content {
    color: var(--aho91-text) !important;
    background: linear-gradient(180deg,#f5f8fa 0%,#f1f6f8 100%) !important;
}

:root[data-theme="light"] body :is(
    .topbar,.content-card,.card,.dashboard-card,.dashboard-panel,.dashboard-section,
    .aho-panel,.aho-section-card,.aho-form-card,.aho-admin-card,.aho-summary-card,
    .iw-command-deck,.iw-canvas,.iw-panel,.iw-stage__main,.iw-stage__rail,
    .lab-panel,.lab82-card,.lab82-panel,.lab82-chart-card,.aho-chart-data-list
) {
    color: var(--aho91-text) !important;
    border-color: var(--aho91-border) !important;
    background: var(--aho91-surface) !important;
    box-shadow: var(--aho91-shadow) !important;
}

:root[data-theme="light"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    color: var(--aho91-text) !important;
    border-color: var(--aho91-border-strong) !important;
    background: var(--aho91-interactive) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.84) !important;
}
:root[data-theme="light"] body :is(input,select,textarea):focus {
    border-color: #7fcac3 !important;
    outline: 3px solid rgba(11,148,137,.10) !important;
    outline-offset: 1px !important;
}
:root[data-theme="light"] body input::placeholder,
:root[data-theme="light"] body textarea::placeholder { color: #8194a6 !important; }

/* Approved choice system also loses the bright pure-white glare. */
:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho85-choice {
    color: var(--aho91-text) !important;
    border-color: #d5e2e8 !important;
    background: linear-gradient(180deg,#fbfcfd 0%,#f6fafb 100%) !important;
    box-shadow: 0 5px 15px rgba(25,52,72,.045) !important;
}
:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__label {
    color: #173047 !important;
}
:root[data-theme="light"] body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid),
:root[data-theme="light"] body.page-entry #social-topics .aho-topic-group:has(> .aho85-choice-grid) {
    border-color: #dce7ec !important;
    background: linear-gradient(180deg,#f9fbfc,#f4f8fa) !important;
}

/* Light navigation is softly tinted rather than large pure-white canvas. */
@media (min-width: 980px) {
    :root[data-theme="light"] body .sidebar {
        background: linear-gradient(180deg,#f7fafc 0%,#f3f7f9 100%) !important;
        border-right-color: #d9e5ea !important;
    }
    :root[data-theme="light"] body .sidebar__footer { background: #f1f6f8 !important; }
}

/* Charts use quiet bluish surfaces in light mode. */
:root[data-theme="light"] body :is(.iw-trend-canvas,.aho-chart-preview) {
    border-color: #d9e5eb !important;
    background: linear-gradient(180deg,#fbfcfd,#f4f8fa) !important;
}

/* ==========================================================================
   2. DARK MODE 5.0 — AUTHORITATIVE CONTRAST SYSTEM
   ========================================================================== */
:root[data-theme="dark"] {
    --aho91-page: #08131f;
    --aho91-shell: #0c1926;
    --aho91-surface: #102235;
    --aho91-surface-2: #162a3e;
    --aho91-surface-3: #1d3348;
    --aho91-elevated: #213a50;
    --aho91-hover: #254058;
    --aho91-border: #334d63;
    --aho91-border-strong: #47667e;
    --aho91-text: #f5f9fc;
    --aho91-text-secondary: #ccd8e2;
    --aho91-text-muted: #a0b3c4;
    --aho91-text-soft: #8298aa;
    --aho91-accent: #5ce0d3;
    --aho91-blue: #86b3ff;
    --aho91-violet: #b198ff;
    --aho91-amber: #f4be5a;
    --aho91-danger: #ff8ea2;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] body .app-main,
:root[data-theme="dark"] body .page-content {
    color: var(--aho91-text) !important;
    background: var(--aho91-page) !important;
}

/* General panels: never allow legacy white or near-white islands in dark mode. */
:root[data-theme="dark"] body :is(
    .content-card,.card,.dashboard-card,.dashboard-panel,.dashboard-section,
    .aho-panel,.aho-section-card,.aho-form-card,.aho-branding-card,.aho-admin-card,
    .aho-settings-group,.aho-feature-card,.aho-retention-card,.aho-user-summary,
    .aho-import-card,.aho-import-job-card,.aho-audit-detail-card,.aho-audit-filter-card,
    .aho-audit-metadata-card,.aho-audit-summary-card,.aho-audit-table-card,
    .iw-command-deck,.iw-canvas,.iw-panel,.iw-stage__main,.iw-stage__rail,
    .iw-dimension,.iw-compare-table,.iw-compare-chart,.iw-trend-ledger,.iw-anomaly-list,
    .iw-goal-list,.iw-quality-ledger,.iw-ai-stage,.iw-heatmap,
    .lab-panel,.lab82-card,.lab82-panel,.lab82-chart-card,.aho-chart-data-list
) {
    color: var(--aho91-text) !important;
    border-color: var(--aho91-border) !important;
    background: var(--aho91-surface) !important;
}

/* High-risk row/list surfaces from analytics, imports, admin, LAB and ledgers. */
:root[data-theme="dark"] body :is(
    .iw-metric,.iw-contribution,.iw-insight,.iw-saved-row,.iw-compare-row,.iw-trend-line,
    .iw-goal-row,.iw-quality-ledger a,.iw-anomaly-list a,.iw-dimension__rows a,
    .iw-heatmap__row a,.aho-bar-row,.aho-summary-card,.aho-drilldown-launcher,
    .lab-kpi,.lab-command-card,.lab-month-card,.lab-insights article,
    .team-person-row,.team-person-row__metrics div,.team-signals article,
    .dashboard-kpi-card,.dashboard-chart-card,.dashboard-highlights-card
) {
    color: var(--aho91-text) !important;
    border-color: var(--aho91-border) !important;
    background: var(--aho91-surface-2) !important;
}
:root[data-theme="dark"] body :is(
    .iw-metric,.iw-compare-row,.iw-trend-line,.iw-quality-ledger a,.iw-anomaly-list a,
    .aho-bar-row,.lab-kpi,.team-person-row,.card
):hover {
    color: var(--aho91-text) !important;
    border-color: var(--aho91-border-strong) !important;
    background: var(--aho91-hover) !important;
}

/* Typography: explicit contrast hierarchy across every major workspace. */
:root[data-theme="dark"] body :is(h1,h2,h3,h4,h5,h6,strong,b,.card__title,.section-title) {
    color: var(--aho91-text) !important;
}
:root[data-theme="dark"] body :is(p,small,.muted,.aho-muted,.help-text,.field-help,.card__subtitle) {
    color: var(--aho91-text-secondary) !important;
}
:root[data-theme="dark"] body :is(.iw-metric__label,.iw-compare-table__head,.aho-bar-row > span:first-child,dt) {
    color: var(--aho91-text-muted) !important;
}

/* Native form elements including file inputs — no browser-default white slab. */
:root[data-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    color: var(--aho91-text) !important;
    border-color: var(--aho91-border-strong) !important;
    background: #0d1e2d !important;
    color-scheme: dark !important;
}
:root[data-theme="dark"] body input::placeholder,
:root[data-theme="dark"] body textarea::placeholder { color: #8297a9 !important; }
:root[data-theme="dark"] body input[type="file"] { padding: 6px !important; }
:root[data-theme="dark"] body input[type="file"]::file-selector-button {
    min-height: 34px;
    margin-right: 10px;
    padding: 6px 12px;
    border: 1px solid #49667d;
    border-radius: 9px;
    color: #f2f7fb;
    background: #1a3145;
    font-weight: 650;
    cursor: pointer;
}
:root[data-theme="dark"] body input[type="file"]::file-selector-button:hover { background: #244057; }

/* Entry forms: higher icon contrast, clean dark section headers and choices. */
:root[data-theme="dark"] body.page-entry :is(.aho-entry-section,.aho-entry-panel,.aho-entry-grid,.aho-topic-group) {
    border-color: var(--aho91-border) !important;
}
:root[data-theme="dark"] body.page-entry :is(.aho-entry-premium-head,.aho-section-head,.aho80-section-head) {
    color: var(--aho91-text) !important;
    border-color: var(--aho91-border) !important;
    background: linear-gradient(90deg,#153044,#102538) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice {
    color: var(--aho91-text) !important;
    border-color: #3e5a70 !important;
    background: linear-gradient(180deg,#172d40,#132638) !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.16) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice:hover {
    border-color: color-mix(in srgb,var(--entry-accent) 56%,#56738a 44%) !important;
    background: #1e374d !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice:has(input:checked),
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice.is-selected {
    border-color: color-mix(in srgb,var(--entry-accent) 78%,#78958f 22%) !important;
    background: color-mix(in srgb,var(--entry-accent) 17%,#193044 83%) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb,var(--entry-accent) 15%,transparent),0 9px 22px rgba(0,0,0,.17) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__label {
    color: #f5f9fc !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__visual {
    color: color-mix(in srgb,var(--aho85-tone) 66%,#d9ffff 34%) !important;
    border-color: color-mix(in srgb,var(--aho85-tone) 52%,#47647a 48%) !important;
    background:
        radial-gradient(circle at 28% 24%,rgba(255,255,255,.13),transparent 46%),
        color-mix(in srgb,var(--aho85-tone) 24%,#183247 76%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13),0 0 18px color-mix(in srgb,var(--aho85-tone) 16%,transparent) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__visual svg {
    stroke-width: 2.05 !important;
}

/* ==========================================================================
   3. NAVIGATION ICON CONTRAST + ROBUST FOOTER
   ========================================================================== */
@media (min-width: 980px) {
    html body .sidebar {
        display: grid !important;
        grid-template-rows: auto minmax(0,1fr) auto !important;
        height: 100dvh !important;
        overflow: hidden !important;
    }
    html body .sidebar__navigation {
        min-height: 0 !important;
        overflow-y: auto !important;
    }
    html body .sidebar__footer {
        position: relative !important;
        z-index: 4 !important;
        min-width: 0 !important;
        overflow: visible !important;
    }
    html body .system-indicator {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

:root[data-theme="dark"] body .sidebar .nav-item__icon {
    color: color-mix(in srgb,var(--nav-tone) 64%,#e8ffff 36%) !important;
    border-color: color-mix(in srgb,var(--nav-tone) 48%,#426077 52%) !important;
    background:
        radial-gradient(circle at 30% 25%,rgba(255,255,255,.13),transparent 45%),
        color-mix(in srgb,var(--nav-tone) 23%,#142a3d 77%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 0 16px color-mix(in srgb,var(--nav-tone) 15%,transparent) !important;
}
:root[data-theme="dark"] body .sidebar .nav-item__icon svg {
    opacity: 1 !important;
    stroke-width: 2.05 !important;
}
:root[data-theme="dark"] body .sidebar .nav-item.is-active .nav-item__icon,
:root[data-theme="dark"] body .sidebar .nav-item[aria-current="page"] .nav-item__icon {
    color: color-mix(in srgb,var(--nav-tone) 50%,#ffffff 50%) !important;
    border-color: color-mix(in srgb,var(--nav-tone) 62%,#6a8799 38%) !important;
    background: color-mix(in srgb,var(--nav-tone) 30%,#173146 70%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0 20px color-mix(in srgb,var(--nav-tone) 22%,transparent) !important;
}

/* System ready tile: complete, stable and readable even on short screens. */
html body .system-indicator {
    grid-template-columns: 36px minmax(0,1fr) !important;
    min-height: 62px !important;
    padding: 9px !important;
}
html body .system-indicator__content strong { font-size: .76rem !important; }
html body .system-indicator__content small { font-size: .62rem !important; }
:root[data-theme="dark"] body .system-indicator {
    border-color: #34536a !important;
    background: linear-gradient(145deg,#13293b,#0f2131) !important;
}
:root[data-theme="dark"] body .system-indicator__icon {
    color: #8cf1e5 !important;
    border-color: #3f7471 !important;
    background: linear-gradient(145deg,#1a4544,#14333d) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10),0 0 18px rgba(79,209,197,.12) !important;
}
:root[data-theme="dark"] body .system-indicator__content strong { color:#f4fbfc !important; }
:root[data-theme="dark"] body .system-indicator__content small { color:#a8bdcc !important; }

/* ==========================================================================
   4. LAB PREMIUM SUBNAVIGATION
   ========================================================================== */
html body.page-lab-classic .lab-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--aho91-border, #d7e3e9) !important;
    border-radius: 16px !important;
    background: var(--aho91-surface, #fafcfd) !important;
    box-shadow: 0 8px 24px rgba(22,50,72,.05) !important;
}
html body.page-lab-classic .lab-workspace-tabs {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body.page-lab-classic .lab-workspace-tabs a {
    display: inline-grid !important;
    grid-template-columns: 27px auto !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 42px !important;
    padding: 6px 11px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    color: #526a80 !important;
    background: transparent !important;
    font-size: .82rem !important;
    font-weight: 670 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
html body.page-lab-classic .lab-workspace-tabs a::before { content:none !important; display:none !important; }
html body.page-lab-classic .lab-tab__icon {
    display: grid !important;
    place-items: center !important;
    width: 27px !important;
    height: 27px !important;
    border-radius: 9px !important;
    color: #0c948a !important;
    border: 1px solid #d4eae7 !important;
    background: #ebf8f6 !important;
}
html body.page-lab-classic .lab-tab__icon svg { width:17px !important; height:17px !important; stroke-width:1.9 !important; }
html body.page-lab-classic .lab-workspace-tabs a:hover {
    color: #173b50 !important;
    border-color: #dce8ec !important;
    background: #f2f7f9 !important;
}
html body.page-lab-classic .lab-workspace-tabs a.is-active {
    color: #08766e !important;
    border-color: #bae3dd !important;
    background: linear-gradient(135deg,#e3f6f3,#f2faf9) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8),0 5px 14px rgba(11,148,137,.07) !important;
}
html body.page-lab-classic .lab-toolbar__year {
    display:flex !important; align-items:end !important; gap:8px !important;
    padding:0 !important; border:0 !important;
}
html body.page-lab-classic .lab-toolbar__year label { margin:0 !important; }

:root[data-theme="dark"] body.page-lab-classic .lab-toolbar {
    border-color: var(--aho91-border) !important;
    background: var(--aho91-surface) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
}
:root[data-theme="dark"] body.page-lab-classic .lab-workspace-tabs a { color:#b5c6d4 !important; }
:root[data-theme="dark"] body.page-lab-classic .lab-tab__icon {
    color:#7fe9dd !important;
    border-color:#356267 !important;
    background:#14363b !important;
    box-shadow:0 0 14px rgba(79,209,197,.08) !important;
}
:root[data-theme="dark"] body.page-lab-classic .lab-workspace-tabs a:hover {
    color:#f2f8fb !important;
    border-color:#3b586d !important;
    background:#1a3044 !important;
}
:root[data-theme="dark"] body.page-lab-classic .lab-workspace-tabs a.is-active {
    color:#9af1e8 !important;
    border-color:#34706a !important;
    background:linear-gradient(135deg,#173c3b,#142f3b) !important;
}

@media (max-width: 1180px) {
    html body.page-lab-classic .lab-toolbar { grid-template-columns: 1fr !important; }
    html body.page-lab-classic .lab-toolbar__year { justify-self: start !important; }
}
@media (max-width: 760px) {
    html body.page-lab-classic .lab-workspace-tabs { flex-wrap: nowrap !important; overflow-x:auto !important; padding-bottom:4px !important; }
}

/* ==========================================================================
   5. ANALYTICS / LAB / TABLE / CHART CONTRAST HARDENING
   ========================================================================== */
:root[data-theme="dark"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) {
    color:var(--aho91-text-secondary) !important;
    border-color:var(--aho91-border) !important;
    background:var(--aho91-surface) !important;
}
:root[data-theme="dark"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) :is(th,td) {
    color:var(--aho91-text-secondary) !important;
    border-color:var(--aho91-border) !important;
    background:var(--aho91-surface-2) !important;
}
:root[data-theme="dark"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) th {
    color:#b4c6d5 !important; background:#0f2233 !important;
}
:root[data-theme="dark"] body :is(.iw-trend-canvas,.aho-chart-preview) {
    border-color:#35536a !important;
    background:linear-gradient(180deg,#10263b,#0d1e30) !important;
}
:root[data-theme="dark"] body :is(.aho-bar,.iw-goal-track,.intel-meter) { background:#304b61 !important; }
:root[data-theme="dark"] body :is(.aho-bar i,.iw-goal-track i,.intel-meter i) { background:linear-gradient(90deg,#5ce0d3,#8faaff) !important; }

/* Tabs, chips and buttons in dark workspaces. */
:root[data-theme="dark"] body :is(.iw-modes,.iw-context-bar,.iw-filter-sheet,.lab82-tabs,.lab82-commandbar) {
    color:var(--aho91-text-secondary) !important; border-color:var(--aho91-border) !important; background:var(--aho91-surface) !important;
}
:root[data-theme="dark"] body :is(.button,.button--small,.aho-button,.lab82-btn) {
    color:var(--aho91-text-secondary) !important; border-color:var(--aho91-border) !important; background:var(--aho91-surface-2) !important;
}
:root[data-theme="dark"] body :is(.button,.button--small,.aho-button,.lab82-btn):hover {
    color:var(--aho91-text) !important; border-color:var(--aho91-border-strong) !important; background:var(--aho91-surface-3) !important;
}
:root[data-theme="dark"] body :is(.button--primary,.lab82-btn--ai) {
    color:#062a29 !important; border-color:#6ae2d6 !important; background:linear-gradient(135deg,#7ae8dd,#4ccbc0) !important;
}

/* Accessibility */
html body :focus-visible { outline:3px solid color-mix(in srgb,#31b8aa 34%,transparent) !important; outline-offset:2px !important; }
@media (prefers-reduced-motion: reduce) {
    html body *,html body *::before,html body *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.92.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.92 — Comfort Light + Global Contrast Consolidation
 * Authoritative final theme layer loaded after 1.0.91.
 * Goal: materially reduce glare in Light Mode and harden contrast in both modes.
 */

:root {
    --aho92-radius-sm: 10px;
    --aho92-radius-md: 14px;
    --aho92-radius-lg: 18px;
    --aho92-speed: 165ms;
}

/* ========================================================================== */
/* 1. COMFORT LIGHT 2026 — LOW-GLARE COOL DAYLIGHT                            */
/* ========================================================================== */
:root[data-theme="light"] {
    color-scheme: light;
    --aho92-page: #e8eef2;
    --aho92-shell: #edf2f5;
    --aho92-surface: #f2f5f7;
    --aho92-surface-2: #eaf0f3;
    --aho92-surface-3: #e2e9ed;
    --aho92-elevated: #f5f7f8;
    --aho92-interactive: #edf2f4;
    --aho92-interactive-hover: #e7eef1;
    --aho92-border: #c9d6dd;
    --aho92-border-strong: #afc1cb;
    --aho92-text: #14283b;
    --aho92-text-secondary: #415a70;
    --aho92-text-muted: #657b8f;
    --aho92-accent: #0b8f85;
    --aho92-accent-soft: #dcefeb;
    --aho92-shadow: 0 8px 22px rgba(24,48,67,.055);
}

:root[data-theme="light"] body,
:root[data-theme="light"] body .app-shell,
:root[data-theme="light"] body .app-main,
:root[data-theme="light"] body .page-content,
:root[data-theme="light"] body main,
:root[data-theme="light"] body .content,
:root[data-theme="light"] body .aho-workspace {
    color: var(--aho92-text) !important;
    background: linear-gradient(180deg,#ebf0f3 0%,#e6edf1 100%) !important;
}

/* Main chrome deliberately avoids pure white. */
:root[data-theme="light"] body :is(
    .topbar,.app-topbar,.header-bar,.page-header,.content-card,.card,.dashboard-card,.dashboard-panel,.dashboard-section,
    .aho-panel,.aho-section-card,.aho-form-card,.aho-branding-card,.aho-admin-card,.aho-settings-group,.aho-feature-card,
    .aho-user-summary,.aho-summary-card,.aho-import-card,.aho-import-job-card,.aho-audit-detail-card,.aho-audit-filter-card,
    .aho-audit-metadata-card,.aho-audit-summary-card,.aho-audit-table-card,
    .iw-command-deck,.iw-canvas,.iw-panel,.iw-stage__main,.iw-stage__rail,.iw-dimension,.iw-compare-table,.iw-compare-chart,
    .iw-trend-ledger,.iw-anomaly-list,.iw-goal-list,.iw-quality-ledger,.iw-ai-stage,.iw-heatmap,
    .lab-panel,.lab82-card,.lab82-panel,.lab82-chart-card,.aho-chart-data-list,.lab-kpi,.lab-command-card,.lab-month-card
) {
    color: var(--aho92-text) !important;
    border-color: var(--aho92-border) !important;
    background: var(--aho92-surface) !important;
    box-shadow: var(--aho92-shadow) !important;
}

/* Subtle secondary/elevated rows. */
:root[data-theme="light"] body :is(
    .iw-metric,.iw-contribution,.iw-insight,.iw-saved-row,.iw-compare-row,.iw-trend-line,.iw-goal-row,
    .iw-quality-ledger a,.iw-anomaly-list a,.iw-dimension__rows a,.iw-heatmap__row a,
    .aho-bar-row,.aho-drilldown-launcher,.team-person-row,.team-person-row__metrics div,.team-signals article,
    .dashboard-kpi-card,.dashboard-chart-card,.dashboard-highlights-card
) {
    color: var(--aho92-text) !important;
    border-color: var(--aho92-border) !important;
    background: var(--aho92-surface-2) !important;
}

:root[data-theme="light"] body :is(
    .iw-metric,.iw-compare-row,.iw-trend-line,.iw-quality-ledger a,.iw-anomaly-list a,.aho-bar-row,.lab-kpi,.team-person-row,.card
):hover {
    border-color: var(--aho92-border-strong) !important;
    background: var(--aho92-interactive-hover) !important;
}

/* Topbar/search/profile surfaces: muted daylight rather than bright white. */
:root[data-theme="light"] body :is(
    .topbar,.app-topbar,.topbar__search,.command-search,.global-search,.profile-menu,.theme-toggle,.icon-button
) {
    border-color: var(--aho92-border) !important;
    background-color: var(--aho92-surface-2) !important;
}

/* Typography contrast stays strong despite lower luminance. */
:root[data-theme="light"] body :is(h1,h2,h3,h4,h5,h6,strong,b,.card__title,.section-title) {
    color: var(--aho92-text) !important;
}
:root[data-theme="light"] body :is(p,small,.muted,.aho-muted,.help-text,.field-help,.card__subtitle) {
    color: var(--aho92-text-secondary) !important;
}

/* Forms are intentionally grey-blue, never full white. */
:root[data-theme="light"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    color: var(--aho92-text) !important;
    border-color: var(--aho92-border-strong) !important;
    background: var(--aho92-interactive) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48) !important;
}
:root[data-theme="light"] body :is(input,select,textarea):hover {
    background: #e9eff2 !important;
}
:root[data-theme="light"] body :is(input,select,textarea):focus {
    color: var(--aho92-text) !important;
    border-color: #66bcb4 !important;
    background: #eef3f5 !important;
    outline: 3px solid rgba(11,143,133,.12) !important;
    outline-offset: 1px !important;
}
:root[data-theme="light"] body input::placeholder,
:root[data-theme="light"] body textarea::placeholder { color:#718699 !important; }
:root[data-theme="light"] body input[type="file"]::file-selector-button {
    color:#21374a !important;
    border-color:var(--aho92-border-strong) !important;
    background:#e2eaee !important;
}

/* Entry workspace. */
:root[data-theme="light"] body.page-entry :is(.aho-entry-section,.aho-entry-panel,.aho-entry-grid,.aho-topic-group) {
    border-color: var(--aho92-border) !important;
    background: transparent !important;
}
:root[data-theme="light"] body.page-entry :is(.aho-entry-premium-head,.aho-section-head,.aho80-section-head) {
    color:var(--aho92-text) !important;
    border-color:#c6d8de !important;
    background:linear-gradient(90deg,#e6f0f0 0%,#edf2f4 62%,#e9eff2 100%) !important;
}
:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho85-choice {
    color:var(--aho92-text) !important;
    border-color:#c8d7de !important;
    background:linear-gradient(180deg,#eef3f5 0%,#e9eff2 100%) !important;
    box-shadow:0 4px 13px rgba(24,49,67,.04) !important;
}
:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho85-choice:hover {
    border-color:color-mix(in srgb,var(--entry-accent) 34%,#b3c5ce 66%) !important;
    background:color-mix(in srgb,var(--entry-accent) 5%,#eaf0f2 95%) !important;
}
:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho85-choice:has(input:checked),
:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho85-choice.is-selected {
    border-color:color-mix(in srgb,var(--entry-accent) 62%,#a4b9c1 38%) !important;
    background:color-mix(in srgb,var(--entry-accent) 10%,#e8efef 90%) !important;
}
:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho85-choice .aho73-choice__label { color:#173047 !important; }
:root[data-theme="light"] body.page-entry .aho-entry-form fieldset.aho-fieldset:has(> .aho85-choice-grid),
:root[data-theme="light"] body.page-entry #social-topics .aho-topic-group:has(> .aho85-choice-grid) {
    border-color:#cbd9df !important;
    background:linear-gradient(180deg,#edf2f4,#e7edf0) !important;
}

/* Sidebar: low-glare but still distinctly separate from content. */
@media (min-width:980px) {
    :root[data-theme="light"] body .sidebar {
        background:linear-gradient(180deg,#edf2f5 0%,#e7edf1 100%) !important;
        border-right-color:#c5d3da !important;
    }
    :root[data-theme="light"] body .sidebar__brand,
    :root[data-theme="light"] body .sidebar__footer { background:#e9eff2 !important; }
    :root[data-theme="light"] body .nav-section + .nav-section { border-top-color:#cbd7dd !important; }
    :root[data-theme="light"] body .nav-item { color:#354d63 !important; }
    :root[data-theme="light"] body .nav-item:hover { background:#e1e9ed !important; }
    :root[data-theme="light"] body .system-indicator {
        border-color:#bfd0d7 !important;
        background:linear-gradient(145deg,#e7edef,#dde7eb) !important;
    }
}

/* LAB / Analytics subnavigation and controls. */
:root[data-theme="light"] body :is(.lab-toolbar,.lab-workspace-tabs,.iw-modes,.iw-context-bar,.iw-filter-sheet,.lab82-tabs,.lab82-commandbar) {
    color:var(--aho92-text-secondary) !important;
    border-color:var(--aho92-border) !important;
    background:var(--aho92-surface-2) !important;
}
:root[data-theme="light"] body.page-lab-classic .lab-workspace-tabs a {
    color:#415c70 !important;
}
:root[data-theme="light"] body.page-lab-classic .lab-workspace-tabs a:hover {
    color:#17384b !important;
    border-color:#c8d8de !important;
    background:#e5edf0 !important;
}
:root[data-theme="light"] body.page-lab-classic .lab-workspace-tabs a.is-active {
    color:#086f68 !important;
    border-color:#aacfc9 !important;
    background:linear-gradient(135deg,#d8ece9,#e6f0f0) !important;
}

/* Buttons/chips should not become bright white islands. */
:root[data-theme="light"] body :is(.button,.button--small,.aho-button,.lab82-btn,.chip,.badge,.aho-filter-chip) {
    color:var(--aho92-text-secondary) !important;
    border-color:var(--aho92-border) !important;
    background:var(--aho92-surface-2) !important;
}
:root[data-theme="light"] body :is(.button,.button--small,.aho-button,.lab82-btn):hover {
    color:var(--aho92-text) !important;
    border-color:var(--aho92-border-strong) !important;
    background:var(--aho92-surface-3) !important;
}
:root[data-theme="light"] body :is(.button--primary,.lab82-btn--ai) {
    color:#f7fffe !important;
    border-color:#087e75 !important;
    background:linear-gradient(135deg,#0c968b,#087f78) !important;
}

/* Tables and comparison rows. */
:root[data-theme="light"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) {
    color:var(--aho92-text-secondary) !important;
    border-color:var(--aho92-border) !important;
    background:var(--aho92-surface) !important;
}
:root[data-theme="light"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) :is(th,td) {
    color:var(--aho92-text-secondary) !important;
    border-color:var(--aho92-border) !important;
    background:var(--aho92-surface-2) !important;
}
:root[data-theme="light"] body :is(table,.table,.data-table,.aho-table,.aho-drilldown-table) th {
    color:#425b70 !important;
    background:#e2e9ed !important;
}

/* Charts: quiet plot area, less glare. */
:root[data-theme="light"] body :is(.iw-trend-canvas,.aho-chart-preview) {
    border-color:#c8d6dd !important;
    background:linear-gradient(180deg,#eef3f5,#e8eef1) !important;
}
:root[data-theme="light"] body :is(.aho-bar,.iw-goal-track,.intel-meter) { background:#d4e0e5 !important; }

/* Sticky footer/action bars. */
:root[data-theme="light"] body :is(.aho-entry-actionbar,.sticky-actionbar,.action-bar) {
    border-color:#c5d3da !important;
    background:rgba(234,240,243,.96) !important;
    backdrop-filter:blur(14px) saturate(120%) !important;
}

/* ========================================================================== */
/* 2. DARK MODE — SMALL FINAL CONTRAST HARDENING                              */
/* ========================================================================== */
:root[data-theme="dark"] body .sidebar .nav-item__label { color:#b5c8d8 !important; }
:root[data-theme="dark"] body .sidebar .nav-item.is-active .nav-item__label,
:root[data-theme="dark"] body .sidebar .nav-item[aria-current="page"] .nav-item__label { color:#f4fbfd !important; }
:root[data-theme="dark"] body .sidebar .nav-item__icon {
    filter:saturate(1.12) brightness(1.10);
}
:root[data-theme="dark"] body.page-entry .aho73-choice__label { color:#f4f8fb !important; }
:root[data-theme="dark"] body.page-entry .aho73-choice__visual { filter:saturate(1.15) brightness(1.10); }

/* ========================================================================== */
/* 3. ACCESSIBILITY                                                           */
/* ========================================================================== */
html body :focus-visible { outline:3px solid color-mix(in srgb,#159e92 36%,transparent) !important; outline-offset:2px !important; }
@media (prefers-reduced-motion:reduce) {
    html body *,html body *::before,html body *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.93.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.93 — Clear Selection + Borderless Section Headings
 * Global visual consistency layer loaded after all previous suites.
 */

/* ========================================================================== */
/* 1. GLOBAL SELECTED/CHECKED STATE                                            */
/* ========================================================================== */

/* Native controls keep a consistent, high-contrast product accent. */
html body input[type="checkbox"],
html body input[type="radio"] {
    accent-color: var(--entry-accent, var(--aho-accent, #0b9489));
}

/* Generic choice indicator: clearly visible checkbox with a real white tick. */
html body label.choice .choice__indicator {
    position: relative !important;
    width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-width: 1.7px !important;
    color: transparent !important;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

html body label.choice input[type="checkbox"]:checked ~ .choice__indicator {
    color: #fff !important;
    border-color: var(--entry-accent, var(--aho-module-accent, var(--aho-accent, #0b9489))) !important;
    background: var(--entry-accent, var(--aho-module-accent, var(--aho-accent, #0b9489))) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--entry-accent, #0b9489) 13%, transparent),
        inset 0 1px 0 rgba(255,255,255,.26) !important;
}

html body label.choice input[type="checkbox"]:checked ~ .choice__indicator::after {
    content: "✓" !important;
    display: block !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    transform: translateY(-.2px) !important;
}

/* Radio controls remain circular and use an obvious central dot. */
html body label.choice input[type="radio"] ~ .choice__indicator {
    border-radius: 999px !important;
}
html body label.choice input[type="radio"]:checked ~ .choice__indicator {
    border-color: var(--entry-accent, var(--aho-module-accent, var(--aho-accent, #0b9489))) !important;
    background: var(--entry-accent, var(--aho-module-accent, var(--aho-accent, #0b9489))) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--entry-accent, #0b9489) 13%, transparent) !important;
}
html body label.choice input[type="radio"]:checked ~ .choice__indicator::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    display: block !important;
    border-radius: 999px !important;
    background: #fff !important;
}

/* Newer adaptive cards use their own indicator class; enforce the same visual grammar. */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__indicator {
    width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    display: grid !important;
    place-items: center !important;
    color: transparent !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input[type="checkbox"]:checked ~ .aho73-choice__indicator {
    color: #fff !important;
    border-color: var(--entry-accent, #0b9489) !important;
    background: var(--entry-accent, #0b9489) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--entry-accent, #0b9489) 13%, transparent),
        inset 0 1px 0 rgba(255,255,255,.25) !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input[type="checkbox"]:checked ~ .aho73-choice__indicator::after {
    content: "✓" !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input[type="radio"]:checked ~ .aho73-choice__indicator::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #fff !important;
}

/* Selected binary cards become unmistakable without relying on the tiny indicator alone. */
html body.page-entry .aho-binary-grid label.choice:has(input:checked),
html body.page-entry .aho-binary-grid label.choice.is-selected {
    border-color: color-mix(in srgb, var(--entry-accent, #0b9489) 76%, #90aca7 24%) !important;
    background: color-mix(in srgb, var(--entry-accent-soft, #dff3f0) 56%, var(--aho92-surface-1, #edf2f4) 44%) !important;
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--entry-accent, #0b9489) 12%, transparent),
        0 6px 16px color-mix(in srgb, var(--entry-accent, #0b9489) 6%, transparent) !important;
}

/* Dark mode: stronger selected state and brighter ticks. */
:root[data-theme="dark"] body label.choice input[type="checkbox"]:checked ~ .choice__indicator,
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice input[type="checkbox"]:checked ~ .aho73-choice__indicator {
    color: #fff !important;
    border-color: color-mix(in srgb, var(--entry-accent, #34d6c5) 78%, #d9ffff 22%) !important;
    background: color-mix(in srgb, var(--entry-accent, #34d6c5) 88%, #12384a 12%) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--entry-accent, #34d6c5) 22%, transparent),
        0 0 16px color-mix(in srgb, var(--entry-accent, #34d6c5) 18%, transparent),
        inset 0 1px 0 rgba(255,255,255,.28) !important;
}

:root[data-theme="dark"] body.page-entry .aho-binary-grid label.choice:has(input:checked),
:root[data-theme="dark"] body.page-entry .aho-binary-grid label.choice.is-selected {
    border-color: color-mix(in srgb, var(--entry-accent, #34d6c5) 82%, #7ea59f 18%) !important;
    background: color-mix(in srgb, var(--entry-accent, #34d6c5) 18%, #173044 82%) !important;
}

/* ========================================================================== */
/* 2. BORDERLESS SECTION HEADINGS — REMOVE DECORATIVE VERTICAL ACCENT LINES  */
/* ========================================================================== */

/* Entry pages: icon + heading remain, the decorative green/blue/violet line is removed. */
html body.page-entry .aho-form-section__header,
:root[data-theme="light"] body.page-entry .aho-form-section__header,
:root[data-theme="dark"] body.page-entry .aho-form-section__header {
    border-left: 0 !important;
    border-inline-start: 0 !important;
}
html body.page-entry .aho-form-section__header::before,
html body.page-entry .aho-form-section__header::after {
    content: none !important;
    display: none !important;
}

/* Apply the same no-accent-line rule to reusable section/header components. */
html body :is(
    .aho-section-head,
    .aho80-section-head,
    .aho-entry-premium-head,
    .lab82-section-head,
    .iw-section-head,
    .aho-section-heading,
    .aho-settings-section__header,
    .aho-admin-section__header
) {
    border-left: 0 !important;
    border-inline-start: 0 !important;
}
html body :is(
    .aho-section-head,
    .aho80-section-head,
    .aho-entry-premium-head,
    .lab82-section-head,
    .iw-section-head,
    .aho-section-heading,
    .aho-settings-section__header,
    .aho-admin-section__header
)::before {
    border-left: 0 !important;
    border-inline-start: 0 !important;
}

/* Keep section icons as the sole module-color anchor. */
html body.page-entry :is(.aho-section-number,.aho-entry-premium-head__icon) {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 5px 14px rgba(25,53,73,.06) !important;
}

/* ========================================================================== */
/* 3. ACCESSIBILITY                                                            */
/* ========================================================================== */
html body label.choice input:focus-visible ~ .choice__indicator,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice input:focus-visible ~ .aho73-choice__indicator {
    outline: 2px solid color-mix(in srgb, var(--entry-accent, #0b9489) 78%, #163b52 22%) !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    html body label.choice .choice__indicator,
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice .aho73-choice__indicator {
        transition: none !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.94.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.94 — Timing Row + Selection Visibility Hardening
 * Loaded after 1.0.93. Keeps the global calm-paper/light system while
 * structurally moving consultation duration next to travel time.
 */

/* ========================================================================== */
/* 1. BERATUNG — TOP METADATA WITHOUT AN EMPTY THIRD COLUMN                  */
/* ========================================================================== */
html body.page-entry--social-work .aho81-basics-grid {
    grid-template-columns: minmax(240px, .78fr) minmax(420px, 1.72fr) !important;
    align-items: end !important;
    gap: 20px 18px !important;
}

html body.page-entry--social-work .aho81-meta-date,
html body.page-entry--social-work .aho81-meta-employee {
    grid-column: auto !important;
    width: 100% !important;
}

html body.page-entry--social-work .aho81-choice-block,
html body.page-entry--social-work .aho94-timing-row {
    grid-column: 1 / -1 !important;
}

/* ========================================================================== */
/* 2. TIME INFORMATION — TRAVEL + DURATION TOGETHER BELOW CONTACT METHOD     */
/* ========================================================================== */
html body.page-entry--social-work .aho94-timing-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(260px, 360px)) !important;
    justify-content: start !important;
    align-items: start !important;
    gap: 18px !important;
    margin-top: 4px !important;
    padding: 0 2px 2px !important;
}

html body.page-entry--social-work .aho94-timing-field,
html body.page-entry--social-work .aho81-travel-field,
html body.page-entry--social-work .aho81-meta-duration {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    grid-column: auto !important;
}

html body.page-entry--social-work .aho94-timing-field > label {
    display: inline-block !important;
    margin-bottom: 8px !important;
}

html body.page-entry--social-work .aho94-timing-field .aho-number-control,
html body.page-entry--social-work .aho94-timing-field .aho-number-stepper {
    width: 100% !important;
}

/* ========================================================================== */
/* 3. CHECKED STATE — GUARANTEE A CLEAR WHITE CHECKMARK ON BINARY CARDS      */
/* ========================================================================== */
html body.page-entry .aho-binary-grid label.choice.choice--binary > input[type="checkbox"] + .choice__indicator {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1.7px solid color-mix(in srgb, var(--entry-accent, #0b9489) 38%, #a9bcc8 62%) !important;
    border-radius: 7px !important;
    background: color-mix(in srgb, var(--aho92-surface-1, #edf2f4) 84%, #fff 16%) !important;
}

html body.page-entry .aho-binary-grid label.choice.choice--binary > input[type="checkbox"]:checked + .choice__indicator {
    border-color: var(--entry-accent, #0b9489) !important;
    background: var(--entry-accent, #0b9489) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--entry-accent, #0b9489) 14%, transparent),
        inset 0 1px 0 rgba(255,255,255,.30) !important;
}

html body.page-entry .aho-binary-grid label.choice.choice--binary > input[type="checkbox"]:checked + .choice__indicator::after {
    content: "✓" !important;
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    transform: translateY(-.5px) !important;
}

html body.page-entry .aho-binary-grid label.choice.choice--binary:has(> input[type="checkbox"]:checked) {
    border-color: color-mix(in srgb, var(--entry-accent, #0b9489) 68%, #9eb5bd 32%) !important;
    background: color-mix(in srgb, var(--entry-accent-soft, #dff3f0) 62%, var(--aho92-surface-1, #edf2f4) 38%) !important;
}

:root[data-theme="dark"] body.page-entry .aho-binary-grid label.choice.choice--binary > input[type="checkbox"] + .choice__indicator {
    border-color: color-mix(in srgb, var(--entry-accent, #36d6c5) 52%, #7791a4 48%) !important;
    background: #172b3d !important;
}

:root[data-theme="dark"] body.page-entry .aho-binary-grid label.choice.choice--binary > input[type="checkbox"]:checked + .choice__indicator {
    border-color: color-mix(in srgb, var(--entry-accent, #36d6c5) 82%, #e5ffff 18%) !important;
    background: color-mix(in srgb, var(--entry-accent, #36d6c5) 88%, #123849 12%) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--entry-accent, #36d6c5) 22%, transparent),
        0 0 14px color-mix(in srgb, var(--entry-accent, #36d6c5) 18%, transparent) !important;
}

/* ========================================================================== */
/* 4. BORDERLESS SECTION HEADERS — FINAL GUARANTEE                           */
/* ========================================================================== */
html body.page-entry .aho-form-section__header,
html body.page-entry .aho-form-section__header::before,
html body.page-entry .aho-form-section__header::after {
    border-left: 0 !important;
    border-inline-start: 0 !important;
}
html body.page-entry .aho-form-section__header::before,
html body.page-entry .aho-form-section__header::after {
    content: none !important;
    display: none !important;
}

/* ========================================================================== */
/* 5. RESPONSIVE                                                             */
/* ========================================================================== */
@media (max-width: 1180px) and (min-width: 801px) {
    html body.page-entry--social-work .aho81-basics-grid {
        grid-template-columns: minmax(210px, .8fr) minmax(320px, 1.4fr) !important;
    }
    html body.page-entry--social-work .aho94-timing-row {
        grid-template-columns: repeat(2, minmax(230px, 1fr)) !important;
    }
}

@media (max-width: 800px) {
    html body.page-entry--social-work .aho81-basics-grid,
    html body.page-entry--social-work .aho94-timing-row {
        grid-template-columns: 1fr !important;
    }
    html body.page-entry--social-work .aho81-meta-date,
    html body.page-entry--social-work .aho81-meta-employee,
    html body.page-entry--social-work .aho81-choice-block,
    html body.page-entry--social-work .aho94-timing-row {
        grid-column: 1 / -1 !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.95.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.95 — Unified Entry Paper + Consultation Refinement
 * Loaded after 1.0.94.
 * Scope: all four operational entry pages, with consultation-specific layout refinements.
 */

:root {
    --aho95-paper-top: #edf2f5;
    --aho95-paper-bottom: #e7edf1;
    --aho95-paper-soft: #eaf0f3;
    --aho95-paper-interactive: #edf2f4;
    --aho95-paper-hover: #e1e9ed;
    --aho95-line: #c8d5dc;
    --aho95-line-strong: #adc0ca;
    --aho95-ink: #14283b;
    --aho95-muted: #52697c;
    --aho95-shadow: 0 8px 22px rgba(24,48,67,.055);
    --aho95-speed: 180ms;
}

/* ========================================================================== */
/* 1. ALL ENTRY PAGES — ONE CONTINUOUS PAPER WORKSPACE                       */
/* ========================================================================== */
:root[data-theme="light"] body.page-entry,
:root[data-theme="light"] body.page-entry .app-shell,
:root[data-theme="light"] body.page-entry .app-main,
:root[data-theme="light"] body.page-entry .page-content,
:root[data-theme="light"] body.page-entry main,
:root[data-theme="light"] body.page-entry .content,
:root[data-theme="light"] body.page-entry .aho-workspace,
:root[data-theme="light"] body.page-entry .aho-entry-workspace,
:root[data-theme="light"] body.page-entry .aho-entry-form,
:root[data-theme="light"] body.page-entry .aho-entry-layout,
:root[data-theme="light"] body.page-entry .aho-entry-stage {
    color: var(--aho95-ink) !important;
    background: linear-gradient(180deg, var(--aho95-paper-top) 0%, var(--aho95-paper-bottom) 100%) !important;
    background-attachment: fixed !important;
}

@media (min-width:980px) {
    :root[data-theme="light"] body.page-entry .sidebar {
        background: linear-gradient(180deg, var(--aho95-paper-top) 0%, var(--aho95-paper-bottom) 100%) !important;
    }
}

/* Structural sections no longer look like white cards floating on the page. */
:root[data-theme="light"] body.page-entry .aho-entry-form .aho-form-section,
:root[data-theme="light"] body.page-entry .aho-entry-form .aho-form-section__header,
:root[data-theme="light"] body.page-entry .aho-entry-form .aho-topic-group,
:root[data-theme="light"] body.page-entry .aho-entry-form .aho-conditional-panel,
:root[data-theme="light"] body.page-entry .aho-entry-form .aho-subsection-grid,
:root[data-theme="light"] body.page-entry .aho-entry-form fieldset.aho-fieldset,
:root[data-theme="light"] body.page-entry .aho-entry-form .aho-team-options {
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="light"] body.page-entry .aho-entry-form .aho-form-section {
    border: 0 !important;
    border-radius: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 24px !important;
}

:root[data-theme="light"] body.page-entry .aho-entry-form .aho-form-section + .aho-form-section {
    border-top: 0 !important;
}

:root[data-theme="light"] body.page-entry .aho-form-section__header {
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    padding: 10px 4px 14px !important;
    margin-bottom: 12px !important;
}

:root[data-theme="light"] body.page-entry .aho-entry-premium-head {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Navigation/status surfaces stay in the same palette rather than becoming white. */
:root[data-theme="light"] body.page-entry :is(.aho-entry-quicknav,.aho-entry-statuscard,.aho-draft-restored,.aho-entry-actionbar) {
    border-color: var(--aho95-line) !important;
    background: color-mix(in srgb, var(--aho95-paper-soft) 88%, transparent) !important;
    box-shadow: none !important;
}

:root[data-theme="light"] body.page-entry .aho-entry-statuscard {
    background: color-mix(in srgb, var(--aho95-paper-soft) 74%, transparent) !important;
}

:root[data-theme="light"] body.page-entry .aho-entry-actionbar {
    background: rgba(234,240,243,.94) !important;
    backdrop-filter: blur(18px) saturate(116%) !important;
}

/* Inputs belong to the same paper family but retain enough contrast for scanning. */
:root[data-theme="light"] body.page-entry .aho-entry-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    color: var(--aho95-ink) !important;
    border-color: var(--aho95-line-strong) !important;
    background: var(--aho95-paper-interactive) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.46) !important;
}

:root[data-theme="light"] body.page-entry .aho-entry-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):hover {
    background: #e9eff2 !important;
}

:root[data-theme="light"] body.page-entry .aho-entry-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
    border-color: color-mix(in srgb, var(--entry-accent, #0b9489) 58%, #9bb0ba 42%) !important;
    background: #eef3f5 !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--entry-accent, #0b9489) 12%, transparent), inset 0 1px 0 rgba(255,255,255,.54) !important;
}

/* Choice tiles are still interactive objects, but no longer bright white islands. */
:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho73-choice {
    background: linear-gradient(180deg, #eef3f5 0%, #e9eff2 100%) !important;
    border-color: #c7d5dc !important;
    box-shadow: 0 3px 10px rgba(24,49,67,.035) !important;
    transition: transform var(--aho95-speed) ease, border-color var(--aho95-speed) ease, background var(--aho95-speed) ease, box-shadow var(--aho95-speed) ease !important;
}

:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--entry-accent, #0b9489) 42%, #b3c5ce 58%) !important;
    background: color-mix(in srgb, var(--entry-accent, #0b9489) 5%, #e9eff2 95%) !important;
    box-shadow: 0 9px 20px rgba(24,49,67,.065) !important;
}

:root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked) {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb, var(--entry-accent, #0b9489) 68%, #a4b9c1 32%) !important;
    background: color-mix(in srgb, var(--entry-accent, #0b9489) 11%, #e8efef 89%) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--entry-accent, #0b9489) 9%, transparent) !important;
}

/* ========================================================================== */
/* 2. BERATUNG — GRUNDINFORMATIONEN WITH META IN THE SECTION HEADER          */
/* ========================================================================== */
html body.page-entry--social-work .aho95-basics-section {
    padding-top: 8px !important;
}

html body.page-entry--social-work .aho95-basics-header {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) minmax(470px, 1.35fr) !important;
    align-items: end !important;
    gap: 24px !important;
    padding: 8px 4px 18px !important;
}

html body.page-entry--social-work .aho95-basics-heading {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
}

html body.page-entry--social-work .aho95-basics-meta {
    display: grid !important;
    grid-template-columns: minmax(180px,.78fr) minmax(270px,1.22fr) !important;
    gap: 14px !important;
    align-items: end !important;
}

html body.page-entry--social-work .aho95-meta-field {
    margin: 0 !important;
    min-width: 0 !important;
}

html body.page-entry--social-work .aho95-meta-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-bottom: 7px !important;
    color: var(--aho95-muted) !important;
    font-size: .79rem !important;
    font-weight: 760 !important;
    letter-spacing: .015em !important;
}

html body.page-entry--social-work .aho95-meta-label i {
    width: 17px !important;
    height: 17px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: var(--entry-accent, #0b9489) !important;
}
html body.page-entry--social-work .aho95-meta-label i svg { width: 17px !important; height: 17px !important; }

html body.page-entry--social-work .aho95-meta-field :is(input,select) {
    min-height: 44px !important;
    height: 44px !important;
}

/* The old top grid now only carries the actual content rows. */
html body.page-entry--social-work .aho95-basics-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
}

/* ========================================================================== */
/* 3. DOCUMENTATION TYPE + TEAM CONTROL SIDE BY SIDE                          */
/* ========================================================================== */
html body.page-entry--social-work .aho95-purpose-team-row {
    display: grid !important;
    grid-template-columns: minmax(400px,.86fr) minmax(420px,1.14fr) !important;
    align-items: start !important;
    gap: 24px !important;
    width: 100% !important;
}

html body.page-entry--social-work .aho95-documentation-block,
html body.page-entry--social-work .aho95-team-inline {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html body.page-entry--social-work .aho95-documentation-block > legend,
html body.page-entry--social-work .aho95-inline-label,
html body.page-entry--social-work .aho95-contact-block > legend {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 24px !important;
    margin: 0 0 11px !important;
    color: #17314a !important;
    font-size: .94rem !important;
    font-weight: 760 !important;
}

html body.page-entry--social-work .aho95-legend-icon,
html body.page-entry--social-work .aho95-field-label-icon {
    width: 19px !important;
    height: 19px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: var(--entry-accent, #0b9489) !important;
}
html body.page-entry--social-work .aho95-legend-icon svg,
html body.page-entry--social-work .aho95-field-label-icon svg { width: 19px !important; height: 19px !important; }

/* Two compact equal-width choices sized for the longest label instead of the page width. */
html body.page-entry--social-work .aho95-documentation-block .aho-choice-grid--field-contact_purpose {
    width: fit-content !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, 218px) !important;
    gap: 10px !important;
}

html body.page-entry--social-work .aho95-documentation-block label.aho73-choice {
    width: 218px !important;
    min-height: 58px !important;
    padding: 9px 11px !important;
}

html body.page-entry--social-work .aho95-documentation-block .aho73-choice__visual {
    width: 35px !important;
    height: 35px !important;
}

html body.page-entry--social-work .aho95-documentation-block .aho73-choice__label {
    font-size: .91rem !important;
}

html body.page-entry--social-work .aho95-team-trigger {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) 22px 18px !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border: 1px solid #c7d5dc !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg,#eef3f5,#e9eff2) !important;
    box-shadow: 0 3px 10px rgba(24,49,67,.035) !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition: transform var(--aho95-speed) ease, border-color var(--aho95-speed) ease, box-shadow var(--aho95-speed) ease, background var(--aho95-speed) ease !important;
}

html body.page-entry--social-work .aho95-team-trigger:hover {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--entry-accent, #0b9489) 42%, #b3c5ce 58%) !important;
    box-shadow: 0 9px 20px rgba(24,49,67,.065) !important;
}

html body.page-entry--social-work .aho95-team-trigger:has(input:checked) {
    border-color: color-mix(in srgb, var(--entry-accent, #0b9489) 68%, #a4b9c1 32%) !important;
    background: color-mix(in srgb, var(--entry-accent, #0b9489) 10%, #e8efef 90%) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--entry-accent, #0b9489) 8%, transparent) !important;
}

html body.page-entry--social-work .aho95-team-trigger > input {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body.page-entry--social-work .aho95-team-trigger__icon {
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    color: var(--entry-accent, #0b9489) !important;
    background: color-mix(in srgb, var(--entry-accent-soft, #dff3f0) 78%, #eaf0f3 22%) !important;
    transition: transform var(--aho95-speed) ease !important;
}
html body.page-entry--social-work .aho95-team-trigger__icon svg { width: 21px !important; height: 21px !important; }
html body.page-entry--social-work .aho95-team-trigger:hover .aho95-team-trigger__icon { transform: scale(1.06) rotate(-2deg) !important; }

html body.page-entry--social-work .aho95-team-trigger__text {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}
html body.page-entry--social-work .aho95-team-trigger__text strong { color: #17314a !important; font-size: .91rem !important; font-weight: 760 !important; }
html body.page-entry--social-work .aho95-team-trigger__text small { color: var(--aho95-muted) !important; font-size: .75rem !important; line-height: 1.34 !important; }

html body.page-entry--social-work .aho95-team-trigger .aho-toggle-card__control {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    border-radius: 7px !important;
}

html body.page-entry--social-work .aho95-team-trigger__chevron {
    width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    color: #61788a !important;
    transition: transform var(--aho95-speed) ease !important;
}
html body.page-entry--social-work .aho95-team-trigger__chevron svg { width: 17px !important; height: 17px !important; }
html body.page-entry--social-work .aho95-team-trigger:has(input:checked) .aho95-team-trigger__chevron { transform: rotate(180deg) !important; }

html body.page-entry--social-work .aho95-team-options {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 12px 0 0 !important;
    padding: 13px 0 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--entry-accent, #0b9489) 16%, var(--aho95-line) 84%) !important;
    animation: aho95Reveal 210ms cubic-bezier(.2,.75,.25,1) both !important;
}
html body.page-entry--social-work .aho95-team-options[hidden] { display: none !important; }
html body.page-entry--social-work .aho95-team-picker-fieldset { padding: 0 !important; border: 0 !important; }
html body.page-entry--social-work .aho95-team-options .aho-choice-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
html body.page-entry--social-work .aho95-team-options label.aho73-choice { min-height: 54px !important; }

@keyframes aho95Reveal {
    from { opacity: 0; transform: translateY(-7px) scale(.992); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ========================================================================== */
/* 4. MEASUREMENT CONTROLS — MINUTES / KM / PEOPLE / QUANTITIES              */
/* ========================================================================== */
html body.page-entry .aho95-measure-control {
    display: grid !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 430px !important;
}

html body.page-entry .aho95-number-stepper {
    display: grid !important;
    grid-template-columns: 42px 46px minmax(96px,1fr) 46px !important;
    align-items: center !important;
    min-height: 50px !important;
    width: 100% !important;
    padding: 4px !important;
    overflow: hidden !important;
    border: 1px solid var(--aho95-line-strong) !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg,#eef3f5,#e8eef1) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.54), 0 4px 12px rgba(24,49,67,.035) !important;
    transition: border-color var(--aho95-speed) ease, box-shadow var(--aho95-speed) ease, transform var(--aho95-speed) ease !important;
}

html body.page-entry .aho95-number-stepper:focus-within {
    border-color: color-mix(in srgb, var(--entry-accent, #0b9489) 66%, #91a8b3 34%) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--entry-accent, #0b9489) 12%, transparent), inset 0 1px 0 rgba(255,255,255,.58) !important;
    transform: translateY(-1px) !important;
}

html body.page-entry .aho95-measure-icon {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 11px !important;
    color: var(--entry-accent, #0b9489) !important;
    background: color-mix(in srgb, var(--entry-accent-soft, #dff3f0) 76%, #eaf0f3 24%) !important;
}
html body.page-entry .aho95-measure-icon svg { width: 20px !important; height: 20px !important; }

html body.page-entry .aho95-number-stepper .aho95-step-button,
html body.page-entry .aho95-number-stepper button.aho95-step-button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 11px !important;
    color: #244358 !important;
    background: #e2eaee !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
    font-size: 1.25rem !important;
    font-weight: 760 !important;
    cursor: pointer !important;
    transition: transform 140ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
}

html body.page-entry .aho95-number-stepper .aho95-step-button:hover {
    color: #0b746d !important;
    background: color-mix(in srgb, var(--entry-accent, #0b9489) 10%, #e1e9ed 90%) !important;
    transform: translateY(-1px) scale(1.035) !important;
    box-shadow: 0 5px 12px rgba(24,49,67,.08) !important;
}
html body.page-entry .aho95-number-stepper .aho95-step-button:active { transform: scale(.96) !important; }

html body.page-entry .aho95-number-value {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
}

html body.page-entry .aho95-number-stepper .aho95-number-value input[type="number"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 42px 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    color: #17314a !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
}

html body.page-entry .aho95-number-unit {
    position: absolute !important;
    right: 9px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #667d8f !important;
    font-size: .73rem !important;
    font-weight: 760 !important;
    letter-spacing: .01em !important;
}

html body.page-entry .aho95-number-presets {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

html body.page-entry .aho95-number-presets button {
    min-height: 31px !important;
    padding: 5px 10px !important;
    border: 1px solid #c8d5dc !important;
    border-radius: 999px !important;
    color: #466075 !important;
    background: #e9eff2 !important;
    box-shadow: none !important;
    font-size: .73rem !important;
    font-weight: 720 !important;
    transition: transform 130ms ease, border-color 130ms ease, background 130ms ease, color 130ms ease !important;
}
html body.page-entry .aho95-number-presets button:hover { transform: translateY(-1px) !important; border-color: color-mix(in srgb,var(--entry-accent,#0b9489) 36%,#b4c5ce 64%) !important; }
html body.page-entry .aho95-number-presets button.is-active,
html body.page-entry .aho95-number-presets button[aria-pressed="true"] {
    color: color-mix(in srgb,var(--entry-accent,#0b9489) 86%,#17314a 14%) !important;
    border-color: color-mix(in srgb,var(--entry-accent,#0b9489) 58%,#aabec7 42%) !important;
    background: color-mix(in srgb,var(--entry-accent-soft,#dff3f0) 72%,#e9eff2 28%) !important;
}

html body.page-entry--social-work .aho95-timing-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(300px, 430px)) !important;
    justify-content: start !important;
    gap: 22px !important;
    margin-top: 0 !important;
}

html body.page-entry--social-work .aho95-timing-field > label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 8px !important;
}

/* ========================================================================== */
/* 5. BINARY TEST CARDS — SEMANTIC ICON + VISIBLE CHECK STATE                 */
/* ========================================================================== */
html body.page-entry .aho-binary-grid label.choice.choice--binary {
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) 22px !important;
    align-items: center !important;
    gap: 10px !important;
}

html body.page-entry .aho-binary-grid .choice__icon {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    color: var(--entry-accent, #0b9489) !important;
    background: color-mix(in srgb, var(--entry-accent-soft, #dff3f0) 74%, transparent) !important;
}
html body.page-entry .aho-binary-grid .choice__icon svg { width: 18px !important; height: 18px !important; }
html body.page-entry .aho-binary-grid label.choice.choice--binary:has(input:checked) .choice__icon { transform: scale(1.055) !important; }

/* ========================================================================== */
/* 6. DARK MODE SUPPORT FOR THE NEW CONTROLS                                  */
/* ========================================================================== */
:root[data-theme="dark"] body.page-entry--social-work .aho95-team-trigger,
:root[data-theme="dark"] body.page-entry .aho95-number-stepper {
    border-color: #365169 !important;
    background: linear-gradient(180deg,#16283a,#132536) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 7px 18px rgba(0,0,0,.16) !important;
}

:root[data-theme="dark"] body.page-entry--social-work .aho95-team-trigger__text strong,
:root[data-theme="dark"] body.page-entry .aho95-number-stepper .aho95-number-value input[type="number"] {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] body.page-entry--social-work .aho95-team-trigger__text small,
:root[data-theme="dark"] body.page-entry .aho95-number-unit,
:root[data-theme="dark"] body.page-entry--social-work .aho95-meta-label {
    color: #a9bccd !important;
}

:root[data-theme="dark"] body.page-entry .aho95-measure-icon,
:root[data-theme="dark"] body.page-entry--social-work .aho95-team-trigger__icon {
    color: color-mix(in srgb,var(--entry-accent,#36d6c5) 84%,#e7ffff 16%) !important;
    background: color-mix(in srgb,var(--entry-accent,#36d6c5) 16%,#173044 84%) !important;
}

:root[data-theme="dark"] body.page-entry .aho95-number-stepper .aho95-step-button {
    color: #dce8f2 !important;
    background: #1c3044 !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] body.page-entry .aho95-number-presets button {
    color: #c1cdda !important;
    border-color: #365169 !important;
    background: #16283a !important;
}

:root[data-theme="dark"] body.page-entry--social-work .aho95-documentation-block > legend,
:root[data-theme="dark"] body.page-entry--social-work .aho95-inline-label,
:root[data-theme="dark"] body.page-entry--social-work .aho95-contact-block > legend {
    color: #eef5fa !important;
}

/* ========================================================================== */
/* 7. RESPONSIVE                                                              */
/* ========================================================================== */
@media (max-width: 1180px) {
    html body.page-entry--social-work .aho95-basics-header {
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }
    html body.page-entry--social-work .aho95-basics-meta {
        width: min(100%, 760px) !important;
    }
    html body.page-entry--social-work .aho95-purpose-team-row {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 800px) {
    html body.page-entry--social-work .aho95-basics-meta,
    html body.page-entry--social-work .aho95-timing-row,
    html body.page-entry--social-work .aho95-team-options .aho-choice-grid {
        grid-template-columns: 1fr !important;
    }
    html body.page-entry--social-work .aho95-documentation-block .aho-choice-grid--field-contact_purpose {
        width: 100% !important;
        grid-template-columns: 1fr !important;
    }
    html body.page-entry--social-work .aho95-documentation-block label.aho73-choice {
        width: 100% !important;
    }
    html body.page-entry .aho95-number-stepper {
        grid-template-columns: 40px 44px minmax(88px,1fr) 44px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.page-entry .aho95-team-options { animation: none !important; }
    html body.page-entry .aho95-number-stepper,
    html body.page-entry .aho95-number-stepper *,
    html body.page-entry--social-work .aho95-team-trigger,
    html body.page-entry--social-work .aho95-team-trigger * {
        transition-duration: .01ms !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.96.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.96 — Entry Finesse + Expert Evaluation
 * Loaded after 1.0.95.
 * Scope: requested entry refinements, hardened checks, dark surfaces and
 *        the cross-module expert evaluation workspace.
 */

:root {
    --aho96-paper-top: #edf2f5;
    --aho96-paper-bottom: #e7edf1;
    --aho96-paper-soft: #eaf0f3;
    --aho96-line: #c7d4dc;
    --aho96-line-strong: #adbec8;
    --aho96-ink: #14283b;
    --aho96-muted: #5b7183;
    --aho96-dark-page: #0a1420;
    --aho96-dark-surface: #101f2d;
    --aho96-dark-surface-2: #16283a;
    --aho96-dark-surface-3: #1c3044;
    --aho96-dark-line: #365169;
    --aho96-dark-text: #f4f7fb;
    --aho96-dark-muted: #a9bccd;
}

/* ========================================================================== */
/* 1. BERATUNG — compact top row, no oversized Grundinformationen hero       */
/* ========================================================================== */
html body.page-entry--social-work .aho96-basics-section {
    padding-top: 14px !important;
}

html body.page-entry--social-work .aho96-basics-top-row {
    display: grid !important;
    grid-template-columns: minmax(360px, .95fr) minmax(190px, .48fr) minmax(280px, .75fr) !important;
    align-items: end !important;
    gap: 18px !important;
    width: 100% !important;
    padding: 0 4px 18px !important;
}

html body.page-entry--social-work .aho96-documentation-block {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html body.page-entry--social-work .aho96-documentation-block > legend {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 22px !important;
    margin: 0 0 7px !important;
    color: var(--aho96-ink) !important;
    font-size: .82rem !important;
    font-weight: 780 !important;
}

html body.page-entry--social-work .aho96-documentation-block .aho-choice-grid--field-contact_purpose {
    width: max-content !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(158px, 205px)) !important;
    gap: 9px !important;
}

html body.page-entry--social-work .aho96-documentation-block label.aho73-choice {
    width: 100% !important;
    min-height: 46px !important;
    padding: 7px 11px !important;
}

html body.page-entry--social-work .aho96-documentation-block .aho73-choice__visual {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
}

html body.page-entry--social-work .aho96-documentation-block .aho73-choice__label {
    font-size: .82rem !important;
}

html body.page-entry--social-work .aho96-basics-grid {
    gap: 20px !important;
}

/* Team control is now a quiet dedicated row instead of the large red-marked card. */
html body.page-entry--social-work .aho96-team-section {
    padding: 5px 4px 18px !important;
}

html body.page-entry--social-work .aho96-team-toggle {
    width: fit-content !important;
    min-width: 250px !important;
    min-height: 42px !important;
    display: inline-grid !important;
    grid-template-columns: 30px auto 22px !important;
    align-items: center !important;
    gap: 9px !important;
    position: relative !important;
    padding: 5px 9px !important;
    border: 1px solid var(--aho96-line) !important;
    border-radius: 12px !important;
    background: color-mix(in srgb, var(--aho96-paper-soft) 86%, transparent) !important;
    cursor: pointer !important;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease !important;
}

html body.page-entry--social-work .aho96-team-toggle:hover {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb, var(--entry-accent,#0b9489) 48%, var(--aho96-line) 52%) !important;
    box-shadow: 0 7px 18px rgba(20,48,68,.06) !important;
}

html body.page-entry--social-work .aho96-team-toggle > input {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body.page-entry--social-work .aho96-team-toggle__icon {
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    color: var(--entry-accent,#0b9489) !important;
    border-radius: 9px !important;
    background: color-mix(in srgb, var(--entry-accent-soft,#dff3f0) 76%, transparent) !important;
}
html body.page-entry--social-work .aho96-team-toggle__icon svg { width: 17px !important; height: 17px !important; }
html body.page-entry--social-work .aho96-team-toggle__label { color: var(--aho96-ink) !important; font-size: .84rem !important; font-weight: 760 !important; }
html body.page-entry--social-work .aho96-team-toggle:has(input:checked) {
    border-color: color-mix(in srgb, var(--entry-accent,#0b9489) 58%, var(--aho96-line) 42%) !important;
    background: color-mix(in srgb, var(--entry-accent-soft,#dff3f0) 46%, var(--aho96-paper-soft) 54%) !important;
}
html body.page-entry--social-work .aho96-team-options {
    margin-top: 12px !important;
    padding-top: 12px !important;
}

/* ========================================================================== */
/* 2. CHECK STATES — unmistakable white check, consistent across entry pages  */
/* ========================================================================== */
html body.page-entry .aho73-choice--multi .aho73-choice__indicator,
html body.page-entry .aho-binary-grid .choice__indicator {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    display: grid !important;
    place-items: center !important;
    border: 1.6px solid #9db2c3 !important;
    border-radius: 7px !important;
    background: rgba(250,252,253,.58) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease !important;
}

html body.page-entry .aho73-choice--multi .aho73-choice__indicator::after,
html body.page-entry .aho-binary-grid .choice__indicator::after {
    content: "" !important;
    width: 9px !important;
    height: 5px !important;
    border-left: 2.3px solid #fff !important;
    border-bottom: 2.3px solid #fff !important;
    transform: rotate(-45deg) scale(.4) !important;
    opacity: 0 !important;
    transition: opacity 130ms ease, transform 170ms cubic-bezier(.2,.9,.25,1.2) !important;
}

html body.page-entry .aho73-choice--multi input:checked ~ .aho73-choice__indicator,
html body.page-entry .aho-binary-grid input[type="checkbox"]:checked ~ .choice__indicator {
    border-color: color-mix(in srgb, var(--entry-accent,#0b9489) 88%, #0b6f69 12%) !important;
    background: color-mix(in srgb, var(--entry-accent,#0b9489) 92%, #075e59 8%) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--entry-accent,#0b9489) 13%, transparent), 0 4px 11px color-mix(in srgb, var(--entry-accent,#0b9489) 20%, transparent) !important;
    transform: scale(1.04) !important;
}

html body.page-entry .aho73-choice--multi input:checked ~ .aho73-choice__indicator::after,
html body.page-entry .aho-binary-grid input[type="checkbox"]:checked ~ .choice__indicator::after {
    opacity: 1 !important;
    transform: rotate(-45deg) scale(1) !important;
}

/* ========================================================================== */
/* 3. VERANSTALTUNG — compact basics and inline group meeting control         */
/* ========================================================================== */
html body.page-entry--events .aho96-event-basics {
    padding-top: 14px !important;
}

html body.page-entry--events .aho96-event-basics-grid {
    align-items: start !important;
    gap: 18px !important;
}

html body.page-entry--events .aho96-event-measure {
    grid-column: span 2 !important;
    max-width: 540px !important;
}

html body.page-entry--events .aho96-field-icon {
    width: 17px !important;
    height: 17px !important;
    display: inline-grid !important;
    place-items: center !important;
    margin-right: 5px !important;
    color: var(--entry-accent,#7655e8) !important;
    vertical-align: -3px !important;
}
html body.page-entry--events .aho96-field-icon svg { width: 17px !important; height: 17px !important; }

html body.page-entry--events .aho96-event-target {
    padding-top: 18px !important;
}

html body.page-entry--events .aho96-groupmeeting-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
}

html body.page-entry--events .aho96-groupmeeting-icon {
    flex: 0 0 auto !important;
}

html body.page-entry--events .aho96-groupmeeting-toggle {
    min-height: 44px !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    position: relative !important;
    cursor: pointer !important;
}
html body.page-entry--events .aho96-groupmeeting-toggle > input {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    opacity: 0 !important;
}
html body.page-entry--events .aho96-groupmeeting-toggle > span:last-child {
    display: grid !important;
    gap: 2px !important;
}
html body.page-entry--events .aho96-groupmeeting-toggle strong { color: var(--aho96-ink) !important; font-size: .9rem !important; }
html body.page-entry--events .aho96-groupmeeting-toggle small { color: var(--aho96-muted) !important; font-size: .72rem !important; }

/* ========================================================================== */
/* 4. SPRITZENTAUSCH — no basics hero + quantities use the same paper family */
/* ========================================================================== */
html body.page-entry--needle-exchange .aho96-needle-basics {
    padding-top: 14px !important;
}

:root[data-theme="light"] body.page-entry--needle-exchange .aho96-needle-amount,
:root[data-theme="light"] body.page-entry--needle-exchange .aho96-needle-amount .aho-entry-grid,
:root[data-theme="light"] body.page-entry--needle-exchange .aho96-needle-amount .aho-field {
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="light"] body.page-entry--needle-exchange .aho96-needle-amount .aho-field {
    padding: 10px !important;
    border: 1px solid color-mix(in srgb, var(--aho96-line) 76%, transparent) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--aho96-paper-soft) 78%, transparent) !important;
}

:root[data-theme="light"] body.page-entry--needle-exchange .aho96-needle-amount .aho95-number-stepper {
    background: linear-gradient(180deg,#eaf0f3,#e6edf0) !important;
    border-color: var(--aho96-line-strong) !important;
}

/* ========================================================================== */
/* 5. DARK MODE — evaluation attention card and activity report               */
/* ========================================================================== */
:root[data-theme="dark"] body.page-evaluation-workspace .lab82-attention,
:root[data-theme="dark"] body.page-evaluation-workspace .lab82-attention > header,
:root[data-theme="dark"] body.page-evaluation-workspace .lab82-attention-list,
:root[data-theme="dark"] body.page-evaluation-workspace .lab82-attention-list > a {
    color: var(--aho96-dark-text) !important;
    border-color: var(--aho96-dark-line) !important;
    background: var(--aho96-dark-surface) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] body.page-evaluation-workspace .lab82-attention > header {
    background: linear-gradient(180deg,#14283a,#101f2d) !important;
}

:root[data-theme="dark"] body.page-evaluation-workspace .lab82-attention :is(h2,h3,strong,b) {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] body.page-evaluation-workspace .lab82-attention small {
    color: #a9bccd !important;
}

:root[data-theme="dark"] body.page-evaluation-workspace .lab82-attention-list > a:hover {
    background: #16283a !important;
}

/* Screen preview follows dark theme; printing is reset to document white below. */
:root[data-theme="dark"] body .aho-report-preview {
    background: transparent !important;
}

:root[data-theme="dark"] body .aho-report-sheet {
    color: #e8eff6 !important;
    border-color: #365169 !important;
    background: #101f2d !important;
    box-shadow: 0 26px 70px rgba(0,0,0,.28) !important;
}

:root[data-theme="dark"] body .aho-report-sheet :is(.aho-paper-header,.aho-paper-meta) {
    color: #e7eff7 !important;
    border-color: #4a6074 !important;
}

:root[data-theme="dark"] body .aho-report-sheet :is(.aho-paper-header strong,.aho-paper-meta b,h2,h3) {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] body .aho-report-table {
    color: #e8eff6 !important;
    background: #132536 !important;
}

:root[data-theme="dark"] body .aho-report-table :is(th,td) {
    color: #e8eff6 !important;
    border-color: #405a70 !important;
    background: #16283a !important;
}

:root[data-theme="dark"] body .aho-report-table th {
    color: #f4f7fb !important;
    background: #1c3044 !important;
}

:root[data-theme="dark"] body .aho-report-table tr.is-total td {
    background: #1b3043 !important;
}

:root[data-theme="dark"] body .aho-report-sheet .aho-report-value > input[type="text"],
:root[data-theme="dark"] body .aho-report-sheet :where(.aho-report-check--custom input[type="text"],.aho-paper-inline-input,.aho-custom-row-label input) {
    color: #f4f7fb !important;
    background: transparent !important;
}

:root[data-theme="dark"] body .aho-report-sheet .aho-report-value > input[type="text"]:hover,
:root[data-theme="dark"] body .aho-report-sheet :where(.aho-report-check--custom input[type="text"],.aho-paper-inline-input,.aho-custom-row-label input):hover {
    border-color: #587087 !important;
    background: #1c3044 !important;
}

:root[data-theme="dark"] body .aho-report-sheet .aho-report-value > input[type="text"]:focus,
:root[data-theme="dark"] body .aho-report-sheet :where(.aho-report-check--custom input[type="text"],.aho-paper-inline-input,.aho-custom-row-label input):focus {
    color: #fff !important;
    background: #21384e !important;
}

:root[data-theme="dark"] body .aho-report-value__meta,
:root[data-theme="dark"] body .aho-report-sheet::after {
    color: #9fb1c2 !important;
}

:root[data-theme="dark"] body .aho-report-reset {
    color: #dbe7f1 !important;
    border-color: #4a6277 !important;
    background: #1c3044 !important;
}

/* ========================================================================== */
/* 6. EXPERT EVALUATION — cross-module professional analytics workspace       */
/* ========================================================================== */
html body.page-expert-evaluation .expert96-shell {
    --expert-accent: #5c67e8;
}

html body.page-expert-evaluation .expert96-commandbar {
    gap: 12px !important;
}

html body.page-expert-evaluation .expert96-top-controls {
    flex-wrap: wrap !important;
}

html body.page-expert-evaluation .expert96-hero {
    background:
        radial-gradient(circle at 88% 12%, color-mix(in srgb,#6557de 15%,transparent), transparent 24rem),
        radial-gradient(circle at 10% 100%, color-mix(in srgb,#0b9489 10%,transparent), transparent 22rem),
        var(--aho-bg-surface, #fff) !important;
}

html body.page-expert-evaluation .expert96-section-intro {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 0 16px !important;
}
html body.page-expert-evaluation .expert96-section-intro > div { display:flex !important; align-items:center !important; gap:12px !important; }
html body.page-expert-evaluation .expert96-section-intro h2 { margin:0 !important; font-size:1.08rem !important; }
html body.page-expert-evaluation .expert96-section-intro p { margin:3px 0 0 !important; color:var(--aho-text-secondary) !important; font-size:.78rem !important; }
html body.page-expert-evaluation .expert96-section-intro > span { color:var(--aho-text-secondary) !important; font-size:.76rem !important; font-weight:750 !important; }

html body.page-expert-evaluation .expert96-filter-panel {
    margin: 14px 0 22px !important;
    overflow: clip !important;
    border: 1px solid var(--aho-border, #d7e0e6) !important;
    border-radius: 16px !important;
    background: var(--aho-bg-surface, #fff) !important;
}
html body.page-expert-evaluation .expert96-filter-panel > summary {
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: 26px minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    cursor: pointer !important;
    list-style: none !important;
}
html body.page-expert-evaluation .expert96-filter-panel > summary::-webkit-details-marker { display:none !important; }
html body.page-expert-evaluation .expert96-filter-panel > summary > svg { width:20px !important; height:20px !important; color:#5c67e8 !important; }
html body.page-expert-evaluation .expert96-filter-panel > summary > span { display:grid !important; gap:2px !important; }
html body.page-expert-evaluation .expert96-filter-panel > summary small { color:var(--aho-text-secondary) !important; font-size:.72rem !important; }
html body.page-expert-evaluation .expert96-filter-panel > summary > b { color:#5c67e8 !important; font-size:.75rem !important; }

html body.page-expert-evaluation .expert96-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(160px,1fr)) !important;
    gap: 12px !important;
    padding: 14px !important;
    border-top: 1px solid var(--aho-divider, #e1e7ec) !important;
}
html body.page-expert-evaluation .expert96-filter-grid label { display:grid !important; gap:6px !important; color:var(--aho-text-secondary) !important; font-size:.74rem !important; font-weight:720 !important; }
html body.page-expert-evaluation .expert96-filter-grid select { min-height:40px !important; }
html body.page-expert-evaluation .expert96-filter-actions { grid-column:1/-1 !important; display:flex !important; justify-content:flex-end !important; gap:8px !important; }
html body.page-expert-evaluation .expert96-filter-actions :is(a,button) { min-height:38px !important; display:inline-flex !important; align-items:center !important; padding:7px 12px !important; border:1px solid var(--aho-border,#d3dce3) !important; border-radius:10px !important; text-decoration:none !important; font-weight:740 !important; }
html body.page-expert-evaluation .expert96-filter-actions button { color:#fff !important; border-color:#5c67e8 !important; background:#5c67e8 !important; }

html body.page-expert-evaluation .expert96-kpis {
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
}
html body.page-expert-evaluation .expert96-secondary-kpis {
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
}
html body.page-expert-evaluation .expert96-chart-grid,
html body.page-expert-evaluation .expert96-overview-charts {
    align-items: stretch !important;
}

html body.page-expert-evaluation .expert96-catalog-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:12px 0 2px !important;
}
html body.page-expert-evaluation .expert96-catalog-grid span {
    min-height:36px !important;
    display:flex !important;
    align-items:center !important;
    padding:7px 10px !important;
    border:1px solid var(--aho-border,#d7e0e6) !important;
    border-radius:10px !important;
    color:var(--aho-text-secondary) !important;
    background:var(--aho-bg-surface-soft,#f6f8fa) !important;
    font-size:.75rem !important;
    font-weight:720 !important;
}

html body.page-expert-evaluation .expert96-trend-table { margin-top:16px !important; }
html body.page-expert-evaluation .expert96-table { display:grid !important; }
html body.page-expert-evaluation .expert96-table > div { display:grid !important; grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(100px,.7fr)) !important; gap:10px !important; align-items:center !important; min-height:42px !important; padding:7px 10px !important; border-top:1px solid var(--aho-divider,#e1e7ec) !important; }
html body.page-expert-evaluation .expert96-table__head { color:var(--aho-text-secondary) !important; background:var(--aho-bg-surface-soft,#f5f7f9) !important; font-size:.72rem !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.04em !important; }
html body.page-expert-evaluation .expert96-table .is-up { color:#0b8d76 !important; }
html body.page-expert-evaluation .expert96-table .is-down { color:#c45166 !important; }
html body.page-expert-evaluation .expert96-table .is-neutral { color:var(--aho-text-secondary) !important; }

html body.page-expert-evaluation .expert96-quality-kpis {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-bottom:14px !important;
}
html body.page-expert-evaluation .expert96-quality-kpis > article { display:grid !important; grid-template-columns:42px minmax(0,1fr) !important; gap:12px !important; align-items:start !important; }
html body.page-expert-evaluation .expert96-quality-kpis > article > span { width:42px !important; height:42px !important; display:grid !important; place-items:center !important; border-radius:12px !important; color:#5c67e8 !important; background:color-mix(in srgb,#5c67e8 10%,transparent) !important; }
html body.page-expert-evaluation .expert96-quality-kpis small { color:var(--aho-text-secondary) !important; }
html body.page-expert-evaluation .expert96-quality-kpis strong { display:block !important; margin:2px 0 !important; font-size:1.55rem !important; }
html body.page-expert-evaluation .expert96-quality-kpis p { margin:0 !important; color:var(--aho-text-secondary) !important; font-size:.76rem !important; }

html body.page-expert-evaluation .expert96-analysis-grid {
    display:grid !important;
    grid-template-columns:1.1fr .9fr !important;
    gap:14px !important;
}
html body.page-expert-evaluation .expert96-analysis-links { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
html body.page-expert-evaluation .expert96-analysis-links a { min-height:44px !important; display:flex !important; align-items:center !important; gap:9px !important; padding:8px 10px !important; border:1px solid var(--aho-border,#d7e0e6) !important; border-radius:11px !important; color:var(--aho-text,#162a3d) !important; background:var(--aho-bg-surface-soft,#f6f8fa) !important; text-decoration:none !important; font-size:.8rem !important; font-weight:740 !important; }
html body.page-expert-evaluation .expert96-analysis-links svg { width:18px !important; height:18px !important; color:#5c67e8 !important; }
html body.page-expert-evaluation .expert96-method-list { display:grid !important; gap:9px !important; margin:0 !important; padding-left:18px !important; color:var(--aho-text-secondary) !important; font-size:.8rem !important; }
html body.page-expert-evaluation .expert96-signal-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; margin-top:14px !important; }
html body.page-expert-evaluation .expert96-signal { display:grid !important; grid-template-columns:38px minmax(0,1fr) !important; gap:10px !important; align-items:start !important; }
html body.page-expert-evaluation .expert96-signal > span { width:38px !important; height:38px !important; display:grid !important; place-items:center !important; border-radius:11px !important; color:#5c67e8 !important; background:color-mix(in srgb,#5c67e8 10%,transparent) !important; }
html body.page-expert-evaluation .expert96-signal small { color:var(--aho-text-secondary) !important; }
html body.page-expert-evaluation .expert96-signal strong { display:block !important; margin:2px 0 !important; font-size:1.3rem !important; }
html body.page-expert-evaluation .expert96-signal p { margin:0 !important; font-size:.72rem !important; }

/* Expert workspace dark mode: all new surfaces stay native-dark. */
:root[data-theme="dark"] body.page-expert-evaluation .expert96-hero,
:root[data-theme="dark"] body.page-expert-evaluation .expert96-filter-panel,
:root[data-theme="dark"] body.page-expert-evaluation .expert96-catalog-grid span,
:root[data-theme="dark"] body.page-expert-evaluation .expert96-table__head,
:root[data-theme="dark"] body.page-expert-evaluation .expert96-analysis-links a {
    color:var(--aho96-dark-text) !important;
    border-color:var(--aho96-dark-line) !important;
    background:var(--aho96-dark-surface) !important;
}
:root[data-theme="dark"] body.page-expert-evaluation .expert96-filter-grid { border-color:var(--aho96-dark-line) !important; }
:root[data-theme="dark"] body.page-expert-evaluation .expert96-filter-grid :is(select,input) { color:var(--aho96-dark-text) !important; border-color:var(--aho96-dark-line) !important; background:var(--aho96-dark-surface-2) !important; }
:root[data-theme="dark"] body.page-expert-evaluation .expert96-table > div { border-color:var(--aho96-dark-line) !important; }

/* New compact entry controls in dark mode. */
:root[data-theme="dark"] body.page-entry--social-work .aho96-team-toggle {
    color:var(--aho96-dark-text) !important;
    border-color:var(--aho96-dark-line) !important;
    background:var(--aho96-dark-surface-2) !important;
}
:root[data-theme="dark"] body.page-entry--social-work .aho96-team-toggle__label,
:root[data-theme="dark"] body.page-entry--events .aho96-groupmeeting-toggle strong,
:root[data-theme="dark"] body.page-entry--social-work .aho96-documentation-block > legend { color:var(--aho96-dark-text) !important; }
:root[data-theme="dark"] body.page-entry--events .aho96-groupmeeting-toggle small { color:var(--aho96-dark-muted) !important; }
:root[data-theme="dark"] body.page-entry .aho73-choice--multi .aho73-choice__indicator,
:root[data-theme="dark"] body.page-entry .aho-binary-grid .choice__indicator { border-color:#5b758b !important; background:#1c3044 !important; }

/* ========================================================================== */
/* 7. RESPONSIVE                                                              */
/* ========================================================================== */
@media (max-width: 1320px) {
    html body.page-entry--social-work .aho96-basics-top-row { grid-template-columns: minmax(330px,1fr) minmax(180px,.65fr) minmax(240px,.9fr) !important; }
    html body.page-expert-evaluation .expert96-kpis,
    html body.page-expert-evaluation .expert96-secondary-kpis { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    html body.page-expert-evaluation .expert96-signal-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 980px) {
    html body.page-entry--social-work .aho96-basics-top-row { grid-template-columns:1fr 1fr !important; }
    html body.page-entry--social-work .aho96-documentation-block { grid-column:1/-1 !important; }
    html body.page-entry--events .aho96-event-measure { grid-column:span 2 !important; max-width:none !important; }
    html body.page-expert-evaluation .expert96-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    html body.page-expert-evaluation .expert96-analysis-grid { grid-template-columns:1fr !important; }
    html body.page-expert-evaluation .expert96-quality-kpis { grid-template-columns:1fr !important; }
}

@media (max-width: 680px) {
    html body.page-entry--social-work .aho96-basics-top-row { grid-template-columns:1fr !important; }
    html body.page-entry--social-work .aho96-documentation-block .aho-choice-grid--field-contact_purpose { width:100% !important; grid-template-columns:1fr !important; }
    html body.page-entry--events .aho96-event-measure { grid-column:1/-1 !important; }
    html body.page-entry--events .aho96-groupmeeting-row { align-items:flex-start !important; }
    html body.page-expert-evaluation .expert96-kpis,
    html body.page-expert-evaluation .expert96-secondary-kpis,
    html body.page-expert-evaluation .expert96-filter-grid,
    html body.page-expert-evaluation .expert96-signal-grid { grid-template-columns:1fr !important; }
    html body.page-expert-evaluation .expert96-table { overflow-x:auto !important; }
    html body.page-expert-evaluation .expert96-table > div { min-width:720px !important; }
}

@media (prefers-reduced-motion: reduce) {
    html body.page-entry .aho73-choice__indicator::after,
    html body.page-entry--social-work .aho96-team-toggle { transition-duration:.01ms !important; }
}

/* The on-screen dark preview must not alter the actual printed document/PDF. */
@media print {
    :root[data-theme="dark"] body .aho-report-sheet {
        color:#000 !important;
        border-color:#d5d0d8 !important;
        background:#fff !important;
        box-shadow:none !important;
    }
    :root[data-theme="dark"] body .aho-report-sheet :is(.aho-paper-header,.aho-paper-meta) { color:#312e51 !important; border-color:#938497 !important; }
    :root[data-theme="dark"] body .aho-report-sheet :is(.aho-paper-header strong,.aho-paper-meta b,h2) { color:#312e51 !important; }
    :root[data-theme="dark"] body .aho-report-sheet h3 { color:#60516e !important; }
    :root[data-theme="dark"] body .aho-report-table { color:#111 !important; background:#fff !important; }
    :root[data-theme="dark"] body .aho-report-table :is(th,td) { color:#111 !important; border-color:#938497 !important; background:#fff !important; }
    :root[data-theme="dark"] body .aho-report-table th { color:#312e51 !important; background:#e1dde3 !important; }
    :root[data-theme="dark"] body .aho-report-table tr.is-total td { background:#f4f1f4 !important; }
    :root[data-theme="dark"] body .aho-report-sheet .aho-report-value > input[type="text"] { color:#111 !important; background:transparent !important; }
    :root[data-theme="dark"] body .aho-report-value__meta,
    :root[data-theme="dark"] body .aho-report-sheet::after { color:#716977 !important; }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.97.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.97 — Entry Precision + Expert Workspace Polish
 * Loaded after 1.0.96.
 * Scope: screenshot-driven finesse for consultation, events, needle exchange
 * and the expert evaluation workspace. No domain/data model changes.
 */

:root {
    --aho97-paper-top: #edf2f5;
    --aho97-paper-bottom: #e7edf1;
    --aho97-paper: #eaf0f3;
    --aho97-paper-elevated: #eef3f5;
    --aho97-line: #c7d4dc;
    --aho97-line-strong: #aebfca;
    --aho97-ink: #14283b;
    --aho97-muted: #5b7183;
    --aho97-dark: #101f2d;
    --aho97-dark-2: #16283a;
    --aho97-dark-line: #365169;
    --aho97-dark-text: #f4f7fb;
}

/* ========================================================================== */
/* 1. BERATUNG — one compact top line: type, date, owner, team                */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho96-basics-top-row {
    display: grid !important;
    grid-template-columns: minmax(320px,1.25fr) minmax(185px,.66fr) minmax(235px,.86fr) minmax(225px,.82fr) !important;
    align-items: end !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 0 4px 14px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho96-documentation-block .aho-choice-grid--field-contact_purpose {
    grid-template-columns: repeat(2,minmax(145px,1fr)) !important;
    width: 100% !important;
    max-width: 370px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-inline {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-inline__caption {
    min-height: 22px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 7px !important;
    color: var(--aho97-ink) !important;
    font-size: .82rem !important;
    font-weight: 780 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-inline__caption i,
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-inline__caption svg {
    width: 16px !important;
    height: 16px !important;
    color: var(--entry-accent,#0b9489) !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-toggle {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    grid-template-columns: 32px minmax(0,1fr) 34px !important;
    padding: 6px 9px !important;
    overflow: hidden !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-toggle > input {
    inset: 0 !important;
    inline-size: 100% !important;
    block-size: 100% !important;
    z-index: 3 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-toggle .aho-toggle-card__control {
    pointer-events: none !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-options {
    margin: 0 4px 14px !important;
    padding: 12px !important;
    border: 1px solid color-mix(in srgb,var(--entry-accent,#0b9489) 22%,var(--aho97-line) 78%) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb,var(--aho97-paper-elevated) 84%,transparent) !important;
    animation: aho97Reveal .2s cubic-bezier(.2,.75,.25,1) both;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-options[hidden] { display:none !important; }

@keyframes aho97Reveal {
    from { opacity:0; transform:translateY(-4px); }
    to { opacity:1; transform:translateY(0); }
}

/* ========================================================================== */
/* 2. CHECKBOXES — actual check marks, centered and consistent                */
/* ========================================================================== */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator {
    position: relative !important;
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    display: grid !important;
    place-items: center !important;
    border: 1.5px solid #99afc0 !important;
    border-radius: 7px !important;
    color: transparent !important;
    background: color-mix(in srgb,#f8fbfc 74%,var(--aho97-paper) 26%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.68) !important;
    overflow: hidden !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator::before,
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator::after,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator::before,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator::after {
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator::after,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator::after {
    content: "✓" !important;
    display: block !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    opacity: 0 !important;
    transform: scale(.55) !important;
    transition: opacity .12s ease, transform .18s cubic-bezier(.2,.9,.25,1.2) !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi input[type="checkbox"]:checked ~ .aho73-choice__indicator,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary input[type="checkbox"]:checked ~ .choice__indicator {
    border-color: color-mix(in srgb,var(--entry-accent,#0b9489) 88%,#075f59 12%) !important;
    color: #fff !important;
    background: linear-gradient(145deg,color-mix(in srgb,var(--entry-accent,#0b9489) 92%,#fff 8%),color-mix(in srgb,var(--entry-accent,#0b9489) 82%,#075f59 18%)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--entry-accent,#0b9489) 13%,transparent),0 4px 10px color-mix(in srgb,var(--entry-accent,#0b9489) 20%,transparent) !important;
}
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi input[type="checkbox"]:checked ~ .aho73-choice__indicator::after,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary input[type="checkbox"]:checked ~ .choice__indicator::after {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* LAB binary cards: keep the check aligned in the trailing top-right zone. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator {
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
}

/* ========================================================================== */
/* 3. VERANSTALTUNG — zero wasted desktop space + reliable group switch       */
/* ========================================================================== */
html body.page-entry--events .app-shell .aho-entry-form .aho97-event-basics-grid {
    display: grid !important;
    grid-template-columns: minmax(210px,.85fr) minmax(280px,1.35fr) minmax(250px,1fr) minmax(250px,1fr) !important;
    align-items: start !important;
    gap: 14px !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-event-basics-grid > .aho-field,
html body.page-entry--events .app-shell .aho-entry-form .aho97-event-employee,
html body.page-entry--events .app-shell .aho-entry-form .aho97-event-measure {
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-event-measure .aho95-number-stepper,
html body.page-entry--events .app-shell .aho-entry-form .aho97-event-measure .aho-number-stepper {
    width: 100% !important;
}

html body.page-entry--events .app-shell .aho-entry-form .aho96-groupmeeting-row {
    display: grid !important;
    grid-template-columns: 50px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    width: min(100%,720px) !important;
    margin: 0 0 18px !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle {
    min-height: 54px !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
    position: relative !important;
    padding: 7px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 13px !important;
    transition: background .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle > input {
    position: absolute !important;
    inset: 0 !important;
    inline-size: 100% !important;
    block-size: 100% !important;
    opacity: 0 !important;
    z-index: 3 !important;
    cursor: pointer !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle .aho-toggle-card__control {
    width: 38px !important;
    height: 22px !important;
    position: relative !important;
    display: block !important;
    border: 1px solid #9baebe !important;
    border-radius: 999px !important;
    background: #dbe4e9 !important;
    box-shadow: inset 0 1px 2px rgba(31,55,74,.10) !important;
    pointer-events: none !important;
    transition: background .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle .aho-toggle-card__control::after {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #7f91a2 !important;
    box-shadow: 0 1px 3px rgba(20,40,55,.24) !important;
    transform: translateX(0) !important;
    transition: transform .2s cubic-bezier(.2,.8,.25,1),background .18s ease !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle > input:checked + .aho-toggle-card__control {
    border-color: color-mix(in srgb,var(--entry-accent,#7655e8) 78%,#5941bb 22%) !important;
    background: color-mix(in srgb,var(--entry-accent,#7655e8) 88%,#fff 12%) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--entry-accent,#7655e8) 12%,transparent) !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle > input:checked + .aho-toggle-card__control::after {
    background: #fff !important;
    transform: translateX(16px) !important;
}
html body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle:has(> input:checked) {
    border-color: color-mix(in srgb,var(--entry-accent,#7655e8) 22%,transparent) !important;
    background: color-mix(in srgb,var(--entry-accent-soft,#eee9ff) 42%,transparent) !important;
}

/* ========================================================================== */
/* 4. SPRITZENTAUSCH — remove white quantity tiles                            */
/* ========================================================================== */
:root[data-theme="light"] body.page-entry--needle-exchange .app-shell .aho-entry-form .aho96-needle-amount,
:root[data-theme="light"] body.page-entry--needle-exchange .app-shell .aho-entry-form .aho97-needle-amount-grid {
    background: transparent !important;
    box-shadow: none !important;
}
:root[data-theme="light"] body.page-entry--needle-exchange .app-shell .aho-entry-form .aho97-needle-amount-grid > .aho-field {
    padding: 7px 6px 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
:root[data-theme="light"] body.page-entry--needle-exchange .app-shell .aho-entry-form .aho97-needle-amount-grid > .aho-field .aho95-number-stepper,
:root[data-theme="light"] body.page-entry--needle-exchange .app-shell .aho-entry-form .aho97-needle-amount-grid > .aho-field .aho-number-stepper {
    border-color: var(--aho97-line-strong) !important;
    background: linear-gradient(180deg,#eaf0f3,#e6edf0) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* ========================================================================== */
/* 5. EXPERT EVALUATION — remove hero, compact filters, ordered KPI matrix    */
/* ========================================================================== */
html body.page-expert-evaluation .expert96-commandbar {
    position: sticky !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 8px 12px !important;
    margin-bottom: 14px !important;
}
html body.page-expert-evaluation .expert97-filter-popover {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    width: auto !important;
    max-width: 100% !important;
    margin: -2px 0 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body.page-expert-evaluation .expert97-filter-popover > summary {
    min-height: 36px !important;
    width: max-content !important;
    display: inline-grid !important;
    grid-template-columns: 18px auto auto !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 10px !important;
    border: 1px solid var(--aho-border,#cbd7df) !important;
    border-radius: 10px !important;
    color: var(--aho-text,#14283b) !important;
    background: color-mix(in srgb,var(--aho-bg-surface-soft,#eef3f5) 88%,transparent) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
html body.page-expert-evaluation .expert97-filter-popover > summary > svg { width:16px !important; height:16px !important; }
html body.page-expert-evaluation .expert97-filter-popover > summary > span { display:block !important; }
html body.page-expert-evaluation .expert97-filter-popover > summary > b { font-size:.7rem !important; }
html body.page-expert-evaluation .expert97-filter-popover[open] {
    width: 100% !important;
}
html body.page-expert-evaluation .expert97-filter-popover[open] > summary {
    margin-left: auto !important;
}
html body.page-expert-evaluation .expert97-filter-popover .expert96-filter-grid {
    margin-top: 8px !important;
    border: 1px solid var(--aho-border,#cbd7df) !important;
    border-radius: 14px !important;
    background: var(--aho-bg-surface,#f1f5f7) !important;
    box-shadow: 0 16px 38px rgba(31,56,75,.09) !important;
}
html body.page-expert-evaluation .expert97-overview-intro {
    margin: 2px 0 12px !important;
    padding: 0 2px !important;
}

/* In "Alle Bereiche" there are exactly seven headline and seven secondary KPIs. */
html body.page-expert-evaluation .expert97-kpis-primary,
html body.page-expert-evaluation .expert97-kpis-secondary {
    grid-template-columns: repeat(7,minmax(0,1fr)) !important;
    gap: 10px !important;
}
html body.page-expert-evaluation .expert97-kpis-primary > article,
html body.page-expert-evaluation .expert97-kpis-secondary > article {
    min-width: 0 !important;
    min-height: 108px !important;
    border-radius: 14px !important;
}
html body.page-expert-evaluation .expert97-kpis-primary .lab82-kpi,
html body.page-expert-evaluation .expert97-kpis-secondary .lab82-mini {
    padding: 12px !important;
}
html body.page-expert-evaluation .expert97-kpis-primary strong,
html body.page-expert-evaluation .expert97-kpis-secondary strong {
    font-variant-numeric: tabular-nums !important;
}

/* Dark-mode parity for all newly introduced surfaces. */
:root[data-theme="dark"] body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-options,
:root[data-theme="dark"] body.page-expert-evaluation .expert97-filter-popover .expert96-filter-grid,
:root[data-theme="dark"] body.page-expert-evaluation .expert97-filter-popover > summary {
    color: var(--aho97-dark-text) !important;
    border-color: var(--aho97-dark-line) !important;
    background: var(--aho97-dark) !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator,
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator {
    border-color: #526b80 !important;
    background: #16283a !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
:root[data-theme="dark"] body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle .aho-toggle-card__control {
    border-color: #526b80 !important;
    background: #1c3044 !important;
}
:root[data-theme="dark"] body.page-entry--events .app-shell .aho-entry-form .aho97-groupmeeting-toggle .aho-toggle-card__control::after {
    background: #9fb1c2 !important;
}

@media (max-width: 1499px) {
    html body.page-expert-evaluation .expert97-kpis-primary,
    html body.page-expert-evaluation .expert97-kpis-secondary { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
}
@media (max-width: 1260px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho96-basics-top-row { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    html body.page-entry--events .app-shell .aho-entry-form .aho97-event-basics-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 820px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho96-basics-top-row,
    html body.page-entry--events .app-shell .aho-entry-form .aho97-event-basics-grid,
    html body.page-expert-evaluation .expert97-kpis-primary,
    html body.page-expert-evaluation .expert97-kpis-secondary { grid-template-columns: 1fr !important; }
    html body.page-expert-evaluation .expert97-filter-popover { justify-self: stretch !important; }
    html body.page-expert-evaluation .expert97-filter-popover > summary { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
    html body.page-entry .app-shell .aho-entry-form *,
    html body.page-expert-evaluation * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* Team switch uses the same precise state language as event switches. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-toggle .aho-toggle-card__control {
    width: 34px !important;
    height: 20px !important;
    position: relative !important;
    display: block !important;
    border: 1px solid #9baebe !important;
    border-radius: 999px !important;
    background: #dbe4e9 !important;
    box-shadow: inset 0 1px 2px rgba(31,55,74,.10) !important;
    transition: background .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-toggle .aho-toggle-card__control::after {
    content: "" !important;
    width: 14px !important;
    height: 14px !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #7f91a2 !important;
    box-shadow: 0 1px 3px rgba(20,40,55,.24) !important;
    transform: translateX(0) !important;
    transition: transform .2s cubic-bezier(.2,.8,.25,1),background .18s ease !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-toggle > input:checked ~ .aho-toggle-card__control {
    border-color: color-mix(in srgb,var(--entry-accent,#0b9489) 82%,#075f59 18%) !important;
    background: var(--entry-accent,#0b9489) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--entry-accent,#0b9489) 12%,transparent) !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-toggle > input:checked ~ .aho-toggle-card__control::after {
    background: #fff !important;
    transform: translateX(14px) !important;
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.98.css
   ========================================================================== */

/*
 * Techburg MGM 1.0.98 — Unified Enterprise Surface System 2026
 * Loaded after 1.0.97.
 * Scope: global visual consistency, Techburg-grade card/control surfaces,
 * consultation command row hardening, analytics/expert workspace polish.
 * No domain/data-model changes.
 */

:root {
    --tb98-bg-top: #edf2f5;
    --tb98-bg-bottom: #e7edf1;
    --tb98-bg: #eaf0f3;
    --tb98-surface: #edf2f4;
    --tb98-surface-2: #e8eef2;
    --tb98-surface-3: #f0f4f6;
    --tb98-surface-hover: #e4ecef;
    --tb98-border: #c8d5dd;
    --tb98-border-strong: #aebfca;
    --tb98-text: #14283b;
    --tb98-text-2: #385065;
    --tb98-muted: #607486;
    --tb98-shadow-1: 0 1px 2px rgba(29,52,70,.035), 0 8px 24px rgba(29,52,70,.045);
    --tb98-shadow-2: 0 10px 30px rgba(29,52,70,.08), 0 2px 8px rgba(29,52,70,.05);
    --tb98-radius-sm: 10px;
    --tb98-radius-md: 14px;
    --tb98-radius-lg: 18px;
    --tb98-focus: 0 0 0 3px color-mix(in srgb,#0b9489 18%,transparent);
    --tb98-motion: cubic-bezier(.2,.78,.25,1);

    --tb98-dark-bg: #0a1420;
    --tb98-dark-surface: #101f2d;
    --tb98-dark-surface-2: #16283a;
    --tb98-dark-surface-3: #1c3044;
    --tb98-dark-border: #365169;
    --tb98-dark-border-soft: #2a4258;
    --tb98-dark-text: #f4f7fb;
    --tb98-dark-text-2: #c1cdda;
    --tb98-dark-muted: #94a7ba;
}

/* ========================================================================== */
/* 1. GLOBAL LIGHT SURFACE — one calm Techburg MGM workspace                  */
/* ========================================================================== */
@media screen {
    :root[data-theme="light"] body,
    :root[data-theme="light"] body .app-shell,
    :root[data-theme="light"] body .app-main,
    :root[data-theme="light"] body .content {
        color: var(--tb98-text) !important;
        background: linear-gradient(180deg,var(--tb98-bg-top) 0%,var(--tb98-bg-bottom) 100%) !important;
    }

    :root[data-theme="light"] body .sidebar,
    :root[data-theme="light"] body .sidebar__brand,
    :root[data-theme="light"] body .sidebar__footer,
    :root[data-theme="light"] body .topbar {
        border-color: var(--tb98-border) !important;
        background: linear-gradient(180deg,#edf2f5 0%,#e7edf1 100%) !important;
    }

    :root[data-theme="light"] body .topbar {
        box-shadow: 0 1px 0 rgba(31,52,69,.05), 0 8px 28px rgba(31,52,69,.035) !important;
        backdrop-filter: blur(18px) saturate(126%) !important;
    }

    /* Broad, intentional surface family. No stark-white card islands. */
    :root[data-theme="light"] body .content :is(
        .card,
        .panel,
        .kpi-card,
        .aho-card,
        .aho-summary-card,
        .aho-drilldown-card,
        .aho-form-card,
        .aho-stat-card,
        .aho-entry-statuscard,
        .aho-security-method,
        .aho-security-setup,
        .aho-mfa-kpi,
        .aho-system-summary-item,
        .aho-import-summary-card,
        .aho-import-job-card,
        .aho-import-job-summary-card,
        .aho-import-card,
        .aho-admin-card,
        .aho-role-card,
        .aho-annual-report-card,
        .aho-profile-theme-card,
        .aho-profile-image-card,
        .aho-profile-security-card,
        .aho-profile-employee-card,
        .security-card,
        .aho-audit-summary-card,
        .aho-audit-filter-card,
        .aho-audit-table-card,
        .aho-audit-detail-card,
        .aho-audit-metadata-card,
        .aho-system-overall-card,
        .aho-system-summary-card,
        .aho-system-check-card,
        .aho-system-info-card,
        .aho-role-summary-card,
        .aho-matrix-card,
        .aho-branding-card,
        .aho-feature-card,
        .aho-retention-card,
        .aho-user-card,
        .lab83-chart-card,
        .intel-goal-card,
        .feature-card,
        .setup-step,
        .iw-panel,
        .iw-signal,
        .lab82-card,
        .lab82-mini,
        .lab82-dialog,
        .lab83-export-help
    ) {
        border: 1px solid var(--tb98-border) !important;
        border-radius: var(--tb98-radius-md) !important;
        color: var(--tb98-text) !important;
        background: linear-gradient(180deg,
            color-mix(in srgb,var(--tb98-surface-3) 72%,var(--tb98-bg) 28%) 0%,
            color-mix(in srgb,var(--tb98-surface) 88%,var(--tb98-bg) 12%) 100%) !important;
        box-shadow: var(--tb98-shadow-1) !important;
    }

    :root[data-theme="light"] body .content :is(
        .card__header,
        .aho-card__header,
        .iw-panel__header,
        .lab82-card > header
    ) {
        border-color: color-mix(in srgb,var(--tb98-border) 76%,transparent) !important;
        background: transparent !important;
    }

    :root[data-theme="light"] body .content :is(
        .card__title,
        .aho-section-heading,
        .iw-section-head,
        .lab82-section-head,
        h1,h2,h3
    ) {
        color: var(--tb98-text) !important;
    }

    :root[data-theme="light"] body .content :is(
        .card__subtitle,
        .aho-muted,
        .aho-field-help,
        .aho80-fieldset-help,
        small
    ) {
        color: var(--tb98-muted) !important;
    }

    /* Forms feel integrated with the workspace instead of floating white. */
    :root[data-theme="light"] body .content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
        border-color: var(--tb98-border) !important;
        color: var(--tb98-text) !important;
        background: color-mix(in srgb,var(--tb98-surface) 90%,var(--tb98-bg) 10%) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.34) !important;
        transition: border-color .16s ease,box-shadow .16s ease,background .16s ease !important;
    }

    :root[data-theme="light"] body .content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):hover {
        border-color: var(--tb98-border-strong) !important;
        background: var(--tb98-surface-3) !important;
    }

    :root[data-theme="light"] body .content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
        border-color: color-mix(in srgb,var(--aho-accent,#0b9489) 70%,var(--tb98-border-strong) 30%) !important;
        box-shadow: var(--tb98-focus) !important;
        outline: none !important;
    }

    /* Standard fieldsets and form sections share the paper plane. */
    :root[data-theme="light"] body.page-entry .content :is(.aho-form-section,.aho-fieldset) {
        color: var(--tb98-text) !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    :root[data-theme="light"] body.page-entry .content .aho-fieldset {
        border-color: var(--tb98-border) !important;
    }

    /* Buttons: clean, dense, tactile — no glossy legacy treatments. */
    html body :is(.button,.aho-button,.lab82-btn,.btn) {
        border-radius: 10px !important;
        font-weight: 760 !important;
        letter-spacing: -.008em !important;
        transition: transform .16s var(--tb98-motion),box-shadow .16s ease,border-color .16s ease,background .16s ease !important;
    }
    html body :is(.button,.aho-button,.lab82-btn,.btn):hover {
        transform: translateY(-1px);
    }
    html body :is(.button,.aho-button,.lab82-btn,.btn):active {
        transform: translateY(0) scale(.99);
    }

    /* Tables are deliberately flat and data-first. */
    :root[data-theme="light"] body .content :is(table,.data-table,.aho-report-table) {
        border-color: var(--tb98-border) !important;
        color: var(--tb98-text) !important;
        background: transparent !important;
    }
    :root[data-theme="light"] body .content :is(table,.data-table,.aho-report-table) thead th {
        border-color: var(--tb98-border) !important;
        color: var(--tb98-text-2) !important;
        background: var(--tb98-surface-2) !important;
    }
    :root[data-theme="light"] body .content :is(table,.data-table,.aho-report-table) tbody :is(td,th) {
        border-color: color-mix(in srgb,var(--tb98-border) 80%,transparent) !important;
        background: color-mix(in srgb,var(--tb98-bg) 72%,transparent) !important;
    }
    :root[data-theme="light"] body .content :is(table,.data-table,.aho-report-table) tbody tr:hover :is(td,th) {
        background: var(--tb98-surface-hover) !important;
    }
}

/* ========================================================================== */
/* 2. CONSULTATION — harden the requested four-control top row                */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid {
    display: grid !important;
    grid-template-columns: minmax(270px,1.30fr) minmax(170px,.72fr) minmax(210px,.88fr) minmax(220px,.95fr) !important;
    align-items: end !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 4px 14px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid > * {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: end !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid .aho96-documentation-block {
    padding-inline: 0 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid .aho-choice-grid--field-contact_purpose {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 8px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid .aho73-choice {
    min-width: 0 !important;
    min-height: 48px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid .aho97-team-toggle {
    min-height: 48px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid .aho97-team-inline__caption,
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid .aho95-meta-label,
html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid legend {
    white-space: nowrap !important;
}

/* Team picker appears as an intentional disclosure panel below the command row. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-options {
    width: calc(100% - 8px) !important;
    margin: -2px 4px 14px !important;
    border-radius: var(--tb98-radius-md) !important;
}

/* ========================================================================== */
/* 3. CHOICE CARDS — one selection language everywhere                       */
/* ========================================================================== */
@media screen {
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice,
    html body.page-entry .app-shell .aho-entry-form label.choice.choice--binary {
        border-radius: 13px !important;
        transition: transform .16s var(--tb98-motion),border-color .16s ease,background .16s ease,box-shadow .16s ease !important;
    }
    :root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho73-choice,
    :root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.choice.choice--binary {
        border-color: var(--tb98-border) !important;
        background: color-mix(in srgb,var(--tb98-surface) 90%,var(--tb98-bg) 10%) !important;
        box-shadow: 0 1px 2px rgba(31,55,73,.025) !important;
    }
    :root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover,
    :root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.choice.choice--binary:hover {
        transform: translateY(-1px) !important;
        border-color: color-mix(in srgb,var(--entry-accent,#0b9489) 38%,var(--tb98-border) 62%) !important;
        background: color-mix(in srgb,var(--entry-accent-soft,#dff5f2) 25%,var(--tb98-surface) 75%) !important;
        box-shadow: 0 8px 20px rgba(31,55,73,.055) !important;
    }
    :root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked),
    :root[data-theme="light"] body.page-entry .app-shell .aho-entry-form label.choice.choice--binary:has(input:checked) {
        border-color: color-mix(in srgb,var(--entry-accent,#0b9489) 72%,var(--tb98-border-strong) 28%) !important;
        background: linear-gradient(135deg,
            color-mix(in srgb,var(--entry-accent-soft,#dff5f2) 58%,var(--tb98-surface) 42%),
            color-mix(in srgb,var(--entry-accent-soft,#dff5f2) 32%,var(--tb98-bg) 68%)) !important;
        box-shadow: 0 0 0 1px color-mix(in srgb,var(--entry-accent,#0b9489) 10%,transparent),0 8px 20px rgba(31,55,73,.055) !important;
    }

    /* Checkbox indicator: square, centered, unmistakable. */
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator,
    html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        border-radius: 6px !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        justify-self: end !important;
        margin: 0 !important;
    }
    html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator::after,
    html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator::after {
        content: "✓" !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        color: #fff !important;
    }
}

/* ========================================================================== */
/* 4. MEASUREMENT CONTROLS — unified professional stepper language            */
/* ========================================================================== */
@media screen {
    html body.page-entry .app-shell .aho-entry-form :is(.aho95-number-stepper,.aho-number-stepper) {
        min-height: 48px !important;
        border-radius: 13px !important;
        overflow: hidden !important;
        transition: border-color .16s ease,box-shadow .16s ease,background .16s ease !important;
    }
    :root[data-theme="light"] body.page-entry .app-shell .aho-entry-form :is(.aho95-number-stepper,.aho-number-stepper) {
        border-color: var(--tb98-border-strong) !important;
        background: linear-gradient(180deg,var(--tb98-surface-3),var(--tb98-surface-2)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.48),0 1px 2px rgba(31,55,73,.025) !important;
    }
    html body.page-entry .app-shell .aho-entry-form :is(.aho95-number-stepper,.aho-number-stepper) button {
        min-width: 42px !important;
        min-height: 42px !important;
        border-radius: 10px !important;
        transition: transform .14s var(--tb98-motion),background .14s ease,color .14s ease !important;
    }
    html body.page-entry .app-shell .aho-entry-form :is(.aho95-number-stepper,.aho-number-stepper) button:hover {
        transform: scale(1.04) !important;
    }
    html body.page-entry .app-shell .aho-entry-form :is(.aho95-number-stepper,.aho-number-stepper) input {
        font-variant-numeric: tabular-nums !important;
        font-weight: 820 !important;
    }
}

/* ========================================================================== */
/* 5. EXPERT EVALUATION — dense BI workspace, not a collection of boxes      */
/* ========================================================================== */
@media screen {
    html body.page-expert-evaluation .lab82-section-head {
        min-height: 66px !important;
        margin: 0 0 12px !important;
        padding: 10px 12px !important;
        border: 1px solid transparent !important;
        border-radius: var(--tb98-radius-md) !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    html body.page-expert-evaluation .lab82-section-head > div:first-child {
        align-items: center !important;
        gap: 12px !important;
    }
    html body.page-expert-evaluation .lab82-section-head h2 {
        margin: 0 0 3px !important;
        font-size: clamp(1.15rem,1rem + .35vw,1.45rem) !important;
        letter-spacing: -.025em !important;
    }
    html body.page-expert-evaluation .lab82-section-head p {
        margin: 0 !important;
        color: var(--tb98-muted) !important;
        font-size: .78rem !important;
    }

    html body.page-expert-evaluation .expert96-analysis-grid {
        display: grid !important;
        grid-template-columns: minmax(0,1.18fr) minmax(320px,.82fr) !important;
        gap: 12px !important;
        margin-bottom: 12px !important;
    }
    html body.page-expert-evaluation .expert96-analysis-grid > .lab82-card {
        min-height: 178px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    html body.page-expert-evaluation .expert96-analysis-grid > .lab82-card > header {
        min-height: 56px !important;
        padding: 12px 14px !important;
        border-bottom: 1px solid var(--tb98-border) !important;
    }
    html body.page-expert-evaluation .expert96-analysis-grid > .lab82-card > header h3 {
        margin: 0 !important;
        font-size: .92rem !important;
    }
    html body.page-expert-evaluation .expert96-analysis-grid > .lab82-card > header span {
        color: var(--tb98-muted) !important;
        font-size: .7rem !important;
    }

    html body.page-expert-evaluation .expert96-analysis-links {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 7px !important;
        padding: 10px !important;
    }
    html body.page-expert-evaluation .expert96-analysis-links a {
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 8px 10px !important;
        border: 1px solid var(--tb98-border) !important;
        border-radius: 10px !important;
        color: var(--tb98-text) !important;
        background: color-mix(in srgb,var(--tb98-surface-2) 84%,transparent) !important;
        box-shadow: none !important;
        text-decoration: none !important;
        transition: transform .14s var(--tb98-motion),border-color .14s ease,background .14s ease !important;
    }
    html body.page-expert-evaluation .expert96-analysis-links a:hover {
        transform: translateY(-1px) !important;
        border-color: #8fa4f3 !important;
        background: color-mix(in srgb,#e9ebff 35%,var(--tb98-surface) 65%) !important;
    }
    html body.page-expert-evaluation .expert96-analysis-links a svg {
        width: 17px !important;
        height: 17px !important;
        color: #5f69e8 !important;
    }

    html body.page-expert-evaluation .expert96-method-list {
        display: grid !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 11px 16px 12px 28px !important;
        color: var(--tb98-text-2) !important;
        font-size: .76rem !important;
        line-height: 1.42 !important;
    }
    html body.page-expert-evaluation .expert96-method-list li::marker {
        color: #6572e8 !important;
    }

    html body.page-expert-evaluation .expert96-signal-grid {
        display: grid !important;
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
        gap: 10px !important;
        margin-top: 10px !important;
    }
    html body.page-expert-evaluation .expert96-signal-grid > .lab82-card {
        min-height: 104px !important;
        padding: 12px !important;
    }

    /* KPI family: equal rhythm and no white gaps. */
    html body.page-expert-evaluation :is(.lab82-kpi,.lab82-mini,.expert96-signal) {
        border-radius: 13px !important;
    }
    :root[data-theme="light"] body.page-expert-evaluation :is(.lab82-kpi,.lab82-mini,.expert96-signal) {
        border-color: var(--tb98-border) !important;
        background: linear-gradient(180deg,var(--tb98-surface-3),var(--tb98-surface)) !important;
        box-shadow: 0 1px 2px rgba(31,55,73,.025),0 8px 22px rgba(31,55,73,.035) !important;
    }

    /* Commandbar reads as one professional control plane. */
    :root[data-theme="light"] body.page-expert-evaluation .expert96-commandbar {
        border: 1px solid var(--tb98-border) !important;
        border-radius: 15px !important;
        background: color-mix(in srgb,var(--tb98-surface) 93%,transparent) !important;
        box-shadow: var(--tb98-shadow-1) !important;
    }
}

/* ========================================================================== */
/* 6. GLOBAL PROFESSIONAL CARD GEOMETRY                                       */
/* ========================================================================== */
@media screen {
    html body .content :is(
        .card,
        .aho-card,
        .aho-summary-card,
        .aho-drilldown-card,
        .aho-form-card,
        .aho-stat-card,
        .aho-entry-statuscard,
        .aho-security-method,
        .aho-mfa-kpi,
        .aho-system-summary-item,
        .aho-import-summary-card,
        .aho-import-job-card,
        .aho-import-card,
        .aho-admin-card,
        .aho-role-card,
        .aho-annual-report-card,
        .aho-profile-theme-card,
        .aho-profile-image-card,
        .aho-profile-security-card,
        .aho-profile-employee-card,
        .security-card,
        .lab83-chart-card,
        .intel-goal-card,
        .lab82-card,
        .lab82-mini,
        .iw-panel,
        .iw-signal
    ) {
        overflow: clip;
    }

    html body .content :is(.card--interactive,.aho-drilldown-card,.lab82-report-card,a.lab82-card,button.lab82-card) {
        transition: transform .16s var(--tb98-motion),border-color .16s ease,box-shadow .16s ease,background .16s ease !important;
    }
    html body .content :is(.card--interactive,.aho-drilldown-card,.lab82-report-card,a.lab82-card,button.lab82-card):hover {
        transform: translateY(-2px) !important;
        box-shadow: var(--tb98-shadow-2) !important;
    }

    /* Icon containers: same visual vocabulary across modules. */
    html body .content :is(.lab82-iconbox,.feature-icon,.aho-entry-statuscard__icon,.aho-message-icon) {
        border-radius: 11px !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.22),0 4px 12px rgba(31,55,73,.045) !important;
    }
}

/* ========================================================================== */
/* 7. DARK MODE — exact component parity, not light cards on dark canvas      */
/* ========================================================================== */
@media screen {
    :root[data-theme="dark"] body,
    :root[data-theme="dark"] body .app-shell,
    :root[data-theme="dark"] body .app-main,
    :root[data-theme="dark"] body .content {
        color: var(--tb98-dark-text) !important;
        background: var(--tb98-dark-bg) !important;
    }
    :root[data-theme="dark"] body .sidebar,
    :root[data-theme="dark"] body .sidebar__brand,
    :root[data-theme="dark"] body .sidebar__footer,
    :root[data-theme="dark"] body .topbar {
        border-color: var(--tb98-dark-border-soft) !important;
        background: linear-gradient(180deg,#0f1d2a,#0b1723) !important;
    }

    :root[data-theme="dark"] body .content :is(
        .card,.panel,.kpi-card,.aho-card,.aho-summary-card,.aho-drilldown-card,.aho-form-card,.aho-stat-card,
        .aho-entry-statuscard,.aho-security-method,.aho-security-setup,.aho-mfa-kpi,.aho-system-summary-item,
        .aho-import-summary-card,.aho-import-job-card,.aho-import-job-summary-card,.aho-import-card,.aho-admin-card,.aho-role-card,
        .aho-annual-report-card,.aho-profile-theme-card,.aho-profile-image-card,.aho-profile-security-card,.aho-profile-employee-card,
        .security-card,.aho-audit-summary-card,.aho-audit-filter-card,.aho-audit-table-card,.aho-audit-detail-card,.aho-audit-metadata-card,
        .aho-system-overall-card,.aho-system-summary-card,.aho-system-check-card,.aho-system-info-card,.aho-role-summary-card,.aho-matrix-card,
        .aho-branding-card,.aho-feature-card,.aho-retention-card,.aho-user-card,.lab83-chart-card,.intel-goal-card,.feature-card,.setup-step,
        .iw-panel,.iw-signal,.lab82-card,.lab82-mini,.lab82-dialog,.lab83-export-help
    ) {
        border-color: var(--tb98-dark-border-soft) !important;
        color: var(--tb98-dark-text) !important;
        background: linear-gradient(180deg,var(--tb98-dark-surface-2),var(--tb98-dark-surface)) !important;
        box-shadow: 0 10px 30px rgba(0,0,0,.16) !important;
    }
    :root[data-theme="dark"] body .content :is(.card__header,.aho-card__header,.iw-panel__header,.lab82-card > header) {
        border-color: var(--tb98-dark-border-soft) !important;
        background: transparent !important;
    }
    :root[data-theme="dark"] body .content :is(h1,h2,h3,h4,.card__title,.aho-section-heading,.iw-section-head,.lab82-section-head) {
        color: var(--tb98-dark-text) !important;
    }
    :root[data-theme="dark"] body .content :is(p,small,.card__subtitle,.aho-muted,.aho-field-help,.aho80-fieldset-help) {
        color: var(--tb98-dark-text-2) !important;
    }
    :root[data-theme="dark"] body .content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
        border-color: var(--tb98-dark-border) !important;
        color: var(--tb98-dark-text) !important;
        background: var(--tb98-dark-surface-2) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    }
    :root[data-theme="dark"] body .content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
        border-color: #4fa9c5 !important;
        box-shadow: 0 0 0 3px rgba(79,169,197,.14) !important;
    }

    :root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice,
    :root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.choice.choice--binary {
        border-color: var(--tb98-dark-border-soft) !important;
        color: var(--tb98-dark-text) !important;
        background: var(--tb98-dark-surface-2) !important;
    }
    :root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:hover,
    :root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.choice.choice--binary:hover {
        border-color: color-mix(in srgb,var(--entry-accent,#4fa9c5) 56%,var(--tb98-dark-border) 44%) !important;
        background: var(--tb98-dark-surface-3) !important;
    }
    :root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice:has(input:checked),
    :root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.choice.choice--binary:has(input:checked) {
        border-color: color-mix(in srgb,var(--entry-accent,#4fa9c5) 78%,var(--tb98-dark-border) 22%) !important;
        background: color-mix(in srgb,var(--entry-accent,#4fa9c5) 14%,var(--tb98-dark-surface-2) 86%) !important;
        box-shadow: 0 0 0 1px color-mix(in srgb,var(--entry-accent,#4fa9c5) 20%,transparent) !important;
    }

    :root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form :is(.aho95-number-stepper,.aho-number-stepper) {
        border-color: var(--tb98-dark-border) !important;
        color: var(--tb98-dark-text) !important;
        background: linear-gradient(180deg,var(--tb98-dark-surface-3),var(--tb98-dark-surface-2)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    }

    :root[data-theme="dark"] body.page-expert-evaluation .expert96-analysis-grid > .lab82-card > header,
    :root[data-theme="dark"] body.page-expert-evaluation .expert96-commandbar {
        border-color: var(--tb98-dark-border-soft) !important;
    }
    :root[data-theme="dark"] body.page-expert-evaluation .expert96-analysis-links a {
        border-color: var(--tb98-dark-border-soft) !important;
        color: var(--tb98-dark-text) !important;
        background: var(--tb98-dark-surface-2) !important;
    }
    :root[data-theme="dark"] body.page-expert-evaluation .expert96-analysis-links a:hover {
        border-color: #737deb !important;
        background: var(--tb98-dark-surface-3) !important;
    }
    :root[data-theme="dark"] body.page-expert-evaluation .expert96-method-list {
        color: var(--tb98-dark-text-2) !important;
    }
}

/* ========================================================================== */
/* 8. RESPONSIVE — keep density without overflow                             */
/* ========================================================================== */
@media (max-width: 980px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    html body.page-expert-evaluation .expert96-analysis-grid {
        grid-template-columns: 1fr !important;
    }
    html body.page-expert-evaluation .expert96-signal-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 640px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho98-consultation-command-grid,
    html body.page-expert-evaluation .expert96-signal-grid,
    html body.page-expert-evaluation .expert96-analysis-links {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body * {
        scroll-behavior: auto !important;
    }
    html body .content :is(.card,.aho-card,.lab82-card,.button,.aho-button,.lab82-btn,.aho73-choice,.choice--binary) {
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.99.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.99 — Consultation Layout Refinement
 * Loaded after 1.0.98.
 * Scope: screenshot-driven consultation cleanup only. No data model changes.
 */

/* ========================================================================== */
/* 1. BERATUNG — top command row: all four controls really stay together     */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho99-consultation-command-grid {
    display: grid !important;
    grid-template-columns: minmax(310px,1.28fr) minmax(185px,.70fr) minmax(225px,.86fr) minmax(230px,.90fr) !important;
    align-items: end !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 4px 24px !important;
}

/* A legacy ID-based layout rule still forced #social-team to span the whole
   12-column page. Override it with the ID in this final cascade layer. */
html body.page-entry--social-work .app-shell .aho-entry-layout--single .aho-entry-form .aho99-consultation-command-grid > #social-team {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: end !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho99-team-inline__caption,
html body.page-entry--social-work .app-shell .aho-entry-form .aho99-team-inline .aho97-team-inline__caption {
    min-height: 22px !important;
    margin: 0 0 8px !important;
    white-space: nowrap !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho99-team-toggle {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
    grid-template-columns: 32px minmax(0,1fr) 36px !important;
    padding: 6px 10px !important;
}

/* Give the contact matrix breathing room after the compact command row. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho99-contact-block {
    margin-top: 6px !important;
}

/* Disclosure content stays below the command row without collapsing the
   visual separation to the next section. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-options {
    margin: 0 4px 22px !important;
}

/* ========================================================================== */
/* 2. ZEITANGABEN — Anfahrt + Dauer centered as one balanced pair             */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho99-timing-row {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(320px,430px)) !important;
    justify-content: center !important;
    align-items: start !important;
    column-gap: 56px !important;
    row-gap: 18px !important;
    width: 100% !important;
    margin: 18px auto 0 !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho99-timing-field {
    width: 100% !important;
    max-width: 430px !important;
    justify-self: center !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho99-timing-field :is(.aho95-number-stepper,.aho-number-stepper) {
    width: 100% !important;
    margin-inline: auto !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho99-timing-field .aho95-number-presets {
    width: 100% !important;
    justify-content: center !important;
    margin-inline: auto !important;
}

/* ========================================================================== */
/* 3. PERSON + THEMEN — remove redundant hero headers                         */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho99-section-nohero {
    padding-top: 18px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho99-section-nohero > :is(.aho-entry-grid,.aho-topic-groups) {
    margin-top: 0 !important;
}

/* The first visible legend becomes the section anchor visually. */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person.aho99-section-nohero > .aho-entry-grid > fieldset:first-child,
html body.page-entry--social-work .app-shell .aho-entry-form #social-topics.aho99-section-nohero > .aho-topic-groups > fieldset:first-child {
    padding-top: 0 !important;
}

/* ========================================================================== */
/* 4. LAB — deterministic icon box geometry                                  */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho99-lab-context-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
    width: min(100%,760px) !important;
    max-width: 760px !important;
    align-items: stretch !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho99-lab-context-grid > label.choice.choice--binary {
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) 22px !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho99-lab-context-grid .choice__icon {
    position: static !important;
    inset: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    transform: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho99-lab-context-grid .choice__icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    transform: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho99-lab-context-grid .choice__label {
    min-width: 0 !important;
    line-height: 1.24 !important;
}

/* ========================================================================== */
/* 5. RESPONSIVE                                                              */
/* ========================================================================== */
@media (max-width: 1280px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho99-consultation-command-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 900px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho99-timing-row,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho99-lab-context-grid {
        grid-template-columns: 1fr !important;
    }

    html body.page-entry--social-work .app-shell .aho-entry-form .aho99-timing-field {
        max-width: 520px !important;
    }
}

@media (max-width: 640px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho99-consultation-command-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.100.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.100 — Consultation Visual Match Lock
 * Loaded after 1.0.99.
 * Purpose: implement the approved consultation reference exactly in code.
 * UI-only release; no domain/data-model changes.
 */

:root {
    --aho100-paper: #eaf0f3;
    --aho100-paper-soft: #edf3f5;
    --aho100-surface: #edf2f4;
    --aho100-line: #c8d5dd;
    --aho100-line-strong: #aebfca;
    --aho100-ink: #14283b;
    --aho100-muted: #607486;
    --aho100-accent: var(--entry-accent,#0b9489);
    --aho100-accent-soft: var(--entry-accent-soft,#dff5f2);
    --aho100-radius: 16px;
}

/* ========================================================================== */
/* 1. GRUNDINFOS — exact approved top command block                           */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid {
    display: grid !important;
    grid-template-columns: minmax(430px,1.48fr) minmax(230px,.76fr) minmax(270px,.92fr) minmax(250px,.84fr) !important;
    align-items: start !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 22px 18px 20px !important;
    border: 1px solid var(--aho100-line) !important;
    border-radius: var(--aho100-radius) !important;
    background: color-mix(in srgb,var(--aho100-surface) 88%,transparent) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38) !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid > * {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid .aho96-documentation-block {
    padding: 0 !important;
    border: 0 !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid .aho-choice-grid--field-contact_purpose {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid .aho-choice-grid--field-contact_purpose label.aho73-choice {
    min-height: 58px !important;
    height: 58px !important;
    padding-block: 8px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid :is(.aho95-meta-field input,.aho95-meta-field select) {
    min-height: 50px !important;
    height: 50px !important;
    border-radius: 13px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid :is(legend,.aho95-meta-label,.aho100-team-switch__caption) {
    min-height: 22px !important;
    margin-bottom: 10px !important;
    color: var(--aho100-ink) !important;
    font-size: .86rem !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* The approved design uses a compact switch only — no extra Team card. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid > #social-team.aho100-team-inline {
    display: block !important;
    align-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    user-select: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch__caption,
html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch .aho97-team-inline__caption {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    min-height: 22px !important;
    margin: 0 !important;
    color: var(--aho100-ink) !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch__caption :is(i,svg) {
    width: 17px !important;
    height: 17px !important;
    color: var(--aho100-accent) !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch > input {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch__control {
    position: relative !important;
    flex: 0 0 auto !important;
    width: 38px !important;
    height: 22px !important;
    border: 1px solid #a9bbc6 !important;
    border-radius: 999px !important;
    background: #d8e1e7 !important;
    box-shadow: inset 0 1px 2px rgba(23,47,65,.08) !important;
    transition: background .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch__control::after {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #839aab !important;
    box-shadow: 0 1px 2px rgba(20,40,55,.18) !important;
    transition: transform .16s ease,background .16s ease !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch > input:checked + .aho100-team-switch__control {
    border-color: color-mix(in srgb,var(--aho100-accent) 70%,#94aab7 30%) !important;
    background: color-mix(in srgb,var(--aho100-accent) 76%,#c6d6dc 24%) !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch > input:checked + .aho100-team-switch__control::after {
    transform: translateX(16px) !important;
    background: #fff !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch > input:focus-visible + .aho100-team-switch__control {
    box-shadow: 0 0 0 4px color-mix(in srgb,var(--aho100-accent) 17%,transparent),inset 0 1px 2px rgba(23,47,65,.08) !important;
}

/* Disclosure panel remains available, but opens clearly below the top row. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho97-team-options {
    width: 100% !important;
    margin: -8px 0 24px !important;
}

/* ========================================================================== */
/* 2. KONTAKTWEG — deliberate separation from Grundinfos                      */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho100-contact-block {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 14px 18px !important;
    border: 1px solid var(--aho100-line) !important;
    border-radius: var(--aho100-radius) !important;
    background: color-mix(in srgb,var(--aho100-surface) 86%,transparent) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32) !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-contact-block > legend {
    padding-inline: 6px !important;
    margin-bottom: 12px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-contact-block .aho-choice-grid--field-contact_type {
    gap: 10px 12px !important;
}

/* ========================================================================== */
/* 3. ZEITANGABEN — two balanced cards, controls + presets centered           */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-row {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 22px 0 0 !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-field {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px 18px 16px !important;
    border: 1px solid var(--aho100-line) !important;
    border-radius: var(--aho100-radius) !important;
    background: color-mix(in srgb,var(--aho100-surface) 86%,transparent) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32) !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-field > label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 10px !important;
    color: var(--aho100-ink) !important;
    font-size: .9rem !important;
    font-weight: 800 !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-field .aho95-measure-control {
    width: min(100%,450px) !important;
    max-width: 450px !important;
    margin-inline: auto !important;
    gap: 10px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-field :is(.aho95-number-stepper,.aho-number-stepper) {
    width: 100% !important;
    max-width: 450px !important;
    margin-inline: auto !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-field .aho95-number-presets {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* ========================================================================== */
/* 4. PERSON + THEMEN — hero blocks are absent, content starts immediately    */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person.aho100-section-nohero,
html body.page-entry--social-work .app-shell .aho-entry-form #social-topics.aho100-section-nohero {
    padding-top: 18px !important;
}

/* Defensive lock: even a stale server-side fragment must never show these
   removed visual hero headers after the 1.0.100 stylesheet is loaded. */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person > .aho-form-section__header,
html body.page-entry--social-work .app-shell .aho-entry-form #social-topics > .aho-form-section__header {
    display: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-person.aho100-section-nohero > .aho-entry-grid,
html body.page-entry--social-work .app-shell .aho-entry-form #social-topics.aho100-section-nohero > .aho-topic-groups {
    margin-top: 0 !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-person.aho100-section-nohero > .aho-entry-grid > fieldset:first-child,
html body.page-entry--social-work .app-shell .aho-entry-form #social-topics.aho100-section-nohero > .aho-topic-groups > fieldset:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ========================================================================== */
/* 5. LAB — hard icon geometry lock                                           */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho100-lab-context-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(280px,1fr)) !important;
    gap: 12px !important;
    width: min(100%,760px) !important;
    max-width: 760px !important;
    align-items: stretch !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho100-lab-context-grid > label.choice.choice--binary {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) 22px !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 66px !important;
    padding: 10px 12px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho100-lab-context-grid .choice__icon {
    position: static !important;
    inset: auto !important;
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: start !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid color-mix(in srgb,var(--aho100-accent) 18%,var(--aho100-line) 82%) !important;
    border-radius: 12px !important;
    color: var(--aho100-accent) !important;
    background: color-mix(in srgb,var(--aho100-accent-soft) 58%,var(--aho100-surface) 42%) !important;
    line-height: 0 !important;
    overflow: hidden !important;
    transform: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho100-lab-context-grid .choice__icon > svg {
    position: static !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    transform: none !important;
    overflow: visible !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho100-lab-context-grid .choice__label {
    min-width: 0 !important;
    line-height: 1.25 !important;
    align-self: center !important;
}

/* ========================================================================== */
/* 6. DARK MODE                                                               */
/* ========================================================================== */
:root[data-theme="dark"] body.page-entry--social-work .app-shell .aho-entry-form :is(
    .aho100-consultation-command-grid,
    .aho100-contact-block,
    .aho100-timing-field
) {
    border-color: #365169 !important;
    background: color-mix(in srgb,#16283a 88%,transparent) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

:root[data-theme="dark"] body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid :is(legend,.aho95-meta-label,.aho100-team-switch__caption),
:root[data-theme="dark"] body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-field > label {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-switch__control {
    border-color: #4b6479 !important;
    background: #263d50 !important;
}

/* ========================================================================== */
/* 7. RESPONSIVE                                                              */
/* ========================================================================== */
@media (max-width: 1480px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid {
        grid-template-columns: minmax(380px,1.35fr) minmax(200px,.74fr) minmax(240px,.90fr) minmax(225px,.84fr) !important;
        gap: 14px !important;
    }
}

@media (max-width: 1240px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-team-inline {
        align-self: center !important;
    }
}

@media (max-width: 900px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-row,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho100-lab-context-grid {
        grid-template-columns: 1fr !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-field .aho95-measure-control {
        width: min(100%,520px) !important;
        max-width: 520px !important;
    }
}

@media (max-width: 680px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid {
        grid-template-columns: 1fr !important;
        padding: 16px 12px !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-consultation-command-grid .aho-choice-grid--field-contact_purpose {
        grid-template-columns: 1fr !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-contact-block,
    html body.page-entry--social-work .app-shell .aho-entry-form .aho100-timing-field {
        padding-inline: 12px !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.101.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.101 — Consultation Card Layout Polish
 * Loaded after 1.0.100.
 * Purpose: implement the approved follow-up refinements from screenshots 25–30.
 * UI-only release; no domain/data-model changes.
 */

:root {
    --aho101-line: #c8d5dd;
    --aho101-ink: #14283b;
    --aho101-muted: #607486;
    --aho101-accent: var(--entry-accent,#0b9489);
    --aho101-accent-soft: var(--entry-accent-soft,#dff5f2);
}

/* ========================================================================== */
/* 1. GRUNDINFOS — Mitarbeitende wirklich oben neben Verantwortlich           */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid {
    display: grid !important;
    grid-template-columns: minmax(430px,1.45fr) minmax(230px,.76fr) minmax(285px,.92fr) minmax(250px,.82fr) !important;
    align-items: start !important;
    gap: 18px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho96-documentation-block {
    grid-column: 1 !important;
    grid-row: 1 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-date {
    grid-column: 2 !important;
    grid-row: 1 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-employee {
    grid-column: 3 !important;
    grid-row: 1 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > #social-team.aho101-team-inline {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: start !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho101-team-switch {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-team-switch .aho100-team-switch__caption {
    min-height: 22px !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

/* ========================================================================== */
/* 2. KONTAKTWEG — 4er Raster, echtes WhatsApp-Glyph, lange Historie breit    */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho-choice-grid--field-contact_type {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 10px 12px !important;
    align-items: stretch !important;
    grid-auto-flow: row !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho-choice-grid--field-contact_type > label.aho73-choice {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 62px !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho-choice-grid--field-contact_type > label.aho73-choice:is(
    [data-choice-value="authority_medical_support"],
    [data-choice-label*="begleitung zu behörden"],
    [data-choice-label*="begleitung zu behörden/ärzt"]
) {
    grid-column: span 2 !important;
}

/* WhatsApp uses a dedicated phone-in-chat local vector and the established green tone. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho-choice-grid--field-contact_type > label[data-choice-value="whatsapp"] .aho73-choice__icon {
    color: #16a34a !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho-choice-grid--field-contact_type > label[data-choice-value="whatsapp"] .aho73-choice__visual {
    border-color: color-mix(in srgb,#16a34a 22%,#d8e3e9 78%) !important;
    background: color-mix(in srgb,#dcfce7 74%,#f8fbfc 26%) !important;
}

/* Long contact labels may wrap over two lines, never clip. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho73-choice__content,
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho73-choice__label {
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    text-wrap: pretty !important;
}

/* ========================================================================== */
/* 3. PERSON — Alter + Wohnort oben, Sprachmittlung direkt darunter           */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-layout {
    display: grid !important;
    grid-template-columns: repeat(12,minmax(0,1fr)) !important;
    gap: 22px 18px !important;
    align-items: stretch !important;
}

html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-age {
    grid-column: 1 / span 8 !important;
    grid-row: 1 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-residence {
    grid-column: 9 / span 4 !important;
    grid-row: 1 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-language {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-gender {
    grid-column: 1 / span 6 !important;
    grid-row: 4 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-orientation {
    grid-column: 7 / span 6 !important;
    grid-row: 4 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-targets {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
}

/* Alter: exakt 3 x 3. */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-age .aho-choice-grid--field-age_group {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 10px 12px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-age .aho-choice-grid--field-age_group > label.aho73-choice {
    grid-column: auto !important;
    min-width: 0 !important;
}

/* Wohnort: exakt 2 x 2. */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-residence .aho-choice-grid--field-residence {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px 12px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-residence .aho-choice-grid--field-residence > label.aho73-choice {
    grid-column: auto !important;
    min-width: 0 !important;
}

/* Sprachmittlung: drei Spalten; historisch/unbekannt bekommt zwei Spalten. */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-language .aho-choice-grid--field-language_mediation {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 10px 12px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-language .aho-choice-grid--field-language_mediation > label.aho73-choice {
    grid-column: auto !important;
    min-width: 0 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-language .aho-choice-grid--field-language_mediation > label.aho73-choice:is(
    [data-choice-label*="art unbekannt"],
    .aho83-choice--historical[data-choice-label*="sprachmittlung"]
) {
    grid-column: span 2 !important;
}

/* ========================================================================== */
/* 4. AUFMERKSAM DURCH — letzte Weiterverweisung bewusst doppelt breit        */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral .aho-choice-grid--field-referral_source {
    display: grid !important;
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
    gap: 10px 12px !important;
    grid-auto-flow: row dense !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral .aho-choice-grid--field-referral_source > label.aho73-choice {
    grid-column: auto !important;
    min-width: 0 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral .aho-choice-grid--field-referral_source > label.aho73-choice:is(
    [data-choice-value="referral"],
    [data-choice-label*="weiterverweisung"]
) {
    grid-column: span 2 !important;
}

/* ========================================================================== */
/* 5. GESCHLECHT/ORIENTIERUNG — keine abgeschnittenen Labels                  */
/* ========================================================================== */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-gender .aho-choice-grid--field-genders {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 10px 12px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-orientation .aho-choice-grid--field-orientations {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 10px 12px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person :is(
    .aho101-person-gender .aho-choice-grid--field-genders,
    .aho101-person-orientation .aho-choice-grid--field-orientations
) > label.aho73-choice {
    grid-column: auto !important;
    min-width: 0 !important;
    grid-template-columns: 40px minmax(0,1fr) 21px !important;
    gap: 9px !important;
    padding-inline: 10px !important;
    overflow: visible !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person :is(
    .aho101-person-gender,
    .aho101-person-orientation
) .aho73-choice__content {
    min-width: 0 !important;
    overflow: visible !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-person :is(
    .aho101-person-gender,
    .aho101-person-orientation
) .aho73-choice__label {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    font-size: .86rem !important;
    line-height: 1.2 !important;
}

/* All refined person cards are allowed to grow when a label needs two lines. */
html body.page-entry--social-work .app-shell .aho-entry-form #social-person :is(
    .aho101-person-age,
    .aho101-person-residence,
    .aho101-person-language,
    .aho101-person-referral,
    .aho101-person-gender,
    .aho101-person-orientation
) label.aho85-choice {
    min-height: 64px !important;
    height: auto !important;
}

/* ========================================================================== */
/* 6. CHECKBOXES — eindeutiges, sauber zentriertes Häkchen                    */
/* ========================================================================== */
html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    border: 1.5px solid #9db2c3 !important;
    border-radius: 6px !important;
    color: transparent !important;
    background: #f8fbfc !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
    overflow: hidden !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator::before,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator::before {
    content: none !important;
    display: none !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator::after,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator::after {
    content: "" !important;
    display: block !important;
    width: 6px !important;
    height: 11px !important;
    margin: -2px 0 0 !important;
    border: 0 !important;
    border-right: 2.4px solid #fff !important;
    border-bottom: 2.4px solid #fff !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    transform: rotate(45deg) scale(.72) !important;
    transform-origin: 50% 55% !important;
    transition: opacity .12s ease,transform .16s ease !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi input[type="checkbox"]:checked ~ .aho73-choice__indicator,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary input[type="checkbox"]:checked ~ .choice__indicator {
    border-color: color-mix(in srgb,var(--aho101-accent) 88%,#075f59 12%) !important;
    background: var(--aho101-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--aho101-accent) 13%,transparent),0 4px 10px color-mix(in srgb,var(--aho101-accent) 18%,transparent) !important;
}

html body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi input[type="checkbox"]:checked ~ .aho73-choice__indicator::after,
html body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary input[type="checkbox"]:checked ~ .choice__indicator::after {
    opacity: 1 !important;
    transform: rotate(45deg) scale(1) !important;
}

/* Keep the LAB check in the trailing cell and never let it overlap the label. */
html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho101-lab-context-grid > label.choice.choice--binary {
    grid-template-columns: 44px minmax(0,1fr) 24px !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form #social-lab .aho101-lab-context-grid .choice__indicator {
    align-self: center !important;
    justify-self: end !important;
}

/* ========================================================================== */
/* 7. DARK MODE                                                               */
/* ========================================================================== */
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi .aho73-choice__indicator,
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary .choice__indicator {
    border-color: #567086 !important;
    background: #183044 !important;
}
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form label.aho73-choice.aho73-choice--multi input[type="checkbox"]:checked ~ .aho73-choice__indicator,
:root[data-theme="dark"] body.page-entry .app-shell .aho-entry-form .aho-binary-grid label.choice.choice--binary input[type="checkbox"]:checked ~ .choice__indicator {
    border-color: color-mix(in srgb,var(--aho101-accent) 78%,#d9ffff 22%) !important;
    background: color-mix(in srgb,var(--aho101-accent) 88%,#12384a 12%) !important;
}

/* ========================================================================== */
/* 8. RESPONSIVE                                                              */
/* ========================================================================== */
@media (max-width: 1480px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid {
        grid-template-columns: minmax(380px,1.35fr) minmax(205px,.74fr) minmax(245px,.9fr) minmax(220px,.82fr) !important;
        gap: 14px !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral .aho-choice-grid--field-referral_source {
        grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    }
}

@media (max-width: 1240px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho96-documentation-block,
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-date,
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-employee,
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > #social-team.aho101-team-inline {
        grid-column: auto !important;
        grid-row: auto !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho-choice-grid--field-contact_type {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-age {
        grid-column: 1 / span 7 !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-residence {
        grid-column: 8 / span 5 !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral .aho-choice-grid--field-referral_source {
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-gender .aho-choice-grid--field-genders {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 980px) {
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-age,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-residence,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-language,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-gender,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-orientation,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-targets {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho-choice-grid--field-contact_type,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral .aho-choice-grid--field-referral_source {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-age .aho-choice-grid--field-age_group,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-language .aho-choice-grid--field-language_mediation,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-orientation .aho-choice-grid--field-orientations {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 680px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid,
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho-choice-grid--field-contact_type,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-age .aho-choice-grid--field-age_group,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-residence .aho-choice-grid--field-residence,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-language .aho-choice-grid--field-language_mediation,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral .aho-choice-grid--field-referral_source,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-gender .aho-choice-grid--field-genders,
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-orientation .aho-choice-grid--field-orientations {
        grid-template-columns: 1fr !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-contact-block .aho-choice-grid--field-contact_type > label.aho73-choice:is(
        [data-choice-value="authority_medical_support"],
        [data-choice-label*="begleitung zu behörden"]
    ),
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-language .aho-choice-grid--field-language_mediation > label.aho73-choice:is(
        [data-choice-label*="art unbekannt"],
        .aho83-choice--historical[data-choice-label*="sprachmittlung"]
    ),
    html body.page-entry--social-work .app-shell .aho-entry-form #social-person .aho101-person-referral .aho-choice-grid--field-referral_source > label.aho73-choice:is(
        [data-choice-value="referral"],
        [data-choice-label*="weiterverweisung"]
    ) {
        grid-column: auto !important;
    }
}

/* ==========================================================================
   SOURCE: enterprise-suite-1.0.102.css
   ========================================================================== */

/*
 * AHO-MGM 1.0.102 — Global Design Audit & Enterprise UI Harmonization
 * Final visual correction layer loaded after all legacy compatibility styles.
 * Scope: presentation, accessibility, spacing, typography and component consistency only.
 */

:root {
    --aho102-bg: #eef4f7;
    --aho102-surface: #f8fbfc;
    --aho102-surface-strong: #ffffff;
    --aho102-surface-muted: #f2f7f9;
    --aho102-border: #cfdfe6;
    --aho102-border-strong: #b7ccd6;
    --aho102-text: #102638;
    --aho102-text-2: #365169;
    --aho102-muted: #687f91;
    --aho102-accent: #0b9489;
    --aho102-accent-hover: #087d74;
    --aho102-accent-soft: rgba(11,148,137,.09);
    --aho102-accent-ring: rgba(11,148,137,.22);
    --aho102-danger: #c3384a;
    --aho102-warning: #a86400;
    --aho102-success: #087a55;
    --aho102-info: #287ec5;
    --aho102-radius-xs: 8px;
    --aho102-radius-sm: 10px;
    --aho102-radius: 14px;
    --aho102-radius-lg: 18px;
    --aho102-shadow-1: 0 1px 2px rgba(16,38,56,.035), 0 8px 28px rgba(16,38,56,.035);
    --aho102-shadow-2: 0 18px 52px rgba(16,38,56,.11), 0 2px 8px rgba(16,38,56,.05);
    --aho102-control: 44px;
    --aho102-motion: 160ms cubic-bezier(.2,.8,.2,1);

    /* Keep old components aligned with the current product language. */
    --aho-accent: var(--aho102-accent);
    --aho-accent-hover: var(--aho102-accent-hover);
    --color-primary: var(--aho102-accent);
    --color-primary-hover: var(--aho102-accent-hover);
    --color-primary-soft: var(--aho102-accent-soft);
    --aho-focus: 0 0 0 3px var(--aho102-accent-ring), 0 0 0 1px var(--aho102-accent);
}

html {
    background: var(--aho102-bg);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
}

html body {
    color: var(--aho102-text);
    background: var(--aho102-bg);
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

html body * { box-sizing: border-box; }

/* -------------------------------------------------------------------------- */
/* Global shell                                                               */
/* -------------------------------------------------------------------------- */
html body .app-shell { background: var(--aho102-bg); }

html body .sidebar,
html body .topbar,
html body .app-footer,
html body .aho-entry-actionbar {
    border-color: var(--aho102-border) !important;
}

html body .sidebar {
    background: color-mix(in srgb, var(--aho102-surface) 96%, #eaf4f6 4%) !important;
    box-shadow: 1px 0 0 rgba(16,38,56,.025) !important;
}

html body .topbar {
    background: rgba(248,251,252,.94) !important;
    backdrop-filter: saturate(140%) blur(18px);
    box-shadow: 0 1px 0 rgba(16,38,56,.035) !important;
}

html body .content {
    color: var(--aho102-text);
}

html body .app-footer {
    color: var(--aho102-muted) !important;
    background: transparent !important;
}

/* Navigation: calm, consistent and unmistakably active. */
html body .nav-section__title {
    font-size: .68rem !important;
    font-weight: 750 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    color: #8295a4 !important;
}

html body .nav-item {
    min-height: 42px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    color: var(--aho102-text-2) !important;
    transition: background var(--aho102-motion), border-color var(--aho102-motion), color var(--aho102-motion), transform var(--aho102-motion) !important;
}
html body .nav-item:hover {
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(183,204,214,.62) !important;
    color: var(--aho102-text) !important;
}
html body .nav-item.is-active {
    background: linear-gradient(90deg, rgba(11,148,137,.12), rgba(255,255,255,.58)) !important;
    border-color: rgba(11,148,137,.34) !important;
    color: #087d74 !important;
    box-shadow: inset 3px 0 0 var(--aho102-accent), 0 4px 16px rgba(11,148,137,.05) !important;
}
html body .nav-item__label { font-weight: 680 !important; }
html body .nav-item__icon,
html body .icon-button,
html body .brand__mark {
    flex: 0 0 auto;
}
html body .nav-item__icon svg,
html body .icon-button svg,
html body .brand__mark svg { display: block; }

/* Top bar: remove visual noise while preserving hierarchy. */
html body .topbar__eyebrow {
    color: #8496a5 !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
}
html body .topbar__title > strong {
    color: var(--aho102-text) !important;
    font-weight: 780 !important;
    letter-spacing: -.018em !important;
}
html body .topbar-search {
    background: rgba(255,255,255,.84) !important;
    border-color: var(--aho102-border) !important;
    border-radius: 11px !important;
    color: var(--aho102-text-2) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
html body .topbar-search:hover { border-color: #a9c3cd !important; background: #fff !important; }
html body .topbar-search kbd {
    border-color: var(--aho102-border-strong) !important;
    background: #edf3f6 !important;
    color: #41596c !important;
    box-shadow: none !important;
}

/* -------------------------------------------------------------------------- */
/* Typography                                                                 */
/* -------------------------------------------------------------------------- */
html body h1,
html body h2,
html body h3,
html body h4,
html body legend,
html body .card__title,
html body .aho-section-heading {
    color: var(--aho102-text);
    text-wrap: balance;
}
html body h1 { letter-spacing: -.03em !important; }
html body h2 { letter-spacing: -.022em !important; }
html body h3 { letter-spacing: -.014em !important; }
html body p,
html body .aho-field-help,
html body .aho80-fieldset-help { text-wrap: pretty; }

html body .aho-field-help,
html body .aho80-fieldset-help,
html body .card__header p,
html body .page-header p {
    color: var(--aho102-muted) !important;
    line-height: 1.48 !important;
}

/* -------------------------------------------------------------------------- */
/* Surfaces and cards                                                         */
/* -------------------------------------------------------------------------- */
html body :is(
    .card,
    .aho-form-card,
    .aho-form-section,
    .aho-fieldset,
    .aho-workspace,
    .iw-panel,
    .lab82-card,
    .aho-summary-card,
    .aho-stat-card,
    .aho-system-summary-item,
    .aho-import-job-card,
    .aho-import-summary-card,
    .aho-mfa-policy,
    .aho-security-method
) {
    border-color: var(--aho102-border) !important;
}

html body :is(.card,.aho-form-card,.aho-workspace,.iw-panel,.lab82-card) {
    background: var(--aho102-surface) !important;
    border-radius: var(--aho102-radius-lg) !important;
    box-shadow: var(--aho102-shadow-1) !important;
}

/* Inner form sections stay flatter than primary workspace cards. */
html body :is(.aho-form-section,.aho-fieldset) {
    background: color-mix(in srgb, var(--aho102-surface) 93%, var(--aho102-bg) 7%) !important;
    border-radius: var(--aho102-radius) !important;
    box-shadow: none !important;
}

html body .card__header,
html body .aho-section-heading,
html body .iw-section-head,
html body .lab82-section-head {
    border-color: rgba(207,223,230,.8) !important;
}

/* -------------------------------------------------------------------------- */
/* Form controls                                                              */
/* -------------------------------------------------------------------------- */
html body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    color: var(--aho102-text) !important;
    background: rgba(255,255,255,.84) !important;
    border-color: var(--aho102-border-strong) !important;
    border-radius: var(--aho102-radius-sm) !important;
    box-shadow: inset 0 1px 1px rgba(16,38,56,.02) !important;
    transition: border-color var(--aho102-motion), box-shadow var(--aho102-motion), background var(--aho102-motion) !important;
}
html body :is(input:not([type="checkbox"]):not([type="radio"]), select) {
    min-height: var(--aho102-control) !important;
}
html body textarea { min-height: 104px; resize: vertical; }
html body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover {
    border-color: #a9c3cd !important;
    background: #fff !important;
}
html body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    outline: 0 !important;
    border-color: var(--aho102-accent) !important;
    box-shadow: 0 0 0 3px var(--aho102-accent-ring) !important;
    background: #fff !important;
}
html body input::placeholder,
html body textarea::placeholder { color: #8a9ba8 !important; opacity: 1; }

html body .aho-field > span:first-child,
html body .aho-field > label,
html body .field > span:first-child {
    color: var(--aho102-text-2) !important;
    font-weight: 700 !important;
}

/* Checkboxes / radios keep native semantics hidden behind a precise visual. */
html body input[type="checkbox"],
html body input[type="radio"] { accent-color: var(--aho102-accent); }

/* Choice cards: one global geometry, labels may wrap, nothing clips. */
html body .aho-entry-form label.aho73-choice,
html body .aho-entry-form label.aho85-choice,
html body .aho-entry-form label.choice.choice--binary {
    min-width: 0 !important;
    min-height: 60px !important;
    height: auto !important;
    border-color: var(--aho102-border) !important;
    border-radius: 12px !important;
    background: rgba(248,251,252,.86) !important;
    overflow: visible !important;
    transition: border-color var(--aho102-motion), background var(--aho102-motion), box-shadow var(--aho102-motion), transform var(--aho102-motion) !important;
}
html body .aho-entry-form label.aho73-choice:hover,
html body .aho-entry-form label.aho85-choice:hover,
html body .aho-entry-form label.choice.choice--binary:hover {
    border-color: #a8c7cf !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(16,38,56,.045) !important;
    transform: translateY(-1px);
}
html body .aho-entry-form label.aho73-choice:has(input:checked),
html body .aho-entry-form label.aho85-choice:has(input:checked),
html body .aho-entry-form label.choice.choice--binary:has(input:checked) {
    border-color: var(--aho102-accent) !important;
    background: linear-gradient(90deg, rgba(11,148,137,.07), rgba(255,255,255,.9)) !important;
    box-shadow: 0 0 0 1px rgba(11,148,137,.05), 0 8px 22px rgba(11,148,137,.055) !important;
}
html body .aho-entry-form .aho73-choice__content,
html body .aho-entry-form .aho73-choice__label,
html body .aho-entry-form .choice__label {
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.25 !important;
}
html body .aho-entry-form .aho73-choice__label,
html body .aho-entry-form .choice__label { font-weight: 720 !important; color: var(--aho102-text) !important; }
html body .aho-entry-form .aho73-choice__visual,
html body .aho-entry-form .choice__icon {
    border-radius: 11px !important;
    box-shadow: inset 0 0 0 1px rgba(11,148,137,.10) !important;
}
html body .aho-entry-form .aho73-choice__visual svg,
html body .aho-entry-form .choice__icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 1.8 !important;
}

/* -------------------------------------------------------------------------- */
/* Buttons                                                                    */
/* -------------------------------------------------------------------------- */
html body :is(.button,.aho-button,.lab82-btn,.aho-save-button) {
    min-height: 40px;
    border-radius: 10px !important;
    font-weight: 720 !important;
    letter-spacing: -.008em;
    box-shadow: none !important;
    transition: background var(--aho102-motion), border-color var(--aho102-motion), color var(--aho102-motion), transform var(--aho102-motion), box-shadow var(--aho102-motion) !important;
}
html body :is(.button,.aho-button,.lab82-btn,.aho-save-button):hover { transform: translateY(-1px); }
html body :is(.button,.aho-button,.lab82-btn,.aho-save-button):active { transform: translateY(0); }
html body :is(.button--primary,.aho-button--primary,.aho-save-button,.lab82-btn--ai) {
    color: #fff !important;
    background: var(--aho102-accent) !important;
    border-color: var(--aho102-accent) !important;
}
html body :is(.button--primary,.aho-button--primary,.aho-save-button,.lab82-btn--ai):hover {
    background: var(--aho102-accent-hover) !important;
    border-color: var(--aho102-accent-hover) !important;
    box-shadow: 0 8px 18px rgba(11,148,137,.16) !important;
}
html body .button--danger-ghost { color: var(--aho102-danger) !important; }

/* Icon-only controls use the same interaction target. */
html body :is(.icon-button,.sidebar__collapse,.sidebar__close,.aho-confirm-dialog__close,.aho-drilldown-modal__close) {
    min-width: 38px !important;
    min-height: 38px !important;
    border-radius: 10px !important;
}

/* -------------------------------------------------------------------------- */
/* Tables / data dense screens                                                */
/* -------------------------------------------------------------------------- */
html body table {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--aho102-text-2);
}
html body table thead th {
    color: #536d80 !important;
    background: #eef5f7 !important;
    border-color: var(--aho102-border) !important;
    font-size: .78rem !important;
    font-weight: 760 !important;
    letter-spacing: .025em;
}
html body table tbody td { border-color: rgba(207,223,230,.72) !important; }
html body table tbody tr:hover td { background: rgba(11,148,137,.035) !important; }

/* -------------------------------------------------------------------------- */
/* Alerts, badges, statuses, empty states                                     */
/* -------------------------------------------------------------------------- */
html body .alert {
    border-radius: 12px !important;
    box-shadow: none !important;
    border-width: 1px !important;
}
html body .alert--success { border-color: rgba(8,122,85,.26) !important; background: rgba(8,122,85,.07) !important; }
html body .alert--danger { border-color: rgba(195,56,74,.27) !important; background: rgba(195,56,74,.07) !important; }
html body :is(.aho-badge,.aho-mfa-badge) { border-radius: 999px !important; font-weight: 720 !important; }
html body :is(.empty,.iw-empty) {
    border-color: var(--aho102-border) !important;
    background: rgba(248,251,252,.72) !important;
    color: var(--aho102-muted) !important;
    border-radius: 14px !important;
}

/* -------------------------------------------------------------------------- */
/* Modals                                                                     */
/* -------------------------------------------------------------------------- */
html body :is(.aho-confirm-backdrop,.aho-drilldown-backdrop) {
    background: rgba(10,26,38,.42) !important;
    backdrop-filter: blur(8px) saturate(120%);
}
html body :is(.aho-confirm-dialog,.aho-drilldown-modal,.profile-dropdown) {
    border-color: var(--aho102-border) !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: var(--aho102-shadow-2) !important;
}

/* -------------------------------------------------------------------------- */
/* Entry workspace consistency                                                */
/* -------------------------------------------------------------------------- */
html body.page-entry .aho-entry-actionbar {
    background: rgba(248,251,252,.94) !important;
    backdrop-filter: blur(16px) saturate(140%);
    box-shadow: 0 -1px 0 rgba(16,38,56,.04), 0 -8px 24px rgba(16,38,56,.025) !important;
}
html body.page-entry .aho-entry-actionbar__state { color: var(--aho102-muted) !important; }

html body.page-entry .aho-entry-tabs,
html body.page-entry .aho-entry-stepper {
    border-color: var(--aho102-border) !important;
    background: rgba(248,251,252,.84) !important;
}

/* The information hierarchy is already explained by legends; helper text is quieter. */
html body.page-entry .aho80-fieldset-help {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
    font-size: .82rem !important;
}

/* Prevent any long German label from being silently cut throughout the application. */
html body :is(.card,.aho-form-card,.aho-fieldset,.aho-summary-card,.aho-admin-card,.aho-import-job-card) :is(strong,span,a,button,label) {
    text-overflow: clip;
}

/* -------------------------------------------------------------------------- */
/* Accessibility                                                             */
/* -------------------------------------------------------------------------- */
html body :focus-visible {
    outline: 2px solid var(--aho102-accent) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px var(--aho102-accent-ring) !important;
}
html body .skip-link:focus { z-index: 10000 !important; }
html body [aria-disabled="true"],
html body :disabled { cursor: not-allowed !important; opacity: .58; }

/* -------------------------------------------------------------------------- */
/* Dark mode                                                                  */
/* -------------------------------------------------------------------------- */
html[data-theme="dark"] body {
    --aho102-bg: #0d171f;
    --aho102-surface: #121f29;
    --aho102-surface-strong: #172630;
    --aho102-surface-muted: #15232d;
    --aho102-border: #29404d;
    --aho102-border-strong: #355260;
    --aho102-text: #edf6f7;
    --aho102-text-2: #c9d9df;
    --aho102-muted: #96acb8;
    color: var(--aho102-text);
    background: var(--aho102-bg);
}
html[data-theme="dark"] body .sidebar,
html[data-theme="dark"] body .topbar,
html[data-theme="dark"] body.page-entry .aho-entry-actionbar {
    background: rgba(18,31,41,.96) !important;
}
html[data-theme="dark"] body :is(.card,.aho-form-card,.aho-workspace,.iw-panel,.lab82-card,.aho-form-section,.aho-fieldset) {
    background: var(--aho102-surface) !important;
}
html[data-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    color: var(--aho102-text) !important;
    background: #14232d !important;
    border-color: var(--aho102-border-strong) !important;
}
html[data-theme="dark"] body .aho-entry-form label.aho73-choice,
html[data-theme="dark"] body .aho-entry-form label.aho85-choice,
html[data-theme="dark"] body .aho-entry-form label.choice.choice--binary {
    background: #14232d !important;
    border-color: #2d4653 !important;
}
html[data-theme="dark"] body table thead th { background: #172832 !important; color: #bed1da !important; }
html[data-theme="dark"] body :is(.aho-confirm-dialog,.aho-drilldown-modal,.profile-dropdown) { background: #14232d !important; }

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
    html body .topbar-search { max-width: 420px !important; }
    html body .aho-entry-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 820px) {
    html body .content { padding-inline: 14px !important; }
    html body .topbar { padding-inline: 12px !important; }
    html body .topbar-search span { display: none !important; }
    html body .topbar-search { width: 44px !important; min-width: 44px !important; justify-content: center !important; }
    html body .topbar-search kbd { display: none !important; }
    html body .aho-entry-grid--4,
    html body .aho-entry-grid--3,
    html body .aho-entry-grid--2 { grid-template-columns: 1fr !important; }
    html body .aho-span-2,
    html body .aho-span-4 { grid-column: auto !important; }
    html body.page-entry .aho-entry-actionbar { padding-inline: 10px !important; }
    html body.page-entry .aho-entry-actionbar__buttons { gap: 6px !important; }
}

@media (prefers-reduced-motion: reduce) {
    html body *, html body *::before, html body *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media print {
    html body .sidebar,
    html body .topbar,
    html body .app-footer,
    html body .aho-entry-actionbar,
    html body .page-header__actions { display: none !important; }
    html body .app-main,
    html body .content { margin: 0 !important; padding: 0 !important; width: 100% !important; }
    html body :is(.card,.aho-form-card,.aho-form-section,.aho-fieldset) { box-shadow: none !important; break-inside: avoid; }
}

/* ========================================================================== */
/* 1.0.103 - official 2026 activity statistics form                          */
/* ========================================================================== */
.aho-activity-report--2026{--report-purple:#4b405d;--report-line:#a69aa9;--report-head:#eee9ef;--report-paper:#fff;max-width:1680px;margin:0 auto;padding-bottom:48px}
.aho-activity-report--2026 .aho-report-toolbar{margin-bottom:20px}
.aho-activity-report--2026 .aho-report-toolbar__topline p{margin:6px 0 0;color:var(--text-muted);max-width:780px}
.aho-activity-report--2026 .aho-report-preview--official{display:grid;gap:28px;align-items:start;margin-top:26px}
.aho-activity-report--2026 .aho-report-sheet{width:min(100%,980px);margin:0 auto;background:var(--report-paper);border:1px solid color-mix(in srgb,var(--report-line) 55%,transparent);border-radius:18px;padding:30px 34px;box-shadow:0 16px 42px rgba(31,45,61,.08);color:#222;overflow:hidden}
.aho-activity-report--2026 .aho-paper-header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:3px solid var(--report-purple);padding-bottom:8px;margin-bottom:20px;color:var(--report-purple)}
.aho-activity-report--2026 .aho-paper-header strong{font-size:28px;line-height:1;font-weight:800;letter-spacing:-.02em}
.aho-activity-report--2026 .aho-paper-header span{font-style:italic;color:#8a818d;font-size:13px}
.aho-activity-report--2026 .aho-paper-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;margin-bottom:22px}
.aho-activity-report--2026 .aho-paper-meta label,.aho-activity-report--2026 .aho-paper-meta div{display:flex;gap:10px;align-items:center;min-width:0}
.aho-activity-report--2026 .aho-paper-meta input{border:0;background:transparent;padding:0;min-width:0;width:100%;font:inherit;color:inherit}
.aho-activity-report--2026 .aho-paper-meta div:last-child{grid-column:1/-1}
.aho-activity-report--2026 .aho-report-sheet h2{margin:24px 0 10px;color:var(--report-purple);font-size:19px;font-weight:800}
.aho-activity-report--2026 .aho-report-sheet h2 small{font-size:12px;font-weight:500;font-style:italic;color:#625a68}
.aho-activity-report--2026 .aho-report-sheet h3{margin:16px 0 8px;color:var(--report-purple);font-size:16px}
.aho-activity-report--2026 .aho-report-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:18px}
.aho-activity-report--2026 .aho-report-table th{background:var(--report-head);color:#5f5265;font-weight:800;text-align:left;padding:7px 10px;border-bottom:1px solid var(--report-line)}
.aho-activity-report--2026 .aho-report-table th:last-child{width:30%;border-left:1px solid var(--report-line)}
.aho-activity-report--2026 .aho-report-table td{padding:5px 10px;border-bottom:1px solid var(--report-line);vertical-align:middle}
.aho-activity-report--2026 .aho-report-table td:last-child{border-left:1px solid var(--report-line)}
.aho-activity-report--2026 .aho-report-value{display:grid;grid-template-columns:minmax(84px,1fr) auto auto;gap:7px;align-items:center;min-height:34px}
.aho-activity-report--2026 .aho-report-value input[type=text]{width:100%;min-width:72px;text-align:right;border:1px solid transparent;border-radius:8px;background:transparent;padding:6px 8px;font-weight:700}
.aho-activity-report--2026 .aho-report-value:hover input[type=text],.aho-activity-report--2026 .aho-report-value input[type=text]:focus{background:var(--surface-raised);border-color:var(--border-strong)}
.aho-activity-report--2026 .aho-report-value__meta{font-size:10px;color:var(--text-muted);white-space:nowrap}
.aho-activity-report--2026 .aho-paper-check-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--report-line);border-bottom:1px solid var(--report-line)}
.aho-activity-report--2026 .aho-paper-check-grid>div:first-child{border-right:1px solid var(--report-line)}
.aho-activity-report--2026 .aho-report-check{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;padding:5px 10px;border-bottom:1px solid color-mix(in srgb,var(--report-line) 65%,transparent);cursor:pointer}
.aho-activity-report--2026 .aho-report-check:last-child{border-bottom:0}
.aho-activity-report--2026 .aho-report-check input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
.aho-activity-report--2026 .aho-report-check>span{width:14px;height:14px;border:1.5px solid #403646;background:#fff;display:grid;place-items:center}
.aho-activity-report--2026 .aho-report-check input:checked+span:after{content:'×';font-size:18px;line-height:10px;font-weight:800;color:#403646;transform:translateY(-1px)}
.aho-activity-report--2026 .aho-report-check b{font-weight:500;overflow-wrap:anywhere}
.aho-activity-report--2026 .aho-report-check--custom{grid-template-columns:20px 1fr}
.aho-activity-report--2026 .aho-report-check--custom input[type=text],.aho-activity-report--2026 .aho-paper-inline-input,.aho-activity-report--2026 .aho-custom-row-label input{width:100%;border:0;border-bottom:1px dashed var(--report-line);background:transparent;padding:4px 3px;font:inherit;color:inherit}
.aho-activity-report--2026 .aho-custom-row-label{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}
.aho-activity-report--2026 .aho-report-archive{margin-top:26px;background:var(--surface-raised);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow-sm)}
.aho-activity-report--2026 .aho-report-archive .aho-section-heading{margin-bottom:16px}
.aho-activity-report--2026 .aho-report-archive h2{margin:2px 0 4px}
.aho-activity-report--2026 .aho-report-archive p{margin:0;color:var(--text-muted)}
.aho-activity-report--2026 .button--compact{min-height:34px;padding:6px 12px;text-decoration:none}
@media(max-width:1050px){.aho-activity-report--2026 .aho-report-sheet{border-radius:12px;padding:22px 18px}.aho-activity-report--2026 .aho-paper-check-grid{grid-template-columns:1fr}.aho-activity-report--2026 .aho-paper-check-grid>div:first-child{border-right:0;border-bottom:1px solid var(--report-line)}.aho-activity-report--2026 .aho-paper-meta{grid-template-columns:1fr}}
@media print{.aho-activity-report--2026 .aho-report-toolbar,.aho-activity-report--2026 .aho-report-sources,.aho-activity-report--2026 .aho-report-quality,.aho-activity-report--2026 .aho-report-archive{display:none!important}.aho-activity-report--2026 .aho-report-sheet{box-shadow:none;border-radius:0;break-after:page;width:100%;margin:0}}

/* ========================================================================== */
/* AHO-MGM 1.0.105 · Öffentlichkeitsarbeit + Statistikbogen Qualität          */
/* ========================================================================== */

/* Neue Erfassung Öffentlichkeitsarbeit: einheitliche Enterprise-Rhythmik. */
.page-entry--public-relations .aho-form-section {
  scroll-margin-top: 7.75rem;
}
.page-entry--public-relations .aho-public-metrics-grid .aho-field input[type="number"] {
  min-height: var(--control-lg, 48px);
  font-variant-numeric: tabular-nums;
}
.page-entry--public-relations .aho-public-crosspost-row {
  margin-top: var(--space-4, 1rem);
}
.page-entry--public-relations .aho-public-crosspost-row small {
  display: block;
  max-width: 72ch;
  margin-top: .25rem;
  color: var(--text-muted, #607185);
  line-height: 1.45;
}
.page-entry--public-relations .aho-choice-card__label,
.page-entry--public-relations .aho-choice-card span,
.page-entry--public-relations .aho-choice-card strong {
  overflow-wrap: anywhere;
}

/* Berichtseingaben: Prozentwert als Prozentwert, nicht wie Geld behandeln. */
.aho-activity-report input[data-percentage-field] {
  font-variant-numeric: tabular-nums;
}
.aho-activity-report input[data-percentage-field]:focus:invalid {
  border-color: var(--danger-500, #c63d48);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger-500, #c63d48) 15%, transparent);
}

/* Berichtswarnungen sind fachliche Qualitätsmeldungen und sollen klar, aber
   nicht alarmistisch wirken. */
.aho-activity-report .alert--warning,
.aho-activity-report .aho-report-warning {
  border: 1px solid color-mix(in srgb, #b7791f 34%, transparent);
  background: color-mix(in srgb, #fff7df 82%, var(--surface, #fff));
  color: #654311;
}

@media (max-width: 900px) {
  .page-entry--public-relations .aho-public-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .page-entry--public-relations .aho-public-metrics-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================================================== */
/* AHO-MGM 1.0.107 · Öffentlichkeitsarbeit polish + Archiv-Löschung          */
/* ========================================================================== */

.page-entry--public-relations .aho-public-section {
  border-radius: calc(var(--radius-xl, 1.25rem) + 2px);
}

.page-entry--public-relations .aho-public-section .aho-form-section__header {
  align-items: center;
  gap: var(--space-4, 1rem);
  margin-bottom: var(--space-5, 1.25rem);
}

.page-entry--public-relations .aho-public-section .aho-section-number {
  width: 3.25rem;
  height: 3.25rem;
  min-width: 3.25rem;
  min-height: 3.25rem;
  border-radius: 1rem;
}

.page-entry--public-relations .aho-public-section .aho-section-number__icon,
.page-entry--public-relations .aho-public-section .aho-section-number__icon svg {
  width: 1.45rem;
  height: 1.45rem;
}

.page-entry--public-relations .aho-public-basics-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}

.page-entry--public-relations .aho-public-basics-grid .aho-field {
  min-width: 0;
}

.page-entry--public-relations .aho-public-basics-grid .aho-span-2 {
  grid-column: span 1;
}

.page-entry--public-relations .aho-public-section .aho-fieldset {
  padding: clamp(1rem, 2vw, 1.25rem);
}

.page-entry--public-relations .aho-public-section .aho-subsection {
  margin-top: var(--space-4, 1rem);
}

.page-entry--public-relations .aho-public-section .aho80-fieldset-help {
  margin-bottom: .875rem;
  max-width: 78ch;
}

.page-entry--public-relations .aho-public-section .aho-choice-card__label {
  min-height: 3.375rem;
  align-items: center;
}

.page-entry--public-relations .aho-public-crosspost-row {
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--border-subtle, #d9e0eb) 90%, transparent);
  border-radius: var(--radius-xl, 1.25rem);
  background: color-mix(in srgb, var(--surface-elevated, #fff) 88%, #f4f7fb);
}

.page-entry--public-relations .aho-public-crosspost-row .aho96-groupmeeting-icon {
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
}

.page-entry--public-relations .aho-public-crosspost-row .aho96-groupmeeting-icon svg {
  width: 1.1rem;
  height: 1.1rem;
}

@media (max-width: 1100px) {
  .page-entry--public-relations .aho-public-basics-grid {
    grid-template-columns: 1fr;
  }

  .page-entry--public-relations .aho-public-basics-grid .aho-span-2 {
    grid-column: auto;
  }
}

/* ========================================================================== */
/* AHO-MGM 1.0.110 · Inventarübersicht + mobiler Scanner                     */
/* ========================================================================== */

.aho-inventory-overview,
.aho-inventory-scan {
  display: grid;
  gap: 1.25rem;
}

.aho-inventory-hero,
.aho-inventory-scan__hero {
  align-items: center;
}

.aho-inventory-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .875rem;
}

.aho-inventory-kpi {
  min-width: 0;
  padding: 1rem 1.05rem;
  border: 1px solid var(--border-subtle, #d8e1e9);
  border-radius: var(--radius-xl, 1.25rem);
  background: var(--surface, #fff);
  box-shadow: var(--shadow-xs, 0 1px 2px rgba(20, 35, 50, .04));
}

.aho-inventory-kpi span,
.aho-inventory-kpi small {
  display: block;
  color: var(--text-muted, #607185);
}

.aho-inventory-kpi strong {
  display: block;
  margin: .18rem 0 .12rem;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.aho-inventory-kpi.is-warning {
  border-color: color-mix(in srgb, #b7791f 30%, var(--border-subtle, #d8e1e9));
}

.aho-inventory-kpi.is-danger {
  border-color: color-mix(in srgb, #c53a47 30%, var(--border-subtle, #d8e1e9));
}

.aho-inventory-catalog__header {
  gap: 1rem;
  align-items: flex-end;
}

.aho-inventory-filter {
  display: grid;
  grid-template-columns: minmax(16rem, 1.5fr) minmax(10rem, .8fr) minmax(10rem, .8fr) auto;
  gap: .65rem;
  width: min(100%, 60rem);
}

.aho-inventory-filter input,
.aho-inventory-filter select {
  width: 100%;
  min-height: 2.75rem;
}

.aho-inventory-products {
  display: grid;
  gap: .75rem;
}

.aho-inventory-product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(8.75rem, auto) auto;
  align-items: center;
  gap: 1rem;
  padding: .9rem 1rem;
  border: 1px solid var(--border-subtle, #d8e1e9);
  border-radius: var(--radius-xl, 1.25rem);
  background: var(--surface, #fff);
}

.aho-inventory-product__main {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: .85rem;
}

.aho-inventory-product__icon,
.aho-scanner-product__icon,
.aho-mobile-movement-list__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: .9rem;
  border: 1px solid color-mix(in srgb, var(--accent, #0f8f83) 24%, var(--border-subtle, #d8e1e9));
  background: color-mix(in srgb, var(--accent, #0f8f83) 7%, var(--surface, #fff));
  color: var(--accent, #0f8f83);
}

.aho-inventory-product__icon svg,
.aho-scanner-product__icon svg,
.aho-mobile-movement-list__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.aho-inventory-product__copy {
  min-width: 0;
}

.aho-inventory-product__title {
  display: flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
}

.aho-inventory-product__title strong {
  font-size: 1rem;
}

.aho-inventory-product__copy p {
  margin: .15rem 0 .35rem;
  color: var(--text-muted, #607185);
}

.aho-inventory-product__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .7rem;
  color: var(--text-muted, #607185);
  font-size: .78rem;
}

.aho-inventory-product__stock {
  display: grid;
  justify-items: end;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.aho-inventory-product__stock > strong {
  font-size: 1.45rem;
}

.aho-inventory-product__stock > span,
.aho-inventory-product__stock > small {
  color: var(--text-muted, #607185);
}

.aho-inventory-product__actions {
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.aho-stock-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: 0 .55rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 700;
  background: color-mix(in srgb, var(--accent, #0f8f83) 10%, var(--surface, #fff));
  color: var(--accent, #0f8f83);
}

.aho-stock-badge.is-warning {
  background: #fff7df;
  color: #7a5113;
}

.aho-stock-badge.is-danger {
  background: #fff0f1;
  color: #a42f3a;
}

.is-positive { color: #0b7e61; }
.is-negative { color: #b23642; }

/* Mobile scanner */
.aho-inventory-scan-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, .92fr);
  gap: 1rem;
  align-items: start;
}

.aho-scanner-viewport {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  min-height: 19rem;
  border-radius: 1.15rem;
  border: 1px solid var(--border-subtle, #d8e1e9);
  background: color-mix(in srgb, var(--surface-muted, #eef3f6) 85%, #152d44);
}

.aho-scanner-viewport video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.aho-scanner-viewport video:not([data-active]) {
  visibility: hidden;
}

.aho-scanner-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .45rem;
  padding: 1.5rem;
  text-align: center;
  color: var(--text-muted, #607185);
}

.aho-scanner-placeholder svg {
  width: 3rem;
  height: 3rem;
  color: var(--accent, #0f8f83);
}

.aho-scanner-placeholder strong {
  color: var(--text, #142c43);
}

.aho-scanner-frame {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(62%, 19rem);
  aspect-ratio: 1.25 / 1;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255,255,255,.92);
  border-radius: 1rem;
  box-shadow: 0 0 0 999px rgba(8, 23, 38, .20);
}

.aho-scanner-frame::before,
.aho-scanner-frame::after,
.aho-scanner-frame span::before,
.aho-scanner-frame span::after {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  border-color: #38d3bd;
}
.aho-scanner-frame::before { left: -.18rem; top: -.18rem; border-left: .28rem solid #38d3bd; border-top: .28rem solid #38d3bd; border-radius: .55rem 0 0 0; }
.aho-scanner-frame::after { right: -.18rem; top: -.18rem; border-right: .28rem solid #38d3bd; border-top: .28rem solid #38d3bd; border-radius: 0 .55rem 0 0; }
.aho-scanner-frame span::before { left: -.18rem; bottom: -.18rem; border-left: .28rem solid #38d3bd; border-bottom: .28rem solid #38d3bd; border-radius: 0 0 0 .55rem; }
.aho-scanner-frame span::after { right: -.18rem; bottom: -.18rem; border-right: .28rem solid #38d3bd; border-bottom: .28rem solid #38d3bd; border-radius: 0 0 .55rem 0; }

.aho-scanner-actions {
  display: flex;
  gap: .55rem;
  margin-top: .75rem;
}

.aho-scanner-message {
  margin: .75rem 0;
  padding: .7rem .8rem;
  border-radius: .8rem;
  background: var(--surface-muted, #f4f7f9);
  color: var(--text-muted, #607185);
  font-size: .86rem;
}
.aho-scanner-message[data-state="success"] { background: #eaf8f3; color: #11644f; }
.aho-scanner-message[data-state="error"] { background: #fff0f1; color: #9a303a; }
.aho-scanner-message[data-state="active"] { background: #eaf7f6; color: #0a7167; }

.aho-inline-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .5rem;
}

.aho-scanner-product {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin-bottom: 1rem;
  padding: .9rem;
  border: 1px solid color-mix(in srgb, var(--accent, #0f8f83) 25%, var(--border-subtle, #d8e1e9));
  border-radius: 1rem;
  background: color-mix(in srgb, var(--accent, #0f8f83) 5%, var(--surface, #fff));
}

.aho-scanner-product > div {
  display: grid;
  gap: .1rem;
  min-width: 0;
}

.aho-scanner-product small,
.aho-scanner-product span {
  color: var(--text-muted, #607185);
}

.aho-scanner-direction {
  margin-bottom: 1rem;
}

.aho-scanner-direction__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem;
}

.aho-scanner-direction__grid label {
  cursor: pointer;
  position: relative;
}

.aho-scanner-direction__grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.aho-scanner-direction__grid label > span {
  display: grid;
  min-height: 5rem;
  align-content: center;
  justify-items: center;
  gap: .12rem;
  padding: .8rem;
  text-align: center;
  border: 1px solid var(--border-subtle, #d8e1e9);
  border-radius: 1rem;
  background: var(--surface, #fff);
}

.aho-scanner-direction__grid input:checked + span {
  border-color: var(--accent, #0f8f83);
  background: color-mix(in srgb, var(--accent, #0f8f83) 7%, var(--surface, #fff));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent, #0f8f83) 12%, transparent);
}

.aho-scanner-direction__grid svg {
  width: 1.15rem;
  height: 1.15rem;
  color: var(--accent, #0f8f83);
}

.aho-scanner-direction__grid small {
  color: var(--text-muted, #607185);
}

.aho-quantity-stepper {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) 3rem;
  border: 1px solid var(--border-subtle, #d8e1e9);
  border-radius: .9rem;
  overflow: hidden;
}

.aho-quantity-stepper button,
.aho-quantity-stepper input {
  min-height: 3rem;
  border: 0;
  border-radius: 0;
  text-align: center;
}

.aho-quantity-stepper button {
  font-size: 1.3rem;
  background: var(--surface-muted, #f4f7f9);
}

.aho-scanner-submit {
  width: 100%;
  min-height: 3.1rem;
  margin-top: .35rem;
}

.aho-mobile-movement-list {
  display: grid;
  gap: .55rem;
}

.aho-mobile-movement-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .65rem .75rem;
  border: 1px solid var(--border-subtle, #d8e1e9);
  border-radius: .9rem;
}

.aho-mobile-movement-list article > div {
  display: grid;
  gap: .08rem;
  min-width: 0;
}

.aho-mobile-movement-list small {
  color: var(--text-muted, #607185);
}

@media (max-width: 1180px) {
  .aho-inventory-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .aho-inventory-filter { grid-template-columns: 1fr 1fr; }
  .aho-inventory-scan-grid { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  .aho-inventory-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aho-inventory-product { grid-template-columns: minmax(0, 1fr) auto; }
  .aho-inventory-product__actions { grid-column: 1 / -1; justify-content: stretch; }
  .aho-inventory-product__actions .button { flex: 1 1 auto; justify-content: center; }
  .aho-inventory-filter { grid-template-columns: 1fr; width: 100%; }
}

@media (max-width: 560px) {
  .aho-inventory-kpis { grid-template-columns: 1fr 1fr; gap: .6rem; }
  .aho-inventory-kpi { padding: .8rem; }
  .aho-inventory-product { grid-template-columns: 1fr; }
  .aho-inventory-product__stock { justify-items: start; }
  .aho-scanner-viewport { min-height: 16rem; }
  .aho-scanner-direction__grid { grid-template-columns: 1fr 1fr; }
  .aho-inline-control { grid-template-columns: 1fr; }
}
/*
 * AHO-MGM 1.0.111
 * Floating Glass Enterprise Intelligence
 *
 * One authoritative visual layer for the authenticated application, login and
 * two-factor flows. Existing feature styles remain as compatibility sources;
 * this file owns tokens, surfaces, controls, shell, analytics and responsive
 * behaviour for the current product generation.
 */

/* ========================================================================== */
/* 1. DESIGN TOKENS                                                           */
/* ========================================================================== */

:root {
    color-scheme: light;

    /* Typography */
    --fg-font-sans: Inter, "SF Pro Text", "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --fg-font-display: Inter, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --fg-font-mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", ui-monospace, Consolas, monospace;
    --fg-text-xs: .75rem;
    --fg-text-sm: .8125rem;
    --fg-text-md: .9375rem;
    --fg-text-lg: 1.0625rem;
    --fg-text-xl: 1.25rem;
    --fg-text-2xl: clamp(1.5rem, 1.18rem + .9vw, 2.15rem);
    --fg-text-3xl: clamp(1.9rem, 1.42rem + 1.6vw, 3rem);
    --fg-leading-tight: 1.18;
    --fg-leading-copy: 1.58;

    /* Spacing */
    --fg-space-1: .25rem;
    --fg-space-2: .5rem;
    --fg-space-3: .75rem;
    --fg-space-4: 1rem;
    --fg-space-5: 1.25rem;
    --fg-space-6: 1.5rem;
    --fg-space-7: 1.75rem;
    --fg-space-8: 2rem;
    --fg-space-10: 2.5rem;
    --fg-space-12: 3rem;

    /* Geometry */
    --fg-radius-xs: .5rem;
    --fg-radius-sm: .75rem;
    --fg-radius-md: 1rem;
    --fg-radius-lg: 1.25rem;
    --fg-radius-xl: 1.625rem;
    --fg-radius-2xl: 2rem;
    --fg-radius-pill: 999px;
    --fg-control-sm: 2.25rem;
    --fg-control-md: 2.75rem;
    --fg-control-lg: 3rem;
    --fg-icon-sm: 1rem;
    --fg-icon-md: 1.25rem;
    --fg-icon-lg: 1.5rem;

    /* Brand and semantic color */
    --fg-accent: #087f78;
    --fg-accent-hover: #066c67;
    --fg-accent-strong: #075f5b;
    --fg-accent-soft: rgba(8, 127, 120, .10);
    --fg-accent-softer: rgba(8, 127, 120, .055);
    --fg-accent-ring: rgba(8, 127, 120, .23);
    --fg-indigo: #5b59c7;
    --fg-rose: #bc4d78;
    --fg-sky: #357ab7;
    --fg-violet: #7959bd;
    --fg-success: #08785d;
    --fg-warning: #996515;
    --fg-danger: #b33d4c;
    --fg-info: #286fa8;

    /* Light surfaces */
    --fg-canvas: #f8f3f5;
    --fg-canvas-secondary: #f4f3f8;
    --fg-canvas-pearl: #fbfafb;
    --fg-surface: rgba(255, 255, 255, .76);
    --fg-surface-soft: rgba(255, 255, 255, .62);
    --fg-surface-strong: rgba(255, 255, 255, .91);
    --fg-surface-solid: #fffefe;
    --fg-surface-muted: #f6f4f6;
    --fg-surface-tint: rgba(244, 251, 250, .86);
    --fg-sidebar: rgba(255, 253, 254, .79);
    --fg-overlay: rgba(35, 29, 38, .28);
    --fg-highlight: rgba(255, 255, 255, .82);

    /* Text and borders */
    --fg-ink: #1d2430;
    --fg-ink-2: #3e4655;
    --fg-muted: #626b79;
    --fg-faint: #7b8491;
    --fg-inverse: #ffffff;
    --fg-line: rgba(82, 75, 89, .16);
    --fg-line-strong: rgba(70, 63, 77, .25);
    --fg-line-glass: rgba(255, 255, 255, .72);

    /* Blur, elevation and motion */
    --fg-blur-sm: 10px;
    --fg-blur-md: 18px;
    --fg-blur-lg: 28px;
    --fg-shadow-xs: 0 1px 2px rgba(43, 32, 48, .045);
    --fg-shadow-sm: 0 10px 28px rgba(54, 39, 59, .075), 0 1px 2px rgba(54, 39, 59, .04);
    --fg-shadow-md: 0 20px 54px rgba(54, 39, 59, .105), 0 3px 10px rgba(54, 39, 59, .055);
    --fg-shadow-lg: 0 32px 90px rgba(45, 31, 52, .17), 0 8px 24px rgba(45, 31, 52, .08);
    --fg-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .76);
    --fg-ease: cubic-bezier(.2, .78, .22, 1);
    --fg-motion-fast: 120ms var(--fg-ease);
    --fg-motion: 180ms var(--fg-ease);
    --fg-motion-slow: 220ms var(--fg-ease);

    /* Layout and layers */
    --fg-sidebar-width: 17rem;
    --fg-sidebar-compact: 5.25rem;
    --fg-shell-gap: 1.125rem;
    --fg-shell-inset: 1.125rem;
    --fg-topbar-height: 4.5rem;
    --fg-content-max: 112rem;
    --fg-breakpoint-mobile: 640px;
    --fg-breakpoint-tablet: 900px;
    --fg-breakpoint-notebook: 1180px;
    --fg-z-base: 0;
    --fg-z-sticky: 40;
    --fg-z-dropdown: 120;
    --fg-z-drawer: 180;
    --fg-z-modal: 240;
    --fg-z-toast: 300;

    /* Chart system */
    --aho-chart-ink: #202735;
    --aho-chart-text: #414b5b;
    --aho-chart-muted: #697585;
    --aho-chart-grid: rgba(91, 84, 99, .12);
    --aho-chart-grid-strong: rgba(91, 84, 99, .24);
    --aho-chart-track: #ebe8ec;
    --aho-chart-surface: #fffefe;
    --aho-chart-primary: #087f78;
    --aho-chart-primary-soft: #75b9b3;
    --aho-chart-area-top: rgba(8, 127, 120, .24);
    --aho-chart-area-bottom: rgba(8, 127, 120, .018);
    --aho-chart-radar-fill: rgba(91, 89, 199, .14);
    --aho-chart-series-1: #087f78;
    --aho-chart-series-2: #5b59c7;
    --aho-chart-series-3: #bc4d78;
    --aho-chart-series-4: #357ab7;
    --aho-chart-series-5: #a36b16;
    --aho-chart-series-6: #7959bd;
    --aho-chart-series-7: #c15a47;
    --aho-chart-series-8: #27848c;
    --aho-chart-series-9: #6c79c8;
    --aho-chart-series-10: #a85d8c;

    /* Compatibility aliases used by historical feature components. */
    --color-primary: var(--fg-accent);
    --color-primary-hover: var(--fg-accent-hover);
    --color-primary-soft: var(--fg-accent-soft);
    --color-success: var(--fg-success);
    --color-warning: var(--fg-warning);
    --color-danger: var(--fg-danger);
    --color-info: var(--fg-info);
    --bg-app: var(--fg-canvas);
    --bg-sidebar: var(--fg-sidebar);
    --bg-card: var(--fg-surface-strong);
    --bg-muted: var(--fg-surface-muted);
    --bg-hover: rgba(255, 255, 255, .68);
    --surface: var(--fg-surface-strong);
    --surface-raised: var(--fg-surface-solid);
    --surface-elevated: var(--fg-surface-solid);
    --surface-muted: var(--fg-surface-muted);
    --surface-soft: var(--fg-surface-soft);
    --text: var(--fg-ink);
    --text-primary: var(--fg-ink);
    --text-secondary: var(--fg-ink-2);
    --text-muted: var(--fg-muted);
    --border: var(--fg-line);
    --border-color: var(--fg-line);
    --border-subtle: var(--fg-line);
    --border-strong: var(--fg-line-strong);
    --accent: var(--fg-accent);
    --aho-accent: var(--fg-accent);
    --aho-accent-hover: var(--fg-accent-hover);
    --aho-focus: 0 0 0 4px var(--fg-accent-ring);
    --radius-sm: var(--fg-radius-sm);
    --radius-md: var(--fg-radius-md);
    --radius-lg: var(--fg-radius-lg);
    --radius-xl: var(--fg-radius-xl);
    --shadow-xs: var(--fg-shadow-xs);
    --shadow-sm: var(--fg-shadow-sm);
    --shadow-md: var(--fg-shadow-md);
    --iw-accent: var(--fg-accent);
    --iw-indigo: var(--fg-indigo);
    --iw-ink: var(--fg-ink);
    --iw-muted: var(--fg-muted);
    --iw-faint: var(--fg-faint);
    --iw-line: var(--fg-line);
    --iw-line-soft: rgba(91, 84, 99, .11);
    --iw-canvas: var(--fg-surface-solid);
    --iw-glass: var(--fg-surface);
    --iw-glass-strong: var(--fg-surface-strong);
}

:root[data-theme="dark"],
:root[data-theme-mode="dark"] {
    color-scheme: dark;
    --fg-accent: #62cfc5;
    --fg-accent-hover: #7edbd3;
    --fg-accent-strong: #9ce9e1;
    --fg-accent-soft: rgba(98, 207, 197, .14);
    --fg-accent-softer: rgba(98, 207, 197, .07);
    --fg-accent-ring: rgba(98, 207, 197, .25);
    --fg-indigo: #a9a8ff;
    --fg-rose: #f08db3;
    --fg-sky: #82bdef;
    --fg-violet: #b99bea;
    --fg-success: #66d4ad;
    --fg-warning: #e7b862;
    --fg-danger: #ff8997;
    --fg-info: #84c0ed;
    --fg-canvas: #121219;
    --fg-canvas-secondary: #17151e;
    --fg-canvas-pearl: #1a1820;
    --fg-surface: rgba(31, 29, 38, .78);
    --fg-surface-soft: rgba(34, 31, 41, .66);
    --fg-surface-strong: rgba(35, 33, 43, .93);
    --fg-surface-solid: #24222c;
    --fg-surface-muted: #2b2833;
    --fg-surface-tint: rgba(28, 42, 43, .90);
    --fg-sidebar: rgba(27, 25, 34, .84);
    --fg-overlay: rgba(3, 3, 7, .62);
    --fg-highlight: rgba(255, 255, 255, .07);
    --fg-ink: #f4f1f5;
    --fg-ink-2: #d1ccd5;
    --fg-muted: #aaa4b0;
    --fg-faint: #8c8793;
    --fg-line: rgba(225, 217, 229, .14);
    --fg-line-strong: rgba(225, 217, 229, .24);
    --fg-line-glass: rgba(255, 255, 255, .10);
    --fg-shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);
    --fg-shadow-sm: 0 12px 34px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .2);
    --fg-shadow-md: 0 22px 64px rgba(0, 0, 0, .34), 0 4px 12px rgba(0, 0, 0, .24);
    --fg-shadow-lg: 0 36px 100px rgba(0, 0, 0, .48), 0 10px 28px rgba(0, 0, 0, .26);
    --fg-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .08);
    --aho-chart-ink: #f3f0f5;
    --aho-chart-text: #d3ced8;
    --aho-chart-muted: #aaa5b1;
    --aho-chart-grid: rgba(223, 214, 228, .13);
    --aho-chart-grid-strong: rgba(223, 214, 228, .26);
    --aho-chart-track: #37333f;
    --aho-chart-surface: #24222c;
    --aho-chart-primary: #62cfc5;
    --aho-chart-primary-soft: #397e79;
    --aho-chart-area-top: rgba(98, 207, 197, .30);
    --aho-chart-area-bottom: rgba(98, 207, 197, .035);
    --aho-chart-radar-fill: rgba(169, 168, 255, .18);
    --aho-chart-series-1: #62cfc5;
    --aho-chart-series-2: #a9a8ff;
    --aho-chart-series-3: #f08db3;
    --aho-chart-series-4: #82bdef;
    --aho-chart-series-5: #e7b862;
    --aho-chart-series-6: #b99bea;
    --aho-chart-series-7: #f08f7c;
    --aho-chart-series-8: #66c3ca;
    --aho-chart-series-9: #c3caff;
    --aho-chart-series-10: #e6a5c5;
}

/* ========================================================================== */
/* 2. BASE, ACCESSIBILITY AND MOTION                                          */
/* ========================================================================== */

html {
    min-width: 320px;
    min-height: 100%;
    background: var(--fg-canvas);
    font-size: 16px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

html body {
    min-width: 320px;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    overflow-x: hidden;
    color: var(--fg-ink);
    background:
        radial-gradient(circle at 7% 4%, rgba(226, 174, 198, .28), transparent 30rem),
        radial-gradient(circle at 92% 8%, rgba(172, 217, 218, .20), transparent 32rem),
        radial-gradient(circle at 74% 88%, rgba(193, 181, 228, .20), transparent 34rem),
        linear-gradient(145deg, var(--fg-canvas-pearl), var(--fg-canvas) 46%, var(--fg-canvas-secondary));
    background-attachment: fixed;
    font-family: var(--fg-font-sans);
    font-size: var(--fg-text-md);
    line-height: var(--fg-leading-copy);
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "tnum" 1;
}

:root[data-theme="dark"] body,
:root[data-theme-mode="dark"] body {
    background:
        radial-gradient(circle at 6% 3%, rgba(112, 64, 91, .22), transparent 31rem),
        radial-gradient(circle at 93% 10%, rgba(47, 112, 111, .15), transparent 32rem),
        radial-gradient(circle at 72% 88%, rgba(87, 75, 130, .16), transparent 34rem),
        linear-gradient(145deg, var(--fg-canvas-pearl), var(--fg-canvas) 48%, var(--fg-canvas-secondary));
}

html body *,
html body *::before,
html body *::after {
    box-sizing: border-box;
}

html body :where(button, input, select, textarea) {
    font: inherit;
}

html body :where(h1, h2, h3, h4, h5, h6, .card__title, legend) {
    color: var(--fg-ink);
    font-family: var(--fg-font-display);
    font-weight: 720;
    letter-spacing: -.025em;
    line-height: var(--fg-leading-tight);
    text-wrap: balance;
}

html body :where(p, li, dd, .page-header p) {
    text-wrap: pretty;
}

html body :where(small, .text-muted, .aho-muted) {
    color: var(--fg-muted);
}

html body :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid var(--fg-accent-ring) !important;
    outline-offset: 3px !important;
}

html body :where(button, a, summary) {
    -webkit-tap-highlight-color: transparent;
}

html body ::selection {
    color: var(--fg-ink);
    background: rgba(98, 207, 197, .26);
}

html body .skip-link {
    z-index: calc(var(--fg-z-modal) + 10);
    left: 1rem;
    top: 1rem;
    border-radius: var(--fg-radius-sm);
    color: var(--fg-inverse);
    background: var(--fg-accent-strong);
    box-shadow: var(--fg-shadow-md);
}

html body :is(.content, .ew-shell, .iw-canvas, .aho-entry-stage)::before,
html body :is(.content, .ew-shell, .iw-canvas, .aho-entry-stage)::after {
    background-image: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    html body *,
    html body *::before,
    html body *::after {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

/* ========================================================================== */
/* 3. FLOATING APPLICATION SHELL                                              */
/* ========================================================================== */

html body .app-shell {
    display: grid !important;
    grid-template-columns: var(--fg-sidebar-width) minmax(0, 1fr) !important;
    gap: var(--fg-shell-gap) !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding: var(--fg-shell-inset) !important;
    background: transparent !important;
}

html body .app-main {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: calc(100dvh - (var(--fg-shell-inset) * 2)) !important;
    margin: 0 !important;
}

html body .sidebar {
    position: sticky !important;
    z-index: var(--fg-z-sticky) !important;
    top: var(--fg-shell-inset) !important;
    left: auto !important;
    width: 100% !important;
    height: calc(100dvh - (var(--fg-shell-inset) * 2)) !important;
    min-height: 36rem;
    overflow: hidden;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-xl) !important;
    color: var(--fg-ink) !important;
    background:
        linear-gradient(150deg, var(--fg-highlight), transparent 42%),
        var(--fg-sidebar) !important;
    box-shadow: var(--fg-shadow-md), var(--fg-shadow-inset) !important;
    backdrop-filter: saturate(135%) blur(var(--fg-blur-md));
    -webkit-backdrop-filter: saturate(135%) blur(var(--fg-blur-md));
}

html body .sidebar__brand {
    min-height: 5rem !important;
    padding: .875rem .875rem .75rem !important;
    border-bottom: 1px solid var(--fg-line) !important;
}

html body .brand {
    min-width: 0;
    gap: .75rem !important;
    color: var(--fg-ink) !important;
}

html body .brand__mark,
html body .brand__logo {
    display: grid !important;
    place-items: center !important;
    width: 2.625rem !important;
    min-width: 2.625rem !important;
    height: 2.625rem !important;
    border: 1px solid rgba(8, 127, 120, .20) !important;
    border-radius: .875rem !important;
    color: var(--fg-accent) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(229, 246, 244, .70)) !important;
    box-shadow: 0 7px 18px rgba(8, 127, 120, .11), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

:root[data-theme="dark"] body .brand__mark,
:root[data-theme="dark"] body .brand__logo {
    background: linear-gradient(145deg, rgba(98, 207, 197, .18), rgba(255, 255, 255, .04)) !important;
}

html body .brand__mark svg {
    width: 1.375rem !important;
    height: 1.375rem !important;
    stroke-width: 1.8 !important;
}

html body .brand__text {
    min-width: 0;
    line-height: 1.22;
}

html body .brand__text strong {
    overflow: hidden;
    color: var(--fg-ink) !important;
    font-size: .9375rem !important;
    font-weight: 760 !important;
    letter-spacing: -.015em !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body .brand__text small {
    overflow: hidden;
    color: var(--fg-muted) !important;
    font-size: .6875rem !important;
    font-weight: 620 !important;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body :is(.sidebar__collapse, .sidebar__close) {
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    height: 2.25rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .75rem !important;
    color: var(--fg-muted) !important;
    background: var(--fg-surface-soft) !important;
    transition: color var(--fg-motion), background var(--fg-motion), transform var(--fg-motion) !important;
}

html body :is(.sidebar__collapse, .sidebar__close):hover {
    color: var(--fg-accent) !important;
    background: var(--fg-surface-solid) !important;
    transform: translateY(-1px);
}

html body .sidebar__navigation {
    padding: .75rem .625rem 1rem !important;
    scrollbar-width: thin;
    scrollbar-color: var(--fg-line-strong) transparent;
}

html body .nav-section + .nav-section {
    margin-top: .875rem !important;
    padding-top: .75rem !important;
    border-top: 1px solid var(--fg-line) !important;
}

html body .nav-section__title {
    padding: 0 .75rem .375rem !important;
    color: var(--fg-faint) !important;
    font-size: .6875rem !important;
    font-weight: 760 !important;
    letter-spacing: .09em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

html body .nav-section__items {
    display: grid !important;
    gap: .1875rem !important;
}

html body .nav-item {
    position: relative;
    display: flex !important;
    min-width: 0;
    min-height: 2.625rem !important;
    padding: .375rem .625rem !important;
    gap: .625rem !important;
    border: 1px solid transparent !important;
    border-radius: .875rem !important;
    color: var(--fg-ink-2) !important;
    background: transparent !important;
    font-size: .84375rem !important;
    font-weight: 640 !important;
    transition: color var(--fg-motion), border-color var(--fg-motion), background var(--fg-motion), box-shadow var(--fg-motion), transform var(--fg-motion) !important;
}

html body .nav-item:hover {
    border-color: var(--fg-line) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-soft) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
    transform: translateX(2px);
}

html body .nav-item.is-active {
    border-color: rgba(8, 127, 120, .22) !important;
    color: var(--fg-accent-strong) !important;
    background:
        linear-gradient(90deg, rgba(8, 127, 120, .13), rgba(255, 255, 255, .52)) !important;
    box-shadow: inset 3px 0 0 var(--fg-accent), 0 8px 22px rgba(8, 127, 120, .075), var(--fg-shadow-inset) !important;
}

:root[data-theme="dark"] body .nav-item.is-active {
    color: var(--fg-accent) !important;
    background: linear-gradient(90deg, rgba(98, 207, 197, .17), rgba(255, 255, 255, .035)) !important;
}

html body .nav-item__icon {
    display: grid !important;
    place-items: center !important;
    width: 1.875rem !important;
    min-width: 1.875rem !important;
    height: 1.875rem !important;
    border-radius: .625rem !important;
    color: var(--fg-muted) !important;
    background: rgba(255, 255, 255, .35) !important;
}

html body .nav-item__icon svg {
    width: 1.0625rem !important;
    height: 1.0625rem !important;
    stroke-width: 1.85 !important;
}

html body .nav-item:is(:hover, .is-active) .nav-item__icon {
    color: var(--fg-accent) !important;
    background: var(--fg-surface-strong) !important;
}

html body .nav-item__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body .sidebar__footer {
    padding: .625rem !important;
    border-top: 1px solid var(--fg-line) !important;
    background: transparent !important;
}

html body .system-indicator {
    min-height: 3.125rem !important;
    padding: .5rem .625rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .875rem !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-soft) !important;
}

html body .system-indicator__icon {
    color: var(--fg-success) !important;
}

html body .topbar {
    position: sticky !important;
    z-index: var(--fg-z-sticky) !important;
    top: var(--fg-shell-inset) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: var(--fg-topbar-height) !important;
    margin: 0 0 var(--fg-shell-gap) !important;
    padding: .625rem .75rem .625rem 1rem !important;
    gap: .875rem !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-lg) !important;
    background:
        linear-gradient(135deg, var(--fg-highlight), transparent 44%),
        var(--fg-surface) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: saturate(140%) blur(var(--fg-blur-md));
    -webkit-backdrop-filter: saturate(140%) blur(var(--fg-blur-md));
}

html body .topbar__left,
html body .topbar__actions {
    display: flex !important;
    align-items: center !important;
    min-width: 0;
    gap: .625rem !important;
}

html body .topbar__left { flex: 1 1 auto; }
html body .topbar__actions { flex: 0 0 auto; }

html body .topbar__title {
    min-width: 8.5rem;
    line-height: 1.14;
}

html body .topbar__eyebrow {
    color: var(--fg-faint) !important;
    font-size: .6875rem !important;
    font-weight: 720 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
}

html body .topbar__title strong {
    color: var(--fg-ink) !important;
    font-size: 1rem !important;
    font-weight: 760 !important;
    letter-spacing: -.018em !important;
}

html body .topbar-search {
    display: flex !important;
    align-items: center !important;
    min-width: min(28rem, 34vw) !important;
    min-height: 2.75rem !important;
    margin-left: .5rem !important;
    padding: 0 .625rem 0 .75rem !important;
    gap: .625rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .875rem !important;
    color: var(--fg-muted) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: inset 0 1px 0 var(--fg-highlight), 0 4px 14px rgba(44, 32, 49, .035) !important;
    transition: color var(--fg-motion), border-color var(--fg-motion), box-shadow var(--fg-motion), transform var(--fg-motion) !important;
}

html body .topbar-search:hover {
    border-color: rgba(8, 127, 120, .32) !important;
    color: var(--fg-ink) !important;
    box-shadow: 0 8px 24px rgba(8, 127, 120, .08), var(--fg-shadow-inset) !important;
    transform: translateY(-1px);
}

html body .topbar-search svg {
    width: 1.125rem !important;
    height: 1.125rem !important;
    color: var(--fg-accent) !important;
}

html body .topbar-search span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body .topbar-search kbd {
    margin-left: auto;
    padding: .1875rem .4375rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .4375rem !important;
    color: var(--fg-muted) !important;
    background: var(--fg-surface-muted) !important;
    box-shadow: 0 1px 0 var(--fg-line-strong) !important;
    font-family: var(--fg-font-mono) !important;
    font-size: .6875rem !important;
}

html body .topbar-greeting {
    color: var(--fg-muted) !important;
    font-size: .8125rem !important;
}

html body .topbar-greeting strong { color: var(--fg-ink) !important; }

html body :is(.icon-button, .aho-theme-switcher button, .user-menu) {
    min-height: 2.75rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .875rem !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
    transition: color var(--fg-motion), border-color var(--fg-motion), background var(--fg-motion), transform var(--fg-motion) !important;
}

html body :is(.icon-button, .aho-theme-switcher button, .user-menu):hover {
    border-color: rgba(8, 127, 120, .28) !important;
    color: var(--fg-accent) !important;
    background: var(--fg-surface-solid) !important;
    transform: translateY(-1px);
}

html body .aho-theme-switcher {
    display: inline-flex !important;
    padding: .1875rem !important;
    gap: .125rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .9375rem !important;
    background: var(--fg-surface-soft) !important;
}

html body .aho-theme-switcher button {
    min-height: 2.25rem !important;
    padding: 0 .625rem !important;
    border-color: transparent !important;
    border-radius: .6875rem !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: .75rem !important;
}

html body .aho-theme-switcher button[aria-pressed="true"] {
    color: var(--fg-accent-strong) !important;
    background: var(--fg-surface-solid) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
}

html body .user-menu {
    padding: .25rem .5rem .25rem .3125rem !important;
    gap: .5rem !important;
}

html body .user-menu__avatar {
    display: grid !important;
    place-items: center !important;
    width: 2.125rem !important;
    min-width: 2.125rem !important;
    height: 2.125rem !important;
    border: 1px solid rgba(8, 127, 120, .20) !important;
    color: var(--fg-accent-strong) !important;
    background: linear-gradient(145deg, rgba(222, 246, 242, .9), rgba(242, 232, 240, .75)) !important;
    font-size: .75rem !important;
    font-weight: 780 !important;
}

html body .user-menu__details strong {
    color: var(--fg-ink) !important;
    font-size: .8125rem !important;
}

html body .user-menu__details small {
    color: var(--fg-muted) !important;
    font-size: .6875rem !important;
}

html body :is(.profile-dropdown, .iw-filter-sheet, .lab83-chart-menu__panel) {
    z-index: var(--fg-z-dropdown) !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-md) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-lg), var(--fg-shadow-inset) !important;
    backdrop-filter: saturate(140%) blur(var(--fg-blur-md));
    -webkit-backdrop-filter: saturate(140%) blur(var(--fg-blur-md));
}

html body .profile-dropdown {
    top: calc(var(--fg-shell-inset) + var(--fg-topbar-height) + .5rem) !important;
    right: var(--fg-shell-inset) !important;
    width: min(21rem, calc(100vw - 2rem)) !important;
    padding: .5rem !important;
}

html body .profile-dropdown__header {
    padding: .625rem !important;
    border-radius: .75rem !important;
    background: var(--fg-accent-softer) !important;
}

html body .profile-dropdown__divider {
    border-color: var(--fg-line) !important;
}

html body .profile-dropdown > a,
html body .profile-dropdown button {
    min-height: 2.625rem !important;
    padding: .625rem .75rem !important;
    border-radius: .6875rem !important;
    color: var(--fg-ink-2) !important;
}

html body .profile-dropdown > a:hover,
html body .profile-dropdown button:hover {
    color: var(--fg-ink) !important;
    background: var(--fg-accent-softer) !important;
}

html body .content {
    position: relative;
    z-index: 1;
    width: 100% !important;
    max-width: var(--fg-content-max) !important;
    margin: 0 auto !important;
    padding: .125rem .25rem 2.25rem !important;
    color: var(--fg-ink) !important;
}

html body .page-header {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    margin: 0 0 1.125rem !important;
    padding: 1.25rem 1.375rem !important;
    gap: 1.25rem !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-lg) !important;
    background: linear-gradient(135deg, var(--fg-surface-strong), var(--fg-surface-soft)) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-sm));
}

html body .page-breadcrumb {
    color: var(--fg-muted) !important;
    font-size: .75rem !important;
    font-weight: 650 !important;
}

html body .page-breadcrumb a:hover { color: var(--fg-accent) !important; }

html body .page-header h1 {
    margin: .375rem 0 .25rem !important;
    font-size: var(--fg-text-2xl) !important;
}

html body .page-header p {
    max-width: 74ch;
    margin: 0 !important;
    color: var(--fg-muted) !important;
    font-size: .875rem !important;
}

html body .app-footer {
    margin-top: auto !important;
    padding: 1rem .5rem .25rem !important;
    border: 0 !important;
    color: var(--fg-faint) !important;
    background: transparent !important;
    font-size: .75rem !important;
}

html body.sidebar-collapsed .app-shell {
    grid-template-columns: var(--fg-sidebar-compact) minmax(0, 1fr) !important;
}

html body.sidebar-collapsed .sidebar__brand {
    justify-content: center !important;
    padding-inline: .5rem !important;
}

html body.sidebar-collapsed :is(.brand__text, .nav-section__title, .nav-item__label, .system-indicator__content) {
    display: none !important;
}

html body.sidebar-collapsed .sidebar__navigation { padding-inline: .5rem !important; }
html body.sidebar-collapsed .nav-section + .nav-section { margin-top: .5rem !important; padding-top: .5rem !important; }
html body.sidebar-collapsed .nav-item { justify-content: center !important; min-height: 2.75rem !important; padding: .375rem !important; transform: none !important; }
html body.sidebar-collapsed .nav-item__icon { width: 2rem !important; min-width: 2rem !important; height: 2rem !important; }
html body.sidebar-collapsed .system-indicator { justify-content: center !important; padding: .375rem !important; }

/* ========================================================================== */
/* 4. REUSABLE FLOATING GLASS COMPONENTS                                     */
/* ========================================================================== */

/* Public component vocabulary. The existing PHP templates are mapped onto
   these primitives below, so new screens can use either the semantic Glass*
   class or the established application class without creating a second UI. */
html body :where(.FloatingGlassCard, .FloatingOptionCard, .GlassMetricCard, .GlassChartCard, .GlassExportPanel) {
    border: 1px solid var(--fg-line-glass);
    border-radius: var(--fg-radius-lg);
    color: var(--fg-ink);
    background: linear-gradient(145deg, var(--fg-highlight), transparent 44%), var(--fg-surface);
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset);
    backdrop-filter: saturate(125%) blur(var(--fg-blur-sm));
    -webkit-backdrop-filter: saturate(125%) blur(var(--fg-blur-sm));
}

html body :where(.GlassInput, .GlassSelect, .GlassSearch, .GlassDatePicker) {
    min-height: var(--fg-control-md);
    border: 1px solid var(--fg-line-strong);
    border-radius: .75rem;
    color: var(--fg-ink);
    background: var(--fg-surface-strong);
    box-shadow: inset 0 1px 2px rgba(45, 32, 50, .025), var(--fg-shadow-inset);
}

html body :where(.GlassTabs, .GlassNavigation) {
    display: flex;
    align-items: center;
    padding: .3125rem;
    gap: .1875rem;
    border: 1px solid var(--fg-line);
    border-radius: .9375rem;
    background: var(--fg-surface-soft);
}

html body :where(.GlassSidebar, .GlassDrawer, .GlassPopover, .GlassModal, .GlassTooltip) {
    border: 1px solid var(--fg-line-glass);
    color: var(--fg-ink);
    background: var(--fg-surface-strong);
    box-shadow: var(--fg-shadow-lg), var(--fg-shadow-inset);
    backdrop-filter: saturate(140%) blur(var(--fg-blur-md));
    -webkit-backdrop-filter: saturate(140%) blur(var(--fg-blur-md));
}

html body .GlassSidebar { border-radius: var(--fg-radius-xl); }
html body .GlassDrawer { border-radius: var(--fg-radius-xl) 0 0 var(--fg-radius-xl); }
html body :where(.GlassPopover, .GlassTooltip) { border-radius: var(--fg-radius-sm); }
html body .GlassModal { border-radius: var(--fg-radius-xl); }

html body :where(.GlassFilterChip, .GlassStatusIndicator) {
    display: inline-flex;
    align-items: center;
    min-height: 1.625rem;
    padding: .1875rem .5625rem;
    gap: .3125rem;
    border: 1px solid var(--fg-line);
    border-radius: var(--fg-radius-pill);
    color: var(--fg-ink-2);
    background: var(--fg-surface-strong);
    font-size: var(--fg-text-xs);
    font-weight: 720;
}

html body .GlassTable {
    overflow: auto;
    border: 1px solid var(--fg-line);
    border-radius: var(--fg-radius-md);
    background: var(--fg-surface-solid);
    box-shadow: var(--fg-shadow-xs);
}

html body .GlassSectionHeader {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: .75rem;
    gap: 1rem;
    border-bottom: 1px solid var(--fg-line);
}

html body .GlassNotification {
    padding: .875rem 1rem;
    border: 1px solid var(--fg-line);
    border-radius: var(--fg-radius-sm);
    color: var(--fg-ink-2);
    background: var(--fg-surface-strong);
    box-shadow: var(--fg-shadow-xs);
}

html body .GlassEmptyState {
    padding: 1.5rem;
    border: 1px dashed var(--fg-line-strong);
    border-radius: var(--fg-radius-md);
    color: var(--fg-muted);
    background: var(--fg-surface-soft);
    text-align: center;
}

html body :where(
    .fg-card,
    .card,
    .aho-card,
    .aho-form-card,
    .aho-workspace,
    .aho-admin-card,
    .aho-import-card,
    .aho-import-job-card,
    .aho-audit-detail-card,
    .aho-audit-filter-card,
    .aho-audit-summary-card,
    .aho-mfa-policy,
    .aho-profile-security-card,
    .aho-profile-theme-card,
    .aho-profile-image-card,
    .aho-annual-report-card,
    .lab82-card,
    .intel-panel,
    .aho-inventory-catalog,
    .aho-inventory-movements,
    .aho-scanner-card
) {
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-lg) !important;
    color: var(--fg-ink) !important;
    background:
        linear-gradient(145deg, var(--fg-highlight), transparent 44%),
        var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body :where(
    .aho-form-section,
    .aho-fieldset,
    .aho-permission-group,
    .aho-retention-section,
    .aho-info-item,
    .aho-security-method,
    .aho-report-sources,
    .aho-annual-media-panel,
    .aho-annual-properties
) {
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
}

html body :where(.card__header, .aho-form-section__header, .aho-section-heading, .intel-panel__head) {
    border-color: var(--fg-line) !important;
}

html body :where(.card__header, .card__body) {
    padding: 1.125rem 1.25rem !important;
}

html body :where(.card__header h2, .card__header h3, .card__title) {
    margin: 0;
    font-size: 1.0625rem !important;
}

html body :where(.button, .aho-button, .aho-button-primary, .aho-button-secondary, .GlassButton) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: var(--fg-control-md) !important;
    padding: .5625rem .9375rem !important;
    gap: .5rem !important;
    border: 1px solid var(--fg-line-strong) !important;
    border-radius: .75rem !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
    font-size: .8125rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: color var(--fg-motion), border-color var(--fg-motion), background var(--fg-motion), box-shadow var(--fg-motion), transform var(--fg-motion) !important;
}

html body :where(.button, .aho-button, .aho-button-primary, .aho-button-secondary):hover:not(:disabled) {
    border-color: rgba(8, 127, 120, .34) !important;
    color: var(--fg-accent-strong) !important;
    background: var(--fg-surface-solid) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    transform: translateY(-1px);
}

html body :where(.button--primary, .aho-button-primary, .aho-save-button, .aho-scanner-submit) {
    border-color: var(--fg-accent) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0b9289, var(--fg-accent-strong)) !important;
    box-shadow: 0 9px 22px rgba(8, 127, 120, .18), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
}

html body :where(.button--primary, .aho-button-primary, .aho-save-button, .aho-scanner-submit):hover:not(:disabled) {
    border-color: var(--fg-accent-hover) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #087f78, #075f5b) !important;
    box-shadow: 0 12px 28px rgba(8, 127, 120, .24), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

:root[data-theme="dark"] body :where(.button--primary, .aho-button-primary, .aho-save-button, .aho-scanner-submit) {
    color: #102221 !important;
    background: linear-gradient(135deg, #7adbd2, #51bdb4) !important;
}

html body :where(.button--small, .button--compact) {
    min-height: var(--fg-control-sm) !important;
    padding: .375rem .6875rem !important;
    font-size: .75rem !important;
}

html body :where(button, input, select, textarea):disabled,
html body [aria-disabled="true"] {
    cursor: not-allowed !important;
    opacity: .52 !important;
    transform: none !important;
    box-shadow: none !important;
}

html body :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    select,
    textarea
):not(:where(.aho-report-sheet *, .aho-a4-sheet *)) {
    width: 100%;
    min-height: var(--fg-control-md) !important;
    padding: .625rem .75rem !important;
    border: 1px solid var(--fg-line-strong) !important;
    border-radius: .75rem !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: inset 0 1px 2px rgba(45, 32, 50, .025), 0 1px 0 var(--fg-highlight) !important;
    font-size: .875rem !important;
    line-height: 1.35 !important;
    transition: border-color var(--fg-motion), box-shadow var(--fg-motion), background var(--fg-motion) !important;
}

html body textarea:not(:where(.aho-report-sheet *, .aho-a4-sheet *)) {
    min-height: 7rem !important;
    line-height: 1.52 !important;
    resize: vertical;
}

html body :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    select,
    textarea
):not(:where(.aho-report-sheet *, .aho-a4-sheet *)):hover {
    border-color: rgba(8, 127, 120, .34) !important;
    background: var(--fg-surface-solid) !important;
}

html body :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    select,
    textarea
):not(:where(.aho-report-sheet *, .aho-a4-sheet *)):focus {
    outline: 0 !important;
    border-color: var(--fg-accent) !important;
    background: var(--fg-surface-solid) !important;
    box-shadow: 0 0 0 4px var(--fg-accent-ring), inset 0 1px 1px rgba(45, 32, 50, .025) !important;
}

html body :where(input, textarea)::placeholder {
    color: var(--fg-faint) !important;
    opacity: 1 !important;
}

html body select:not(:where(.aho-report-sheet *, .aho-a4-sheet *)) {
    padding-right: 2.25rem !important;
}

html body :where(label, .aho-field > span:first-child, .field > span:first-child, legend) {
    color: var(--fg-ink-2);
    font-size: .8125rem;
    font-weight: 680;
}

html body :where(.aho-field-help, .aho80-fieldset-help, .field-help) {
    color: var(--fg-muted) !important;
    font-size: .75rem !important;
    line-height: 1.5 !important;
}

html body :where(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--fg-accent);
}

html body :where(.alert, .aho-alert, .aho-admin-notice, .aho-import-job-notice, .aho-permission-notice) {
    padding: .875rem 1rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-sm) !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs) !important;
}

html body :where(.alert--success, .aho-alert--ok) {
    border-color: color-mix(in srgb, var(--fg-success) 32%, var(--fg-line)) !important;
    color: var(--fg-success) !important;
    background: color-mix(in srgb, var(--fg-success) 7%, var(--fg-surface-solid)) !important;
}

html body :where(.alert--danger, .aho-alert--error, .aho-import-error-message) {
    border-color: color-mix(in srgb, var(--fg-danger) 32%, var(--fg-line)) !important;
    color: var(--fg-danger) !important;
    background: color-mix(in srgb, var(--fg-danger) 7%, var(--fg-surface-solid)) !important;
}

html body :where(.aho-badge, .badge, .status-badge, .aho-admin-badge, .aho-mfa-badge, .aho-stock-badge, .aho-filter-chip) {
    display: inline-flex;
    align-items: center;
    min-height: 1.625rem;
    padding: .1875rem .5625rem;
    gap: .3125rem;
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-pill) !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-strong) !important;
    font-size: .6875rem !important;
    font-weight: 720 !important;
    line-height: 1.2;
}

html body :where(.aho-empty, .aho-empty-state, .empty-state, .iw-empty, .intel-empty) {
    border: 1px dashed var(--fg-line-strong) !important;
    border-radius: var(--fg-radius-md) !important;
    color: var(--fg-muted) !important;
    background: var(--fg-surface-soft) !important;
}

html body :where(.aho-confirm-backdrop, .aho-drilldown-backdrop, .aho-modal__backdrop) {
    z-index: var(--fg-z-modal) !important;
    background: var(--fg-overlay) !important;
    backdrop-filter: blur(8px) saturate(110%);
    -webkit-backdrop-filter: blur(8px) saturate(110%);
}

html body :where(.aho-confirm-dialog, .aho-drilldown-modal, .aho-modal__dialog, .aho-annual-modal__dialog) {
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-xl) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-lg), var(--fg-shadow-inset) !important;
    backdrop-filter: saturate(135%) blur(var(--fg-blur-lg));
    -webkit-backdrop-filter: saturate(135%) blur(var(--fg-blur-lg));
}

html body :where(.aho-confirm-dialog__header, .aho-drilldown-modal__header) {
    border-color: var(--fg-line) !important;
}

html body :where(.aho-confirm-dialog__close, .aho-drilldown-modal__close) {
    border: 1px solid var(--fg-line) !important;
    border-radius: .75rem !important;
    color: var(--fg-muted) !important;
    background: var(--fg-surface-soft) !important;
}

/* Opaque data surfaces: glass around them, clarity inside them. */
html body :where(
    .table-wrapper,
    .aho-table-wrap,
    .aho-data-table,
    .aho-audit-table-wrap,
    .aho-import-table-wrap,
    .aho-mfa-table-wrap,
    .aho-matrix-scroll,
    .aho-drilldown-content,
    .iw-compare-table,
    .ledger-table-wrap
) {
    overflow: auto;
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    background: var(--fg-surface-solid) !important;
    box-shadow: var(--fg-shadow-xs) !important;
    scrollbar-width: thin;
    scrollbar-color: var(--fg-line-strong) transparent;
}

html body :where(table, .data-table, .aho-table, .aho-audit-table, .aho-import-table, .aho-mfa-table, .aho-matrix-table) {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-solid) !important;
    font-size: .8125rem !important;
}

html body :where(table, .data-table, .aho-table, .aho-audit-table, .aho-import-table, .aho-mfa-table, .aho-matrix-table) th {
    color: var(--fg-muted) !important;
    background: var(--fg-surface-muted) !important;
    border-color: var(--fg-line) !important;
    font-size: .6875rem !important;
    font-weight: 780 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

html body :where(table, .data-table, .aho-table, .aho-audit-table, .aho-import-table, .aho-mfa-table, .aho-matrix-table) :where(th, td) {
    min-height: 2.875rem;
    padding: .75rem .875rem !important;
    border-bottom: 1px solid var(--fg-line) !important;
    vertical-align: middle !important;
}

html body :where(table, .data-table, .aho-table, .aho-audit-table, .aho-import-table, .aho-mfa-table, .aho-matrix-table) tbody tr {
    transition: background var(--fg-motion-fast), box-shadow var(--fg-motion-fast) !important;
}

html body :where(table, .data-table, .aho-table, .aho-audit-table, .aho-import-table, .aho-mfa-table, .aho-matrix-table) tbody tr:hover {
    background: var(--fg-accent-softer) !important;
    box-shadow: inset 3px 0 0 var(--fg-accent) !important;
}

html body :where(.skeleton, .aho-skeleton, .GlassSkeleton) {
    position: relative;
    overflow: hidden;
    color: transparent !important;
    border-radius: .625rem;
    background: var(--fg-surface-muted) !important;
}

html body :where(.skeleton, .aho-skeleton, .GlassSkeleton)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, var(--fg-highlight), transparent);
    transform: translateX(-100%);
    animation: fg-shimmer 1.35s ease-in-out infinite;
}

@keyframes fg-shimmer { to { transform: translateX(100%); } }

/* ========================================================================== */
/* 5. FLOATING OPTION CARDS AND DATA-ENTRY WORKSPACES                         */
/* ========================================================================== */

html body.page-entry .content {
    max-width: var(--fg-content-max) !important;
}

html body :where(.aho-entry-workspace, .aho-entry, .aho-entry-layout, .aho-entry-stage) {
    color: var(--fg-ink) !important;
    background: transparent !important;
}

html body .aho-entry-premium-head {
    margin-bottom: 1rem !important;
    padding: 1.25rem 1.375rem !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-lg) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(241, 250, 248, .54)),
        var(--fg-surface) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-sm));
}

:root[data-theme="dark"] body .aho-entry-premium-head {
    background: linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(98, 207, 197, .045)), var(--fg-surface) !important;
}

html body .aho-entry-premium-head__eyebrow,
html body :where(.iw-kicker, .aho-eyebrow) {
    color: var(--fg-accent) !important;
    font-size: .6875rem !important;
    font-weight: 780 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

html body .aho-entry-premium-head__icon {
    border: 1px solid rgba(8, 127, 120, .22) !important;
    border-radius: .9375rem !important;
    color: var(--fg-accent) !important;
    background: var(--fg-accent-soft) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
}

html body .aho-entry-quicknav {
    position: sticky !important;
    z-index: calc(var(--fg-z-sticky) - 1) !important;
    top: calc(var(--fg-shell-inset) + var(--fg-topbar-height) + .75rem) !important;
    margin: 0 0 1rem !important;
    padding: .375rem !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: .9375rem !important;
    background: var(--fg-surface) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-md));
    -webkit-backdrop-filter: blur(var(--fg-blur-md));
}

html body .aho-entry-quicknav a {
    min-height: 2.25rem !important;
    padding: .375rem .6875rem !important;
    border: 1px solid transparent !important;
    border-radius: .6875rem !important;
    color: var(--fg-muted) !important;
    font-size: .75rem !important;
    font-weight: 680 !important;
}

html body .aho-entry-quicknav a:is(:hover, .is-active, [aria-current="true"]) {
    border-color: var(--fg-line) !important;
    color: var(--fg-accent-strong) !important;
    background: var(--fg-surface-solid) !important;
    box-shadow: var(--fg-shadow-xs) !important;
}

html body .aho-entry-form {
    display: grid;
    gap: 1rem !important;
}

html body .aho-entry-form :where(.aho-form-section, .aho-fieldset) {
    padding: clamp(1rem, 1.2vw, 1.375rem) !important;
}

html body .aho-form-section__header {
    align-items: center !important;
    margin-bottom: 1rem !important;
    padding-bottom: .875rem !important;
}

html body .aho-section-number,
html body .aho-entry-statuscard__icon {
    display: grid !important;
    place-items: center !important;
    width: 2.75rem !important;
    min-width: 2.75rem !important;
    height: 2.75rem !important;
    border: 1px solid rgba(8, 127, 120, .20) !important;
    border-radius: .875rem !important;
    color: var(--fg-accent) !important;
    background: var(--fg-accent-soft) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
}

/* Floating Glass option card – variant 2. Compact, readable and stable. */
html body .aho-entry-form :where(
    label.aho73-choice,
    label.aho85-choice,
    label.choice.choice--binary,
    .aho-choice-card__label,
    .aho-role-option,
    .aho-scanner-direction__grid label > span
) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 2.125rem minmax(0, 1fr) 1.375rem !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 3.875rem !important;
    height: auto !important;
    padding: .625rem .6875rem !important;
    gap: .625rem !important;
    overflow: visible !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .875rem !important;
    color: var(--fg-ink-2) !important;
    background:
        linear-gradient(145deg, var(--fg-highlight), transparent 48%),
        var(--fg-surface-soft) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
    cursor: pointer;
    transition: color var(--fg-motion), border-color var(--fg-motion), background var(--fg-motion), box-shadow var(--fg-motion), transform var(--fg-motion) !important;
}

html body .aho-entry-form :where(
    label.aho73-choice,
    label.aho85-choice,
    label.choice.choice--binary,
    .aho-choice-card__label,
    .aho-role-option,
    .aho-scanner-direction__grid label > span
):hover {
    border-color: rgba(8, 127, 120, .32) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: 0 12px 26px rgba(45, 32, 50, .08), var(--fg-shadow-inset) !important;
    transform: translateY(-2px);
}

html body .aho-entry-form :where(
    label.aho73-choice,
    label.aho85-choice,
    label.choice.choice--binary,
    .aho-role-option,
    .aho-scanner-direction__grid label
):has(input:checked) > :where(.aho-choice-card__label, span),
html body .aho-entry-form :where(
    label.aho73-choice,
    label.aho85-choice,
    label.choice.choice--binary,
    .aho-role-option
):has(input:checked) {
    border-color: rgba(8, 127, 120, .48) !important;
    color: var(--fg-accent-strong) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(220, 245, 241, .74)),
        var(--fg-surface-strong) !important;
    box-shadow: 0 0 0 3px var(--fg-accent-soft), 0 12px 26px rgba(8, 127, 120, .09), var(--fg-shadow-inset) !important;
}

:root[data-theme="dark"] body .aho-entry-form :where(
    label.aho73-choice,
    label.aho85-choice,
    label.choice.choice--binary,
    .aho-role-option
):has(input:checked) {
    color: var(--fg-accent) !important;
    background: linear-gradient(145deg, rgba(98, 207, 197, .17), rgba(255, 255, 255, .045)), var(--fg-surface-strong) !important;
}

html body .aho-entry-form :where(.aho-choice-card__icon, .aho73-choice__icon, .aho85-choice__icon, .choice__icon) {
    display: grid !important;
    place-items: center !important;
    width: 2.125rem !important;
    min-width: 2.125rem !important;
    height: 2.125rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .6875rem !important;
    color: var(--fg-accent) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs) !important;
}

html body .aho-entry-form :where(.aho-choice-card__icon, .aho73-choice__icon, .aho85-choice__icon, .choice__icon) svg {
    width: 1.125rem !important;
    height: 1.125rem !important;
    stroke-width: 1.8 !important;
}

html body .aho-entry-form :where(.aho-choice-card__label, .aho73-choice__label, .aho85-choice__label, .choice__label) {
    min-width: 0 !important;
    color: inherit !important;
    font-size: .8125rem !important;
    font-weight: 680 !important;
    line-height: 1.28 !important;
    overflow-wrap: anywhere !important;
}

html body .aho-entry-form :where(.aho73-choice__indicator, .aho85-choice__indicator, .choice__indicator) {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 1.25rem !important;
    min-width: 1.25rem !important;
    height: 1.25rem !important;
    border: 1.5px solid var(--fg-line-strong) !important;
    border-radius: .4375rem !important;
    background: var(--fg-surface-solid) !important;
    box-shadow: inset 0 1px 1px rgba(45, 32, 50, .05) !important;
}

html body .aho-entry-form :where(input:checked) ~ :where(.aho73-choice__indicator, .aho85-choice__indicator, .choice__indicator) {
    border-color: var(--fg-accent) !important;
    background: var(--fg-accent) !important;
    box-shadow: 0 0 0 3px var(--fg-accent-soft) !important;
}

html body .aho-entry-actionbar {
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-lg) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-lg), var(--fg-shadow-inset) !important;
    backdrop-filter: saturate(140%) blur(var(--fg-blur-md));
    -webkit-backdrop-filter: saturate(140%) blur(var(--fg-blur-md));
}

/* ========================================================================== */
/* 6. DASHBOARD – INTELLIGENCE COCKPIT                                        */
/* ========================================================================== */

html body .ew-shell {
    display: grid !important;
    gap: 1rem !important;
    max-width: none !important;
    color: var(--fg-ink) !important;
}

html body .ew-controlbar {
    min-height: 7.5rem !important;
    padding: 1.375rem 1.5rem !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-xl) !important;
    color: var(--fg-ink) !important;
    background:
        radial-gradient(circle at 88% 0%, rgba(8, 127, 120, .12), transparent 23rem),
        radial-gradient(circle at 16% 120%, rgba(188, 77, 120, .10), transparent 21rem),
        linear-gradient(135deg, var(--fg-surface-strong), var(--fg-surface-soft)) !important;
    box-shadow: var(--fg-shadow-md), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-md));
}

html body .ew-controlbar > div:first-child {
    display: grid;
    gap: .25rem;
}

html body .ew-controlbar > div:first-child strong {
    font-size: var(--fg-text-2xl) !important;
    font-weight: 760 !important;
    letter-spacing: -.035em !important;
}

html body .ew-controlbar__actions {
    display: flex !important;
    align-items: end !important;
    gap: .625rem !important;
}

html body .ew-controlbar__actions :where(label, a) {
    font-size: .75rem !important;
}

html body .ew-controlbar__actions a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: var(--fg-control-md) !important;
    padding: .625rem .875rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .75rem !important;
    color: var(--fg-accent-strong) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs) !important;
    font-weight: 700 !important;
}

html body .ew-metrics {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: .75rem !important;
}

html body .ew-metric {
    position: relative;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 7.75rem !important;
    padding: 1rem !important;
    gap: .1875rem .75rem !important;
    overflow: hidden;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-lg) !important;
    color: var(--fg-ink) !important;
    background: linear-gradient(145deg, var(--fg-highlight), transparent 46%), var(--fg-surface) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-sm));
    transition: border-color var(--fg-motion), box-shadow var(--fg-motion), transform var(--fg-motion) !important;
}

html body .ew-metric::after {
    content: "";
    position: absolute;
    inset: auto 1rem 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: linear-gradient(90deg, transparent, var(--fg-accent), transparent);
    opacity: .42;
}

html body .ew-metric:hover {
    border-color: rgba(8, 127, 120, .32) !important;
    box-shadow: var(--fg-shadow-md), var(--fg-shadow-inset) !important;
    transform: translateY(-3px);
}

html body .ew-metric__visual {
    grid-row: 1 / span 2 !important;
    display: grid !important;
    place-items: center !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .8125rem !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs) !important;
}

html body .ew-metric__visual img {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

html body .ew-metric > strong {
    align-self: end;
    font-size: clamp(1.55rem, 1.2rem + .7vw, 2.15rem) !important;
    font-weight: 740 !important;
    letter-spacing: -.045em !important;
    line-height: 1 !important;
}

html body .ew-metric > span:not(.ew-metric__visual) {
    color: var(--fg-ink-2) !important;
    font-size: .75rem !important;
    font-weight: 680 !important;
}

html body .ew-metric > small {
    grid-column: 1 / -1 !important;
    margin-top: .375rem !important;
    padding-top: .5rem !important;
    border-top: 1px solid var(--fg-line) !important;
    color: var(--fg-success) !important;
    font-size: .6875rem !important;
    font-weight: 720 !important;
}

html body .ew-metric > small.is-down { color: var(--fg-danger) !important; }
html body .ew-metric > small em { color: var(--fg-faint) !important; font-style: normal; font-weight: 600 !important; }

html body .ew-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.75fr) minmax(19rem, .75fr) !important;
    gap: 1rem !important;
}

html body :is(.ew-trend, .ew-briefing, .ew-actions) {
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-lg) !important;
    color: var(--fg-ink) !important;
    background: linear-gradient(145deg, var(--fg-highlight), transparent 44%), var(--fg-surface) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-sm));
}

html body .ew-trend { padding: 1.25rem !important; }

html body .ew-trend__canvas {
    min-height: 21rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    background: var(--fg-surface-solid) !important;
}

html body .ew-live {
    color: var(--fg-success) !important;
    background: color-mix(in srgb, var(--fg-success) 8%, var(--fg-surface-solid)) !important;
}

html body .ew-briefing {
    display: grid !important;
    align-content: start !important;
    padding: 1rem !important;
    gap: .5rem !important;
}

html body .ew-briefing > .iw-kicker { padding: .25rem .375rem .5rem !important; }

html body .ew-briefing a {
    display: grid !important;
    min-height: 5rem !important;
    padding: .75rem .8125rem !important;
    gap: .125rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .875rem !important;
    background: var(--fg-surface-strong) !important;
    transition: border-color var(--fg-motion), background var(--fg-motion), transform var(--fg-motion) !important;
}

html body .ew-briefing a:hover {
    border-color: rgba(8, 127, 120, .30) !important;
    background: var(--fg-surface-solid) !important;
    transform: translateX(2px);
}

html body .ew-briefing a small { color: var(--fg-faint) !important; font-size: .6875rem !important; text-transform: uppercase; letter-spacing: .05em; }
html body .ew-briefing a strong { color: var(--fg-ink) !important; font-size: .9375rem !important; }
html body .ew-briefing a span { color: var(--fg-muted) !important; font-size: .75rem !important; }

html body .ew-actions {
    display: grid !important;
    grid-template-columns: minmax(14rem, .6fr) minmax(0, 1.4fr) !important;
    align-items: center !important;
    padding: 1.125rem !important;
    gap: 1rem !important;
}

html body .ew-actions h2 { margin: .25rem 0 0 !important; font-size: 1.2rem !important; }
html body .ew-actions nav { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: .5rem !important; }

html body .ew-actions nav a {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    min-height: 2.875rem !important;
    padding: .5625rem .6875rem !important;
    gap: .5rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: .75rem !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-strong) !important;
    font-size: .75rem !important;
    font-weight: 680 !important;
    transition: border-color var(--fg-motion), color var(--fg-motion), transform var(--fg-motion) !important;
}

html body .ew-actions nav a:hover { border-color: rgba(8, 127, 120, .34) !important; color: var(--fg-accent-strong) !important; transform: translateY(-1px); }
html body .ew-actions nav a > span { color: var(--fg-faint) !important; font-family: var(--fg-font-mono); font-size: .625rem !important; }
html body .ew-actions nav a em { color: var(--fg-accent) !important; font-style: normal; }

/* ========================================================================== */
/* 7. ANALYTICS, LAB AND INTELLIGENCE                                        */
/* ========================================================================== */

html body :where(.iw-workspace, .aho-enterprise-workspace, .lab-shell, .intel-shell, .expert96-shell) {
    color: var(--fg-ink) !important;
    background: transparent !important;
}

html body .iw-commandbar,
html body :where(.lab-toolbar, .expert96-commandbar) {
    position: sticky !important;
    z-index: calc(var(--fg-z-sticky) - 1) !important;
    top: calc(var(--fg-shell-inset) + var(--fg-topbar-height) + .75rem) !important;
    padding: .625rem !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-md) !important;
    background: var(--fg-surface) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-md));
    -webkit-backdrop-filter: blur(var(--fg-blur-md));
}

html body .iw-identity h1,
html body :where(.intel-hero h1, .expert96-hero h1) {
    color: var(--fg-ink) !important;
    font-size: var(--fg-text-3xl) !important;
    letter-spacing: -.045em !important;
}

html body .iw-identity p,
html body :where(.intel-hero p, .expert96-hero p) {
    color: var(--fg-muted) !important;
    font-size: .875rem !important;
}

html body :where(.iw-modes, .lab-workspace-tabs, .expert96-tabs) {
    display: flex !important;
    width: 100%;
    padding: .3125rem !important;
    gap: .1875rem !important;
    overflow-x: auto;
    border: 1px solid var(--fg-line) !important;
    border-radius: .9375rem !important;
    background: var(--fg-surface-soft) !important;
    scrollbar-width: none;
}

html body :where(.iw-modes, .lab-workspace-tabs, .expert96-tabs)::-webkit-scrollbar { display: none; }

html body .iw-modes button,
html body :where(.lab-workspace-tabs a, .expert96-tabs a) {
    flex: 0 0 auto;
    min-height: 2.375rem !important;
    padding: .4375rem .75rem !important;
    border: 1px solid transparent !important;
    border-radius: .6875rem !important;
    color: var(--fg-muted) !important;
    background: transparent !important;
    font-size: .75rem !important;
    font-weight: 680 !important;
    transition: color var(--fg-motion), border-color var(--fg-motion), background var(--fg-motion), box-shadow var(--fg-motion) !important;
}

html body .iw-modes button:is([aria-current="page"], .is-active),
html body :where(.lab-workspace-tabs a, .expert96-tabs a):is(.is-active, [aria-current="page"]) {
    border-color: var(--fg-line) !important;
    color: var(--fg-accent-strong) !important;
    background: var(--fg-surface-solid) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
}

html body .iw-canvas {
    display: grid !important;
    gap: 1rem !important;
    background: transparent !important;
}

html body .iw-panel {
    display: none;
    min-width: 0;
    padding: 1.125rem !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-lg) !important;
    background: var(--fg-surface) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-sm));
}

html body .iw-panel.is-active {
    display: block !important;
    animation: fg-panel-in var(--fg-motion-slow) both;
}

@keyframes fg-panel-in {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

html body :where(.iw-metric-strip, .lab-kpis, .intel-kpis, .lab82-kpis, .aho-quality-kpis, .aho-inventory-kpis) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr)) !important;
    gap: .75rem !important;
}

html body :where(.iw-metric, .lab-kpi, .intel-kpis > article, .lab82-kpi, .aho-inventory-kpi) {
    min-width: 0 !important;
    padding: .9375rem 1rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    color: var(--fg-ink) !important;
    background: linear-gradient(145deg, var(--fg-highlight), transparent 48%), var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
    transition: border-color var(--fg-motion), box-shadow var(--fg-motion), transform var(--fg-motion) !important;
}

html body :where(.iw-metric, .lab-kpi):hover {
    border-color: rgba(8, 127, 120, .32) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
    transform: translateY(-2px);
}

html body .iw-metric__value,
html body :where(.lab-kpi strong, .intel-kpis strong, .lab82-kpi strong, .aho-inventory-kpi strong) {
    color: var(--fg-ink) !important;
    font-size: clamp(1.45rem, 1.12rem + .7vw, 2rem) !important;
    font-weight: 740 !important;
    letter-spacing: -.04em !important;
    font-variant-numeric: tabular-nums;
}

html body .iw-metric__label,
html body :where(.lab-kpi span, .intel-kpis span, .lab82-kpi span, .aho-inventory-kpi span) {
    color: var(--fg-ink-2) !important;
    font-size: .75rem !important;
    font-weight: 680 !important;
}

html body .iw-metric__delta,
html body :where(.lab-kpi small, .intel-kpis small, .lab82-kpi small, .aho-inventory-kpi small) {
    color: var(--fg-muted) !important;
    font-size: .6875rem !important;
}

html body :where(.is-up, .is-positive) { color: var(--fg-success) !important; }
html body :where(.is-down, .is-negative) { color: var(--fg-danger) !important; }

html body .iw-stage {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(18rem, .55fr) !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
}

html body .iw-stage__main,
html body .iw-insight-rail,
html body :where(.iw-dimension, .iw-compare-chart, .iw-anomaly-list, .iw-ai-stage, .lab-panel, .intel-trend-row, .intel-goal-card, .expert96-chart) {
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
}

html body .iw-stage__main { padding: 1rem !important; }
html body .iw-insight-rail { padding: .75rem !important; }

html body .iw-section-head {
    align-items: flex-start !important;
    margin-bottom: .875rem !important;
    padding-bottom: .75rem !important;
    border-bottom: 1px solid var(--fg-line) !important;
}

html body .iw-section-head h2 {
    margin: .1875rem 0 0 !important;
    font-size: 1.125rem !important;
}

html body .iw-section-head p {
    max-width: 72ch;
    color: var(--fg-muted) !important;
    font-size: .8125rem !important;
}

html body .iw-trend-wrap,
html body .lab83-chart-body {
    overflow: hidden;
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    background: var(--fg-surface-solid) !important;
}

html body :where(canvas.aho-chart-preview, canvas.iw-trend-canvas) {
    display: block;
    width: 100% !important;
    max-width: 100%;
    border-radius: var(--fg-radius-sm) !important;
    background: var(--fg-surface-solid) !important;
}

html body .iw-month-rail {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(3.25rem, 1fr)) !important;
    margin-top: .75rem !important;
    gap: .25rem !important;
    overflow-x: auto;
    scrollbar-width: thin;
}

html body .iw-month-rail a {
    min-width: 3.25rem;
    padding: .5rem .25rem !important;
    border: 1px solid transparent !important;
    border-radius: .625rem !important;
    text-align: center;
}

html body .iw-month-rail a:hover {
    border-color: var(--fg-line) !important;
    background: var(--fg-accent-softer) !important;
}

html body .iw-month-rail span { color: var(--fg-faint) !important; font-size: .625rem !important; text-transform: uppercase; }
html body .iw-month-rail strong { color: var(--fg-ink) !important; font-size: .8125rem !important; }

html body .iw-signal,
html body .iw-contribution {
    border-color: var(--fg-line) !important;
    border-radius: .75rem !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-solid) !important;
}

html body .iw-heatmap {
    overflow-x: auto;
    padding: .875rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    background: var(--fg-surface-solid) !important;
}

html body .iw-heatmap__row a i {
    border-radius: .375rem !important;
    background: color-mix(in srgb, var(--fg-accent) calc(var(--heat) * 82%), var(--fg-surface-muted)) !important;
}

html body .iw-dimension-grid,
html body :where(.lab-panels, .intel-goals-grid, .expert96-chart-grid) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .875rem !important;
}

html body .iw-dimension { padding: .875rem !important; }
html body .iw-dimension__rows a { border-color: var(--fg-line) !important; }
html body .iw-dimension__rows i { background: var(--fg-surface-muted) !important; }
html body .iw-dimension__rows i b { background: linear-gradient(90deg, var(--fg-accent), #59b9b0) !important; }

html body .iw-compare-table__head,
html body .iw-compare-row {
    border-color: var(--fg-line) !important;
    background: var(--fg-surface-solid) !important;
}

html body .iw-compare-row:hover { background: var(--fg-accent-softer) !important; }

html body .intel-hero,
html body .expert96-hero,
html body .aho-quality-hero,
html body :where(.aho-inventory-hero, .aho-inventory-scan__hero) {
    padding: 1.375rem 1.5rem !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-xl) !important;
    color: var(--fg-ink) !important;
    background:
        radial-gradient(circle at 92% -10%, rgba(8, 127, 120, .14), transparent 24rem),
        linear-gradient(135deg, var(--fg-surface-strong), var(--fg-surface-soft)) !important;
    box-shadow: var(--fg-shadow-md), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-md));
}

html body .intel-panel { padding: 1.125rem !important; }
html body .intel-trend-row { padding: .875rem 1rem !important; }
html body .intel-meter { border-radius: var(--fg-radius-pill) !important; background: var(--fg-surface-muted) !important; }
html body .intel-meter i { border-radius: inherit !important; background: linear-gradient(90deg, var(--fg-accent), #55bdb3) !important; }

html body .lab-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
}

html body .lab-kpis { margin-block: 1rem !important; }
html body .lab-insights { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: .75rem !important; }

html body .lab-insights > article {
    padding: .875rem 1rem !important;
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs), var(--fg-shadow-inset) !important;
}

html body .lab-insights > article span { color: var(--fg-faint) !important; font-size: .6875rem !important; text-transform: uppercase; letter-spacing: .05em; }
html body .lab-insights > article strong { color: var(--fg-ink) !important; font-size: .9375rem !important; }
html body .lab-insights > article small { color: var(--fg-muted) !important; font-size: .6875rem !important; }
html body .lab-panel { overflow: hidden; }

html body .aho-chart-export {
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: .375rem !important;
}

html body .aho-chart-type-label {
    min-width: 9rem;
    color: var(--fg-muted) !important;
    font-size: .6875rem !important;
}

/* Client-side, data-derived chart intelligence. */
html body .fg-chart-intelligence {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin: .75rem 1rem 1rem;
}

html body .fg-chart-insight {
    min-width: 0;
    padding: .625rem .75rem;
    border: 1px solid var(--fg-line);
    border-radius: .75rem;
    background: var(--fg-surface-muted);
}

html body .fg-chart-insight small {
    display: block;
    margin-bottom: .125rem;
    color: var(--fg-faint) !important;
    font-size: .625rem !important;
    font-weight: 720 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}

html body .fg-chart-insight strong {
    display: block;
    overflow: hidden;
    color: var(--fg-ink) !important;
    font-size: .8125rem !important;
    font-weight: 730 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body .fg-chart-intelligence__actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
}

html body .fg-chart-table-toggle {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .3125rem .625rem;
    border: 1px solid var(--fg-line);
    border-radius: .625rem;
    color: var(--fg-ink-2);
    background: var(--fg-surface-strong);
    font-size: .6875rem;
    font-weight: 700;
    cursor: pointer;
}

html body .fg-chart-table-wrap {
    grid-column: 1 / -1;
    overflow: auto;
    max-height: 19rem;
    border: 1px solid var(--fg-line);
    border-radius: .75rem;
    background: var(--fg-surface-solid);
}

html body .fg-chart-table-wrap[hidden] { display: none !important; }
html body .fg-chart-table { width: 100%; font-size: .75rem !important; }
html body .fg-chart-table caption { padding: .625rem .75rem; color: var(--fg-muted); text-align: left; font-weight: 680; }

html body .fg-chart-tooltip {
    position: fixed;
    z-index: var(--fg-z-toast);
    max-width: 17rem;
    padding: .5rem .625rem;
    pointer-events: none;
    border: 1px solid var(--fg-line-glass);
    border-radius: .625rem;
    color: var(--fg-ink);
    background: var(--fg-surface-strong);
    box-shadow: var(--fg-shadow-md), var(--fg-shadow-inset);
    backdrop-filter: blur(var(--fg-blur-md));
    font-size: .75rem;
    line-height: 1.35;
    opacity: 0;
    transform: translateY(4px) scale(.98);
    transition: opacity var(--fg-motion-fast), transform var(--fg-motion-fast);
}

html body .fg-chart-tooltip.is-visible { opacity: 1; transform: translateY(0) scale(1); }
html body .fg-chart-tooltip strong { display: block; margin-top: .125rem; color: var(--fg-accent-strong); font-size: .875rem; }

/* ========================================================================== */
/* 8. ADMINISTRATION, PROFILE, INVENTORY AND REPORT WORKSPACES                */
/* ========================================================================== */

html body :where(.aho-admin-grid, .aho-feature-grid, .aho-annual-report-grid) {
    gap: .875rem !important;
}

html body :where(.aho-admin-card, .aho-feature-card, .aho-annual-report-card) {
    transition: border-color var(--fg-motion), box-shadow var(--fg-motion), transform var(--fg-motion) !important;
}

html body :where(.aho-admin-card, .aho-feature-card, .aho-annual-report-card):hover {
    border-color: rgba(8, 127, 120, .28) !important;
    box-shadow: var(--fg-shadow-md), var(--fg-shadow-inset) !important;
    transform: translateY(-2px);
}

html body .aho-admin-icon,
html body :where(.aho-feature-icon, .aho-import-message-icon, .aho-audit-empty-icon, .aho-message-icon, .aho-empty-icon) {
    border: 1px solid rgba(8, 127, 120, .20) !important;
    border-radius: .875rem !important;
    color: var(--fg-accent) !important;
    background: var(--fg-accent-soft) !important;
}

html body .aho-profile-layout--enterprise {
    gap: 1rem !important;
}

html body .aho-profile-avatar {
    border: 3px solid var(--fg-surface-solid) !important;
    color: var(--fg-accent-strong) !important;
    background: linear-gradient(145deg, rgba(8, 127, 120, .15), rgba(188, 77, 120, .12)) !important;
    box-shadow: 0 0 0 1px var(--fg-line), var(--fg-shadow-sm) !important;
}

html body .aho-inventory-overview,
html body .aho-inventory-scan {
    gap: 1rem !important;
}

html body .aho-inventory-product,
html body .aho-mobile-movement-list article,
html body .aho-scanner-product {
    border-color: var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-solid) !important;
    box-shadow: var(--fg-shadow-xs) !important;
    transition: border-color var(--fg-motion), background var(--fg-motion), transform var(--fg-motion) !important;
}

html body .aho-inventory-product:hover {
    border-color: rgba(8, 127, 120, .30) !important;
    background: var(--fg-surface-tint) !important;
    transform: translateY(-1px);
}

html body :where(.aho-inventory-product__icon, .aho-scanner-product__icon, .aho-mobile-movement-list__icon) {
    border-color: rgba(8, 127, 120, .22) !important;
    color: var(--fg-accent) !important;
    background: var(--fg-accent-soft) !important;
}

html body .aho-scanner-viewport {
    border-color: var(--fg-line-strong) !important;
    border-radius: var(--fg-radius-lg) !important;
    background: #19222c !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), var(--fg-shadow-sm) !important;
}

/* Report/PDF sheets are intentionally kept opaque and outside the glass
   rendering language. The UI around them is modernised; fachliche templates,
   checkbox coordinates and server-side PDF output remain untouched. */
html body :where(.aho-report-sheet, .aho-a4-sheet) {
    color-scheme: light;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body :where(.aho-report-toolbar, .aho-report-sources, .aho-report-quality, .aho-report-archive, .aho-annual-toolbar, .aho-annual-outline, .aho-annual-palette, .aho-annual-properties, .aho-annual-media-panel) {
    border-color: var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-sm), var(--fg-shadow-inset) !important;
}

html body .aho-annual-editor-grid {
    gap: .875rem !important;
    background: transparent !important;
}

html body .aho-annual-canvas {
    border: 1px solid var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    background: rgba(99, 91, 106, .08) !important;
}

/* ========================================================================== */
/* 9. AUTHENTICATION                                                         */
/* ========================================================================== */

html body.auth-page {
    display: grid !important;
    min-height: 100dvh !important;
    padding: clamp(.75rem, 2vw, 1.5rem) !important;
    color: var(--fg-ink) !important;
    background:
        radial-gradient(circle at 9% 7%, rgba(226, 174, 198, .34), transparent 31rem),
        radial-gradient(circle at 91% 11%, rgba(159, 219, 216, .24), transparent 32rem),
        radial-gradient(circle at 73% 88%, rgba(191, 177, 229, .24), transparent 35rem),
        linear-gradient(145deg, var(--fg-canvas-pearl), var(--fg-canvas), var(--fg-canvas-secondary)) !important;
    font-family: var(--fg-font-sans) !important;
}

html body.auth-page .login-page {
    align-self: stretch;
    min-height: calc(100dvh - clamp(1.5rem, 4vw, 3rem)) !important;
    overflow: hidden;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: clamp(1.25rem, 2vw, 2rem) !important;
    background: var(--fg-surface-soft) !important;
    box-shadow: var(--fg-shadow-lg), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-lg));
    -webkit-backdrop-filter: blur(var(--fg-blur-lg));
}

html body.auth-page .login-panel {
    min-height: 100% !important;
    border-color: var(--fg-line) !important;
    color: var(--fg-ink) !important;
    background: rgba(255, 255, 255, .83) !important;
}

:root[data-theme="dark"] body.auth-page .login-panel,
:root[data-theme-mode="dark"] body.auth-page .login-panel {
    border-color: var(--fg-line) !important;
    color: var(--fg-ink) !important;
    background: rgba(29, 27, 36, .88) !important;
}

html body.auth-page .login-visual {
    color: var(--fg-ink) !important;
    background:
        radial-gradient(circle at 70% 18%, rgba(8, 127, 120, .16), transparent 22rem),
        radial-gradient(circle at 25% 78%, rgba(188, 77, 120, .14), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, .46), rgba(240, 235, 244, .40)) !important;
}

:root[data-theme="dark"] body.auth-page .login-visual,
:root[data-theme-mode="dark"] body.auth-page .login-visual {
    background:
        radial-gradient(circle at 70% 18%, rgba(98, 207, 197, .12), transparent 22rem),
        radial-gradient(circle at 25% 78%, rgba(240, 141, 179, .10), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(18, 17, 24, .48)) !important;
}

html body.auth-page :where(.brand-mark, .brand__mark) {
    border: 1px solid rgba(8, 127, 120, .20) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0b9289, #086a65) !important;
    box-shadow: 0 12px 30px rgba(8, 127, 120, .20), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}

html body.auth-page :where(.login-card, .security-card) {
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-xl) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-md), var(--fg-shadow-inset) !important;
}

html body.auth-page :where(.login-card h1, .security-card h1) {
    color: var(--fg-ink) !important;
    font-size: clamp(1.75rem, 1.35rem + 1vw, 2.45rem) !important;
    letter-spacing: -.04em !important;
}

html body.auth-page :where(.login-card p, .security-card p, .intro, .hint) {
    color: var(--fg-muted) !important;
}

html body.auth-page .security-shell {
    width: min(100%, 42rem) !important;
    margin: auto;
}

html body.auth-page .security-card {
    padding: clamp(1.5rem, 5vw, 2.75rem) !important;
}

html body.auth-page .qr-panel {
    border-color: var(--fg-line) !important;
    border-radius: var(--fg-radius-md) !important;
    background: var(--fg-surface-muted) !important;
}

html body.auth-page--setup .setup-page {
    width: 100%;
    min-height: calc(100dvh - clamp(1.5rem, 4vw, 3rem)) !important;
    padding: 0 !important;
}

html body.auth-page--setup .setup-container {
    width: min(100%, 70rem) !important;
    overflow: hidden !important;
    border: 1px solid var(--fg-line-glass) !important;
    border-radius: var(--fg-radius-2xl) !important;
    color: var(--fg-ink) !important;
    background: var(--fg-surface-soft) !important;
    box-shadow: var(--fg-shadow-lg), var(--fg-shadow-inset) !important;
    backdrop-filter: blur(var(--fg-blur-lg));
    -webkit-backdrop-filter: blur(var(--fg-blur-lg));
}

html body.auth-page--setup .setup-info {
    color: var(--fg-ink) !important;
    background:
        radial-gradient(circle at 88% 4%, rgba(8, 127, 120, .17), transparent 18rem),
        radial-gradient(circle at 10% 90%, rgba(188, 77, 120, .13), transparent 20rem),
        linear-gradient(145deg, rgba(255, 255, 255, .64), rgba(238, 232, 242, .48)) !important;
}

:root[data-theme="dark"] body.auth-page--setup .setup-info,
:root[data-theme-mode="dark"] body.auth-page--setup .setup-info {
    background:
        radial-gradient(circle at 88% 4%, rgba(98, 207, 197, .12), transparent 18rem),
        radial-gradient(circle at 10% 90%, rgba(240, 141, 179, .09), transparent 20rem),
        linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(19, 18, 25, .42)) !important;
}

html body.auth-page--setup .setup-info :where(h1, h2, h3, p, strong, span) {
    color: inherit !important;
}

html body.auth-page--setup .setup-info :where(.brand-subtitle, .step-text, p) {
    color: var(--fg-muted) !important;
}

html body.auth-page--setup .setup-step,
html body.auth-page--setup .security-box,
html body.auth-page--setup .notice {
    border-color: var(--fg-line) !important;
    border-radius: var(--fg-radius-sm) !important;
    color: var(--fg-ink-2) !important;
    background: var(--fg-surface-strong) !important;
    box-shadow: var(--fg-shadow-xs) !important;
}

html body.auth-page--setup .step-number,
html body.auth-page--setup .icon {
    color: var(--fg-accent-strong) !important;
    background: var(--fg-accent-soft) !important;
}

html body.auth-page--setup .setup-form-panel {
    color: var(--fg-ink) !important;
    background: var(--fg-surface-strong) !important;
}

html body.auth-page--setup .submit-button {
    border-color: var(--fg-accent) !important;
    border-radius: .75rem !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0b9289, var(--fg-accent-strong)) !important;
    box-shadow: 0 10px 24px rgba(8, 127, 120, .2), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

html body.auth-page--setup.setup-locked-page .card {
    width: min(100%, 40rem) !important;
    padding: clamp(1.75rem, 5vw, 3rem) !important;
}

/* ========================================================================== */
/* 10. RESPONSIVE INFORMATION ARCHITECTURE                                    */
/* ========================================================================== */

@media (max-width: 1480px) {
    :root {
        --fg-sidebar-width: 15rem;
        --fg-shell-gap: .875rem;
        --fg-shell-inset: .875rem;
    }
    html body .topbar-search { min-width: min(23rem, 29vw) !important; }
    html body .ew-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    html body .ew-actions nav { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 1180px) {
    :root {
        --fg-shell-inset: .75rem;
        --fg-shell-gap: .75rem;
    }

    html body .app-shell {
        display: block !important;
        padding: var(--fg-shell-inset) !important;
    }

    html body .sidebar,
    html body.sidebar-collapsed .sidebar {
        position: fixed !important;
        z-index: var(--fg-z-drawer) !important;
        top: var(--fg-shell-inset) !important;
        right: auto !important;
        bottom: var(--fg-shell-inset) !important;
        left: var(--fg-shell-inset) !important;
        width: min(19rem, calc(100vw - (var(--fg-shell-inset) * 2))) !important;
        height: auto !important;
        min-height: 0 !important;
        transform: translateX(calc(-100% - 2rem)) !important;
        transition: transform var(--fg-motion-slow) !important;
    }

    html body.sidebar-open .sidebar { transform: translateX(0) !important; }

    html body.sidebar-collapsed :is(.brand__text, .nav-section__title, .nav-item__label, .system-indicator__content) {
        display: block !important;
    }

    html body.sidebar-collapsed .sidebar__brand { justify-content: flex-start !important; padding: .875rem !important; }
    html body.sidebar-collapsed .sidebar__navigation { padding: .75rem .625rem 1rem !important; }
    html body.sidebar-collapsed .nav-section + .nav-section { margin-top: .875rem !important; padding-top: .75rem !important; }
    html body.sidebar-collapsed .nav-item { justify-content: flex-start !important; padding: .375rem .625rem !important; }

    html body .sidebar-overlay {
        z-index: calc(var(--fg-z-drawer) - 1) !important;
        background: var(--fg-overlay) !important;
        backdrop-filter: blur(5px);
    }

    html body .app-main,
    html body.sidebar-collapsed .app-main { margin: 0 !important; }

    html body .topbar { top: var(--fg-shell-inset) !important; }
    html body .topbar__menu { display: grid !important; }
    html body .topbar-search { min-width: 0 !important; flex: 1 1 auto !important; }
    html body .profile-dropdown { top: calc(var(--fg-shell-inset) + var(--fg-topbar-height) + .5rem) !important; right: var(--fg-shell-inset) !important; }
    html body .aho-entry-quicknav,
    html body .iw-commandbar,
    html body :where(.lab-toolbar, .expert96-commandbar) { top: calc(var(--fg-shell-inset) + var(--fg-topbar-height) + .625rem) !important; }
    html body .ew-grid,
    html body .iw-stage { grid-template-columns: 1fr !important; }
    html body .ew-briefing { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    html body .ew-briefing > .iw-kicker { grid-column: 1 / -1; }
    html body .ew-actions { grid-template-columns: 1fr !important; }
}

@media (max-width: 900px) {
    html body .topbar {
        min-height: 4rem !important;
        padding: .5rem !important;
    }
    html body .topbar__title,
    html body .topbar-greeting { display: none !important; }
    html body .topbar-search { margin-left: 0 !important; }
    html body .user-menu__details,
    html body .user-menu__chevron { display: none !important; }
    html body .user-menu { padding: .25rem !important; }
    html body .aho-theme-switcher button span { display: none !important; }
    html body .aho-theme-switcher button { width: 2.25rem !important; padding: 0 !important; }
    html body .page-header { align-items: flex-start !important; flex-direction: column !important; }
    html body .page-header__actions { width: 100%; }
    html body .page-header__actions :where(.button, button, a) { flex: 1 1 auto; }
    html body .iw-dimension-grid,
    html body :where(.lab-panels, .intel-goals-grid, .expert96-chart-grid) { grid-template-columns: 1fr !important; }
    html body .lab-insights { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    html body .lab-toolbar { align-items: stretch !important; flex-direction: column !important; }
    html body .lab-toolbar__year { width: 100%; }
    html body.auth-page .login-page { grid-template-columns: 1fr !important; }
    html body.auth-page .login-visual { display: none !important; }
}

@media (max-width: 680px) {
    :root {
        --fg-shell-inset: .5rem;
        --fg-shell-gap: .5rem;
        --fg-topbar-height: 3.75rem;
    }
    html { font-size: 15px; }
    html body .content { padding: 0 0 1.5rem !important; }
    html body .topbar { border-radius: 1rem !important; }
    html body .topbar-search span,
    html body .topbar-search kbd { display: none !important; }
    html body .topbar-search { width: 2.75rem !important; flex: 0 0 2.75rem !important; padding: 0 !important; justify-content: center !important; }
    html body .page-header,
    html body .ew-controlbar,
    html body .intel-hero,
    html body .expert96-hero,
    html body .aho-quality-hero,
    html body :where(.aho-inventory-hero, .aho-inventory-scan__hero) { padding: 1rem !important; border-radius: var(--fg-radius-md) !important; }
    html body .page-header h1 { font-size: 1.45rem !important; }
    html body .ew-controlbar { align-items: stretch !important; flex-direction: column !important; }
    html body .ew-controlbar__actions { align-items: stretch !important; flex-direction: column !important; width: 100%; }
    html body .ew-controlbar__actions :where(form, select, a) { width: 100% !important; }
    html body .ew-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .5rem !important; }
    html body .ew-metric { min-height: 7rem !important; padding: .75rem !important; }
    html body .ew-trend { padding: .75rem !important; }
    html body .ew-trend__canvas { min-height: 17rem !important; }
    html body .ew-briefing { grid-template-columns: 1fr !important; }
    html body .ew-actions nav { grid-template-columns: 1fr !important; }
    html body .iw-panel { padding: .75rem !important; border-radius: var(--fg-radius-md) !important; }
    html body .iw-metric-strip,
    html body :where(.lab-kpis, .intel-kpis, .lab82-kpis, .aho-quality-kpis, .aho-inventory-kpis) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .5rem !important; }
    html body .iw-section-head { align-items: flex-start !important; flex-direction: column !important; gap: .5rem !important; }
    html body .aho-chart-export { width: 100%; }
    html body .aho-chart-type-label { width: 100%; }
    html body .aho-chart-export .button { flex: 1 1 auto; }
    html body .fg-chart-intelligence { grid-template-columns: 1fr !important; margin-inline: .75rem; }
    html body .fg-chart-intelligence__actions,
    html body .fg-chart-table-wrap { grid-column: 1; }
    html body .lab-insights { grid-template-columns: 1fr !important; }
    html body .aho-inventory-product { grid-template-columns: 1fr !important; }
    html body .aho-inventory-product__stock { justify-items: start !important; }
    html body .aho-inventory-product__actions { justify-content: stretch !important; }
    html body .aho-inventory-product__actions .button { flex: 1 1 auto; }
    html body .aho-entry-actionbar { right: .5rem !important; bottom: .5rem !important; left: .5rem !important; }
    html body.auth-page { padding: .5rem !important; }
    html body.auth-page .login-page { min-height: calc(100dvh - 1rem) !important; border-radius: 1rem !important; }
    html body.auth-page .login-panel { padding: 1.25rem !important; }
}

@media (max-width: 430px) {
    html body .notification-button { display: none !important; }
    html body .ew-metrics,
    html body .iw-metric-strip,
    html body :where(.lab-kpis, .intel-kpis, .lab82-kpis, .aho-quality-kpis, .aho-inventory-kpis) { grid-template-columns: 1fr !important; }
    html body .aho-theme-switcher { display: none !important; }
}

@media print {
    html body { background: #ffffff !important; }
    html body :where(.sidebar, .topbar, .app-footer, .aho-entry-actionbar, .fg-chart-tooltip) { display: none !important; }
    html body .app-shell { display: block !important; padding: 0 !important; }
    html body .content { max-width: none !important; padding: 0 !important; }
    html body :where(.card, .aho-card, .iw-panel, .lab-panel, .intel-panel) { backdrop-filter: none !important; box-shadow: none !important; }
}


/* ========================================================================== */
/* SOURCE: floating-glass-1.0.112.css — 1.0.112 delta                         */
/* ========================================================================== */

/* ========================================================================== */
/* Techburg MGM 1.0.112 — Enterprise Surface Unification & Precision Layout   */
/* Authoritative last layer. Visual/UI only; no domain logic changes.          */
/* ========================================================================== */

:root {
    --tb-page: #eaf0f3;
    --tb-page-2: #e5ecef;
    --tb-surface: color-mix(in srgb, var(--tb-page) 88%, #ffffff 12%);
    --tb-surface-raised: color-mix(in srgb, var(--tb-page) 76%, #ffffff 24%);
    --tb-surface-soft: color-mix(in srgb, var(--tb-page) 94%, #ffffff 6%);
    --tb-line: #c8d5dc;
    --tb-line-strong: #b5c6d0;
    --tb-ink: #10263a;
    --tb-muted: #607486;
    --tb-radius: 16px;
    --tb-radius-sm: 12px;
    --tb-shadow: 0 10px 28px rgba(24, 48, 66, .07), inset 0 1px 0 rgba(255,255,255,.55);
    --tb-shadow-hover: 0 16px 34px rgba(24, 48, 66, .11), inset 0 1px 0 rgba(255,255,255,.65);
    --tb-motion: 180ms cubic-bezier(.2,.75,.2,1);
}

:root[data-theme="dark"],
:root[data-theme-mode="dark"] {
    --tb-page: #0d1b29;
    --tb-page-2: #101f2d;
    --tb-surface: #142638;
    --tb-surface-raised: #193047;
    --tb-surface-soft: #112334;
    --tb-line: #2c455b;
    --tb-line-strong: #3a5871;
    --tb-ink: #f3f7fb;
    --tb-muted: #a5b6c6;
    --tb-shadow: 0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
    --tb-shadow-hover: 0 18px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}

/* One coherent application canvas. */
html body {
    background: linear-gradient(180deg, var(--tb-page) 0%, var(--tb-page-2) 100%) !important;
}
html body .content,
html body .app-main,
html body .aho-entry-form,
html body .aho-entry-layout--single,
html body :where(.lab82-shell,.lab83-shell,.expert96-shell,.iw-workspace,.intel-shell,.aho-enterprise-workspace) {
    background: transparent !important;
}

/* Global premium surface grammar — same geometry, same depth, same rhythm. */
html body :where(
    .card,.aho-card,.aho-form-card,.aho-admin-card,.aho-feature-card,.aho-import-card,
    .aho-import-job-card,.aho-audit-detail-card,.aho-audit-filter-card,.aho-audit-summary-card,
    .aho-profile-security-card,.aho-profile-theme-card,.aho-profile-image-card,.aho-annual-report-card,
    .lab82-card,.lab-panel,.intel-panel,.iw-panel,.iw-stage__main,.iw-insight-rail,
    .aho-inventory-catalog,.aho-inventory-movements,.aho-scanner-card,.GlassCard,.FloatingGlassCard,
    .expert96-chart,.expert96-quality-kpis > article,.expert96-signal-grid > article
) {
    border: 1px solid var(--tb-line) !important;
    border-radius: var(--tb-radius) !important;
    color: var(--tb-ink) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.20), transparent 46%), var(--tb-surface) !important;
    box-shadow: var(--tb-shadow) !important;
    transition: transform var(--tb-motion), border-color var(--tb-motion), box-shadow var(--tb-motion), background var(--tb-motion) !important;
}
html body :where(
    .card,.aho-card,.aho-form-card,.aho-admin-card,.aho-feature-card,.lab82-card,.lab-panel,.intel-panel,
    .iw-panel,.aho-inventory-catalog,.aho-inventory-movements,.aho-scanner-card
):hover {
    border-color: color-mix(in srgb, var(--fg-accent) 32%, var(--tb-line) 68%) !important;
    box-shadow: var(--tb-shadow-hover) !important;
}

/* Entry pages remain one smooth paper workspace, not a stack of white islands. */
html body[class*="page-entry--"] .aho-entry-form :where(.aho-form-section,.aho-fieldset,.aho-entry-group,.aho-team-options) {
    background: transparent !important;
    box-shadow: none !important;
}
html body[class*="page-entry--"] .aho-entry-form .aho-fieldset {
    border-color: color-mix(in srgb, var(--tb-line) 82%, transparent 18%) !important;
}
html body[class*="page-entry--"] .aho-entry-form :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.aho-number-stepper) {
    border-color: var(--tb-line) !important;
    background: var(--tb-surface-raised) !important;
    color: var(--tb-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34) !important;
}

/* Choice cards: consistent premium controls across all modules. */
html body :where(.aho73-choice,.aho85-choice,.aho-choice-card,.choice-card) {
    border: 1px solid var(--tb-line) !important;
    border-radius: var(--tb-radius-sm) !important;
    background: var(--tb-surface) !important;
    box-shadow: 0 4px 12px rgba(23,48,66,.045), inset 0 1px 0 rgba(255,255,255,.36) !important;
    transition: transform var(--tb-motion), border-color var(--tb-motion), box-shadow var(--tb-motion), background var(--tb-motion) !important;
}
html body :where(.aho73-choice,.aho85-choice,.aho-choice-card,.choice-card):hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--entry-accent,var(--fg-accent)) 38%, var(--tb-line) 62%) !important;
    box-shadow: 0 10px 22px rgba(23,48,66,.085), inset 0 1px 0 rgba(255,255,255,.46) !important;
}
html body :where(.aho73-choice,.aho85-choice,.aho-choice-card,.choice-card):has(input:checked) {
    border-color: color-mix(in srgb, var(--entry-accent,var(--fg-accent)) 70%, var(--tb-line) 30%) !important;
    background: color-mix(in srgb, var(--entry-accent-soft,var(--fg-accent-soft)) 58%, var(--tb-surface) 42%) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--entry-accent,var(--fg-accent)) 12%, transparent), 0 10px 24px rgba(23,48,66,.08) !important;
}

/* Definitive selected indicator — centered, readable and identical everywhere. */
html body .aho-entry-form :where(.aho73-choice,.aho85-choice,.aho-choice-card,.choice-card) :where(.aho73-choice__indicator,.aho85-choice__indicator,.aho-choice-card__indicator,.choice__indicator) {
    display: grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border: 1.5px solid #8fa8ba !important;
    border-radius: 7px !important;
    color: transparent !important;
    background: color-mix(in srgb, var(--tb-surface-raised) 92%, transparent 8%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important;
}
html body .aho-entry-form :where(.aho73-choice,.aho85-choice,.aho-choice-card,.choice-card):has(input:checked) :where(.aho73-choice__indicator,.aho85-choice__indicator,.aho-choice-card__indicator,.choice__indicator) {
    border-color: var(--entry-accent,var(--fg-accent)) !important;
    color: #fff !important;
    background: var(--entry-accent,var(--fg-accent)) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--entry-accent,var(--fg-accent)) 28%, transparent) !important;
}
html body .aho-entry-form :where(.aho73-choice,.aho85-choice,.aho-choice-card,.choice-card):has(input:checked) :where(.aho73-choice__indicator,.aho85-choice__indicator,.aho-choice-card__indicator,.choice__indicator)::before {
    content: "✓" !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: translateY(-.5px);
}

/* Beratung: documentation, date, responsible person and team share ONE command row. */
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid {
    display: grid !important;
    grid-template-columns: minmax(350px,1.25fr) minmax(190px,.72fr) minmax(230px,.86fr) minmax(240px,.92fr) !important;
    gap: 14px !important;
    align-items: end !important;
    width: 100% !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho96-documentation-block,
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-date,
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-employee,
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > #social-team.aho101-team-inline {
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho96-documentation-block { grid-column: 1 !important; }
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-date { grid-column: 2 !important; }
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-employee { grid-column: 3 !important; }
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > #social-team.aho101-team-inline { grid-column: 4 !important; align-self: end !important; }
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-team-switch {
    min-height: 46px !important;
    padding: 0 13px !important;
    border: 1px solid var(--tb-line) !important;
    border-radius: 12px !important;
    background: var(--tb-surface-raised) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38) !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-team-switch:hover {
    border-color: color-mix(in srgb, var(--entry-accent,#0b9489) 40%, var(--tb-line) 60%) !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid .aho-choice-grid--field-contact_purpose {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid .aho-choice-grid--field-contact_purpose > label {
    min-height: 46px !important;
}

/* Keep command rows dense on medium screens rather than creating dead space. */
@media (max-width: 1320px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid {
        grid-template-columns: minmax(330px,1.3fr) minmax(180px,.72fr) minmax(220px,.9fr) !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > #social-team.aho101-team-inline {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        max-width: 24rem !important;
    }
}
@media (max-width: 960px) {
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho96-documentation-block { grid-column: 1 / -1 !important; grid-row: 1 !important; }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-date { grid-column: 1 !important; grid-row: 2 !important; }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > .aho95-meta-employee { grid-column: 2 !important; grid-row: 2 !important; }
    html body.page-entry--social-work .app-shell .aho-entry-form .aho101-consultation-command-grid > #social-team.aho101-team-inline { grid-column: 1 / -1 !important; grid-row: 3 !important; }
}

/* Global KPI/card grids: fill available width cleanly and avoid orphaned tiny cards. */
html body :where(
    .lab82-kpi-grid,.expert96-kpis,.expert97-kpis-primary,.expert96-secondary-kpis,.expert97-kpis-secondary,
    .expert96-signal-grid,.expert96-quality-kpis,.iw-metric-strip,.lab-kpis,.intel-kpis,.aho-quality-kpis,.aho-inventory-kpis
) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(190px,1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}
html body :where(.lab82-kpi,.lab82-mini,.expert96-signal,.expert96-quality-kpis > article) {
    min-height: 92px !important;
    padding: 14px 15px !important;
    border: 1px solid var(--tb-line) !important;
    border-radius: 14px !important;
    background: var(--tb-surface) !important;
    box-shadow: var(--tb-shadow) !important;
}

/* Auswertung / Expert Explorer: compact, dense, no giant empty canvas. */
html body.page-expert-evaluation .expert96-shell {
    display: grid !important;
    gap: 14px !important;
}
html body.page-expert-evaluation .expert96-commandbar {
    border: 1px solid var(--tb-line) !important;
    border-radius: var(--tb-radius) !important;
    background: var(--tb-surface) !important;
    box-shadow: var(--tb-shadow) !important;
}
html body.page-expert-evaluation .lab82-view.is-active {
    display: grid !important;
    gap: 14px !important;
    align-content: start !important;
}
html body.page-expert-evaluation .lab82-section-head {
    min-height: 72px !important;
    padding: 14px 16px !important;
    border: 1px solid var(--tb-line) !important;
    border-radius: var(--tb-radius) !important;
    background: var(--tb-surface) !important;
    box-shadow: var(--tb-shadow) !important;
}
html body.page-expert-evaluation .expert96-analysis-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
}
html body.page-expert-evaluation .expert96-analysis-grid > .lab82-card {
    padding: 16px !important;
    min-height: 0 !important;
}
html body.page-expert-evaluation .expert96-analysis-links {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}
html body.page-expert-evaluation .expert96-analysis-links a {
    min-height: 50px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--tb-line) !important;
    border-radius: 12px !important;
    color: var(--tb-ink) !important;
    background: var(--tb-surface-raised) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35) !important;
    transition: transform var(--tb-motion), border-color var(--tb-motion), background var(--tb-motion) !important;
}
html body.page-expert-evaluation .expert96-analysis-links a:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb,var(--fg-indigo) 38%,var(--tb-line) 62%) !important;
    background: color-mix(in srgb,var(--fg-indigo) 7%,var(--tb-surface-raised) 93%) !important;
}
html body.page-expert-evaluation .expert96-method-list {
    display: grid !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
html body.page-expert-evaluation .expert96-method-list li {
    position: relative;
    margin: 0 !important;
    padding: 10px 12px 10px 30px !important;
    border: 1px solid var(--tb-line) !important;
    border-radius: 11px !important;
    color: var(--tb-muted) !important;
    background: var(--tb-surface-raised) !important;
}
html body.page-expert-evaluation .expert96-method-list li::before {
    content: "✓";
    position: absolute;
    left: 10px;
    top: 9px;
    color: var(--fg-accent);
    font-weight: 900;
}
html body.page-expert-evaluation .expert96-signal-grid {
    grid-template-columns: repeat(auto-fit,minmax(220px,1fr)) !important;
}
html body.page-expert-evaluation .expert96-filter-panel {
    border: 1px solid var(--tb-line) !important;
    border-radius: 12px !important;
    background: var(--tb-surface-raised) !important;
    box-shadow: var(--tb-shadow) !important;
}

/* Tables / list rows / reports share the same enterprise surface language. */
html body :where(table,.aho-table,.GlassTable,.iw-compare-table) {
    border-color: var(--tb-line) !important;
    background: transparent !important;
}
html body :where(table,.aho-table,.GlassTable,.iw-compare-table) :where(th,td) {
    border-color: var(--tb-line) !important;
}
html body :where(table,.aho-table,.GlassTable,.iw-compare-table) th {
    color: var(--tb-ink) !important;
    background: var(--tb-surface-raised) !important;
}
html body :where(table,.aho-table,.GlassTable,.iw-compare-table) tbody tr {
    background: color-mix(in srgb,var(--tb-surface) 88%,transparent 12%) !important;
}
html body :where(table,.aho-table,.GlassTable,.iw-compare-table) tbody tr:hover {
    background: color-mix(in srgb,var(--fg-accent) 7%,var(--tb-surface) 93%) !important;
}

/* Section headings become calm, aligned anchors rather than visual cards. */
html body[class*="page-entry--"] .aho-entry-form :where(.aho-section-heading,.aho-form-section__header,.aho-entry-section-header) {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb,var(--tb-line) 78%,transparent 22%) !important;
    box-shadow: none !important;
}

/* Dark-mode hardening: never leave bright white cards behind. */
:root[data-theme="dark"] body :where(
    .card,.aho-card,.aho-form-card,.aho-fieldset,.aho-form-section,.lab82-card,.lab-panel,.intel-panel,
    .iw-panel,.expert96-chart,.expert96-analysis-links a,.expert96-method-list li,
    .aho-import-card,.aho-admin-card,.aho-annual-report-card,.aho-report-preview,.activity-report-preview
) {
    color: var(--tb-ink) !important;
    border-color: var(--tb-line) !important;
    background: var(--tb-surface) !important;
}
:root[data-theme="dark"] body :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.aho-number-stepper) {
    color: var(--tb-ink) !important;
    border-color: var(--tb-line) !important;
    background: var(--tb-surface-raised) !important;
}

/* Branded footer/eyebrow helper — product name is Techburg MGM, organisation stays configurable. */
html body .topbar__eyebrow,
html body .brand__text small {
    letter-spacing: .01em !important;
}

@media (max-width: 1180px) {
    html body.page-expert-evaluation .expert96-analysis-grid { grid-template-columns: 1fr !important; }
    html body.page-expert-evaluation .expert96-analysis-links { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 700px) {
    html body.page-expert-evaluation .expert96-analysis-links { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
    html body :where(.aho73-choice,.aho85-choice,.aho-choice-card,.choice-card,.card,.aho-card,.lab82-card,.expert96-analysis-links a) {
        transition: none !important;
        transform: none !important;
    }
}

/* ========================================================================== 
   1.0.113 · Statistical Capture Restructure · Premium Floating Glass
   Beratung · Testung · Informationskontakte · Veranstaltungen
   ========================================================================== */

html body.page-entry--social-work,
html body.page-information-contacts,
html body.page-testing-capture,
html body.page-events-hub {
    --stat113-accent: #7c3aed;
    --stat113-accent-2: #0f766e;
    --stat113-line: color-mix(in srgb, var(--tb-line) 72%, rgba(124,58,237,.18) 28%);
    background:
        radial-gradient(900px 520px at 12% 0%, rgba(244,114,182,.10), transparent 68%),
        radial-gradient(800px 500px at 92% 8%, rgba(59,130,246,.09), transparent 66%),
        linear-gradient(180deg, color-mix(in srgb,var(--tb-canvas) 96%,#fff 4%), var(--tb-canvas)) !important;
}

html body.page-entry--social-work .main-content,
html body.page-information-contacts .main-content,
html body.page-testing-capture .main-content,
html body.page-events-hub .main-content {
    max-width: 1560px !important;
}

.stat113-hero,
.stat113-definition,
.stat113-panel,
.stat113-info-panel,
.stat113-event-category-banner,
html body.page-entry--social-work .aho-entry-premium-head,
html body.page-entry--social-work .aho-form-section {
    border: 1px solid var(--stat113-line) !important;
    background: color-mix(in srgb,var(--tb-surface) 84%,transparent 16%) !important;
    backdrop-filter: blur(22px) saturate(1.22);
    -webkit-backdrop-filter: blur(22px) saturate(1.22);
    box-shadow: 0 16px 45px rgba(28,26,43,.07), inset 0 1px 0 rgba(255,255,255,.56) !important;
}

.stat113-hero {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 18px;
    padding: 22px 24px;
    border-radius: 22px;
}
.stat113-hero__icon {
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(145deg,#7c3aed,#2563eb);
    box-shadow: 0 12px 26px rgba(79,70,229,.24);
}
.stat113-hero__icon svg { width: 27px; height: 27px; }
.stat113-hero h1 { margin: 2px 0 5px; font-size: clamp(1.65rem,2.2vw,2.25rem); letter-spacing: -.035em; }
.stat113-hero p { max-width: 880px; margin: 0; color: var(--tb-muted); line-height: 1.55; }
.stat113-eyebrow { color: var(--stat113-accent); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.stat113-hero--information .stat113-hero__icon { background: linear-gradient(145deg,#0f766e,#0891b2); }
.stat113-hero--testing .stat113-hero__icon { background: linear-gradient(145deg,#2563eb,#4f46e5); }
.stat113-hero--events .stat113-hero__icon { background: linear-gradient(145deg,#9333ea,#db2777); }

.stat113-definition {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    margin: 0 0 14px;
    padding: 14px 16px;
    border-radius: 15px;
}
.stat113-definition__icon,
.stat113-info-panel__icon,
.stat113-mini-icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--stat113-accent-2);
}
.stat113-definition__icon svg,.stat113-info-panel__icon svg { width: 22px; height: 22px; }
.stat113-definition strong,.stat113-info-panel strong { display:block; margin-bottom:3px; }
.stat113-definition p,.stat113-info-panel p { margin:0; color:var(--tb-muted); line-height:1.5; }

html body.page-entry--social-work .aho-entry-premium-head {
    border-radius: 22px !important;
    padding: 19px 22px !important;
    margin-bottom: 12px !important;
}
html body.page-entry--social-work .aho-entry-quicknav {
    position: sticky;
    top: 72px;
    z-index: 18;
    padding: 7px !important;
    border: 1px solid var(--stat113-line) !important;
    border-radius: 15px !important;
    background: color-mix(in srgb,var(--tb-surface) 80%,transparent 20%) !important;
    backdrop-filter: blur(18px);
    box-shadow: 0 9px 28px rgba(28,26,43,.06) !important;
}
html body.page-entry--social-work .aho-entry-quicknav a {
    min-height: 42px !important;
    border-radius: 10px !important;
}
html body.page-entry--social-work .aho-entry-statusdeck { gap: 10px !important; }
html body.page-entry--social-work .aho-entry-statuscard { min-height: 84px !important; border-radius: 14px !important; }
html body.page-entry--social-work .aho-form-section {
    margin: 0 0 13px !important;
    padding: 18px !important;
    border-radius: 18px !important;
}
html body.page-entry--social-work .aho-form-section__header { margin: -2px 0 14px !important; padding: 0 0 11px !important; }
html body.page-entry--social-work .aho-form-section__header h2 { font-size: 1.05rem !important; letter-spacing: -.02em; }
html body.page-entry--social-work .aho-form-section__header p { font-size: .83rem !important; }

.stat113-primary-choice .aho-choice-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; max-width: none !important; }
.stat113-primary-choice .aho-choice-grid > label { min-height: 66px !important; }
.stat113-field-note { margin: 9px 0 0; color: var(--tb-muted); font-size: .82rem; line-height: 1.5; }
.stat113-client-panel {
    margin: 12px 0 16px;
    padding: 15px;
    border: 1px solid color-mix(in srgb,var(--stat113-accent) 20%,var(--tb-line) 80%);
    border-radius: 15px;
    background: linear-gradient(135deg,rgba(124,58,237,.055),rgba(37,99,235,.035));
}
.stat113-client-panel__head { display:flex; gap:10px; align-items:flex-start; margin-bottom:11px; }
.stat113-client-panel__head strong { display:block; }
.stat113-client-panel__head small { display:block; margin-top:2px; color:var(--tb-muted); line-height:1.45; }
.stat113-client-lookup { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; }
.stat113-lookup-button { min-height: 46px; white-space: nowrap; }
.stat113-client-status { min-height: 0; margin-top: 8px; padding: 0; font-size: .82rem; font-weight: 650; }
.stat113-client-status:not(:empty) { padding: 8px 10px; border-radius: 9px; }
.stat113-client-status.is-success { color:#0f766e; background:rgba(16,185,129,.10); }
.stat113-client-status.is-error { color:#b42318; background:rgba(239,68,68,.09); }
.stat113-client-status.is-loading,.stat113-client-status.is-neutral { color:var(--tb-muted); background:rgba(100,116,139,.08); }

.stat113-meta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; align-items:start; }
.stat113-meta-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.stat113-meta-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.stat113-team-control { min-width:0; align-self:end; }
.stat113-team-options { margin-top:10px; }
.stat113-time-grid { margin-top: 12px; }
.stat113-required-fieldset { border-color: color-mix(in srgb,var(--stat113-accent) 18%,var(--tb-line) 82%) !important; }
.stat113-other-field { margin-top: 10px; max-width: 700px; }
.stat113-language-select select[multiple] { min-height: 220px; padding: 8px; }
.stat113-language-select option { padding: 7px 8px; border-radius: 7px; }

html body.page-entry--social-work .aho-choice-grid { gap: 8px !important; }
html body.page-entry--social-work .aho-choice-grid > label {
    min-height: 54px !important;
    border-radius: 13px !important;
    border-color: color-mix(in srgb,var(--tb-line) 86%,transparent 14%) !important;
    background: color-mix(in srgb,var(--tb-surface-raised) 87%,transparent 13%) !important;
    box-shadow: none !important;
}
html body.page-entry--social-work .aho-choice-grid > label:hover { transform: translateY(-1px); border-color: color-mix(in srgb,var(--stat113-accent) 34%,var(--tb-line) 66%) !important; }
html body.page-entry--social-work .aho-choice-grid > label:has(input:checked) {
    border-color: color-mix(in srgb,var(--stat113-accent) 56%,var(--tb-line) 44%) !important;
    background: linear-gradient(135deg,rgba(124,58,237,.09),rgba(37,99,235,.055)) !important;
    box-shadow: 0 6px 18px rgba(79,70,229,.08) !important;
}

.stat113-panel { margin:0 0 14px; padding:19px; border-radius:18px; }
.stat113-panel--compact { padding:17px 19px; }
.stat113-panel__head { display:flex; justify-content:space-between; gap:14px; margin-bottom:15px; padding-bottom:11px; border-bottom:1px solid var(--stat113-line); }
.stat113-panel__head > div { display:grid; grid-template-columns:auto 1fr; column-gap:9px; align-items:center; }
.stat113-panel__head h2 { grid-column:2; margin:0; font-size:1.05rem; }
.stat113-panel__head p { grid-column:2; margin:3px 0 0; color:var(--tb-muted); font-size:.84rem; line-height:1.45; }
.stat113-step { grid-row:1 / span 2; display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:var(--stat113-accent); background:rgba(124,58,237,.09); font-weight:850; font-size:.72rem; }
.stat113-form-actions { position:sticky; bottom:12px; z-index:12; display:flex; justify-content:flex-end; gap:9px; margin-top:14px; padding:10px; border:1px solid var(--stat113-line); border-radius:14px; background:color-mix(in srgb,var(--tb-surface) 82%,transparent 18%); backdrop-filter:blur(18px); box-shadow:0 12px 35px rgba(28,26,43,.08); }

.stat113-contact-table { overflow:hidden; border:1px solid var(--stat113-line); border-radius:14px; background:color-mix(in srgb,var(--tb-surface-raised) 82%,transparent 18%); }
.stat113-contact-table__header,.stat113-contact-row { display:grid; grid-template-columns:minmax(280px,1.7fr) minmax(130px,.55fr) minmax(130px,.55fr); gap:10px; align-items:center; }
.stat113-contact-table__header { padding:9px 13px; color:var(--tb-muted); background:rgba(100,116,139,.055); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.055em; }
.stat113-contact-row { padding:10px 13px; border-top:1px solid var(--stat113-line); transition:background .16s ease,border-color .16s ease; }
.stat113-contact-row.is-active { background:linear-gradient(90deg,rgba(15,118,110,.06),transparent); }
.stat113-contact-row__label { display:flex; gap:10px; align-items:center; }
.stat113-contact-row__label strong,.stat113-contact-row__label small { display:block; }
.stat113-contact-row__label small { margin-top:2px; color:var(--tb-muted); font-size:.76rem; }
.stat113-contact-row label { display:grid; grid-template-columns:1fr auto; gap:6px; align-items:center; }
.stat113-contact-row input { min-width:0; }
.stat113-contact-row label small { color:var(--tb-muted); font-size:.72rem; }

.stat113-test-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.stat113-test-card { padding:13px; border:1px solid var(--stat113-line); border-radius:14px; background:color-mix(in srgb,var(--tb-surface-raised) 84%,transparent 16%); }
.stat113-test-card__toggle { display:flex; align-items:center; gap:9px; min-height:38px; margin-bottom:9px; cursor:pointer; }
.stat113-test-card__toggle input { width:18px; height:18px; }
.stat113-test-card--simple { display:grid; align-content:start; }

.stat113-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.stat113-category-card { position:relative; display:grid; grid-template-columns:50px 1fr auto; gap:12px; align-items:center; min-height:118px; padding:17px; border:1px solid var(--stat113-line); border-radius:18px; color:var(--tb-ink); background:color-mix(in srgb,var(--tb-surface) 84%,transparent 16%); backdrop-filter:blur(20px); box-shadow:0 12px 35px rgba(28,26,43,.055),inset 0 1px 0 rgba(255,255,255,.52); text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.stat113-category-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--stat113-accent) 40%,var(--tb-line) 60%); box-shadow:0 18px 42px rgba(79,70,229,.10); }
.stat113-category-card__icon { display:grid; place-items:center; width:50px; height:50px; border-radius:15px; color:var(--stat113-accent); background:linear-gradient(145deg,rgba(124,58,237,.11),rgba(37,99,235,.07)); }
.stat113-category-card__icon svg { width:23px; height:23px; }
.stat113-category-card__copy strong,.stat113-category-card__copy small { display:block; }
.stat113-category-card__copy strong { font-size:.99rem; }
.stat113-category-card__copy small { margin-top:4px; color:var(--tb-muted); line-height:1.4; }
.stat113-category-card__arrow { color:var(--stat113-accent); font-size:1.2rem; }
.stat113-info-panel { display:flex; gap:12px; margin-top:14px; padding:14px 16px; border-radius:15px; }

.stat113-event-category-banner { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; margin-bottom:13px; padding:14px 16px; border-radius:15px; }
.stat113-event-category-banner > span { color:var(--stat113-accent); }
.stat113-event-category-banner small,.stat113-event-category-banner strong { display:block; }
.stat113-event-category-banner small { color:var(--tb-muted); }
.stat113-event-category-banner p { margin:3px 0 0; color:var(--tb-muted); font-size:.8rem; }

:root[data-theme="dark"] .stat113-hero,
:root[data-theme="dark"] .stat113-definition,
:root[data-theme="dark"] .stat113-panel,
:root[data-theme="dark"] .stat113-info-panel,
:root[data-theme="dark"] .stat113-category-card,
:root[data-theme="dark"] .stat113-event-category-banner,
:root[data-theme="dark"] body.page-entry--social-work .aho-form-section,
:root[data-theme="dark"] body.page-entry--social-work .aho-entry-premium-head {
    background:color-mix(in srgb,var(--tb-surface) 88%,transparent 12%) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035) !important;
}

@media (max-width:1180px){
    .stat113-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .stat113-test-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .stat113-meta-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:780px){
    .stat113-hero{align-items:flex-start;padding:17px;border-radius:17px;}
    .stat113-hero__icon{width:48px;height:48px;flex-basis:48px;border-radius:14px;}
    .stat113-category-grid,.stat113-test-grid,.stat113-meta-grid,.stat113-meta-grid--2,.stat113-meta-grid--3,.stat113-client-lookup{grid-template-columns:1fr;}
    .stat113-contact-table__header{display:none;}
    .stat113-contact-row{grid-template-columns:1fr 1fr;}
    .stat113-contact-row__label{grid-column:1/-1;}
    .stat113-primary-choice .aho-choice-grid{grid-template-columns:1fr !important;}
    .stat113-event-category-banner{grid-template-columns:auto 1fr;}
    .stat113-event-category-banner .button{grid-column:1/-1;}
    html body.page-entry--social-work .aho-entry-quicknav{position:relative;top:auto;}
}