/* Small controls for the new appearance picker; existing page styling is untouched. */
.brand-title__short { display: none; }
.ak-desktop-topbar { display: none; }
.payment-period-field__localized { display: none; }
.appearance-options { display: grid; gap: 6px; padding: 3px 6px 7px; }
.appearance-option {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 52px;
    padding: 7px 9px;
    border: 1px solid #dce5f1;
    border-radius: 10px;
    background: #fff;
    color: #22314b;
    text-align: left;
    cursor: pointer;
    font: inherit;
}
.appearance-option:hover,
.appearance-option[aria-pressed="true"] { border-color: #9db8df; background: #f2f7ff; }
.appearance-option__swatch {
    display: block;
    width: 29px;
    height: 23px;
    border: 1px solid #b8c7d9;
    border-radius: 5px;
    background: linear-gradient(90deg, #e7edf5 0 28%, #fff 28% 100%);
    box-shadow: 0 1px 3px rgba(17, 34, 58, .12);
}
.appearance-option__swatch--desktop { background: linear-gradient(90deg, #172c49 0 28%, #edf3fa 28% 100%); }
.appearance-option__copy { display: grid; gap: 2px; min-width: 0; }
.appearance-option__copy strong { color: #24364e; font-size: 11px; font-weight: 740; }
.appearance-option__copy small { color: #5d6d82; font-size: 10px; line-height: 1.35; }
.appearance-option__check { color: #2863c7; opacity: 0; font-size: 13px; font-weight: 800; }
.appearance-option[aria-pressed="true"] .appearance-option__check { opacity: 1; }

/* Optional Aksel Desktop appearance. No rules in this file affect the mobile layout. */
@media (min-width: 1024px) {
    :root[data-aksel-theme="desktop"] {
        color-scheme: light;
        --ak-bg: #eef3f9;
        --ak-bg-elevated: #f7f9fc;
        --ak-surface: #ffffff;
        --ak-surface-soft: #f7f9fc;
        --ak-surface-strong: #edf2f8;
        --ak-ink: #142238;
        --ak-ink-soft: #43536a;
        --ak-muted: #64748b;
        --ak-line: #e2e8f0;
        --ak-line-strong: #cbd5e1;
        --ak-brand: #2863c7;
        --ak-brand-hover: #1c4f9f;
        --ak-brand-soft: #edf4ff;
        --ak-dark-surface: #1c3151;
        --ak-dark-surface-deep: #14243d;
        --ak-dark-surface-hover: #2b4367;
        --ak-success: #18764b;
        --ak-success-soft: #e7f5ed;
        --ak-danger: #b42335;
        --ak-danger-soft: #fff0f1;
        --ak-radius-xs: 7px;
        --ak-radius-sm: 10px;
        --ak-radius-md: 13px;
        --ak-radius-lg: 17px;
        --ak-radius-xl: 22px;
        --ak-shadow-xs: 0 1px 2px rgba(20, 34, 56, .04);
        --ak-shadow-sm: 0 8px 24px rgba(20, 43, 76, .055);
        --ak-shadow-md: 0 16px 40px rgba(20, 43, 76, .09);
        --ak-focus: 0 0 0 4px rgba(59, 130, 246, .18);
        --bg: var(--ak-bg);
        --surface: var(--ak-surface);
        --surface-muted: var(--ak-surface-soft);
        --text: var(--ak-ink);
        --muted: var(--ak-muted);
        --line: var(--ak-line);
        --primary: var(--ak-brand);
        --primary-dark: var(--ak-brand-hover);
        --success: var(--ak-success);
        --danger: var(--ak-danger);
        --shadow: var(--ak-shadow-sm);
        --shadow-hover: var(--ak-shadow-md);
        --ring: var(--ak-focus);
        background: var(--ak-bg);
    }

    html[data-aksel-theme="desktop"] body {
        min-width: 0;
        background: #eef3f9 !important;
        color: #142238 !important;
        font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
        font-size: 14px;
        line-height: 1.55;
    }

    html[data-aksel-theme="desktop"] body > header {
        position: fixed !important;
        inset: 0 auto 0 0;
        z-index: 3100 !important;
        width: 264px;
        max-height: 100vh;
        max-height: 100dvh;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 0;
        background: #14243d !important;
        border-right: 1px solid rgba(255, 255, 255, .08);
        box-shadow: 12px 0 34px rgba(17, 34, 58, .09) !important;
        animation: none;
        scrollbar-color: #526783 #14243d;
        scrollbar-width: thin;
    }

    html[data-aksel-theme="desktop"] body > header .header-shell {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        width: auto;
        max-width: none !important;
        min-height: 100%;
        margin: 0;
        padding: 26px 15px 24px;
        overflow: visible !important;
    }

    html[data-aksel-theme="desktop"] body > header .header-top {
        display: grid;
        justify-content: stretch;
        gap: 17px;
        padding: 0 8px 18px;
        border-bottom: 1px solid rgba(231, 240, 255, .12);
    }

    html[data-aksel-theme="desktop"] body > header .brand-title {
        position: relative;
        display: flex;
        align-items: center;
        gap: 11px;
        margin: 0;
        line-height: 1.25;
        font-size: 14px;
        font-weight: 760;
        letter-spacing: -.025em;
        color: #f7faff !important;
        text-shadow: none;
    }

    html[data-aksel-theme="desktop"] body > header .brand-title::before {
        content: "A";
        display: grid;
        flex: 0 0 35px;
        width: 35px;
        height: 35px;
        place-items: center;
        border: 1px solid rgba(202, 222, 255, .42);
        border-radius: 11px;
        background: linear-gradient(145deg, #3779dc, #2354a4);
        box-shadow: 0 5px 13px rgba(4, 15, 33, .23);
        color: #fff;
        font-size: 18px;
        font-weight: 800;
    }

    html[data-aksel-theme="desktop"] body > header .brand-title__short {
        display: block;
        color: #f7faff;
        font-size: 16px;
        font-weight: 780;
        letter-spacing: .005em;
    }

    html[data-aksel-theme="desktop"] body > header .brand-title__full {
        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;
    }

    html[data-aksel-theme="desktop"] body > header .language-selector {
        display: flex;
        width: 100% !important;
        min-width: 0;
        justify-content: space-between;
        gap: 8px;
        color: #d9e4f2 !important;
        font-size: 12px;
    }

    html[data-aksel-theme="desktop"] body > header .language-selector label {
        color: #d9e4f2 !important;
    }

    html[data-aksel-theme="desktop"] body > header .language-selector select {
        flex: 0 0 auto;
        width: auto;
        min-width: 96px;
        max-width: 120px;
        min-height: 36px;
        border: 1px solid #425674;
        border-radius: 9px;
        background-color: #1c3151;
        color: #f7faff;
    }

    html[data-aksel-theme="desktop"] body > header .header-top > .btn {
        justify-self: stretch;
        min-height: 38px;
        border-color: #425674;
        border-radius: 10px;
        background: #1c3151;
        color: #f7faff;
    }

    html[data-aksel-theme="desktop"] body > header .mobile-menu-toggle,
    html[data-aksel-theme="desktop"] body > header .mobile-scan-cta {
        display: none !important;
    }

    html[data-aksel-theme="desktop"] .ak-desktop-topbar {
        position: fixed;
        inset: 0 0 auto 264px;
        z-index: 2500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 68px;
        padding: 0 34px;
        border-bottom: 1px solid #e5eaf1;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 3px 14px rgba(25, 48, 79, .035);
        color: #586a82;
        font-size: 12px;
        font-weight: 650;
        letter-spacing: .025em;
        backdrop-filter: blur(12px);
    }

    html[data-aksel-theme="desktop"] .ak-desktop-topbar__context {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    html[data-aksel-theme="desktop"] .ak-desktop-topbar__context::before {
        content: "";
        width: 18px;
        height: 1px;
        background: #9aabc0;
    }

    html[data-aksel-theme="desktop"] .ak-desktop-topbar__theme {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 11px;
        border: 1px solid #dfe8f4;
        border-radius: 999px;
        background: #f7faff;
        color: #315987;
        font-size: 11px;
        font-weight: 750;
        letter-spacing: .015em;
    }

    html[data-aksel-theme="desktop"] .ak-desktop-topbar__dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #3472d2;
        box-shadow: 0 0 0 3px #e4efff;
    }

    html[data-aksel-theme="desktop"] body > main {
        width: calc(100% - 264px) !important;
        max-width: none !important;
        margin: 0 0 0 264px !important;
        padding: 96px clamp(22px, 3vw, 42px) 44px !important;
        background: transparent !important;
    }

    html[data-aksel-theme="desktop"] body > main > .page-shell {
        width: 100%;
        max-width: 1580px;
        margin: 0 auto;
        padding: clamp(22px, 2.3vw, 34px) !important;
        border: 1px solid #e1e8f0 !important;
        border-radius: 20px !important;
        background: #fff !important;
        box-shadow: 0 10px 34px rgba(20, 43, 76, .055) !important;
    }

    html[data-aksel-theme="desktop"] body > main header {
        position: static !important;
        inset: auto;
        z-index: auto !important;
        max-width: 100%;
        overflow: visible !important;
        animation: none !important;
        box-shadow: none !important;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent !important;
        color: inherit;
    }

    html[data-aksel-theme="desktop"] body > main header.ui-page-header,
    html[data-aksel-theme="desktop"] body > main header.ak-page-header,
    html[data-aksel-theme="desktop"] body > main header.page-header,
    html[data-aksel-theme="desktop"] body > main header.onboarding-hero {
        padding: 19px 21px;
        border: 1px solid #e5eaf1;
        border-radius: 15px;
        background: #f8faff !important;
        color: #142238 !important;
    }

    html[data-aksel-theme="desktop"] body > main header.ui-page-header :is(.ui-page-title, .ui-page-subtitle, .text-muted),
    html[data-aksel-theme="desktop"] body > main header.ak-page-header :is(.ak-page-header__title, .ak-page-header__subtitle),
    html[data-aksel-theme="desktop"] body > main header:is(.page-header, .onboarding-hero) :is(h1, h2, h3, p, .text-muted) {
        color: #142238 !important;
        text-shadow: none;
    }

    html[data-aksel-theme="desktop"] body > main h1,
    html[data-aksel-theme="desktop"] body > main h2,
    html[data-aksel-theme="desktop"] body > main h3,
    html[data-aksel-theme="desktop"] body > main h4 {
        color: #17263b !important;
        letter-spacing: -.025em;
    }

    html[data-aksel-theme="desktop"] body > main h1 { font-size: clamp(1.65rem, 2.1vw, 2.15rem); }
    html[data-aksel-theme="desktop"] body > main h2 { font-size: clamp(1.18rem, 1.4vw, 1.45rem); }

    html[data-aksel-theme="desktop"] body > main :is(.card, .section-card, .panel, .ui-filter-panel, .dashboard-alert-card, .recent-session) {
        border-color: #e4eaf2;
        border-radius: 15px;
        box-shadow: 0 3px 14px rgba(20, 43, 76, .035);
    }

    html[data-aksel-theme="desktop"] body > main :is(.card:hover, .section-card:hover, .panel:hover) {
        transform: translateY(-1px);
        border-color: #d5e1f0;
        box-shadow: 0 10px 25px rgba(20, 43, 76, .07);
    }

    html[data-aksel-theme="desktop"] body > main :is(.card-header, .panel-muted, .table-light, th) {
        background: #f5f8fc;
    }

    html[data-aksel-theme="desktop"] body > main :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
        min-height: 42px;
        border: 1px solid #d5deea;
        border-radius: 9px;
        background-color: #fff;
        color: #17263b;
        box-shadow: inset 0 1px 2px rgba(20, 43, 76, .025);
    }

    html[data-aksel-theme="desktop"] body > main textarea { min-height: 100px; }

    html[data-aksel-theme="desktop"] body > main :is(input, select, textarea):hover {
        border-color: #9fb4ce;
    }

    html[data-aksel-theme="desktop"] body > main .btn {
        min-height: 40px;
        border-radius: 9px;
        font-weight: 700;
        letter-spacing: .005em;
        box-shadow: none;
    }

    html[data-aksel-theme="desktop"] body > main .btn-primary {
        background: #2863c7;
        color: #fff;
    }

    html[data-aksel-theme="desktop"] body > main .btn-primary:hover {
        background: #1c4f9f;
        box-shadow: 0 5px 13px rgba(40, 99, 199, .18);
    }

    html[data-aksel-theme="desktop"] body > main :is(.btn-outline-primary, .btn-outline-secondary) {
        border-color: #cbd7e6;
        background: #fff;
        color: #334e72;
    }

    html[data-aksel-theme="desktop"] body > main :is(.btn-outline-primary, .btn-outline-secondary):hover {
        border-color: #8eadd5;
        background: #f3f7fd;
        color: #1f4f95;
    }

    html[data-aksel-theme="desktop"] body > main :is(.btn-success, .bg-success) { color: #145c3d; }
    html[data-aksel-theme="desktop"] body > main :is(.btn-danger, .bg-danger) { color: #9f1d2c; }

    html[data-aksel-theme="desktop"] body > main .badge {
        padding: 5px 9px;
        border: 1px solid rgba(20, 43, 76, .07);
        font-size: 11px;
        letter-spacing: .01em;
    }

    html[data-aksel-theme="desktop"] body > main table {
        border-color: #e4eaf2;
    }

    html[data-aksel-theme="desktop"] body > main :is(th, td) {
        padding: 11px 12px;
        border-bottom-color: #e8edf4;
    }

    html[data-aksel-theme="desktop"] body > main th {
        color: #42536b;
        font-size: 12px;
        font-weight: 750;
        letter-spacing: .015em;
    }

    html[data-aksel-theme="desktop"] body > main tbody tr:hover {
        background: #f6f9fe;
    }

    html[data-aksel-theme="desktop"] body > main :is(.dashboard-grid, .dashboard-stack) {
        gap: 20px;
    }

    html[data-aksel-theme="desktop"] body > main .dashboard-metrics {
        grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
        gap: 13px;
    }

    html[data-aksel-theme="desktop"] body > main .dashboard-metric {
        min-height: 96px;
        padding: 17px 18px;
        border-color: #e0e8f2;
        border-radius: 14px;
        background: linear-gradient(155deg, #fff, #f9fbff);
        box-shadow: 0 4px 15px rgba(20, 43, 76, .035);
    }

    html[data-aksel-theme="desktop"] body > main .dashboard-metric strong {
        color: #1f4f95;
        font-size: 1.8rem;
        font-variant-numeric: tabular-nums;
    }

    html[data-aksel-theme="desktop"] body > main .dashboard-alert-card {
        padding: 18px;
        background: #fff;
    }

    html[data-aksel-theme="desktop"] body > main .recent-session {
        padding: 14px 15px;
        border-color: #e4eaf2;
        background: #fff;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table {
        border-color: #e1e8f0;
        border-radius: 12px;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table thead th {
        background: #f3f7fc;
        color: #3b4d66;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-actions :is(a, button) {
        min-height: 34px;
        border-radius: 8px;
    }

    html[data-aksel-theme="desktop"] body > main :is(.text-success, .status-success) { color: #146c43 !important; }
    html[data-aksel-theme="desktop"] body > main :is(.text-danger, .status-danger) { color: #a61f2d !important; }
    html[data-aksel-theme="desktop"] body > main :is(.bg-success, .status-paid) { background-color: #e4f4eb !important; }
    html[data-aksel-theme="desktop"] body > main :is(.bg-danger, .status-unpaid) { background-color: #fde9eb !important; }

    html[data-aksel-theme="desktop"] :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
        outline: 3px solid #f4c44e !important;
        outline-offset: 3px !important;
        box-shadow: 0 0 0 2px #14243d !important;
    }

    html[data-aksel-theme="desktop"] .main-navigation {
        position: relative !important;
        display: block !important;
        top: auto;
        right: auto;
        left: auto;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
        border: 0;
        background: transparent;
        box-shadow: none;
        margin: 0;
        color: #eaf1fa;
        --nav-panel-bg: transparent;
        --nav-panel-text: #eaf1fa;
        --nav-muted: #abbad0;
        --nav-border: rgba(220, 233, 251, .12);
        --nav-soft: transparent;
        --nav-active: #263e61;
        --nav-primary: #c8ddff;
    }

    html[data-aksel-theme="desktop"] .nav-search { display: block; margin: 0 3px 13px; }

    html[data-aksel-theme="desktop"] .nav-search-input {
        min-height: 40px;
        padding: 8px 11px;
        border: 1px solid #3a506f;
        border-radius: 10px;
        appearance: none;
        background: #1a2d49 !important;
        color: #f4f7fb !important;
        font-size: 12px;
    }

    html[data-aksel-theme="desktop"] .nav-search-input::placeholder { color: #bdcadd; }
    html[data-aksel-theme="desktop"] .nav-search-input:focus { border-color: #91b7ed; background: #1d3455; }

    html[data-aksel-theme="desktop"] .nav-sections {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 5px;
    }

    html[data-aksel-theme="desktop"] .nav-top-link,
    html[data-aksel-theme="desktop"] .nav-top-trigger {
        width: 100%;
        min-height: 43px;
        justify-content: space-between;
        padding: 10px 11px;
        border: 1px solid transparent;
        border-radius: 10px;
        background: transparent;
        color: #d9e4f2;
        font-size: 12px;
        font-weight: 690;
        text-align: left;
        box-shadow: none;
    }

    html[data-aksel-theme="desktop"] .nav-top-label { display: flex; align-items: center; gap: 10px; }
    html[data-aksel-theme="desktop"] .nav-icon { width: 17px; height: 17px; opacity: .88; }

    html[data-aksel-theme="desktop"] .nav-top-link:hover,
    html[data-aksel-theme="desktop"] .nav-top-trigger:hover,
    html[data-aksel-theme="desktop"] .nav-section.is-open > .nav-top-trigger,
    html[data-aksel-theme="desktop"] .nav-section.is-active > .nav-top-trigger,
    html[data-aksel-theme="desktop"] .nav-top-link.is-active {
        transform: none;
        border-color: rgba(183, 207, 240, .12);
        background: #203653;
        color: #fff;
        box-shadow: inset 3px 0 #69a2f5;
    }

    html[data-aksel-theme="desktop"] .nav-top-link.is-active {
        background: #25446d;
        color: #fff;
        font-weight: 780;
    }

    html[data-aksel-theme="desktop"] .nav-panel,
    html[data-aksel-theme="desktop"] .nav-account .nav-panel,
    html[data-aksel-theme="desktop"] .nav-panel-account {
        position: static;
        display: none;
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
        width: auto;
        min-height: 0;
        max-width: none !important;
        max-height: none;
        margin: 4px 0 7px;
        padding: 4px 0 4px 9px;
        overflow: visible;
        border: 0;
        border-left: 1px solid #3e5575;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        animation: none;
        isolation: auto;
    }

    html[data-aksel-theme="desktop"] .nav-section.is-open > .nav-panel { display: grid; }

    html[data-aksel-theme="desktop"] .nav-subgroup {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    html[data-aksel-theme="desktop"] .nav-subgroup-trigger {
        min-height: 35px;
        padding: 7px 9px;
        border-radius: 8px;
        color: #bdcadd !important;
        font-size: 11px;
        font-weight: 760;
        text-align: left;
    }

    html[data-aksel-theme="desktop"] .nav-subgroup-trigger:hover,
    html[data-aksel-theme="desktop"] .nav-subgroup.is-open > .nav-subgroup-trigger,
    html[data-aksel-theme="desktop"] .nav-subgroup.is-active > .nav-subgroup-trigger {
        background: #1d3453 !important;
        color: #e6effb !important;
    }

    html[data-aksel-theme="desktop"] .nav-subgroup-panel {
        display: none;
        gap: 3px;
        padding: 3px 0 7px 8px;
    }

    html[data-aksel-theme="desktop"] .nav-subgroup.is-open > .nav-subgroup-panel,
    html[data-aksel-theme="desktop"] .nav-subgroup.is-active > .nav-subgroup-panel { display: grid; }

    html[data-aksel-theme="desktop"] .nav-panel .nav-item,
    html[data-aksel-theme="desktop"] .nav-panel .nav-logout-button {
        min-height: 36px;
        padding: 8px 10px;
        border-radius: 8px;
        color: #d1dcec !important;
        font-size: 11.5px;
        font-weight: 620;
    }

    html[data-aksel-theme="desktop"] .nav-panel .nav-item:hover,
    html[data-aksel-theme="desktop"] .nav-panel .nav-item:focus-visible,
    html[data-aksel-theme="desktop"] .nav-panel .nav-item.is-active,
    html[data-aksel-theme="desktop"] .nav-panel .nav-logout-button:hover,
    html[data-aksel-theme="desktop"] .nav-panel .nav-logout-button:focus-visible {
        border-color: rgba(183, 207, 240, .16);
        background: #263e61 !important;
        color: #fff !important;
    }

    html[data-aksel-theme="desktop"] .nav-subgroup-panel .nav-item.is-active {
        background: #25446d !important;
        color: #fff !important;
        font-weight: 760;
    }

    html[data-aksel-theme="desktop"] .appearance-options { display: grid; gap: 5px; padding: 2px 4px 5px; }

    html[data-aksel-theme="desktop"] .appearance-option {
        display: grid;
        grid-template-columns: 31px minmax(0, 1fr) 16px;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 52px;
        padding: 7px 8px;
        border: 1px solid transparent;
        border-radius: 9px;
        background: transparent;
        color: #e8eff9;
        text-align: left;
        cursor: pointer;
        font: inherit;
    }

    html[data-aksel-theme="desktop"] .appearance-option:hover,
    html[data-aksel-theme="desktop"] .appearance-option[aria-pressed="true"] {
        border-color: #415a7c;
        background: #263e61;
    }

    html[data-aksel-theme="desktop"] .appearance-option__swatch {
        display: block;
        width: 29px;
        height: 23px;
        border: 1px solid rgba(222, 234, 250, .4);
        border-radius: 5px;
        background: linear-gradient(90deg, #e7edf5 0 28%, #fff 28% 100%);
        box-shadow: 0 1px 3px rgba(3, 11, 24, .2);
    }

    html[data-aksel-theme="desktop"] .appearance-option__swatch--desktop {
        background: linear-gradient(90deg, #172c49 0 28%, #edf3fa 28% 100%);
    }

    html[data-aksel-theme="desktop"] .appearance-option__copy { display: grid; gap: 2px; min-width: 0; }
    html[data-aksel-theme="desktop"] .appearance-option__copy strong { color: #f2f6fc; font-size: 10.5px; font-weight: 740; }
    html[data-aksel-theme="desktop"] .appearance-option__copy small { color: #c0cde0; font-size: 9.5px; line-height: 1.35; }
    html[data-aksel-theme="desktop"] .appearance-option__check { color: #83b4ff; opacity: 0; font-size: 13px; font-weight: 800; }
    html[data-aksel-theme="desktop"] .appearance-option[aria-pressed="true"] .appearance-option__check { opacity: 1; }

    html[data-aksel-theme="desktop"] .nav-section,
    html[data-aksel-theme="desktop"] .nav-section.is-open,
    html[data-aksel-theme="desktop"] .nav-sections { z-index: auto !important; }

    html[data-aksel-theme="desktop"] :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
        outline: 3px solid #f4c44e !important;
        outline-offset: 2px !important;
        box-shadow: 0 0 0 2px #14243d !important;
    }

    @media (min-width: 1121px) {
        html[data-aksel-theme="desktop"] body > main .ui-member-list-table th,
        html[data-aksel-theme="desktop"] body > main .ui-member-list-table td {
            padding: 8px 5px;
        }
    }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    html[data-aksel-theme="desktop"] *,
    html[data-aksel-theme="desktop"] *::before,
    html[data-aksel-theme="desktop"] *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@media (min-width: 1024px) {
    html[data-aksel-theme="desktop"] body > header {
        transform: translateX(0);
        visibility: visible;
        transition: transform .18s ease, visibility 0s;
    }

    html[data-aksel-theme="desktop"] .ak-desktop-topbar__leading {
        display: inline-flex;
        align-items: center;
        gap: 18px;
        min-width: 0;
    }

    html[data-aksel-theme="desktop"] .ak-desktop-sidebar-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 36px;
        padding: 6px 10px;
        border: 1px solid #dce6f2;
        border-radius: 9px;
        background: #f8faff;
        color: #294d78;
        font: inherit;
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
        transition: background-color .14s ease, border-color .14s ease, color .14s ease;
    }

    html[data-aksel-theme="desktop"] .ak-desktop-sidebar-toggle:hover {
        border-color: #b9cde6;
        background: #edf4ff;
        color: #174f9e;
    }

    html[data-aksel-theme="desktop"] .ak-desktop-sidebar-toggle svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.7;
    }

    html[data-aksel-theme="desktop"] body > main .dashboard-empty {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 42px;
        margin: 10px 0 14px;
        padding: 9px 12px;
        border: 1px dashed #d8e2ee;
        border-radius: 10px;
        background: #f8fafd;
        color: #5d6d82;
        font-size: 12px;
        line-height: 1.45;
    }

    html[data-aksel-theme="desktop"] body > main .dashboard-empty::before {
        content: "";
        flex: 0 0 9px;
        width: 9px;
        height: 9px;
        border: 2px solid #9aacc1;
        border-radius: 50%;
    }

    html[data-aksel-theme="desktop"] body > main .payment-chart-empty {
        display: grid;
        min-height: 100%;
        place-items: center;
        padding: 24px;
        border: 1px dashed #d7e2ef;
        border-radius: 12px;
        background: #f8fafd;
        color: #5e6e83;
        text-align: center;
        font-size: 13px;
        font-weight: 650;
    }

    html[data-aksel-theme="desktop"] body > main .schedule-toolbar {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    html[data-aksel-theme="desktop"] body > main .schedule-toolbar-actions {
        grid-column: 1;
        grid-row: 2;
        justify-content: flex-start;
        min-width: 0;
    }

    html[data-aksel-theme="desktop"] body > main .schedule-toolbar-actions > * {
        min-width: 0;
        white-space: nowrap;
    }

    html[data-aksel-theme="desktop"] body > main .schedule-week {
        grid-column: 2 / -1;
        grid-row: 2;
        min-width: 0;
        flex-wrap: wrap;
    }

    html[data-aksel-theme="desktop"][data-aksel-sidebar-collapsed="true"] body > header {
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform .18s ease, visibility 0s linear .18s;
    }

    html[data-aksel-theme="desktop"][data-aksel-sidebar-collapsed="true"] .ak-desktop-topbar {
        inset-inline-start: 0;
    }

    html[data-aksel-theme="desktop"][data-aksel-sidebar-collapsed="true"] body > main {
        width: 100% !important;
        margin-inline-start: 0 !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    html[data-aksel-theme="desktop"] body > main .schedule-toolbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html[data-aksel-theme="desktop"] body > main .schedule-toolbar-actions,
    html[data-aksel-theme="desktop"] body > main .schedule-week {
        grid-column: 1 / -1;
    }

    html[data-aksel-theme="desktop"] body > main .schedule-toolbar-actions {
        grid-row: auto;
    }

    html[data-aksel-theme="desktop"] body > main .schedule-week {
        grid-row: auto;
    }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    html[data-aksel-theme="desktop"][data-aksel-sidebar-collapsed="true"] body > header {
        transition-delay: 0s !important;
    }
}

/* Page-specific desktop polish. The optional theme and viewport guard keep
   the standard appearance and every phone layout untouched. */
html:not([data-aksel-theme="desktop"]) body > main .ui-member-secondary-details {
    display: none;
}

@media (max-width: 1023px) {
    html[data-aksel-theme="desktop"] body > main .ui-member-secondary-details {
        display: none;
    }
}

@media (min-width: 1024px) {
    html[data-aksel-theme="desktop"] body > header .language-selector {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        justify-content: stretch;
        gap: 7px 9px;
    }

    html[data-aksel-theme="desktop"] body > header .language-selector label {
        min-width: 0;
        white-space: nowrap;
    }

    html[data-aksel-theme="desktop"] body > header .language-selector select {
        min-width: 94px;
        max-width: 112px;
    }

    /* Keep the member table readable without removing its secondary data. */
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-mobile-sort {
        display: block;
        margin: 0 0 12px;
        padding: 8px 11px;
        border: 1px solid #dce5f0;
        border-radius: 10px;
        background: #f8faff;
    }

    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-mobile-sort summary {
        min-height: 34px;
        color: #234f8b;
        cursor: pointer;
        font-weight: 720;
    }

    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-mobile-sort nav {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 8px;
    }

    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-mobile-sort a {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 5px 9px;
        border: 1px solid #d6e0ed;
        border-radius: 8px;
        background: #fff;
        color: #24476f;
        white-space: nowrap;
        text-decoration: none;
    }

    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-mobile-sort a[aria-current="true"] {
        border-color: #91add4;
        background: #edf4ff;
        color: #174386;
        font-weight: 720;
    }

    /* Longer translated filter labels need room at desktop widths. */
    html[data-aksel-theme="desktop"] body > main .ui-form-grid.ui-member-filter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-region {
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table {
        display: table !important;
        width: 100%;
        min-width: 0 !important;
        max-width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0;
        font-size: 13px;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table thead {
        display: table-header-group !important;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table tbody {
        display: table-row-group !important;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table tr {
        display: table-row !important;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table th,
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table td {
        display: table-cell !important;
        min-width: 0;
        padding: 10px 9px;
        vertical-align: middle;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table th {
        white-space: normal;
        line-height: 1.3;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-select { width: 4%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-number { width: 10%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-name { width: 27%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-last-login { width: 18%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-status { width: 16%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-actions { width: 25%; }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-select { width: 4%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-number { width: 12%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-name { width: 41%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-status { width: 18%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-actions { width: 25%; }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-number { width: 11%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-name { width: 32%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-last-login { width: 21%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-status { width: 16%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-actions { width: 20%; }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--no-last-login .ui-member-col-number { width: 13%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--no-last-login .ui-member-col-name { width: 44%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--no-last-login .ui-member-col-status { width: 18%; }
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--no-last-login .ui-member-col-actions { width: 25%; }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-guardian,
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-classification,
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-category,
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-operational {
        display: none !important;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-number {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-name {
        white-space: normal;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-name-link {
        display: inline;
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: normal;
        hyphens: none;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-last-login,
    html[data-aksel-theme="desktop"] body > main .ui-member-list-table .ui-member-col-status {
        white-space: nowrap;
        font-size: 12px;
        font-variant-numeric: tabular-nums;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-secondary-details {
        display: block;
        margin-top: 8px;
        color: #53657c;
        font-size: 11px;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-secondary-details summary {
        display: inline-flex;
        min-height: 30px;
        align-items: center;
        color: #285a99;
        cursor: pointer;
        font-weight: 700;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-secondary-details dl {
        display: grid;
        gap: 5px;
        margin: 7px 0 0;
        padding: 9px 10px;
        border: 1px solid #e3eaf3;
        border-radius: 9px;
        background: #f8faff;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-secondary-details dl > div {
        display: grid;
        grid-template-columns: minmax(112px, .7fr) minmax(0, 1.3fr);
        gap: 8px;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-secondary-details dt { color: #53657c; font-weight: 700; }
    html[data-aksel-theme="desktop"] body > main .ui-member-secondary-details dd { min-width: 0; margin: 0; overflow-wrap: break-word; }

    html[data-aksel-theme="desktop"] body > main .ui-member-actions {
        justify-items: start;
        gap: 6px;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-actions-primary,
    html[data-aksel-theme="desktop"] body > main .ui-member-actions-secondary {
        flex-wrap: nowrap;
        gap: 6px;
    }

    html[data-aksel-theme="desktop"] body > main .ui-member-actions :is(a, button) {
        min-width: 0;
        white-space: nowrap;
        padding-inline: 8px;
    }

    html[data-aksel-theme="desktop"] body > main .scan-hero :is(h1, h2, p) {
        color: #fff !important;
    }

    html[data-aksel-theme="desktop"] body > main .scan-hero p {
        color: #e6effb !important;
    }

    html[data-aksel-theme="desktop"] body > main .finance-month-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html[data-aksel-theme="desktop"] body > main .finance-month-metric {
        min-width: 0;
        overflow: visible;
    }

    html[data-aksel-theme="desktop"] body > main .finance-month-metric__value {
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: keep-all;
        font-size: clamp(.82rem, 1vw, 1rem);
        font-variant-numeric: tabular-nums;
    }

    html[data-aksel-theme="desktop"] body > main .payment-period-field {
        position: relative;
        min-width: 204px;
    }

    html[data-aksel-theme="desktop"] body > main .payment-period-field input[type="month"] {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    html[data-aksel-theme="desktop"] body > main .payment-period-field input[type="month"]::-webkit-datetime-edit {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    html[data-aksel-theme="desktop"] body > main .payment-period-field__localized {
        display: block;
        position: absolute;
        top: 50%;
        left: 12px;
        max-width: calc(100% - 48px);
        overflow: hidden;
        color: #25344c;
        text-overflow: ellipsis;
        white-space: nowrap;
        transform: translateY(-50%);
        pointer-events: none;
    }

    html[data-aksel-theme="desktop"] body > main .grid-2 {
        align-items: start;
    }

    html[data-aksel-theme="desktop"] body > main .reports-control-index .section-card {
        align-self: start;
        height: fit-content;
    }

    html[data-aksel-theme="desktop"] body > main .session-groups {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: break-word;
        word-break: normal;
    }

    html[data-aksel-theme="desktop"] body > main .schedule-group-filters {
        flex-wrap: wrap;
        overflow: visible;
    }

    html[data-aksel-theme="desktop"] body > main .schedule-group-filters .btn {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    html[data-aksel-theme="desktop"] body > main .ui-form-grid.ui-member-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table {
        width: 100%;
        max-width: 100%;
        table-layout: fixed;
        font-size: 12px;
        line-height: 1.35;
    }

    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th,
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table td {
        min-width: 0;
        padding: 7px 5px;
        overflow-wrap: break-word;
        word-break: normal;
    }

    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th:nth-child(1) { width: 16%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th:nth-child(2) { width: 12%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th:nth-child(3) { width: 14%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th:nth-child(4) { width: 11%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th:nth-child(5) { width: 10%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th:nth-child(6) { width: 11%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th:nth-child(7) { width: 13%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th:nth-child(8) { width: 13%; }

    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table {
        width: 100%;
        max-width: 100%;
        table-layout: fixed;
        font-size: 12px;
        line-height: 1.35;
    }

    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th,
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table td {
        min-width: 0;
        padding: 7px 5px;
        overflow-wrap: break-word;
        word-break: normal;
    }

    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th:nth-child(1) { width: 15%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th:nth-child(2) { width: 12%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th:nth-child(3) { width: 12%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th:nth-child(4) { width: 12%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th:nth-child(5) { width: 15%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th:nth-child(6) { width: 10%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th:nth-child(7) { width: 12%; }
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th:nth-child(8) { width: 12%; }

    html[data-aksel-theme="desktop"] body > main .payment-member-period-table th,
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table th {
        overflow-wrap: normal;
    }

    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table tbody td:nth-child(3),
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table tbody td:nth-child(4),
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table tbody td:nth-child(5),
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table tbody td:nth-child(6),
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table tbody td:nth-child(7),
    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table tbody td:nth-child(8) {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    html[data-aksel-theme="desktop"] body > main .payment-member-financial-table .badge {
        white-space: normal;
        text-align: center;
    }

    html[data-aksel-theme="desktop"] body > main .payment-member-period-table tbody td:nth-child(2),
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table tbody td:nth-child(3),
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table tbody td:nth-child(4),
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table tbody td:nth-child(5),
    html[data-aksel-theme="desktop"] body > main .payment-member-period-table tbody td:nth-child(6) {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    html[data-aksel-theme="desktop"] body > main .payment-member-period-table .badge {
        white-space: normal;
        text-align: center;
    }

    html[data-aksel-theme="desktop"] body > main .finance-scroll-hint:has(+ .payment-member-period-table),
    html[data-aksel-theme="desktop"] body > main .finance-scroll-hint:has(+ .payment-member-financial-table) {
        display: none;
    }
}

@media (min-width: 1121px) {
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table .ui-member-col-guardian,
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table .ui-member-col-classification,
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table .ui-member-col-category,
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table .ui-member-col-operational {
        display: none !important;
    }

    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--last-login .ui-member-col-select { width: 4% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--last-login .ui-member-col-number { width: 9% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--last-login .ui-member-col-name { width: 27% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--last-login .ui-member-col-last-login { width: 15% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--last-login .ui-member-col-status { width: 10% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--last-login .ui-member-col-actions { width: 35% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-select { width: 4% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-number { width: 9% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-name { width: 39% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-status { width: 13% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table.ui-member-list-table--admin.ui-member-list-table--no-last-login .ui-member-col-actions { width: 35% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-number { width: 10% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-name { width: 34% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-last-login { width: 20% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-status { width: 13% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--last-login .ui-member-col-actions { width: 23% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--no-last-login .ui-member-col-number { width: 12% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--no-last-login .ui-member-col-name { width: 48% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--no-last-login .ui-member-col-status { width: 15% !important; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table:not(.ui-member-list-table--admin).ui-member-list-table--no-last-login .ui-member-col-actions { width: 25% !important; }

    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-name-line { display: flex; align-items: center; gap: 7px; min-width: 0; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-card-title { min-width: 0; margin: 0; line-height: 1.25; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-name-link { white-space: normal; overflow-wrap: break-word; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-secondary-details { position: relative; flex: 0 0 auto; margin: 0; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-secondary-details > summary {
        display: grid; width: 23px; height: 23px; place-items: center; cursor: pointer; list-style: none;
        border: 1px solid #aab9cc; border-radius: 50%; color: #29496f; font-size: 12px; font-weight: 700;
    }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-secondary-details > summary::-webkit-details-marker { display: none; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-secondary-details > dl {
        position: absolute; z-index: 5; top: calc(100% + 7px); left: 0; width: min(340px, 42vw); margin: 0; padding: 12px 14px;
        border: 1px solid #cad5e2; border-radius: 9px; background: #fff; box-shadow: 0 8px 24px rgb(20 43 76 / 16%);
    }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-secondary-details dl > div { display: grid; grid-template-columns: minmax(110px, .8fr) minmax(0, 1.2fr); gap: 10px; padding: 4px 0; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-secondary-details dt { font-weight: 700; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-secondary-details dd { margin: 0; overflow-wrap: anywhere; }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-actions,
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-actions-row {
        display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: 5px; min-width: 0; width: 100%;
    }
    html[data-aksel-theme="desktop"] body > main .member-list-page .ui-member-list-table .ui-member-col-actions :is(a, button) {
        display: inline-flex; flex: 0 1 auto; align-items: center; justify-content: center; min-width: 0; min-height: 32px;
        padding: 5px 7px; white-space: nowrap; font-size: 11px; line-height: 1.15;
    }
}