/* light skin · ESCAPE metal design (brushed steel, chrome buttons, sunken fields). Tokens --mx-* from maxsim/escape/popup.js */
html[data-template='light'] {
    --mx-metal: linear-gradient(180deg, #f6f7f9 0%, #e4e7ea 40%, #c9ced4 100%);
    --mx-side: linear-gradient(180deg, #f6f7f9 0%, #eceef1 55%, #e3e6ea 100%);
    --mx-soft: linear-gradient(180deg, #ffffff 0%, #eff1f3 100%);
    --mx-btn: linear-gradient(180deg, #fdfdfe 0%, #e6e9ec 48%, #d2d6db 52%, #e1e4e8 100%);
    --mx-btn-hover: linear-gradient(180deg, #ffffff 0%, #eef0f2 48%, #dcdfe3 52%, #e9ebee 100%);
    --mx-field: linear-gradient(180deg, #e9ecef 0%, #ffffff 22%);
    --mx-edge: #a3aab1;
    --mx-edge-soft: rgba(163, 170, 177, .55);
    --mx-ink: #1f2328;
    --mx-dim: #59616a;
    --mx-accent: #0b4f9c;
    --mx-sunk: rgba(60, 70, 80, .12);
    --mx-shine: inset 0 1px 0 rgba(255, 255, 255, .9);
    --mx-raise: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 3px rgba(0, 0, 0, .2);
    --mx-inset: inset 0 1px 3px rgba(0, 0, 0, .18), 0 1px 0 rgba(255, 255, 255, .8);

    --maxsim-text: #000000;
    --maxsim-text-muted: #5a5a5a;
    --maxsim-link: #0d6efd;
    --maxsim-bg: #f6f7f9;
    --maxsim-border: #d6dce6;
    --maxsim-border-strong: rgba(0, 0, 0, .18);
    --maxsim-surface: radial-gradient(120% 180% at 20% 10%, #ffffff 0%, #f0f2f5 35%, #e2e6eb 70%, #f6f7f9 100%);
    --maxsim-surface-alt: #eef2f7;
    --maxsim-surface-elevated: #ffffff;
    --maxsim-surface-shadow: 3px 3px 8px rgba(0, 0, 0, .10);

    --maxsim-control-bg: #ffffff;
    --maxsim-control-text: #212529;
    --maxsim-control-border: #ced4da;
    --maxsim-control-border-strong: grey;

    --maxsim-sidebar-bg: var(--mx-side);
    --maxsim-sidebar-mobile-bg: var(--mx-side);
    --maxsim-sidebar-border: transparent;
    --maxsim-sidebar-shadow: none;
    --maxsim-sidebar-mobile-shadow: 0 28px 64px rgba(15, 23, 42, .22);
    --maxsim-sidebar-divider: var(--mx-edge-soft);
    --maxsim-sidebar-link: var(--mx-ink);
    --maxsim-sidebar-muted: var(--mx-dim);
    --maxsim-sidebar-group: #6b737c;
    --maxsim-sidebar-meta: var(--mx-dim);
    --maxsim-sidebar-active-bg: var(--mx-btn);
    --maxsim-sidebar-active-text: var(--mx-ink);
    --maxsim-sidebar-active-shadow: var(--mx-raise);
    --maxsim-sidebar-footer-bg: transparent;
    --maxsim-sidebar-footer-border: transparent;
    --maxsim-sidebar-footer-shadow: none;
    --maxsim-sidebar-user-bg: var(--mx-btn);
    --maxsim-sidebar-user-bg-hover: var(--mx-btn-hover);
    --maxsim-sidebar-user-border: var(--mx-edge);
    --maxsim-sidebar-user-shadow: var(--mx-raise);
    --maxsim-sidebar-user-link: var(--mx-ink);
    --maxsim-sidebar-start-link: var(--mx-accent);

    --maxsim-shell-toggle-bg: var(--mx-btn);
    --maxsim-shell-toggle-bg-hover: var(--mx-btn-hover);
    --maxsim-shell-toggle-text: var(--mx-dim);
    --maxsim-shell-toggle-text-hover: var(--mx-ink);
    --maxsim-shell-toggle-border: var(--mx-edge);
    --maxsim-shell-toggle-shadow: var(--mx-raise);

    --maxsim-mobile-toggle-bg: var(--mx-btn);
    --maxsim-mobile-toggle-text: var(--mx-ink);
    --maxsim-mobile-toggle-border: var(--mx-edge);
    --maxsim-mobile-toggle-shadow: var(--mx-shine), 0 6px 16px rgba(15, 23, 42, .18);
    --maxsim-mobile-backdrop: rgba(15, 23, 42, .34);

    --maxsim-landing-pill-bg: #ffffff;
    --maxsim-landing-pill-text: #000000;
    --maxsim-landing-pill-border: rgba(0, 0, 0, .14);
    --maxsim-landing-nav-label: rgba(0, 0, 0, .72);
    --maxsim-landing-nav-link: var(--maxsim-secondary);
    --maxsim-landing-nav-border: #c2c2c2;
    --maxsim-landing-nav-active-bg: #e8e8e8;
    --maxsim-landing-nav-active-text: #000000;
    --maxsim-landing-heading: #000000;
    --maxsim-landing-muted: rgba(0, 0, 0, .78);
    --maxsim-landing-muted-soft: rgba(0, 0, 0, .6);
    --maxsim-landing-hero-bg: linear-gradient(180deg, rgba(13, 71, 161, .06) 0%, rgba(255, 255, 255, 1) 38%);
    --maxsim-landing-hero-border: rgba(13, 71, 161, .14);
    --maxsim-landing-hero-shadow: 0 24px 64px rgba(13, 71, 161, .08);
    --maxsim-landing-chip-bg: rgba(255, 255, 255, .92);
    --maxsim-landing-chip-border: rgba(13, 71, 161, .14);
    --maxsim-landing-chip-text: rgba(0, 0, 0, .74);
    --maxsim-landing-chip-shadow: 0 6px 18px rgba(13, 71, 161, .05);
    --maxsim-landing-panel-bg: rgba(255, 255, 255, .94);
    --maxsim-landing-panel-border: rgba(13, 71, 161, .12);
    --maxsim-landing-panel-shadow: none;
    --maxsim-landing-card-bg: #ffffff;
    --maxsim-landing-card-border: rgba(0, 0, 0, .12);
    --maxsim-landing-section-bg: #ffffff;
    --maxsim-landing-section-border: rgba(0, 0, 0, .12);
    --maxsim-landing-section-shadow: var(--maxsim-surface-shadow);
    --maxsim-landing-network-bg: rgba(13, 71, 161, .03);
    --maxsim-landing-network-border: rgba(13, 71, 161, .18);

    --maxsim-tos-page-bg: #eeeeee;
    --maxsim-tos-surface: #f9f9f9;
    --maxsim-tos-border: #dddddd;
    --maxsim-tos-text: #444444;
    --maxsim-tos-button-bg: #0d6efd;
    --maxsim-tos-button-text: #ffffff;
    --maxsim-tos-button-border: rgba(0, 0, 0, .08);
    --maxsim-tos-button-shadow: 0 2px 6px rgba(13, 110, 253, .16);
}

/* Main menu: brushed steel, no right border, chrome active item */
body.template-light #sidebar {
    border-right: 0;
    box-shadow: none;
}

body.template-light #sidebar_scroll,
body.template-light #sidebar_bottom {
    position: relative;
    z-index: 1;
}

body.template-light #sidebar .menu_logo {
    width: auto;
    margin: 8px 14px 6px 14px;
}

body.template-light #sidebar_nav > .menu_group:first-child {
    padding-top: 8px;
}

body.template-light #sidebar .menu_group {
    justify-content: flex-start;
    padding: 14px 18px 4px 18px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--maxsim-sidebar-group);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

body.template-light #sidebar li {
    padding: 1px 12px;
    font-size: 14px;
}

body.template-light #sidebar li a {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--mx-ink);
    font-weight: 600;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

body.template-light #sidebar li .icon {
    color: #4f6f99;
    transition: color .16s ease;
}

body.template-light #sidebar li.active a {
    border-color: var(--mx-edge);
    background: var(--mx-btn);
    color: var(--mx-ink);
    box-shadow: var(--mx-raise);
}

body.template-light #sidebar li.active a:active {
    transform: translateY(1px);
}

body.template-light #sidebar li.active .icon {
    color: var(--mx-accent);
}

body.template-light #sidebar li:not(.active) a:hover,
body.template-light #sidebar li:not(.active) a:focus-visible {
    background: rgba(255, 255, 255, .6);
    border-color: var(--mx-edge-soft);
    color: var(--mx-ink);
    box-shadow: var(--mx-shine);
    transform: none;
}

body.template-light #sidebar li:not(.active) a:hover .icon,
body.template-light #sidebar li:not(.active) a:focus-visible .icon {
    color: var(--mx-accent);
}

body.template-light #sidebar .menu_balance {
    color: #8a6200;
}

body.template-light #sidebar_bottom {
    padding: 10px 8px 12px 8px;
    border-top: 0;
    background: transparent;
    box-shadow: none;
}

body.template-light #sidebar_meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.template-light #menu_user_dropdown .menu_user_toggle {
    padding: 8px 10px 9px 10px;
    border: 1px solid var(--mx-edge);
    border-radius: 12px;
    background: var(--mx-btn);
    box-shadow: var(--mx-raise);
    transition: filter .16s ease, transform .16s ease;
}

body.template-light #menu_user_dropdown .menu_user_toggle:hover,
body.template-light #menu_user_dropdown .menu_user_toggle:focus-visible {
    background: var(--mx-btn-hover);
    border-color: var(--mx-edge);
    box-shadow: var(--mx-raise);
}

body.template-light #menu_user_dropdown .menu_user_toggle:active {
    transform: translateY(1px);
}

body.template-light #menu_user_dropdown .menu_user_label {
    color: var(--mx-ink);
    font-weight: 700;
}

body.template-light #menu_user_dropdown .menu_user_email {
    color: var(--mx-dim);
}

body.template-light #menu_user_dropdown .dropdown-menu {
    padding: 8px;
    border: 1px solid var(--mx-edge);
    border-radius: 14px;
    background: var(--mx-soft);
    box-shadow: var(--mx-shine), 0 12px 32px rgba(15, 23, 42, .16);
}

body.template-light #menu_user_dropdown .dropdown-item {
    border-radius: 10px;
    font-weight: 600;
}

body.template-light #menu_user_dropdown .dropdown-item:hover,
body.template-light #menu_user_dropdown .dropdown-item:focus {
    background: var(--mx-sunk);
    color: var(--mx-ink);
}

body.template-light #menu_user_dropdown .dropdown-divider {
    border-top-color: var(--mx-edge-soft);
    opacity: 1;
}

body.template-light .menu_meta_links {
    justify-content: flex-start;
    padding-left: 0;
}

body.template-light .menu_meta_links a {
    color: var(--mx-dim);
    transition: color .16s ease;
}

body.template-light .menu_meta_links a:hover,
body.template-light .menu_meta_links a:focus-visible {
    color: var(--mx-accent);
}

body.template-light #sidebar .version,
body.template-light #sidebar .version a,
body.template-light #sidebar_online_count {
    color: var(--mx-dim);
}

body.template-light .menu_alpha_footer {
    color: #6b737c;
    letter-spacing: .08em;
}

body.template-light .menu_template_select {
    max-width: 78px;
    height: 20px;
    padding: 0 18px 0 8px;
    border: 1px solid var(--mx-edge);
    border-radius: 999px;
    background-color: #eef0f2;
    color: var(--mx-dim);
    box-shadow: var(--mx-raise);
}

body.template-light .menu_template_select:hover,
body.template-light .menu_template_select:focus-visible {
    background-color: #ffffff;
    border-color: var(--mx-edge);
    color: var(--mx-ink);
}

body.template-light #desktop_sidebar_toggle {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.template-light #desktop_sidebar_toggle:active,
body.template-light #mobile_sidebar_toggle:active {
    transform: translateY(1px);
}

body.template-light .menu_user_start_link:hover,
body.template-light .menu_user_start_link:focus-visible {
    color: var(--mx-ink);
}

body.template-light .dropdown-menu,
body.template-light .modal-content,
body.template-light .popover,
body.template-light .card,
body.template-light .offcanvas {
    box-shadow: var(--maxsim-surface-shadow);
}

@media (min-width: 901px) {
    body.template-light.has_shell_nav.is_sidebar_collapsed #sidebar .menu_logo {
        width: 44px;
        margin: 8px auto 6px auto;
    }
}

@media (max-width: 900px) {
    body.template-light #sidebar .menu_logo {
        margin: 8px 16px 6px 16px;
    }

    body.template-light #sidebar_nav > .menu_group:first-child {
        padding-top: 8px;
    }

    body.template-light.has_shell_nav #sidebar {
        box-shadow: var(--maxsim-sidebar-mobile-shadow);
    }
}