/* GIC Warm Night Global UI V2
   Scope: site-wide dark shell for notification center, mobile drawer and app chrome.
   Loaded globally; active only when html[data-gic-theme="dark"]. */

html[data-gic-theme="dark"]{
  color-scheme:dark;
  --gic-night-bg:#101816;
  --gic-night-surface:#15211d;
  --gic-night-surface-2:#1a2823;
  --gic-night-surface-3:#21332d;
  --gic-night-ink:#e8f3ef;
  --gic-night-ink-soft:#bfd0c8;
  --gic-night-muted:#a6b8b1;
  --gic-night-line:rgba(212,229,221,.14);
  --gic-night-line-strong:rgba(220,235,228,.22);
  --gic-night-gold:#d7b56d;
  --gic-night-green:#49b39f;
  --gic-night-hero-1:#18342d;
  --gic-night-hero-2:#123028;
  --gic-night-hero-3:#102720;
  --gic-night-shadow:0 18px 44px rgba(0,0,0,.28);
  --gic-night-shadow-soft:0 10px 26px rgba(0,0,0,.18);
}

html[data-gic-theme="dark"] body{
  background:
    radial-gradient(circle at 100% 0%,rgba(75,128,102,.12),transparent 26%),
    radial-gradient(circle at 0% 100%,rgba(214,181,109,.06),transparent 22%),
    linear-gradient(180deg,#101816 0%,#0e1714 100%)!important;
  color:var(--gic-night-ink)!important;
}

html[data-gic-theme="dark"] header,
html[data-gic-theme="dark"] .site-header,
html[data-gic-theme="dark"] .topbar{
  background:rgba(14,22,19,.88)!important;
  border-bottom:1px solid rgba(214,181,109,.14)!important;
  backdrop-filter:blur(10px) saturate(120%)!important;
}

html[data-gic-theme="dark"] header .brand .gic-header-title,
html[data-gic-theme="dark"] header .brand,
html[data-gic-theme="dark"] header a,
html[data-gic-theme="dark"] header span{
  color:var(--gic-night-ink)!important;
}
html[data-gic-theme="dark"] header .gic-header-title em{color:var(--gic-night-gold)!important}

html[data-gic-theme="dark"] .menu-btn,
html[data-gic-theme="dark"] .gic-notify-bell,
html[data-gic-theme="dark"] header .nav .actions > a,
html[data-gic-theme="dark"] header .nav .actions > button{
  background:linear-gradient(180deg,#243730,#1d2e29)!important;
  color:var(--gic-night-ink)!important;
  border:1px solid var(--gic-night-line-strong)!important;
  box-shadow:var(--gic-night-shadow-soft)!important;
}
html[data-gic-theme="dark"] .menu-btn:hover,
html[data-gic-theme="dark"] .gic-notify-bell:hover{filter:brightness(1.06)!important}
html[data-gic-theme="dark"] .gic-notify-badge{
  border-color:#16231f!important;
  background:#b76f43!important;
  color:#fffaf5!important;
}

/* Generic app surfaces */
html[data-gic-theme="dark"] :is(.card,.metric,.learn-card,.auth-card,.panel,.modal-content,.sheet,.dialog,.gic-surface,.gic-panel){
  background:linear-gradient(180deg,var(--gic-night-surface),#12201b)!important;
  color:var(--gic-night-ink)!important;
  border-color:var(--gic-night-line)!important;
  box-shadow:var(--gic-night-shadow-soft)!important;
}
html[data-gic-theme="dark"] :is(.card,.metric,.learn-card,.auth-card,.panel,.modal-content,.sheet,.dialog,.gic-surface,.gic-panel) :is(h1,h2,h3,h4,strong,b){
  color:var(--gic-night-ink)!important;
}
html[data-gic-theme="dark"] :is(.card,.metric,.learn-card,.auth-card,.panel,.modal-content,.sheet,.dialog,.gic-surface,.gic-panel) :is(p,small,span,label){
  color:var(--gic-night-ink-soft)!important;
}

/* Notification center */
html[data-gic-theme="dark"] .gic-notify-panel,
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root,
html[data-gic-theme="dark"] .gic-dashboard-notify-mounted .gic-notify-panel{
  border:1px solid var(--gic-night-line-strong)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#15231f 0%,#12201c 100%)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.34),0 6px 20px rgba(0,0,0,.20)!important;
  color:var(--gic-night-ink)!important;
}
html[data-gic-theme="dark"] .gic-notify-head{
  padding:18px 18px 14px!important;
  border-bottom:1px solid rgba(214,181,109,.16)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(80,139,110,.22),transparent 56%),
    linear-gradient(135deg,var(--gic-night-hero-1) 0%,var(--gic-night-hero-2) 56%,var(--gic-night-hero-3) 100%)!important;
}
html[data-gic-theme="dark"] .gic-notify-head h3{color:#f4f7f5!important}
html[data-gic-theme="dark"] .gic-notify-summary{color:#d3e0da!important;opacity:.92}
html[data-gic-theme="dark"] .gic-notify-close{
  background:rgba(255,255,255,.08)!important;
  color:#edf4f1!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
html[data-gic-theme="dark"] .gic-notify-toolbar{
  background:#162520!important;
  border-bottom:1px solid rgba(226,236,232,.09)!important;
}
html[data-gic-theme="dark"] .gic-notify-filters{background:#22332d!important}
html[data-gic-theme="dark"] .gic-notify-filter{color:#b3c5be!important}
html[data-gic-theme="dark"] .gic-notify-filter.active{
  background:#f3efe4!important;
  color:#1c4c41!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}
html[data-gic-theme="dark"] .gic-notify-mark-all{color:var(--gic-night-gold)!important}
html[data-gic-theme="dark"] .gic-notify-row{
  background:#15211d!important;
  border-bottom:1px solid rgba(232,240,236,.08)!important;
}
html[data-gic-theme="dark"] .gic-notify-row.unread{
  background:linear-gradient(180deg,rgba(214,181,109,.10) 0%,rgba(214,181,109,.05) 100%),#18241f!important;
}
html[data-gic-theme="dark"] .gic-notify-row:hover{background:#1a2823!important}
html[data-gic-theme="dark"] .gic-notify-icon{
  background:linear-gradient(135deg,#26473f 0%,#1d3c35 100%)!important;
  color:#d8eee5!important;
}
html[data-gic-theme="dark"] .gic-notify-row[data-kind="membership"] .gic-notify-icon,
html[data-gic-theme="dark"] .gic-notify-row[data-kind="achievement"] .gic-notify-icon{
  background:linear-gradient(135deg,#4b4128 0%,#3d341f 100%)!important;
  color:#f1d38d!important;
}
html[data-gic-theme="dark"] .gic-notify-row[data-kind="security"] .gic-notify-icon{
  background:linear-gradient(135deg,#4a2c31 0%,#362126 100%)!important;
  color:#f3c5cb!important;
}
html[data-gic-theme="dark"] .gic-notify-title{color:#edf5f1!important}
html[data-gic-theme="dark"] .gic-notify-body{color:#b9cbc4!important}
html[data-gic-theme="dark"] .gic-notify-time{color:#8fa49d!important}
html[data-gic-theme="dark"] .gic-notify-dot{background:#d2a24b!important;box-shadow:0 0 0 4px rgba(210,162,75,.16)!important}
html[data-gic-theme="dark"] .gic-notify-empty{color:#afc0ba!important}
html[data-gic-theme="dark"] .gic-notify-footer{
  background:#162520!important;
  border-top:1px solid rgba(226,236,232,.09)!important;
}
html[data-gic-theme="dark"] .gic-notify-footer a{color:#7ee3d0!important}

/* Mobile drawer / menu */
@media (max-width:850px){
  html[data-gic-theme="dark"] .mobile-menu-backdrop:not([hidden]){
    background:rgba(5,12,10,.56)!important;
    backdrop-filter:blur(9px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(9px) saturate(110%)!important;
  }

  html[data-gic-theme="dark"] #mobileNav.mobile-menu:not([hidden]),
  html[data-gic-theme="dark"] body > #mobileNav.mobile-menu.gic-premium-drawer-v4:not([hidden]){
    background:
      radial-gradient(circle at 100% 0%,rgba(74,129,102,.16),transparent 42%),
      linear-gradient(180deg,#12201b 0%,#0f1b18 100%)!important;
    border-left:1px solid rgba(214,181,109,.15)!important;
    border-radius:28px 0 0 28px!important;
    box-shadow:-20px 0 58px rgba(0,0,0,.34)!important;
    color:var(--gic-night-ink)!important;
  }

  html[data-gic-theme="dark"] #mobileNav .mobile-menu-head{
    background:
      radial-gradient(circle at 100% 0%,rgba(86,152,120,.18),transparent 58%),
      linear-gradient(135deg,var(--gic-night-hero-1),var(--gic-night-hero-2) 58%,var(--gic-night-hero-3))!important;
    border:1px solid rgba(236,243,239,.12)!important;
    border-bottom-color:rgba(214,181,109,.26)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
    color:#f7faf8!important;
  }
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-head strong,
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-head .gic-brand-copy strong,
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-head > div::after{
    color:#f2f7f4!important;
  }
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-head small,
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-head .gic-brand-copy small{
    color:#cbddd5!important;
  }

  html[data-gic-theme="dark"] #mobileNav .mobile-menu-close{
    background:rgba(255,255,255,.08)!important;
    color:#eef5f2!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:none!important;
  }

  html[data-gic-theme="dark"] #mobileNav .gic-v4-account,
  html[data-gic-theme="dark"] #mobileNav .gic-account-card,
  html[data-gic-theme="dark"] #mobileNav .gic-drawer-identity,
  html[data-gic-theme="dark"] #mobileNav .gic-drawer-membership,
  html[data-gic-theme="dark"] #mobileNav .gic-membership-ticket{
    background:linear-gradient(180deg,#1b2b25,#16241f)!important;
    border:1px solid rgba(228,238,233,.12)!important;
    color:var(--gic-night-ink)!important;
    box-shadow:none!important;
  }
  html[data-gic-theme="dark"] #mobileNav .gic-v4-avatar,
  html[data-gic-theme="dark"] #mobileNav .avatar,
  html[data-gic-theme="dark"] #mobileNav .profile-avatar{
    background:#20352d!important;
    border:1px solid rgba(232,240,236,.12)!important;
    color:#f2f7f5!important;
  }
  html[data-gic-theme="dark"] #mobileNav .gic-v4-user-info strong,
  html[data-gic-theme="dark"] #mobileNav .gic-v4-user-info b,
  html[data-gic-theme="dark"] #mobileNav .gic-drawer-identity strong{
    color:#eef5f2!important;
  }
  html[data-gic-theme="dark"] #mobileNav .gic-v4-user-info small,
  html[data-gic-theme="dark"] #mobileNav .gic-drawer-identity small{
    color:#b9cbc4!important;
  }
  html[data-gic-theme="dark"] #mobileNav .gic-v4-plan,
  html[data-gic-theme="dark"] #mobileNav .gic-membership-ticket,
  html[data-gic-theme="dark"] #mobileNav .gic-membership-badge{
    background:linear-gradient(145deg,#f3e9cf,#e0ca94)!important;
    border:1px solid #cdaa62!important;
    color:#234a40!important;
  }

  html[data-gic-theme="dark"] #mobileNav .gic-v4-section-title,
  html[data-gic-theme="dark"] #mobileNav .section-label,
  html[data-gic-theme="dark"] #mobileNav .drawer-section-title{
    color:#94aba2!important;
  }

  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links,
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links a,
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links button{
    color:#d5e5df!important;
  }
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links > a[href],
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links a{
    background:transparent!important;
    border:1px solid transparent!important;
    color:#d6e6e0!important;
  }
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links > a[href]:hover,
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links > a[href]:focus-visible,
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links a:hover{
    background:#1a2b25!important;
    border-color:rgba(230,239,235,.08)!important;
    color:#f1f6f4!important;
  }
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links > a[href][aria-current="page"],
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links a[aria-current="page"]{
    background:linear-gradient(135deg,#215447,#1c3f35)!important;
    border-color:rgba(89,196,171,.44)!important;
    color:#f4faf7!important;
    box-shadow:inset 3px 0 0 #62c4a9!important;
  }
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links > a[href]::after,
  html[data-gic-theme="dark"] #mobileNav .mobile-menu-links a::after{
    color:#9eb4ac!important;
  }

  html[data-gic-theme="dark"] #mobileNav .gic-v4-cta,
  html[data-gic-theme="dark"] #mobileNav .drawer-cta,
  html[data-gic-theme="dark"] #mobileNav .continue-learning,
  html[data-gic-theme="dark"] #mobileNav .gic-drawer-continue{
    background:linear-gradient(135deg,#17362e,#132820)!important;
    border:1px solid rgba(214,181,109,.12)!important;
    color:var(--gic-night-ink)!important;
  }
}

/* Scrollbars */
html[data-gic-theme="dark"] *{
  scrollbar-color:#476158 transparent;
}
html[data-gic-theme="dark"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-gic-theme="dark"] ::-webkit-scrollbar-thumb{
  background:#3c534b;
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}
html[data-gic-theme="dark"] ::-webkit-scrollbar-track{background:transparent}