/* ============================================================
   ICE CITY THEME — data-app-theme="icecity"
   Frozen arctic metropolis: glacier blue, arctic ice white, deep teal, frost silver
   Light mode: Crisp crystalline ice white like fresh glaciers and frost
   Dark mode: Deep arctic abyss and midnight aurora
   ============================================================ */

[data-app-theme="icecity"] {
    /* Brand Design Tokens */
    --Primary: #0EA5E9;           /* Glacier blue */
    --Primary_rgba: 14, 165, 233;
    --Primary_Dark: #0369A1;
    --Primary_Dark_rgba: 3, 105, 161;
    --Secondary: #06B6D4;         /* Arctic cyan */
    --Secondary_rgba: 6, 182, 212;
    --Tertiary: #BAE6FD;          /* Frost mist */
    --Tertiary_rgba: 186, 230, 253;
    --Quaternary: #F0F9FF;        /* Arctic white */
    --Quaternary_rgba: 240, 249, 255;

    /* Theme Specific Tokens */
    --theme-glow: 0 4px 25px rgba(14, 165, 233, 0.25);
    --theme-frost-glow: 0 0 20px rgba(186, 230, 253, 0.35);
    --theme-border: 1px solid rgba(14, 165, 233, 0.22);
    --theme-glass-bg: rgba(255, 255, 255, 0.88);
    --theme-card-bg: rgba(255, 255, 255, 0.92);
    --theme-text-primary: #0c4a6e;
    --theme-text-secondary: #0284c7;
}

/* ============================================================
   LIGHT MODE — White Like Ice & Frost
   ============================================================ */
[data-app-theme="icecity"]:not([data-theme="dark"]) body,
[data-app-theme="icecity"] body:not([data-theme="dark"]) {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #0c4a6e !important;
    position: relative;
}

[data-app-theme="icecity"]:not([data-theme="dark"]) main,
[data-app-theme="icecity"]:not([data-theme="dark"]) .page,
[data-app-theme="icecity"] main:not([data-theme="dark"]),
[data-app-theme="icecity"] .page:not([data-theme="dark"]) {
    background: transparent !important;
    color: #0c4a6e !important;
    position: relative;
    z-index: 2;
}

/* ============================================================
   ICE CITY THEME — SIMPLE STATIC SNOW-WHITE FROST SYSTEM
   ============================================================ */
/* Subtle, delicate, stationary winter frost crystals on pure snow-white (not movable, simple) */
[data-app-theme="icecity"]:not([data-theme="dark"]) body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg transform='translate(40, 40)' stroke='%2338BDF8' stroke-width='1.2' stroke-linecap='round' opacity='0.16'%3E%3Cline x1='0' y1='-14' x2='0' y2='14'/%3E%3Cline x1='-12.1' y1='-7' x2='12.1' y2='7'/%3E%3Cline x1='-12.1' y1='7' x2='12.1' y2='-7'/%3E%3Cpath d='M0 -9 l-3 3 M0 -9 l3 3 M0 9 l-3 -3 M0 9 l3 -3'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%23BAE6FD'/%3E%3C/g%3E%3Cg transform='translate(120, 110)' opacity='0.12'%3E%3Cpath d='M0 -10 Q0 0 -10 0 Q0 0 0 10 Q0 0 10 0 Q0 0 0 -10 Z' fill='%23BAE6FD' stroke='%2338BDF8' stroke-width='0.8'/%3E%3C/g%3E%3Ccircle cx='125' cy='35' r='1.5' fill='%2338BDF8' opacity='0.15'/%3E%3Ccircle cx='35' cy='125' r='1.2' fill='%2338BDF8' opacity='0.12'/%3E%3C/svg%3E");
    background-size: 160px 160px;
    background-repeat: repeat;
    animation: none !important;
    filter: none !important;
}

[data-app-theme="icecity"]:not([data-theme="dark"]) body::after {
    display: none !important;
}

[data-app-theme="icecity"] .page::after {
    display: none !important;
}

/* Light Mode Navigation Bar */
[data-app-theme="icecity"]:not([data-theme="dark"]) .top-row {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(14, 165, 233, 0.20) !important;
    box-shadow: 0 4px 18px rgba(14, 165, 233, 0.08) !important;
}

/* Light Mode Sidebar Drawer */
[data-app-theme="icecity"]:not([data-theme="dark"]) .sidebar {
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F9FF 55%, #E0F2FE 100%) !important;
    border-left: 1px solid rgba(14, 165, 233, 0.20) !important;
    box-shadow: -4px 0 20px rgba(14, 165, 233, 0.06) !important;
}

/* Light Mode Cards & Surfaces */
[data-app-theme="icecity"]:not([data-theme="dark"]) .mud-card:not(.course-details),
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card:not(.course-details),
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card-100:not(.course-details) {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(14, 165, 233, 0.22) !important;
    box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08), 0 0 16px rgba(186, 230, 253, 0.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    color: #0c4a6e !important;
}

/* Light Mode Typography & Sidebar */
[data-app-theme="icecity"]:not([data-theme="dark"]) .sidebar h4,
[data-app-theme="icecity"]:not([data-theme="dark"]) .sidebar h5,
[data-app-theme="icecity"]:not([data-theme="dark"]) .sidebar .mud-typography {
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .scoring-list-name {
    color: #0c4a6e !important;
    font-weight: 600 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .scoring-list-order {
    color: #0284c7 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .scoring-list-item {
    border-bottom: 1px solid rgba(14, 165, 233, 0.15) !important;
}

/* Light Mode Score Podiums */
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.score-podium-1 {
    color: #0c4a6e !important;
    background: #E0F2FE !important;
    border: 1px solid rgba(14, 165, 233, 0.40) !important;
    box-shadow: 0 0 18px rgba(14, 165, 233, 0.15) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.score-podium-2 {
    color: #0c4a6e !important;
    background: #F0F9FF !important;
    border: 1px solid rgba(186, 230, 253, 0.60) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.score-podium-3 {
    color: #0c4a6e !important;
    background: #F8FAFC !important;
    border: 1px solid rgba(14, 165, 233, 0.25) !important;
}

/* Light Mode Text Utility Classes */
[data-app-theme="icecity"]:not([data-theme="dark"]) .text-gray-900,
[data-app-theme="icecity"]:not([data-theme="dark"]) .text-gray-800,
[data-app-theme="icecity"]:not([data-theme="dark"]) .text-gray-700 {
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .text-gray-600,
[data-app-theme="icecity"]:not([data-theme="dark"]) .text-gray-500,
[data-app-theme="icecity"]:not([data-theme="dark"]) .text-gray-400 {
    color: #0284c7 !important;
}

/* Light Mode Course Header Info Pills */
[data-app-theme="icecity"]:not([data-theme="dark"]) .course-info-pill {
    background: rgba(14, 165, 233, 0.12) !important;
    border: 1px solid rgba(14, 165, 233, 0.30) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .course-info-pill-text {
    color: #0369a1 !important;
    font-weight: 700 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .course-info-pill .mud-icon-root {
    color: #0284c7 !important;
}

/* Light Mode Store Hero Header */
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-hero-header {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(14, 165, 233, 0.25) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 8px 30px rgba(14, 165, 233, 0.10) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-hero-badge {
    background: rgba(14, 165, 233, 0.12) !important;
    border: 1px solid rgba(14, 165, 233, 0.30) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-hero-badge-icon,
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-hero-badge-text {
    color: #0284c7 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-hero-title {
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-hero-subtitle {
    color: #0369a1 !important;
}

/* Light Mode Store Wallet Card */
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-wallet-card {
    background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%) !important;
    border: 1px solid rgba(14, 165, 233, 0.35) !important;
    box-shadow: 0 4px 18px rgba(14, 165, 233, 0.12) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-wallet-label {
    color: #0369a1 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .wallet-number {
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .wallet-currency {
    color: #0284c7 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-wallet-stats {
    color: #475569 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-expiry-notice {
    background: rgba(14, 165, 233, 0.10) !important;
    border-color: rgba(14, 165, 233, 0.25) !important;
    color: #0369a1 !important;
}

/* Light Mode Store Tabs */
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-tabs .mud-tabs-tabbar {
    border-bottom-color: rgba(14, 165, 233, 0.22) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-tabs .mud-tab {
    color: #0284c7 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-tabs .mud-tab:hover {
    color: #0369a1 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-tabs .mud-tab.mud-tab-active {
    color: #0284c7 !important;
    font-weight: 700 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-tabs .mud-tab-slider {
    background: linear-gradient(90deg, #0EA5E9, #0284c7) !important;
    height: 3px !important;
}

/* Light Mode Equipped Strip */
[data-app-theme="icecity"]:not([data-theme="dark"]) .equipped-rewards-strip {
    background: rgba(255, 255, 255, 0.90) !important;
    border: 1px solid rgba(14, 165, 233, 0.25) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .equipped-label {
    color: #0369a1 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .equipped-badge {
    background: #F0F9FF !important;
    border: 1px solid rgba(14, 165, 233, 0.30) !important;
    color: #0c4a6e !important;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.08) !important;
}

/* Light Mode Filter Chips */
[data-app-theme="icecity"]:not([data-theme="dark"]) .filter-chip {
    background: #FFFFFF !important;
    border: 1px solid rgba(14, 165, 233, 0.30) !important;
    color: #0284c7 !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.06) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .filter-chip:hover {
    background: #E0F2FE !important;
    border-color: rgba(14, 165, 233, 0.60) !important;
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .filter-chip.active {
    background: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 100%) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35) !important;
}

/* Light Mode Store Cards */
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(14, 165, 233, 0.22) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.08) !important;
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-card.affordable:hover {
    border-color: #0284c7 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 32px -4px rgba(14, 165, 233, 0.25) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-card.unaffordable {
    opacity: 0.72 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-card-image-box {
    background: radial-gradient(circle at 50% 45%, rgba(186, 230, 253, 0.45) 0%, #F0F9FF 80%) !important;
    border-bottom: 1px solid rgba(14, 165, 233, 0.18) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-card-title {
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-card-desc {
    color: #0284c7 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-card-price {
    background: rgba(14, 165, 233, 0.10) !important;
    border: 1px solid rgba(14, 165, 233, 0.30) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-card-price .price-val {
    color: #0284c7 !important;
}

/* Light Mode Store Modal */
[data-app-theme="icecity"]:not([data-theme="dark"]) .store-modal {
    background: #FFFFFF !important;
    border: 1px solid rgba(14, 165, 233, 0.35) !important;
    box-shadow: 0 25px 50px rgba(14, 165, 233, 0.18) !important;
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .modal-header,
[data-app-theme="icecity"]:not([data-theme="dark"]) .modal-item-summary {
    background: #F0F9FF !important;
    border-color: rgba(14, 165, 233, 0.20) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .modal-title,
[data-app-theme="icecity"]:not([data-theme="dark"]) .modal-item-title {
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .modal-item-desc {
    color: #0284c7 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .modal-cost-row {
    color: #0c4a6e !important;
}


/* ============================================================
   DARK MODE — Deep Arctic Abyss
   ============================================================ */
[data-app-theme="icecity"][data-theme="dark"] body {
    background:
        radial-gradient(ellipse at 20% 15%, rgba(14, 165, 233, 0.35) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 85%, rgba(6, 182, 212, 0.25) 0%, transparent 55%),
        radial-gradient(circle at 50% 40%, rgba(3, 105, 161, 0.15) 0%, transparent 50%),
        linear-gradient(165deg, #010810 0%, #02101e 45%, #010c18 100%) !important;
    background-attachment: fixed !important;
    color: #e0f2fe !important;
    position: relative;
}

[data-app-theme="icecity"][data-theme="dark"] main,
[data-app-theme="icecity"][data-theme="dark"] .page {
    background: transparent !important;
    color: #e0f2fe !important;
    position: relative;
    z-index: 2;
}

/* Dark mode static aurora frost (stationary, non-moving) */
[data-app-theme="icecity"][data-theme="dark"] body::before {
    animation: none !important;
    opacity: 0.35;
}
[data-app-theme="icecity"][data-theme="dark"] body::after {
    display: none !important;
}
[data-app-theme="icecity"][data-theme="dark"] .page::after {
    display: none !important;
}

/* Dark Mode Navigation Bar */
[data-app-theme="icecity"][data-theme="dark"] .top-row {
    background: rgba(4, 14, 30, 0.94) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(14, 165, 233, 0.35) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(14, 165, 233, 0.10) inset !important;
}

/* Dark Mode Sidebar Drawer */
[data-app-theme="icecity"][data-theme="dark"] .sidebar {
    background: linear-gradient(180deg, #061528 0%, #081e38 50%, #040f20 100%) !important;
    border-left: 1px solid rgba(14, 165, 233, 0.30) !important;
    box-shadow: -4px 0 25px rgba(0, 0, 0, 0.55) !important;
}

/* Logo handling for Ice City Theme */
[data-app-theme="icecity"] .nav-logo,
[data-app-theme="icecity"] .responsive-logo,
[data-app-theme="icecity"][data-theme="dark"] .nav-logo,
[data-app-theme="icecity"][data-theme="dark"] .responsive-logo {
    content: url('/assets/images/logo.png') !important;
}

/* Dark Mode Cards & Surfaces */
[data-app-theme="icecity"][data-theme="dark"] .mud-card:not(.course-details),
[data-app-theme="icecity"][data-theme="dark"] .rounded-card:not(.course-details),
[data-app-theme="icecity"][data-theme="dark"] .rounded-card-100:not(.course-details) {
    background: rgba(10, 22, 45, 0.88) !important;
    border: 1px solid rgba(14, 165, 233, 0.40) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.60), 0 0 16px rgba(14, 165, 233, 0.14) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    color: #e0f2fe !important;
}

/* Dark Mode Typography & Sidebar */
[data-app-theme="icecity"][data-theme="dark"] .sidebar h4,
[data-app-theme="icecity"][data-theme="dark"] .sidebar h5,
[data-app-theme="icecity"][data-theme="dark"] .sidebar .mud-typography {
    color: #e0f2fe !important;
}
[data-app-theme="icecity"][data-theme="dark"] .scoring-list-name {
    color: #e0f2fe !important;
    font-weight: 600 !important;
}
[data-app-theme="icecity"][data-theme="dark"] .scoring-list-order {
    color: #7dd3fc !important;
}
[data-app-theme="icecity"][data-theme="dark"] .scoring-list-item {
    border-bottom: 1px solid rgba(14, 165, 233, 0.22) !important;
}

/* Dark Mode Score Podiums */
[data-app-theme="icecity"][data-theme="dark"] .rounded-card.score-podium-1 {
    color: #F0F9FF !important;
    background: rgba(14, 165, 233, 0.28) !important;
    border: 1px solid rgba(186, 230, 253, 0.55) !important;
    box-shadow: 0 0 20px rgba(14, 165, 233, 0.30) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .rounded-card.score-podium-2 {
    color: #BAE6FD !important;
    background: rgba(186, 230, 253, 0.14) !important;
    border: 1px solid rgba(186, 230, 253, 0.35) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .rounded-card.score-podium-3 {
    color: #93C5FD !important;
    background: rgba(14, 165, 233, 0.12) !important;
    border: 1px solid rgba(14, 165, 233, 0.30) !important;
}

/* Dark Mode Text Utility Classes */
[data-app-theme="icecity"][data-theme="dark"] .text-gray-900,
[data-app-theme="icecity"][data-theme="dark"] .text-gray-800,
[data-app-theme="icecity"][data-theme="dark"] .text-gray-700 {
    color: #e0f2fe !important;
}
[data-app-theme="icecity"][data-theme="dark"] .text-gray-600,
[data-app-theme="icecity"][data-theme="dark"] .text-gray-500,
[data-app-theme="icecity"][data-theme="dark"] .text-gray-400 {
    color: #7dd3fc !important;
}

/* Dark Mode Course Header Info Pills */
[data-app-theme="icecity"][data-theme="dark"] .course-info-pill {
    background: rgba(14, 165, 233, 0.20) !important;
    border: 1px solid rgba(14, 165, 233, 0.48) !important;
    backdrop-filter: blur(8px) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .course-info-pill-text {
    color: #7DD3FC !important;
    font-weight: 700 !important;
    text-shadow: 0 0 8px rgba(14, 165, 233, 0.45) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .course-info-pill .mud-icon-root {
    color: #BAE6FD !important;
}

/* Dark Mode Store Hero Header */
[data-app-theme="icecity"][data-theme="dark"] .store-hero-header {
    background: rgba(10, 22, 45, 0.86) !important;
    border: 1px solid rgba(14, 165, 233, 0.38) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.50), inset 0 1px 0 rgba(186, 230, 253, 0.12) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-hero-badge {
    background: rgba(14, 165, 233, 0.26) !important;
    border: 1px solid rgba(186, 230, 253, 0.50) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-hero-badge-icon,
[data-app-theme="icecity"][data-theme="dark"] .store-hero-badge-text {
    color: #7DD3FC !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-hero-title {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(14, 165, 233, 0.55);
}
[data-app-theme="icecity"][data-theme="dark"] .store-hero-subtitle {
    color: #BAE6FD !important;
}

/* Dark Mode Store Wallet Card */
[data-app-theme="icecity"][data-theme="dark"] .store-wallet-card {
    background: linear-gradient(135deg, rgba(10, 25, 55, 0.92) 0%, rgba(5, 40, 80, 0.92) 100%) !important;
    border: 1px solid rgba(14, 165, 233, 0.55) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.40), 0 0 16px rgba(14, 165, 233, 0.30) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-wallet-label {
    color: #BAE6FD !important;
}
[data-app-theme="icecity"][data-theme="dark"] .wallet-number {
    color: #E0F2FE !important;
    text-shadow: 0 0 12px rgba(14, 165, 233, 0.45);
}
[data-app-theme="icecity"][data-theme="dark"] .wallet-currency {
    color: #7DD3FC !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-wallet-stats {
    color: #CBD5E1 !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-expiry-notice {
    background: rgba(14, 165, 233, 0.20) !important;
    border-color: rgba(186, 230, 253, 0.42) !important;
    color: #BAE6FD !important;
}

/* Dark Mode Store Tabs */
[data-app-theme="icecity"][data-theme="dark"] .store-tabs .mud-tabs-tabbar {
    border-bottom-color: rgba(14, 165, 233, 0.28) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-tabs .mud-tab {
    color: #7DD3FC !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-tabs .mud-tab:hover {
    color: #FFFFFF !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-tabs .mud-tab.mud-tab-active {
    color: #BAE6FD !important;
    text-shadow: 0 0 10px rgba(14, 165, 233, 0.50);
}
[data-app-theme="icecity"][data-theme="dark"] .store-tabs .mud-tab-slider {
    background: linear-gradient(90deg, #0EA5E9, #BAE6FD) !important;
    height: 3px !important;
}

/* Dark Mode Equipped Strip */
[data-app-theme="icecity"][data-theme="dark"] .equipped-rewards-strip {
    background: rgba(10, 22, 45, 0.82) !important;
    border: 1px solid rgba(14, 165, 233, 0.35) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
[data-app-theme="icecity"][data-theme="dark"] .equipped-label {
    color: #BAE6FD !important;
}
[data-app-theme="icecity"][data-theme="dark"] .equipped-badge {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(14, 165, 233, 0.35) !important;
    color: #E0F2FE !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30) !important;
}

/* Dark Mode Filter Chips */
[data-app-theme="icecity"][data-theme="dark"] .filter-chip {
    background: rgba(8, 20, 42, 0.88) !important;
    border: 1px solid rgba(14, 165, 233, 0.34) !important;
    color: #BAE6FD !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .filter-chip:hover {
    background: rgba(20, 45, 80, 0.92) !important;
    border-color: rgba(14, 165, 233, 0.70) !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 14px rgba(14, 165, 233, 0.42) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .filter-chip.active {
    background: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 100%) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.55), 0 0 12px rgba(186, 230, 253, 0.35) !important;
}

/* Dark Mode Store Cards */
[data-app-theme="icecity"][data-theme="dark"] .store-card {
    background: rgba(10, 22, 45, 0.88) !important;
    border: 1px solid rgba(14, 165, 233, 0.34) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    color: #e0f2fe !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-card.affordable:hover {
    border-color: #7DD3FC !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 40px -4px rgba(14, 165, 233, 0.42), 0 0 24px rgba(186, 230, 253, 0.32) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-card.unaffordable {
    opacity: 0.72 !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-card-image-box {
    background: radial-gradient(circle at 50% 45%, rgba(14, 165, 233, 0.38) 0%, rgba(5, 15, 35, 0.96) 75%) !important;
    border-bottom: 1px solid rgba(14, 165, 233, 0.26) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-card-title {
    color: #ffffff !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-card-desc {
    color: #7dd3fc !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-card-price {
    background: rgba(14, 165, 233, 0.18) !important;
    border: 1px solid rgba(14, 165, 233, 0.48) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .store-card-price .price-val {
    color: #BAE6FD !important;
}

/* Dark Mode Store Modal */
[data-app-theme="icecity"][data-theme="dark"] .store-modal {
    background: #040e1e !important;
    border: 1px solid rgba(14, 165, 233, 0.48) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85), 0 0 35px rgba(14, 165, 233, 0.32) !important;
    color: #e0f2fe !important;
}
[data-app-theme="icecity"][data-theme="dark"] .modal-header,
[data-app-theme="icecity"][data-theme="dark"] .modal-item-summary {
    background: rgba(10, 22, 45, 0.92) !important;
    border-color: rgba(14, 165, 233, 0.30) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .modal-title,
[data-app-theme="icecity"][data-theme="dark"] .modal-item-title {
    color: #ffffff !important;
}
[data-app-theme="icecity"][data-theme="dark"] .modal-item-desc {
    color: #7dd3fc !important;
}
[data-app-theme="icecity"][data-theme="dark"] .modal-cost-row {
    color: #e0f2fe !important;
}


/* ============================================================
   SHARED THEME ELEMENTS
   ============================================================ */
/* Primary Action Buttons */
[data-app-theme="icecity"] .mud-button-filled-primary,
[data-app-theme="icecity"] .button-primary,
[data-app-theme="icecity"] .bg-primary-100 {
    background: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.45) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-app-theme="icecity"] .mud-button-filled-primary:hover,
[data-app-theme="icecity"] .button-primary:hover,
[data-app-theme="icecity"] .bg-primary-100:hover {
    background: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 100%) !important;
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.65), 0 0 15px rgba(186, 230, 253, 0.40) !important;
    transform: translateY(-2px) !important;
}

/* Secondary Buttons */
[data-app-theme="icecity"] .mud-button-outlined-primary {
    border-color: #0EA5E9 !important;
    color: #0EA5E9 !important;
}

/* MudTabs & Navigation */
[data-app-theme="icecity"] .mud-tab-slider {
    background-color: #0EA5E9 !important;
}

[data-app-theme="icecity"] .mud-tab.mud-tab-active,
[data-app-theme="icecity"] .mud-primary-text {
    color: #0EA5E9 !important;
}

/* Course Details Cards (Background Illustrated) */
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.course-details {
    background-color: #FFFFFF !important;
    border: 1.5px solid rgba(14, 165, 233, 0.25) !important;
    box-shadow: 0 4px 18px rgba(14, 165, 233, 0.08) !important;
    transition: all 0.25s ease !important;
}

[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.course-details:hover {
    background-color: #F8FAFC !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 28px rgba(14, 165, 233, 0.22) !important;
    border-color: #0EA5E9 !important;
}

[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.course-details h4,
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.course-details h5,
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.course-details h6,
[data-app-theme="icecity"]:not([data-theme="dark"]) .rounded-card.course-details .mud-typography {
    color: #0369A1 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

[data-app-theme="icecity"][data-theme="dark"] .rounded-card.course-details {
    background-color: rgba(6, 18, 38, 0.90) !important;
    border: 1px solid rgba(14, 165, 233, 0.35) !important;
    box-shadow: 0 4px 20px rgba(14, 165, 233, 0.15) !important;
    transition: all 0.25s ease !important;
}

[data-app-theme="icecity"][data-theme="dark"] .rounded-card.course-details:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px rgba(14, 165, 233, 0.35), 0 0 18px rgba(186, 230, 253, 0.30) !important;
    border-color: #38BDF8 !important;
}

[data-app-theme="icecity"][data-theme="dark"] .rounded-card.course-details h4,
[data-app-theme="icecity"][data-theme="dark"] .rounded-card.course-details h5,
[data-app-theme="icecity"][data-theme="dark"] .rounded-card.course-details h6,
[data-app-theme="icecity"][data-theme="dark"] .rounded-card.course-details .mud-typography {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65) !important;
}

[data-app-theme="icecity"] .rounded-card.course-details.sessions { background-image: url('/assets/images/course-details-sessions.png') !important; }
[data-app-theme="icecity"] .rounded-card.course-details.assignments { background-image: url('/assets/images/course-details-assignments.png') !important; }
[data-app-theme="icecity"] .rounded-card.course-details.exams { background-image: url('/assets/images/course-details-exams.png') !important; }
[data-app-theme="icecity"] .rounded-card.course-details.quizzes { background-image: url('/assets/images/course-details-quizes.png') !important; }
[data-app-theme="icecity"] .rounded-card.course-details.live-sessions { background-image: url('/assets/images/course-details-live-sessions.png') !important; }
[data-app-theme="icecity"] .rounded-card.course-details.announcements { background-image: url('/assets/images/announcements.png') !important; }
[data-app-theme="icecity"] .rounded-card.course-details.mark-scheme { background-image: url('/assets/images/course-details-mark-scheme.jpg') !important; background-size: contain !important; background-position: right center !important; }
[data-app-theme="icecity"] .rounded-card.course-details.notes { background-image: url('/assets/images/course-details-Notes.png') !important; background-size: contain !important; background-position: right center !important; }
[data-app-theme="icecity"] .rounded-card.course-details.store { background-image: url('/assets/images/trophy.png') !important; }

/* Background Utility Classes */
[data-app-theme="icecity"] .bg-primary-10 { background: rgba(14, 165, 233, 0.12) !important; }
[data-app-theme="icecity"] .bg-primary-25 { background: rgba(14, 165, 233, 0.25) !important; }
[data-app-theme="icecity"] .bg-primary-50 { background: rgba(14, 165, 233, 0.50) !important; }

/* Heading Typography */
[data-app-theme="icecity"] h1, [data-app-theme="icecity"] h2, [data-app-theme="icecity"] h3, [data-app-theme="icecity"] .theme-heading { letter-spacing: 0.03em; }

/* Daily Streak Badge */
[data-app-theme="icecity"] .streak-badge {
    background: linear-gradient(135deg, #0EA5E9 0%, #38BDF8 100%) !important;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.5) !important;
}

/* Daily Streak Floating Widget - Ice City */
[data-app-theme="icecity"] .streak-header-banner {
    background: linear-gradient(135deg, #0284C7 0%, #0EA5E9 50%, #06B6D4 100%) !important;
}
[data-app-theme="icecity"] .streak-minimized-pill {
    background: linear-gradient(135deg, #0284C7 0%, #06B6D4 100%) !important;
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.45) !important;
    border-color: rgba(186, 230, 253, 0.5) !important;
}
[data-app-theme="icecity"] .streak-floating-card {
    border-color: rgba(14, 165, 233, 0.4) !important;
    box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.22), 0 0 25px rgba(14, 165, 233, 0.25) !important;
}
[data-app-theme="icecity"] .streak-speech-bubble {
    background: rgba(186, 230, 253, 0.3) !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
}
[data-app-theme="icecity"] .streak-speech-tail {
    background: #e0f2fe !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
}
[data-app-theme="icecity"] .streak-speech-text {
    color: #0369a1 !important;
}
[data-app-theme="icecity"][data-theme="dark"] .streak-speech-text {
    color: #bae6fd !important;
}
[data-app-theme="icecity"][data-theme="dark"] .streak-speech-tail {
    background: #0f2438 !important;
}
[data-app-theme="icecity"] .streak-choice-btn.selected {
    border-color: #0ea5e9 !important;
    background: rgba(14, 165, 233, 0.14) !important;
    box-shadow: 0 2px 10px rgba(14, 165, 233, 0.2) !important;
}
[data-app-theme="icecity"] .streak-choice-btn.selected .streak-choice-badge {
    background: #0ea5e9 !important;
    color: #ffffff !important;
}
[data-app-theme="icecity"] .streak-choice-btn.selected .streak-choice-text {
    color: #0369a1 !important;
}
[data-app-theme="icecity"][data-theme="dark"] .streak-choice-btn.selected .streak-choice-text {
    color: #bae6fd !important;
}
[data-app-theme="icecity"] .streak-textarea:focus {
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2) !important;
}
[data-app-theme="icecity"] .streak-submit-btn,
[data-app-theme="icecity"] .streak-success-circle {
    background: linear-gradient(135deg, #0284C7 0%, #0EA5E9 50%, #06B6D4 100%) !important;
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.4) !important;
}
[data-app-theme="icecity"] .streak-reward-pill {
    background: rgba(186, 230, 253, 0.3) !important;
    border-color: rgba(14, 165, 233, 0.25) !important;
    color: #0369a1 !important;
}
[data-app-theme="icecity"][data-theme="dark"] .streak-reward-pill {
    color: #bae6fd !important;
}

/* ============================================================
   ICE CITY THEME — STUDY NOTES PAGE
   ============================================================ */
/* Light Mode (Snow White Clean Contrast) */
[data-app-theme="icecity"]:not([data-theme="dark"]) .note-card {
    background: #FFFFFF !important;
    border: 1.5px solid rgba(14, 165, 233, 0.35) !important;
    box-shadow: 0 4px 18px rgba(14, 165, 233, 0.12) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .note-card-title {
    color: #0c4a6e !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .note-card-desc {
    color: #0284c7 !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .note-card-banner {
    background: linear-gradient(135deg, rgba(224, 242, 254, 0.7) 0%, rgba(186, 230, 253, 0.5) 100%) !important;
    border-bottom: 1px solid rgba(14, 165, 233, 0.2) !important;
}
[data-app-theme="icecity"]:not([data-theme="dark"]) .notes-search-input {
    background: #FFFFFF !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
}

/* Dark Mode (Frost Crystal Night) */
[data-app-theme="icecity"][data-theme="dark"] .note-card {
    background: rgba(10, 24, 44, 0.92) !important;
    border: 1.5px solid rgba(14, 165, 233, 0.40) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 16px rgba(14, 165, 233, 0.15) !important;
    color: #ffffff !important;
}
[data-app-theme="icecity"][data-theme="dark"] .note-card-title {
    color: #ffffff !important;
}
[data-app-theme="icecity"][data-theme="dark"] .note-card-desc {
    color: #bae6fd !important;
}
[data-app-theme="icecity"][data-theme="dark"] .note-card-banner {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.20) 0%, rgba(6, 182, 212, 0.25) 100%) !important;
    border-bottom: 1px solid rgba(14, 165, 233, 0.30) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .note-card-icon {
    background: rgba(6, 16, 32, 0.85) !important;
    border: 1px solid rgba(14, 165, 233, 0.4) !important;
    color: #38bdf8 !important;
}
[data-app-theme="icecity"][data-theme="dark"] .notes-search-input,
[data-app-theme="icecity"][data-theme="dark"] .notes-search-box .mud-input-outlined {
    background: rgba(10, 24, 44, 0.85) !important;
    border-color: rgba(14, 165, 233, 0.4) !important;
}
[data-app-theme="icecity"][data-theme="dark"] .notes-search-box input {
    color: #ffffff !important;
}
[data-app-theme="icecity"][data-theme="dark"] .notes-search-box input::placeholder {
    color: #94a3b8 !important;
}