/* ═══ CLEAN LIGHT MODE — 100% YÜKSƏK KONTRAST ═══ */
html { color-scheme: light; }
body {
  background: #F8FAFC !important;
  color: #0F172A !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}
a { color: #2563EB !important; }
a:hover { color: #1E40AF !important; }

h1, h2, h3, h4, .page-head h1, .course-title, .cc-title,
.lesson-title, .watch-title, .video-list-title, .card h2, .logo .k {
  color: #0F172A !important;
  font-weight: 700 !important;
}
.logo .p {
  background: none !important;
  -webkit-text-fill-color: initial !important;
  color: #2563EB !important;
}
.muted, .sub, .watch-meta, .lesson-meta, .video-list-meta,
.side-head .muted, .watch-note, .cc-desc, .course-card .d,
.video-card-meta, .notify-msg, .notify-time, .card .muted {
  color: #475569 !important;
}

/* ── Kartlar ── */
.card, .course-card, .course-card-modern, .lesson-card,
.course-header, .video-card, .course-tab, .auth-card,
.modal-card, .upload-toast {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
  backdrop-filter: none !important;
  animation: none !important;
}
.card::before, .course-card::before, .lesson-card::before { display: none !important; }
.card:hover, .course-card:hover, .lesson-card:hover {
  transform: translateY(-2px) !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 8px 24px -8px rgba(0,0,0,.12) !important;
}

/* ── Layout ── */
.wrap, .course-page { max-width: 1400px !important; padding: 0 40px !important; }

/* ── Grid ── */
.grid, .course-grid {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 24px !important;
}
@media (min-width: 1280px) {
  .course-grid, .grid { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .course-grid, .grid { grid-template-columns: repeat(3, 1fr) !important; }
}

/* ── Kurs kartı ── */
.course-card .body, .course-card .cover, .cc-body, .lesson-body,
.lesson-cover, .video-card-main, .video-list-info {
  background: transparent !important;
}
.course-card, .course-card-modern, .lesson-card, .video-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  backdrop-filter: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
}
.course-card .cover, .course-card-modern .cc-top, .lesson-cover {
  min-height: 160px !important;
  border-radius: 12px !important;
  border-bottom: 1px solid #E2E8F0 !important;
  background: linear-gradient(135deg,#DBEAFE,#EFF6FF) !important;
}
.course-card .cover::after, .course-card-modern .cc-top::after, .lesson-cover::after {
  content: none !important;
}
.course-card .cover .pl, .lesson-cover .lesson-play {
  background: rgba(255,255,255,.65) !important;
  backdrop-filter: none !important;
  border: 1px solid rgba(255,255,255,.9) !important;
}
.lesson-cover .lesson-play { color: #2563EB !important; text-shadow: none !important; }

/* ── Badgelər ── */
.course-card .cover .vbadge, .lesson-badge {
  background: #F1F5F9 !important;
  color: #1E293B !important;
  backdrop-filter: none !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 999px !important;
}
.lesson-check {
  background: #FFFFFF !important;
  color: #16A34A !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.1) !important;
}

/* ── Başlıqlar ── */
.course-card .t, .course-card-modern .cc-title, .cc-title,
.lesson-card .lesson-title, .lesson-title, .video-card-title b, .watch-title {
  color: #0F172A !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
.course-card .body, .course-card-modern .cc-body { padding: 20px !important; }

/* ── Kart düymələri ── */
.course-card .btn, .course-card-modern .cc-btn, .cc-btn,
.lesson-card .lesson-btn, .lesson-btn {
  background: #2563EB !important;
  border: 1px solid #2563EB !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 9px 16px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.course-card .btn:hover, .course-card-modern .cc-btn:hover,
.cc-btn:hover, .lesson-card .lesson-btn:hover, .lesson-btn:hover {
  background: #1E40AF !important;
  border-color: #1E40AF !important;
  transform: translateY(-1px) !important;
  filter: none !important;
}

/* ── Tabs ── */
.course-tab {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #334155 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.course-tab:hover {
  border-color: #CBD5E1 !important;
  background: #F8FAFC !important;
  color: #0F172A !important;
}
.course-tab.active {
  background: #2563EB !important;
  border-color: #2563EB !important;
  color: #FFFFFF !important;
}

/* ── Inputlar ── */
.form-input, input[type=text], input[type=email], input[type=password],
input[type=number], input[type=datetime-local], textarea, select {
  color: #0F172A !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.03) !important;
}
.form-input:focus, input:focus, textarea:focus, select:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
}
.form-input::placeholder, input::placeholder, textarea::placeholder {
  color: #64748B !important;
  opacity: 1;
}

/* ── Düymələr ── */
.btn {
  background: #2563EB !important;
  border-radius: 8px !important;
  padding: 9px 16px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  border: 1px solid #2563EB !important;
  box-shadow: none !important;
  transition: all .15s ease !important;
}
.btn:hover {
  background: #1E40AF !important;
  border-color: #1E40AF !important;
  box-shadow: none !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}
.btn.sm { padding: 6px 12px !important; font-size: 12.5px !important; border-radius: 8px !important; }
.btn.ghost {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #475569 !important;
  box-shadow: none !important;
}
.btn.ghost:hover { background: #F8FAFC !important; border-color: #CBD5E1 !important; color: #0F172A !important; }
.btn.gray {
  background: #F1F5F9 !important;
  border: 1px solid #E2E8F0 !important;
  color: #334155 !important;
  box-shadow: none !important;
}
.btn.gray:hover { background: #E2E8F0 !important; color: #0F172A !important; }
.btn.danger { background: #DC2626 !important; border-color: #DC2626 !important; box-shadow: none !important; }
.btn.danger:hover { background: #B91C1C !important; border-color: #B91C1C !important; }
.btn.primary { background: #2563EB !important; border: 1px solid #2563EB !important; }
.btn.primary:hover { background: #1E40AF !important; border-color: #1E40AF !important; }

/* ── Navbar ── */
.nav {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid #E2E8F0 !important;
  height: 64px !important;
  box-shadow: none !important;
}
.nav .brand { color: #0F172A !important; font-size: 18px !important; font-weight: 800 !important; }
.nav a.navlink:not(.active) {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #475569 !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  box-shadow: none !important;
}
.nav a.navlink:not(.active):hover { background: #F1F5F9 !important; color: #0F172A !important; }
.nav a.navlink.active { background: #2563EB !important; color: #FFFFFF !important; box-shadow: none !important; }
.nav .who .full { color: #334155 !important; }
.nav .who .role { background: #EFF6FF !important; color: #1E40AF !important; }
.nav .logout { border-color: #E2E8F0 !important; border-radius: 8px !important; color: #475569 !important; background: #FFFFFF !important; }
.nav .logout:hover { background: #FEF2F2 !important; border-color: #FECACA !important; color: #DC2626 !important; }
.nav .notif-bell:hover { background: #EFF6FF !important; color: #2563EB !important; }
.nav .notif-badge { background: #DC2626 !important; color: #FFFFFF !important; }

/* ── Playlist ── */
.pl-item { color: #475569 !important; border-radius: 8px !important; }
.pl-item:hover { background: #F1F5F9 !important; color: #0F172A !important; }
.pl-item.active { background: #EFF6FF !important; border-left-color: #2563EB !important; color: #1E40AF !important; }
.pl-item.active .pl-num { background: #2563EB !important; color: #FFFFFF !important; }
.pl-item[data-done="1"] .pl-num { background: #F0FDF4 !important; color: #16A34A !important; }
.pl-now { color: #2563EB !important; }
.watch-side { background: #F8FAFC !important; }
.side-head { color: #0F172A !important; border-bottom: 1px solid #E2E8F0 !important; }
.side-head .muted { color: #64748B !important; }
.pl-num { background: #F1F5F9 !important; color: #475569 !important; }

/* ── Watch səhifəsi ── */
.watch-page { background: #F8FAFC !important; }
.watch-top {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid #E2E8F0 !important;
}
.watch-top a { color: #475569 !important; }
.watch-top a:hover { color: #0F172A !important; }
.watch-top .wt { color: #0F172A !important; }
.watch-top .wc { color: #64748B !important; }
.player-box { border-radius: 12px !important; box-shadow: 0 12px 32px -8px rgba(0,0,0,.12) !important; }
.watch-main .card { background: #FFFFFF !important; border-color: #E2E8F0 !important; color: #0F172A !important; }
.watch-main .card h2 { color: #0F172A !important; }
.watch-main .card .muted { color: #475569 !important; }
.watch-main .watch-note { color: #64748B !important; }
.mobile-player-tip {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  color: #475569 !important;
}
.mobile-player-tip i { color: #2563EB !important; }
.mobile-player-tip b { color: #0F172A !important; }

/* ── Auth ── */
.auth-page { background: #F8FAFC !important; }
.auth-page::before { display: none !important; }
.auth-card {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  border: 1px solid #E2E8F0 !important;
  padding: 38px 34px !important;
  box-shadow: 0 12px 32px -8px rgba(0,0,0,.12) !important;
}
.auth-logo .mark { border-radius: 12px !important; background: #2563EB !important; box-shadow: none !important; }
.auth-logo .name { color: #0F172A !important; }
.auth-logo .name .p { color: #2563EB !important; }
.auth-tag { color: #475569 !important; }
.gbtn {
  background: #FFFFFF !important;
  color: #334155 !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
}
.gbtn:hover { background: #F8FAFC !important; border-color: #CBD5E1 !important; box-shadow: none !important; }

/* ── Flash / badge ── */
.flash { border-radius: 8px !important; }
.badge { gap: 6px !important; padding: 4px 12px !important; }
.badge.p { background: #EFF6FF !important; color: #1E40AF !important; }
.badge.gray { background: #F1F5F9 !important; color: #475569 !important; }
.badge.g { background: #F0FDF4 !important; color: #166534 !important; }
.badge.r { background: #FEF2F2 !important; color: #991B1B !important; }
.badge.b { background: #EFF6FF !important; color: #1E40AF !important; }
.badge.y { background: #FFFBEB !important; color: #92400E !important; }

/* ── Cədvəl ── */
table th { background: #F8FAFC !important; color: #475569 !important; border-bottom: 1px solid #E2E8F0 !important; }
th, td { border-color: #E2E8F0 !important; }
tbody tr:hover { background: #F8FAFC !important; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 99px; border: 2px solid #F1F5F9; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }

/* ── Notify ── */
.notify-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  backdrop-filter: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
}
.notify-card h2 { color: #0F172A !important; }
.notify-card label { color: #475569 !important; }
.notify-card .btn.primary { background: #2563EB !important; border-color: #2563EB !important; }
.notify-title { color: #0F172A !important; }
.notify-msg { color: #475569 !important; }
.notify-history-card .empty { color: #64748B !important; }
.notify-history-card .empty h3 { color: #0F172A !important; }
.notify-item { border-bottom: 1px solid #F1F5F9 !important; }

/* ── Digər ── */
.a2hs-in { border-left: 4px solid #2563EB !important; border-radius: 8px !important; }
:root { --plyr-color-main: #2563EB; }
.upload-toast {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
  box-shadow: 0 12px 32px -8px rgba(0,0,0,.12) !important;
}
.upload-toast-sub { color: #475569 !important; }
.upload-toast-bar { background: #F1F5F9 !important; }
.upload-toast-cancel { border-color: #E2E8F0 !important; color: #475569 !important; }

/* ── Mobil ── */
@media (max-width: 768px) {
  .nav { height: 56px !important; }
  .nav .brand { font-size: 16px !important; }
  .wrap { padding: 0 16px !important; }
  .auth-card { padding: 30px 22px !important; }
  .course-card .t, .cc-title, .lesson-title { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}