/*
 * Interactive Learning Core modern UI layer.
 * Version v0.18.5-modern-design-themes.
 * This file intentionally overrides only ILC interfaces and does not style the whole WordPress site.
 */

body.ilc-ui-enhanced,
body.ilc-ui-enhanced .ilc-player-shell,
body.ilc-ui-enhanced .ilc-account-shell,
body.ilc-ui-enhanced .ilc-auth-shell,
body.ilc-ui-enhanced .ilc-project-shell,
body.ilc-ui-enhanced .ilc-learning-page-shell,
body.ilc-ui-enhanced .ilc-admin-wrap {
    --ilc-ui-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ilc-ui-radius-xs: 10px;
    --ilc-ui-radius-sm: 14px;
    --ilc-ui-radius: 22px;
    --ilc-ui-radius-lg: 32px;
    --ilc-ui-focus: rgba(96, 165, 250, .42);
    --ilc-ui-success: #18a765;
    --ilc-ui-success-soft: rgba(24, 167, 101, .13);
    --ilc-ui-warning: #d58b18;
    --ilc-ui-warning-soft: rgba(213, 139, 24, .14);
    --ilc-ui-error: #df4055;
    --ilc-ui-error-soft: rgba(223, 64, 85, .13);
    --ilc-ui-info: #3b82f6;
    --ilc-ui-transition: 170ms ease;
    --ilc-ui-button-shadow-offset: 6px -6px;
}

body.ilc-ui-enhanced.ilc-ui-mode-light,
body.ilc-ui-enhanced.ilc-ui-mode-system {
    --ilc-ui-bg: #f3f7fb;
    --ilc-ui-bg-rgb: 243, 247, 251;
    --ilc-ui-cloud: rgba(255, 255, 255, .78);
    --ilc-ui-surface: #ffffff;
    --ilc-ui-surface-2: #f8fbff;
    --ilc-ui-field: #f7fbff;
    --ilc-ui-text: #182235;
    --ilc-ui-heading: #0f172a;
    --ilc-ui-muted: #66758a;
    --ilc-ui-border: rgba(120, 145, 175, .32);
    --ilc-ui-border-strong: rgba(92, 116, 146, .48);
    --ilc-ui-shadow: 18px 22px 42px rgba(15, 23, 42, .10), -12px -12px 30px rgba(255, 255, 255, .84);
    --ilc-ui-soft-shadow: 10px 12px 26px rgba(15, 23, 42, .08), -8px -8px 18px rgba(255, 255, 255, .72);
    --ilc-ui-inset-shadow: inset 5px 5px 12px rgba(15, 23, 42, .10), inset -6px -6px 14px rgba(255, 255, 255, .86);
    --ilc-ui-button-shadow: var(--ilc-ui-button-shadow-offset) 0 rgba(var(--ilc-ui-accent-rgb), .22), 0 12px 22px rgba(var(--ilc-ui-accent-rgb), .20);
    --ilc-ui-glow: 0 0 0 1px rgba(var(--ilc-ui-accent-rgb), .12), 0 18px 44px rgba(var(--ilc-ui-accent-rgb), .14);
}

body.ilc-ui-enhanced.ilc-ui-mode-dark {
    --ilc-ui-bg: #111827;
    --ilc-ui-bg-rgb: 17, 24, 39;
    --ilc-ui-cloud: rgba(29, 39, 58, .82);
    --ilc-ui-surface: #182234;
    --ilc-ui-surface-2: #202c42;
    --ilc-ui-field: #121c2c;
    --ilc-ui-text: #eef4ff;
    --ilc-ui-heading: #ffffff;
    --ilc-ui-muted: #b9c5d8;
    --ilc-ui-border: rgba(206, 220, 245, .18);
    --ilc-ui-border-strong: rgba(206, 220, 245, .30);
    --ilc-ui-shadow: 18px 22px 48px rgba(0, 0, 0, .42), -10px -10px 24px rgba(255, 255, 255, .035);
    --ilc-ui-soft-shadow: 10px 12px 30px rgba(0, 0, 0, .34), -8px -8px 20px rgba(255, 255, 255, .028);
    --ilc-ui-inset-shadow: inset 6px 6px 13px rgba(0, 0, 0, .42), inset -6px -6px 13px rgba(255, 255, 255, .04);
    --ilc-ui-button-shadow: var(--ilc-ui-button-shadow-offset) 0 rgba(255, 255, 255, .09), 0 14px 28px rgba(0, 0, 0, .30);
    --ilc-ui-glow: 0 0 0 1px rgba(var(--ilc-ui-accent-rgb), .25), 0 20px 48px rgba(var(--ilc-ui-accent-rgb), .20);
}

@media (prefers-color-scheme: dark) {
    body.ilc-ui-enhanced.ilc-ui-mode-system {
        --ilc-ui-bg: #111827;
        --ilc-ui-bg-rgb: 17, 24, 39;
        --ilc-ui-cloud: rgba(29, 39, 58, .82);
        --ilc-ui-surface: #182234;
        --ilc-ui-surface-2: #202c42;
        --ilc-ui-field: #121c2c;
        --ilc-ui-text: #eef4ff;
        --ilc-ui-heading: #ffffff;
        --ilc-ui-muted: #b9c5d8;
        --ilc-ui-border: rgba(206, 220, 245, .18);
        --ilc-ui-border-strong: rgba(206, 220, 245, .30);
        --ilc-ui-shadow: 18px 22px 48px rgba(0, 0, 0, .42), -10px -10px 24px rgba(255, 255, 255, .035);
        --ilc-ui-soft-shadow: 10px 12px 30px rgba(0, 0, 0, .34), -8px -8px 20px rgba(255, 255, 255, .028);
        --ilc-ui-inset-shadow: inset 6px 6px 13px rgba(0, 0, 0, .42), inset -6px -6px 13px rgba(255, 255, 255, .04);
        --ilc-ui-button-shadow: var(--ilc-ui-button-shadow-offset) 0 rgba(255, 255, 255, .09), 0 14px 28px rgba(0, 0, 0, .30);
    }
}

body.ilc-ui-palette-ocean { --ilc-ui-accent: #2f6ea6; --ilc-ui-accent-2: #60a5fa; --ilc-ui-accent-soft: #eaf6ff; --ilc-ui-accent-rgb: 47, 110, 166; }
body.ilc-ui-palette-lavender { --ilc-ui-accent: #7c3aed; --ilc-ui-accent-2: #c084fc; --ilc-ui-accent-soft: #f4edff; --ilc-ui-accent-rgb: 124, 58, 237; }
body.ilc-ui-palette-mint { --ilc-ui-accent: #0f9f6e; --ilc-ui-accent-2: #5eead4; --ilc-ui-accent-soft: #e9fbf4; --ilc-ui-accent-rgb: 15, 159, 110; }
body.ilc-ui-palette-sand { --ilc-ui-accent: #b7791f; --ilc-ui-accent-2: #f2c879; --ilc-ui-accent-soft: #fff6df; --ilc-ui-accent-rgb: 183, 121, 31; }
body.ilc-ui-palette-coral { --ilc-ui-accent: #e35d6a; --ilc-ui-accent-2: #fda4af; --ilc-ui-accent-soft: #fff0f2; --ilc-ui-accent-rgb: 227, 93, 106; }
body.ilc-ui-palette-graphite { --ilc-ui-accent: #475569; --ilc-ui-accent-2: #94a3b8; --ilc-ui-accent-soft: #f1f5f9; --ilc-ui-accent-rgb: 71, 85, 105; }

body.ilc-ui-font-system { --ilc-ui-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.ilc-ui-font-soft { --ilc-ui-font: Inter, "Segoe UI", Roboto, Arial, sans-serif; }
body.ilc-ui-font-readable { --ilc-ui-font: Verdana, "Segoe UI", Arial, sans-serif; }
body.ilc-ui-font-classic { --ilc-ui-font: Georgia, "Times New Roman", serif; }
body.ilc-ui-font-compact { --ilc-ui-font: Arial, "Helvetica Neue", sans-serif; }

body.ilc-ui-enhanced {
    background: radial-gradient(circle at top left, rgba(var(--ilc-ui-accent-rgb), .10), transparent 38%), var(--ilc-ui-bg) !important;
    color: var(--ilc-ui-text);
}

body.ilc-ui-enhanced,
body.ilc-ui-enhanced input,
body.ilc-ui-enhanced select,
body.ilc-ui-enhanced textarea,
body.ilc-ui-enhanced button {
    font-family: var(--ilc-ui-font);
}

body.ilc-ui-enhanced {
    --ilc-blue: var(--ilc-ui-accent);
    --ilc-blue-dark: color-mix(in srgb, var(--ilc-ui-accent) 78%, #000 22%);
    --ilc-blue-soft: var(--ilc-ui-accent-soft);
    --ilc-soft: var(--ilc-ui-accent-soft);
    --ilc-soft-2: var(--ilc-ui-surface-2);
    --ilc-border: var(--ilc-ui-border);
    --ilc-text: var(--ilc-ui-text);
    --ilc-muted: var(--ilc-ui-muted);
    --ilc-card: var(--ilc-ui-surface);
    --ilc-player-bg: var(--ilc-ui-bg);
    --ilc-player-surface: var(--ilc-ui-surface);
    --ilc-player-text: var(--ilc-ui-text);
    --ilc-player-muted: var(--ilc-ui-muted);
    --ilc-player-border: var(--ilc-ui-border);
    --ilc-player-primary: var(--ilc-ui-accent);
    --ilc-player-success: var(--ilc-ui-success);
    --ilc-player-warning: var(--ilc-ui-warning);
    --ilc-player-error: var(--ilc-ui-error);
}

body.ilc-ui-enhanced .ilc-standalone-lesson-player,
body.ilc-ui-enhanced .ilc-player-shell,
body.ilc-ui-enhanced .ilc-account-shell,
body.ilc-ui-enhanced .ilc-auth-shell,
body.ilc-ui-enhanced .ilc-learning-page-shell,
body.ilc-ui-enhanced .ilc-project-shell,
body.ilc-ui-enhanced .ilc-projects-shell,
body.ilc-ui-enhanced .ilc-project-list,
body.ilc-ui-enhanced .ilc-admin-wrap {
    color: var(--ilc-ui-text) !important;
    font-family: var(--ilc-ui-font) !important;
}

body.ilc-ui-enhanced .ilc-player-header,
body.ilc-ui-enhanced .ilc-account-hero,
body.ilc-ui-enhanced .ilc-admin-hero,
body.ilc-ui-enhanced .ilc-modern-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .34), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--ilc-ui-accent) 90%, #ffffff 10%), color-mix(in srgb, var(--ilc-ui-accent-2) 80%, #111827 20%)) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: var(--ilc-ui-radius-lg) !important;
    box-shadow: var(--ilc-ui-shadow) !important;
}

body.ilc-ui-enhanced .ilc-player-header::after,
body.ilc-ui-enhanced .ilc-account-hero::after,
body.ilc-ui-enhanced .ilc-admin-hero::after,
body.ilc-ui-enhanced .ilc-modern-hero::after {
    content: "";
    position: absolute;
    right: -72px;
    top: -90px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    filter: blur(2px);
    pointer-events: none;
}

body.ilc-ui-enhanced .ilc-player-header h1,
body.ilc-ui-enhanced .ilc-admin-hero h1,
body.ilc-ui-enhanced .ilc-admin-hero p,
body.ilc-ui-enhanced .ilc-admin-eyebrow,
body.ilc-ui-enhanced .ilc-account-hero h1,
body.ilc-ui-enhanced .ilc-account-hero p {
    color: #ffffff !important;
}

body.ilc-ui-enhanced .ilc-panel,
body.ilc-ui-enhanced .ilc-admin-card,
body.ilc-ui-enhanced .ilc-account-card,
body.ilc-ui-enhanced .ilc-account-identity-card,
body.ilc-ui-enhanced .ilc-email-gate-card,
body.ilc-ui-enhanced .ilc-paid-barrier-card,
body.ilc-ui-enhanced .ilc-project-card,
body.ilc-ui-enhanced .ilc-learning-page-card,
body.ilc-ui-enhanced .ilc-form-trainer-card,
body.ilc-ui-enhanced .ilc-theme-switcher__panel {
    border: 1px solid var(--ilc-ui-border) !important;
    border-radius: var(--ilc-ui-radius) !important;
    background: linear-gradient(145deg, var(--ilc-ui-cloud), var(--ilc-ui-surface)) !important;
    color: var(--ilc-ui-text) !important;
    box-shadow: var(--ilc-ui-soft-shadow) !important;
    backdrop-filter: blur(12px);
}

body.ilc-ui-enhanced .ilc-panel h2,
body.ilc-ui-enhanced .ilc-admin-card h2,
body.ilc-ui-enhanced .ilc-account-card h2,
body.ilc-ui-enhanced .ilc-panel h3,
body.ilc-ui-enhanced .ilc-admin-card h3,
body.ilc-ui-enhanced .ilc-account-card h3 {
    color: var(--ilc-ui-heading) !important;
}

body.ilc-ui-enhanced .ilc-theory-note,
body.ilc-ui-enhanced .ilc-success-condition,
body.ilc-ui-enhanced .ilc-hint-item,
body.ilc-ui-enhanced .ilc-email-gate-bonus-list,
body.ilc-ui-enhanced .ilc-account-list li,
body.ilc-ui-enhanced .ilc-ai-usage-metric,
body.ilc-ui-enhanced .ilc-design-preview__cloud {
    border: 1px solid var(--ilc-ui-border) !important;
    border-radius: var(--ilc-ui-radius-sm) !important;
    background: var(--ilc-ui-surface-2) !important;
    color: var(--ilc-ui-text) !important;
    box-shadow: var(--ilc-ui-soft-shadow) !important;
}

body.ilc-ui-enhanced .ilc-primary-button,
body.ilc-ui-enhanced .ilc-secondary-button,
body.ilc-ui-enhanced .ilc-next-link,
body.ilc-ui-enhanced .ilc-account-button,
body.ilc-ui-enhanced .button.button-primary,
body.ilc-ui-enhanced .page-title-action,
body.ilc-ui-enhanced .ilc-theme-switcher__toggle,
body.ilc-ui-enhanced .ilc-theme-preview-button {
    min-height: 42px;
    border: 0 !important;
    border-radius: 16px !important;
    font-weight: 850 !important;
    letter-spacing: .01em;
    text-decoration: none !important;
    transition: transform var(--ilc-ui-transition), box-shadow var(--ilc-ui-transition), filter var(--ilc-ui-transition), opacity var(--ilc-ui-transition) !important;
}

body.ilc-ui-enhanced .ilc-primary-button,
body.ilc-ui-enhanced .button.button-primary,
body.ilc-ui-enhanced .page-title-action,
body.ilc-ui-enhanced .ilc-account-button,
body.ilc-ui-enhanced .ilc-next-link:not(.is-disabled),
body.ilc-ui-enhanced .ilc-theme-switcher__toggle,
body.ilc-ui-enhanced .ilc-theme-preview-button {
    background: linear-gradient(145deg, var(--ilc-ui-accent), color-mix(in srgb, var(--ilc-ui-accent) 74%, #000 26%)) !important;
    color: #ffffff !important;
    box-shadow: var(--ilc-ui-button-shadow) !important;
}

body.ilc-ui-enhanced .ilc-secondary-button,
body.ilc-ui-enhanced .button:not(.button-primary),
body.ilc-ui-enhanced .ilc-theme-switcher__close {
    background: linear-gradient(145deg, var(--ilc-ui-surface-2), var(--ilc-ui-surface)) !important;
    color: var(--ilc-ui-accent) !important;
    border: 1px solid var(--ilc-ui-border) !important;
    box-shadow: 4px -4px 0 rgba(var(--ilc-ui-accent-rgb), .12), 0 10px 20px rgba(15, 23, 42, .10) !important;
}

body.ilc-ui-enhanced .ilc-primary-button:hover,
body.ilc-ui-enhanced .ilc-secondary-button:hover,
body.ilc-ui-enhanced .button:hover,
body.ilc-ui-enhanced .page-title-action:hover,
body.ilc-ui-enhanced .ilc-next-link:not(.is-disabled):hover,
body.ilc-ui-enhanced .ilc-theme-switcher__toggle:hover {
    transform: translate(2px, -2px);
    filter: saturate(1.06) brightness(1.02);
}

body.ilc-ui-enhanced .ilc-primary-button:active,
body.ilc-ui-enhanced .ilc-secondary-button:active,
body.ilc-ui-enhanced .button:active,
body.ilc-ui-enhanced .page-title-action:active,
body.ilc-ui-enhanced .ilc-next-link:not(.is-disabled):active,
body.ilc-ui-enhanced .ilc-theme-switcher__toggle:active {
    transform: translate(-1px, 1px);
    box-shadow: 2px -2px 0 rgba(var(--ilc-ui-accent-rgb), .18) !important;
}

body.ilc-ui-enhanced .ilc-next-link.is-disabled,
body.ilc-ui-enhanced .ilc-primary-button[disabled],
body.ilc-ui-enhanced .ilc-primary-button:disabled,
body.ilc-ui-enhanced .button[disabled] {
    opacity: .58 !important;
    cursor: not-allowed !important;
    filter: grayscale(.25) !important;
}

body.ilc-ui-enhanced input[type="text"],
body.ilc-ui-enhanced input[type="email"],
body.ilc-ui-enhanced input[type="password"],
body.ilc-ui-enhanced input[type="number"],
body.ilc-ui-enhanced input[type="url"],
body.ilc-ui-enhanced input[type="search"],
body.ilc-ui-enhanced select,
body.ilc-ui-enhanced textarea,
body.ilc-ui-enhanced .ilc-editor-pane textarea,
body.ilc-ui-enhanced .ilc-form-trainer-input,
body.ilc-ui-enhanced .ilc-theme-preview-field {
    border: 1px solid var(--ilc-ui-border-strong) !important;
    border-radius: 16px !important;
    background: var(--ilc-ui-field) !important;
    color: var(--ilc-ui-text) !important;
    box-shadow: var(--ilc-ui-inset-shadow) !important;
    outline: none !important;
    transition: border-color var(--ilc-ui-transition), box-shadow var(--ilc-ui-transition), background var(--ilc-ui-transition) !important;
}

body.ilc-ui-enhanced input:focus,
body.ilc-ui-enhanced select:focus,
body.ilc-ui-enhanced textarea:focus,
body.ilc-ui-enhanced .ilc-editor-pane textarea:focus {
    border-color: var(--ilc-ui-accent) !important;
    box-shadow: var(--ilc-ui-inset-shadow), 0 0 0 4px var(--ilc-ui-focus) !important;
}

body.ilc-ui-enhanced .ilc-editor-pane textarea,
body.ilc-ui-enhanced .ilc-runner-console,
body.ilc-ui-enhanced pre,
body.ilc-ui-enhanced code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

body.ilc-ui-enhanced .ilc-editor-pane textarea,
body.ilc-ui-enhanced .ilc-runner-console,
body.ilc-ui-enhanced .ilc-theory-code {
    background: #111827 !important;
    color: #e5edf8 !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

body.ilc-ui-enhanced .ilc-editor-tab,
body.ilc-ui-enhanced .ilc-course-status,
body.ilc-ui-enhanced .ilc-ai-usage-badge,
body.ilc-ui-enhanced .ilc-hint-level,
body.ilc-ui-enhanced .ilc-design-preview__badge {
    border-radius: 999px !important;
    background: var(--ilc-ui-accent-soft) !important;
    color: color-mix(in srgb, var(--ilc-ui-accent) 78%, #000 22%) !important;
    border: 1px solid rgba(var(--ilc-ui-accent-rgb), .20) !important;
    font-weight: 850 !important;
}

body.ilc-ui-enhanced .ilc-editor-tab.is-active {
    color: #ffffff !important;
    background: linear-gradient(145deg, var(--ilc-ui-accent), color-mix(in srgb, var(--ilc-ui-accent) 72%, #000 28%)) !important;
    box-shadow: var(--ilc-ui-button-shadow) !important;
}

body.ilc-ui-enhanced .ilc-check-result {
    position: relative;
    padding-left: 62px !important;
    min-height: 54px;
    border-radius: var(--ilc-ui-radius) !important;
    background: var(--ilc-ui-surface-2) !important;
    color: var(--ilc-ui-text) !important;
    border: 1px solid var(--ilc-ui-border) !important;
    box-shadow: var(--ilc-ui-soft-shadow) !important;
}

body.ilc-ui-enhanced .ilc-check-result::before {
    content: "💡";
    position: absolute;
    left: 16px;
    top: 14px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ilc-ui-cloud);
    box-shadow: var(--ilc-ui-inset-shadow);
    font-size: 20px;
}

body.ilc-ui-enhanced .ilc-check-result.is-success {
    border-color: rgba(24, 167, 101, .45) !important;
    background: linear-gradient(145deg, var(--ilc-ui-success-soft), var(--ilc-ui-surface)) !important;
    color: var(--ilc-ui-success) !important;
}
body.ilc-ui-enhanced .ilc-check-result.is-success::before { content: "🤩"; }

body.ilc-ui-enhanced .ilc-check-result.is-error,
body.ilc-ui-enhanced .ilc-check-result.is-partial {
    border-color: rgba(223, 64, 85, .42) !important;
    background: linear-gradient(145deg, var(--ilc-ui-error-soft), var(--ilc-ui-surface)) !important;
    color: var(--ilc-ui-error) !important;
}
body.ilc-ui-enhanced .ilc-check-result.is-error::before,
body.ilc-ui-enhanced .ilc-check-result.is-partial::before { content: "🤔"; }

body.ilc-ui-enhanced .ilc-validator-result-list li.is-success span::before { content: "🤩 "; }
body.ilc-ui-enhanced .ilc-validator-result-list li.is-error span::before { content: "🤔 "; }

body.ilc-ui-enhanced .ilc-progress-bar {
    background: color-mix(in srgb, var(--ilc-ui-border) 64%, transparent) !important;
    box-shadow: var(--ilc-ui-inset-shadow) !important;
}
body.ilc-ui-enhanced .ilc-progress-bar span {
    background: linear-gradient(90deg, var(--ilc-ui-accent), var(--ilc-ui-accent-2)) !important;
    box-shadow: 0 0 18px rgba(var(--ilc-ui-accent-rgb), .25);
}

body.ilc-ui-enhanced table.widefat,
body.ilc-ui-enhanced .ilc-admin-table,
body.ilc-ui-enhanced .ilc-account-table {
    overflow: hidden;
    border-radius: var(--ilc-ui-radius-sm);
    border: 1px solid var(--ilc-ui-border) !important;
    background: var(--ilc-ui-surface) !important;
    box-shadow: var(--ilc-ui-soft-shadow) !important;
}
body.ilc-ui-enhanced table.widefat th,
body.ilc-ui-enhanced table.widefat td,
body.ilc-ui-enhanced .ilc-admin-table th,
body.ilc-ui-enhanced .ilc-admin-table td,
body.ilc-ui-enhanced .ilc-account-table th,
body.ilc-ui-enhanced .ilc-account-table td {
    color: var(--ilc-ui-text) !important;
    border-color: var(--ilc-ui-border) !important;
    background: transparent !important;
}
body.ilc-ui-enhanced table.widefat thead th,
body.ilc-ui-enhanced .ilc-admin-table thead th,
body.ilc-ui-enhanced .ilc-account-table thead th {
    background: var(--ilc-ui-surface-2) !important;
    color: var(--ilc-ui-heading) !important;
}

body.ilc-ui-enhanced .ilc-admin-wrap .notice,
body.ilc-ui-enhanced .ilc-player-message {
    border-radius: var(--ilc-ui-radius-sm) !important;
    box-shadow: var(--ilc-ui-soft-shadow) !important;
}

body.ilc-ui-enhanced .ilc-theme-switcher {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    display: grid;
    justify-items: end;
    gap: 10px;
}
body.ilc-ui-enhanced .ilc-theme-switcher__toggle {
    padding: 12px 16px !important;
    gap: 8px;
}
body.ilc-ui-enhanced .ilc-theme-switcher__panel {
    width: min(360px, calc(100vw - 28px));
    padding: 18px !important;
}
body.ilc-ui-enhanced .ilc-theme-switcher__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
body.ilc-ui-enhanced .ilc-theme-switcher__head strong {
    display: block;
    color: var(--ilc-ui-heading);
    font-size: 17px;
}
body.ilc-ui-enhanced .ilc-theme-switcher__head p,
body.ilc-ui-enhanced .ilc-theme-switcher__status {
    margin: 6px 0 0;
    color: var(--ilc-ui-muted);
    font-size: 13px;
}
body.ilc-ui-enhanced .ilc-theme-switcher__close {
    width: 36px;
    height: 36px;
    padding: 0 !important;
    font-size: 22px;
    line-height: 1;
}
body.ilc-ui-enhanced .ilc-theme-switcher label {
    display: grid;
    gap: 7px;
    margin: 12px 0;
    color: var(--ilc-ui-text);
    font-weight: 800;
}
body.ilc-ui-enhanced .ilc-theme-switcher select {
    width: 100%;
    min-height: 42px;
}
body.ilc-ui-enhanced .ilc-theme-switcher__preview,
body.ilc-ui-enhanced .ilc-design-preview__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 12px;
}
body.ilc-ui-enhanced .ilc-theme-preview-card,
body.ilc-ui-enhanced .ilc-theme-preview-field {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 12px;
    background: var(--ilc-ui-surface-2);
    box-shadow: var(--ilc-ui-soft-shadow);
    color: var(--ilc-ui-text);
}
body.ilc-ui-enhanced .ilc-theme-preview-button {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
}

body.ilc-ui-enhanced .ilc-design-settings-page .ilc-modern-option-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}
body.ilc-ui-enhanced .ilc-modern-toggle {
    align-items: flex-start;
    min-height: 72px;
    padding: 14px;
    border: 1px solid var(--ilc-ui-border);
    border-radius: var(--ilc-ui-radius-sm);
    background: var(--ilc-ui-surface-2);
    box-shadow: var(--ilc-ui-soft-shadow);
}
body.ilc-ui-enhanced .ilc-modern-toggle span {
    display: grid;
    gap: 5px;
}
body.ilc-ui-enhanced .ilc-modern-toggle small {
    color: var(--ilc-ui-muted);
    font-weight: 500;
}
body.ilc-ui-enhanced .ilc-design-preview {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(220px, .72fr) minmax(220px, .72fr);
    gap: 16px;
    align-items: stretch;
}
body.ilc-ui-enhanced .ilc-design-preview input {
    width: 100%;
    margin-top: 12px;
}
body.ilc-ui-enhanced .ilc-design-preview__cloud {
    padding: 22px;
}
body.ilc-ui-enhanced .ilc-design-preview__cloud h3 {
    margin: 12px 0 8px;
    color: var(--ilc-ui-heading);
}
body.ilc-ui-enhanced .ilc-design-preview__cloud p {
    color: var(--ilc-ui-muted);
}

@media (max-width: 1100px) {
    body.ilc-ui-enhanced .ilc-design-preview {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    body.ilc-ui-enhanced .ilc-theme-switcher {
        left: 12px;
        right: 12px;
        bottom: 12px;
        justify-items: stretch;
    }
    body.ilc-ui-enhanced .ilc-theme-switcher__toggle,
    body.ilc-ui-enhanced .ilc-theme-switcher__panel {
        width: 100%;
    }
    body.ilc-ui-enhanced .ilc-player-header,
    body.ilc-ui-enhanced .ilc-account-hero,
    body.ilc-ui-enhanced .ilc-admin-hero {
        border-radius: 22px !important;
    }
}

body.ilc-ui-enhanced .ilc-course-catalog {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 22px !important;
    margin: 32px auto !important;
}
body.ilc-ui-enhanced .ilc-course-card {
    position: relative;
    overflow: hidden;
    padding: 26px !important;
    border-radius: var(--ilc-ui-radius-lg) !important;
    border: 1px solid var(--ilc-ui-border) !important;
    background: linear-gradient(145deg, var(--ilc-ui-cloud), var(--ilc-ui-surface)) !important;
    color: var(--ilc-ui-text) !important;
    box-shadow: var(--ilc-ui-shadow) !important;
    transition: transform var(--ilc-ui-transition), box-shadow var(--ilc-ui-transition), border-color var(--ilc-ui-transition);
}
body.ilc-ui-enhanced .ilc-course-card::before {
    content: "";
    position: absolute;
    right: -46px;
    top: -46px;
    width: 138px;
    height: 138px;
    border-radius: 999px;
    background: rgba(var(--ilc-ui-accent-rgb), .13);
}
body.ilc-ui-enhanced .ilc-course-card:hover {
    transform: translate(3px, -4px);
    border-color: rgba(var(--ilc-ui-accent-rgb), .35) !important;
    box-shadow: var(--ilc-ui-glow), var(--ilc-ui-shadow) !important;
}
body.ilc-ui-enhanced .ilc-course-card h3 {
    color: var(--ilc-ui-heading) !important;
    font-size: clamp(21px, 2vw, 28px) !important;
}
body.ilc-ui-enhanced .ilc-course-card p,
body.ilc-ui-enhanced .ilc-learning-page__lead {
    color: var(--ilc-ui-muted) !important;
}
body.ilc-ui-enhanced .ilc-course-badge {
    background: var(--ilc-ui-accent-soft) !important;
    color: color-mix(in srgb, var(--ilc-ui-accent) 78%, #000 22%) !important;
    border: 1px solid rgba(var(--ilc-ui-accent-rgb), .18) !important;
}
body.ilc-ui-enhanced .ilc-course-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 16px !important;
    padding: 12px 17px !important;
    background: linear-gradient(145deg, var(--ilc-ui-accent), color-mix(in srgb, var(--ilc-ui-accent) 72%, #000 28%)) !important;
    color: #fff !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    box-shadow: var(--ilc-ui-button-shadow) !important;
    transition: transform var(--ilc-ui-transition), box-shadow var(--ilc-ui-transition);
}
body.ilc-ui-enhanced .ilc-course-link::after { content: " →"; }
body.ilc-ui-enhanced .ilc-course-link:hover { transform: translate(2px, -2px); }

body.ilc-ui-enhanced .ilc-learning-page {
    color: var(--ilc-ui-text) !important;
    font-family: var(--ilc-ui-font) !important;
}
body.ilc-ui-enhanced .ilc-learning-page__header {
    border-radius: var(--ilc-ui-radius-lg) !important;
    border: 1px solid var(--ilc-ui-border) !important;
    background: linear-gradient(145deg, var(--ilc-ui-cloud), var(--ilc-ui-surface)) !important;
    box-shadow: var(--ilc-ui-shadow) !important;
}
body.ilc-ui-enhanced .ilc-learning-page h1,
body.ilc-ui-enhanced .ilc-learning-page h2,
body.ilc-ui-enhanced .ilc-learning-page h3 {
    color: var(--ilc-ui-heading) !important;
}
body.ilc-ui-enhanced .ilc-learning-page__eyebrow {
    color: var(--ilc-ui-accent) !important;
}
body.ilc-ui-enhanced .ilc-learning-page__card {
    border-radius: var(--ilc-ui-radius) !important;
    border: 1px solid var(--ilc-ui-border) !important;
    background: linear-gradient(145deg, var(--ilc-ui-cloud), var(--ilc-ui-surface)) !important;
    box-shadow: var(--ilc-ui-soft-shadow) !important;
}