/**
 * Global sun / tangerine glow — admin, parent, login, public, exam.
 * Load after calvin-layout / panel-premium / home-event; before katex-fix.
 */

:root {
  --bg: color-mix(in srgb, #fff7ed 85%, #9a3412 15%);
  --bg-alt: color-mix(in srgb, #ffedd5 85%, #9a3412 15%);
  --surface: color-mix(in srgb, #fffdf8 85%, #9a3412 15%);
  --brand: color-mix(in srgb, #f97316 85%, #000 15%);
  --brand-2: color-mix(in srgb, #ea580c 85%, #000 15%);
  --brand-deep: color-mix(in srgb, #c2410c 85%, #000 15%);
  --gold: color-mix(in srgb, #facc15 85%, #000 15%);
  --gold-soft: color-mix(in srgb, #fef3c7 85%, #9a3412 15%);
  --line: color-mix(in srgb, #fdba74 85%, #000 15%);
  --btn-bg: color-mix(in srgb, #fb923c 85%, #000 15%);
  --btn-hover-bg: color-mix(in srgb, #ea580c 85%, #000 15%);
  --btn-primary-bg: linear-gradient(135deg, color-mix(in srgb, #ea580c 85%, #000 15%) 0%, color-mix(in srgb, #f97316 85%, #000 15%) 42%, color-mix(in srgb, #facc15 85%, #000 15%) 100%);
  --btn-primary-hover: linear-gradient(135deg, color-mix(in srgb, #c2410c 85%, #000 15%) 0%, color-mix(in srgb, #ea580c 85%, #000 15%) 48%, color-mix(in srgb, #eab308 85%, #000 15%) 100%);
  --admin-sidebar-from: color-mix(in srgb, #ea580c 85%, #000 15%);
  --admin-sidebar-mid: color-mix(in srgb, #f97316 85%, #000 15%);
  --admin-sidebar-to: color-mix(in srgb, #facc15 85%, #000 15%);
  --sun-ember: color-mix(in srgb, #dc2626 85%, #000 15%);
  --sun-orange: color-mix(in srgb, #ea580c 85%, #000 15%);
  --sun-flame: color-mix(in srgb, #f97316 85%, #000 15%);
  --sun-gold: color-mix(in srgb, #fbbf24 85%, #000 15%);
  --sun-shine: color-mix(in srgb, #facc15 85%, #000 15%);
  --sun-cream: color-mix(in srgb, #fff7ed 85%, #9a3412 15%);
  --sun-nav: linear-gradient(105deg, color-mix(in srgb, #fb923c 85%, #000 15%) 0%, color-mix(in srgb, #facc15 85%, #000 15%) 22%, color-mix(in srgb, #4ade80 85%, #000 15%) 48%, color-mix(in srgb, #38bdf8 85%, #000 15%) 74%, color-mix(in srgb, #2563eb 85%, #000 15%) 100%);
  --sun-page: linear-gradient(180deg, color-mix(in srgb, #fff7ed 85%, #c2410c 15%) 0%, color-mix(in srgb, #ecfeff 85%, #0369a1 15%) 48%, color-mix(in srgb, #f0fdf4 85%, #166534 15%) 100%);
  --sun-glow: 0 10px 36px rgba(30, 64, 175, 0.28), 0 0 40px rgba(180, 140, 10, 0.28);
  --event-primary: color-mix(in srgb, #f97316 85%, #000 15%);
  --event-primary-dark: color-mix(in srgb, #ea580c 85%, #000 15%);
  --event-gunes: color-mix(in srgb, #eab308 85%, #000 15%);
  --event-yasil: color-mix(in srgb, #16a34a 85%, #000 15%);
  --event-mavi: color-mix(in srgb, #3b82f6 85%, #000 15%);
  --event-line: color-mix(in srgb, #fdba74 85%, #000 15%);
  --accent: color-mix(in srgb, #16a34a 85%, #000 15%);
  --accent-soft: color-mix(in srgb, #4ade80 85%, #000 15%);
  --accent-deep: color-mix(in srgb, #166534 85%, #000 15%);
  --sky: color-mix(in srgb, #3b82f6 85%, #000 15%);
}

@keyframes sun-shine-sweep {
  0% { transform: translateX(-130%) skewX(-18deg); opacity: 0; }
  18% { opacity: 0.55; }
  100% { transform: translateX(190%) skewX(-18deg); opacity: 0; }
}

@keyframes sun-pulse {
  0%, 100% { box-shadow: 0 8px 28px rgba(234, 88, 12, 0.32), 0 0 24px rgba(250, 204, 21, 0.18); }
  50% { box-shadow: 0 12px 40px rgba(249, 115, 22, 0.48), 0 0 52px rgba(250, 204, 21, 0.4); }
}

html,
body,
body.site-body,
body.panel-body,
body.panel-body.panel-calvin,
body.auth-body,
body.exam-body {
  background: var(--sun-page) !important;
  background-attachment: fixed !important;
}

html:has(body.site-body-home),
body.site-body-home {
  --az-blue: #0092bc;
  --az-red: #e30a17;
  --az-green: #3f9c35;
  --az-flag-mesh:
    radial-gradient(120% 90% at 0% 0%, rgba(0, 146, 188, 0.7) 0%, transparent 54%),
    radial-gradient(90% 70% at 100% 18%, rgba(227, 10, 23, 0.52) 0%, transparent 52%),
    radial-gradient(85% 65% at 8% 58%, rgba(227, 10, 23, 0.28) 0%, transparent 50%),
    radial-gradient(120% 90% at 100% 100%, rgba(63, 156, 53, 0.7) 0%, transparent 54%),
    radial-gradient(80% 60% at 0% 100%, rgba(63, 156, 53, 0.4) 0%, transparent 50%),
    linear-gradient(135deg,
      color-mix(in srgb, #0092bc 62%, #fff 38%) 0%,
      color-mix(in srgb, #0092bc 48%, #fff 52%) 16%,
      color-mix(in srgb, #e30a17 50%, #fff 50%) 46%,
      color-mix(in srgb, #e30a17 58%, #fff 42%) 54%,
      color-mix(in srgb, #3f9c35 50%, #fff 50%) 82%,
      color-mix(in srgb, #3f9c35 64%, #fff 36%) 100%);
  background: var(--az-flag-mesh) !important;
  background-attachment: fixed !important;
}

body.site-body-home::before {
  opacity: 0.03;
}

body.site-body-home::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--az-flag-mesh);
  background-attachment: fixed;
}

.site-body-home main,
.site-body-home .event-intro,
.site-body-home .event-about,
.site-body-home .event-features,
.site-body-home .event-schedule,
.site-body-home .event-showcase,
.site-body-home .event-subjects,
.site-body-home .event-faq,
.site-body-home .event-subscribe,
.site-body-home .section-with-bg {
  background: transparent !important;
  background-image: none !important;
}

.site-body-home .event-about::before,
.site-body-home .event-intro .intro-overlay,
.site-body-home .event-subscribe .subscribe-overlay {
  background: transparent !important;
}

body.auth-body,
.auth-body,
.auth-wrap {
  background:
    radial-gradient(ellipse 80% 60% at 20% 0%, color-mix(in srgb, rgba(250, 204, 21, 0.48) 85%, #000 15%), transparent 55%),
    radial-gradient(ellipse 70% 50% at 90% 100%, color-mix(in srgb, rgba(37, 99, 235, 0.34) 85%, #000 15%), transparent 50%),
    linear-gradient(160deg, color-mix(in srgb, #fff7ed 85%, #c2410c 15%) 0%, color-mix(in srgb, #ecfeff 85%, #0369a1 15%) 45%, color-mix(in srgb, #dcfce7 85%, #166534 15%) 100%) !important;
}

.auth-card {
  background: linear-gradient(180deg, color-mix(in srgb, #fffdf8 85%, #9a3412 15%) 0%, color-mix(in srgb, #fff7ed 85%, #9a3412 15%) 100%) !important;
  border: 1.5px solid color-mix(in srgb, #fb923c 85%, #000 15%) !important;
  border-radius: 18px !important;
  box-shadow: var(--sun-glow) !important;
}

.site-header,
.site-body .site-header {
  background: var(--sun-nav) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: var(--sun-glow) !important;
  position: sticky;
}

.site-header::after,
.admin-mobile-bar::after,
.panel-body > .sidebar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 42%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
  animation: sun-shine-sweep 4.8s ease-in-out infinite;
}

.site-header {
  overflow: hidden;
}

.admin-mobile-bar {
  overflow: hidden;
}

@media (min-width: 961px) {
  .panel-body > .sidebar {
    overflow: visible;
  }
}

.site-header .header-inner,
.site-header .brand,
.site-header .nav,
.site-header .nav-link,
.site-header .nav a,
.site-header .nav-quiet,
.site-header .link-btn,
.site-header .brand .brand-name,
.site-header .brand .brand-e,
.site-header .brand .brand-tld {
  color: #0f172a !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
  position: relative;
  z-index: 1;
}

.site-header .nav a:hover,
.site-header .nav-link:hover,
.site-header .link-btn:hover {
  color: #7c2d12 !important;
}

.site-header .nav .btn {
  background: linear-gradient(135deg, #fff7ed, #fef3c7) !important;
  color: #9a3412 !important;
  box-shadow: 0 6px 18px rgba(69, 26, 3, 0.22) !important;
  text-shadow: none !important;
}

.site-header .nav .btn:hover {
  background: linear-gradient(135deg, #fef08a, #fde047) !important;
  color: #7c2d12 !important;
}

.site-body-home .site-header-home {
  background: transparent !important;
  box-shadow: none !important;
}

.site-body-home .site-header-home::before {
  background:
    linear-gradient(135deg,
      rgba(0, 146, 188, 0.22) 0%,
      rgba(227, 10, 23, 0.16) 50%,
      rgba(63, 156, 53, 0.22) 100%) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 146, 188, 0.16) !important;
  box-shadow: 0 8px 24px rgba(0, 146, 188, 0.08) !important;
}

.site-body-home .site-header-home .brand,
.site-body-home .site-header-home .brand:hover,
.site-body-home .site-header-home .nav a,
.site-body-home .site-header-home .nav-link,
.site-body-home .site-header-home .link-btn {
  color: #0f172a !important;
}

.site-body main {
  background: transparent !important;
}

.site-footer {
  background: linear-gradient(90deg, color-mix(in srgb, #ea580c 85%, #000 15%), color-mix(in srgb, #22c55e 85%, #000 15%), color-mix(in srgb, #2563eb 85%, #000 15%)) !important;
  color: #fff !important;
  border-top: 0 !important;
}
.site-footer .credits,
.site-footer .copyright {
  color: #fff !important;
  font-weight: 800;
}
.site-footer .footer-sep {
  background: #fff;
  opacity: .7;
}

.admin-mobile-bar {
  background: var(--sun-nav) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: var(--sun-glow) !important;
}

.admin-mobile-bar,
.admin-mobile-bar a,
.admin-mobile-bar button,
.admin-mobile-brand {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.sidebar {
  background: var(--sun-nav) !important;
  border-right: 1px solid rgba(255, 247, 237, 0.28) !important;
  box-shadow: 8px 0 28px rgba(234, 88, 12, 0.22) !important;
  animation: sun-pulse 5s ease-in-out infinite;
}

.sidebar .brand,
.sidebar .brand .brand-name,
.sidebar .brand .brand-e,
.sidebar .brand .brand-tld,
.sidebar .brand-admin,
.sidebar-nav-title,
.sidebar-nav-hint,
.sidebar nav a,
.sidebar-group-toggle,
.sidebar-foot,
.sidebar-lang,
.sidebar-logout button {
  color: #0f172a !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.sidebar .brand .brand-e { color: #9f1239 !important; }
.sidebar .brand .brand-tld { color: #7c2d12 !important; }
.sidebar-nav-hint { color: #7c2d12 !important; font-weight: 700 !important; }

.sidebar nav a:hover,
.sidebar nav a.active,
.sidebar nav > a:hover,
.sidebar nav > a.active,
.sidebar-group:hover,
.sidebar-group.is-open,
.sidebar-group-toggle:hover,
.sidebar-group:hover > .sidebar-group-toggle {
  background: rgba(255, 255, 255, 0.38) !important;
  color: #7c2d12 !important;
  box-shadow: inset 0 0 0 1px rgba(124, 45, 18, 0.18), 0 8px 20px rgba(69, 26, 3, 0.1) !important;
}

.sidebar nav > a.active::after {
  background: linear-gradient(90deg, #9a3412, #ea580c) !important;
}

.sidebar-close-btn {
  background: rgba(255, 247, 237, 0.55) !important;
  color: #0f172a !important;
}

.sidebar-group-links,
.sidebar-group-links[hidden] {
  background: linear-gradient(180deg, #fff7ed, #ffedd5) !important;
  border: 1px solid #fb923c !important;
  box-shadow: var(--sun-glow) !important;
}

.sidebar-group a {
  color: #7c2d12 !important;
  text-shadow: none !important;
}

.sidebar-group a:hover,
.sidebar-group a.active {
  background: linear-gradient(90deg, #fed7aa, #fde68a) !important;
  color: #9a3412 !important;
}

@media (min-width: 961px) {
  .panel-body {
    background: var(--sun-page) !important;
  }

  .panel-body > .sidebar {
    background: var(--sun-nav) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
    box-shadow: var(--sun-glow) !important;
    overflow: visible !important;
  }

  .panel-body > .sidebar::after {
    border-radius: 0;
  }

  .sidebar nav > a,
  .sidebar-group-toggle {
    color: #0f172a !important;
    font-weight: 800 !important;
  }

  .sidebar nav > a:hover,
  .sidebar nav > a.active,
  .sidebar-group:hover,
  .sidebar-group.is-open,
  .sidebar-group:hover > .sidebar-group-toggle,
  .sidebar-group-toggle:hover {
    background: rgba(255, 255, 255, 0.38) !important;
    color: #7c2d12 !important;
  }
}

.dashboard-page .dashboard-hero,
.dashboard-hero {
  background: linear-gradient(135deg, color-mix(in srgb, #ea580c 85%, #000 15%) 0%, color-mix(in srgb, #facc15 85%, #000 15%) 32%, color-mix(in srgb, #22c55e 85%, #000 15%) 64%, color-mix(in srgb, #2563eb 85%, #000 15%) 100%) !important;
  color: #0f172a !important;
  box-shadow: var(--sun-glow) !important;
}

.dashboard-hero .eyebrow,
.dashboard-hero .muted,
.dashboard-hero h2,
.dashboard-hero-title,
.dashboard-hero-brand-title,
.dashboard-hero-brand-text,
.dashboard-page .dashboard-hero-title {
  color: #0f172a !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.dashboard-hero .btn-ghost {
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.28) !important;
  background: rgba(255, 255, 255, 0.4) !important;
}

.dashboard-hero .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.62) !important;
  color: #1e3a8a !important;
}

.stat::before {
  background: linear-gradient(90deg, color-mix(in srgb, #38bdf8 85%, #000 15%), color-mix(in srgb, #22c55e 85%, #000 15%), color-mix(in srgb, #facc15 85%, #000 15%)) !important;
}

.stat-tone-1::before { background: linear-gradient(90deg, color-mix(in srgb, #1d4ed8 85%, #000 15%), color-mix(in srgb, #38bdf8 85%, #000 15%)) !important; }
.stat-tone-2::before { background: linear-gradient(90deg, color-mix(in srgb, #7dd3fc 85%, #000 15%), color-mix(in srgb, #0284c7 85%, #000 15%)) !important; }
.stat-tone-3::before { background: linear-gradient(90deg, color-mix(in srgb, #16a34a 85%, #000 15%), color-mix(in srgb, #4ade80 85%, #000 15%)) !important; }
.stat-tone-4::before { background: linear-gradient(90deg, color-mix(in srgb, #ea580c 85%, #000 15%), color-mix(in srgb, #facc15 85%, #000 15%)) !important; }

.stat-ico {
  color: #fff !important;
}

.stat-tone-1 .stat-ico {
  background: linear-gradient(135deg, color-mix(in srgb, #1e3a8a 85%, #000 15%), color-mix(in srgb, #2563eb 85%, #000 15%)) !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.35) !important;
}
.stat-tone-2 .stat-ico {
  background: linear-gradient(135deg, color-mix(in srgb, #0ea5e9 85%, #000 15%), color-mix(in srgb, #7dd3fc 85%, #000 15%)) !important;
  box-shadow: 0 10px 24px rgba(14, 165, 233, 0.32) !important;
}
.stat-tone-3 .stat-ico {
  background: linear-gradient(135deg, color-mix(in srgb, #15803d 85%, #000 15%), color-mix(in srgb, #4ade80 85%, #000 15%)) !important;
  box-shadow: 0 10px 24px rgba(22, 163, 74, 0.32) !important;
}
.stat-tone-4 .stat-ico {
  background: linear-gradient(135deg, color-mix(in srgb, #ea580c 85%, #000 15%), color-mix(in srgb, #facc15 85%, #000 15%)) !important;
  color: #0f172a !important;
  box-shadow: 0 10px 24px rgba(234, 88, 12, 0.32) !important;
}

.stat-link:nth-child(5) .stat-ico {
  background: linear-gradient(135deg, color-mix(in srgb, #047857 85%, #000 15%), color-mix(in srgb, #34d399 85%, #000 15%)) !important;
  box-shadow: 0 10px 24px rgba(16, 185, 129, 0.32) !important;
}
.stat-link:nth-child(6) .stat-ico {
  background: linear-gradient(135deg, color-mix(in srgb, #0369a1 85%, #000 15%), color-mix(in srgb, #38bdf8 85%, #000 15%)) !important;
  box-shadow: 0 10px 24px rgba(3, 105, 161, 0.32) !important;
}

.panel-body.panel-calvin .panel-top,
.panel-body.panel-calvin .page,
.panel-body.panel-calvin .flash,
.panel-body.panel-calvin .import-report {
  background: linear-gradient(180deg, color-mix(in srgb, rgba(255, 253, 248, 0.96) 85%, #9a3412 15%), color-mix(in srgb, rgba(255, 247, 237, 0.94) 85%, #9a3412 15%)) !important;
  border-color: color-mix(in srgb, #fdba74 85%, #000 15%) !important;
  box-shadow: 0 18px 40px rgba(234, 88, 12, 0.1) !important;
}

.panel-body.panel-calvin .panel-top h1 {
  color: #9a3412 !important;
}

.qc-hero {
  background: linear-gradient(135deg, color-mix(in srgb, #ea580c 85%, #000 15%) 0%, color-mix(in srgb, #22c55e 85%, #000 15%) 50%, color-mix(in srgb, #1d4ed8 85%, #000 15%) 100%) !important;
  box-shadow: var(--sun-glow) !important;
}

.qc-filter-card,
.form-card,
.question-box,
.stat-card {
  border-color: #fdba74 !important;
}

.btn,
button.btn {
  box-shadow: 0 6px 16px rgba(234, 88, 12, 0.18);
}

.btn-primary,
.auth-card .btn,
.qc-filter-grid button.qc-btn-search {
  background: var(--btn-primary-bg) !important;
  color: #fff !important;
  border: 0 !important;
}

.event-intro {
  background: transparent !important;
}

.event-intro .intro-overlay {
  background: transparent !important;
}

.exam-body .question-box,
.exam-body .page {
  background: #fffdf8 !important;
  border-color: #fdba74 !important;
}

@media (prefers-reduced-motion: reduce) {
  .site-header::after,
  .admin-mobile-bar::after,
  .panel-body > .sidebar::after,
  .sidebar {
    animation: none !important;
  }
}

/* ========== Phone / tablet: keep chrome fixed, stack every section ========== */
@media (max-width: 960px) {
  html,
  body,
  body.panel-body,
  body.site-body,
  body.auth-body,
  body.exam-body,
  body.site-body-home {
    overflow-x: hidden;
    max-width: 100%;
    background-attachment: scroll !important;
  }

  .panel-body,
  body.panel-body,
  body.panel-body.panel-calvin {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    padding-top: calc(60px + env(safe-area-inset-top, 0px)) !important;
    overflow: visible;
  }

  .admin-mobile-bar {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 200 !important;
    height: calc(60px + env(safe-area-inset-top, 0px)) !important;
    min-height: 60px;
    align-items: center;
    gap: 8px;
    padding: env(safe-area-inset-top, 0px) 8px 0 10px !important;
    box-sizing: border-box;
  }

  .admin-mobile-brand {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  .admin-mobile-brand .brand-lockup,
  .admin-mobile-brand .brand-lockup-hero {
    max-width: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.92rem;
  }

  .admin-mobile-brand .admin-brand-logo {
    width: 28px !important;
    height: 28px !important;
    flex-shrink: 0;
  }

  .admin-mobile-tools {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
  }

  .admin-menu-btn {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }

  .admin-mobile-logout button {
    min-height: 36px;
    padding: 6px 10px;
    font-size: 0.72rem;
  }

  .panel-body > .sidebar,
  .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(88vw, 340px) !important;
    max-width: min(88vw, 340px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    z-index: 220 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-105%);
  }

  .admin-menu-open .sidebar,
  .admin-menu-open .panel-body > .sidebar {
    transform: translateX(0);
  }

  .panel-body > .panel-main,
  .panel-body .panel-main {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 12px max(28px, env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box;
  }

  .page,
  .dashboard-page,
  .panel-body .panel-main > .page,
  .panel-body.panel-calvin .page {
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .dashboard-page::before {
    height: 72px !important;
    margin: 0 -12px 12px !important;
  }

  .dashboard-page .dashboard-hero,
  .dashboard-hero {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .dashboard-hero-copy,
  .dashboard-quick-actions {
    width: 100%;
  }

  .dashboard-quick-actions .btn,
  .dashboard-hero .btn {
    width: 100%;
    justify-content: center;
  }

  .dashboard-page .stat-grid,
  .panel-body .stat-grid,
  .stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .grid-2,
  .grid-3,
  .admin-panels,
  .why-grid,
  .steps-modern,
  .seo-learning-grid,
  .footer-grid,
  .exam-hub-grid,
  .exam-cards,
  .auth-stage-grid,
  .question-target-selects,
  .qc-filter-grid,
  .qc-stats,
  .parent-dash .child-row {
    grid-template-columns: 1fr !important;
  }

  .page .filter-bar,
  .page .page-actions,
  .page .toolbar,
  .page .form-row,
  .panel-top,
  .exam-topbar,
  .qc-hero-bar {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .page .filter-bar > *,
  .page .page-actions > *,
  .page .toolbar > *,
  .page .form-row > *,
  .dashboard-quick-actions > *,
  .qc-hero-bar > * {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .btn,
  button.btn,
  .page input,
  .page select,
  .page textarea,
  .qc-filter-grid input,
  .qc-filter-grid select,
  .qc-filter-grid button {
    max-width: 100%;
    box-sizing: border-box;
  }

  .table-scroll,
  .page table:not(.question-upload-stats-table):not(.question-upload-daily-table),
  .page .table:not(.question-upload-stats-table):not(.question-upload-daily-table),
  .dashboard-page .table,
  .qc-wrap table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .page img:not(.admin-brand-logo):not(.dashboard-hero-logo),
  .panel-main img:not(.admin-brand-logo):not(.dashboard-hero-logo) {
    max-width: 100%;
    height: auto;
  }

  .auth-stage,
  .auth-wrap,
  .auth-card {
    width: calc(100% - 20px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  .exam-shell {
    grid-template-columns: 1fr !important;
  }

  .exam-center {
    padding: 14px 12px 32px !important;
  }

  .event-intro {
    min-height: auto !important;
    padding-top: 58px !important;
    padding-bottom: 24px !important;
  }

  .site-header .header-inner,
  .container {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
  }
}

@media (max-width: 720px) {
  .dashboard-page .stat-grid,
  .panel-body .stat-grid,
  .stat-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .grade-chips,
  .grade-pick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-mobile-brand .brand-lockup,
  .admin-mobile-brand .brand-lockup-hero {
    font-size: 0.84rem;
  }

  .qc-filter-grid {
    grid-template-columns: 1fr !important;
  }

  .qc-filter-grid .qc-span2 {
    grid-column: auto !important;
  }
}

@media (max-width: 420px) {
  .dashboard-page .stat-grid,
  .panel-body .stat-grid,
  .stat-grid {
    grid-template-columns: 1fr !important;
  }

  .grade-chips,
  .grade-pick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-mobile-logout button {
    padding: 6px 8px;
    font-size: 0.78rem;
  }
}

/* ========== Type + spacing: readable, not huge, no empty gaps ========== */
body,
.site-body,
.panel-body,
.auth-body,
.exam-body {
  font-size: 15px;
  line-height: 1.55;
}

.site-header .nav a,
.site-header .nav-link,
.site-header .link-btn,
.site-body-home .nav a,
.site-body-home .nav .link-btn {
  font-size: 0.9rem !important;
  line-height: 1.3;
}

.site-header .brand,
.site-body-home .brand {
  font-size: 1.32rem !important;
}

.site-header .header-inner {
  min-height: 56px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.site-body-home .site-header-home {
  padding: 0 !important;
}

.site-body-home .site-header-home .header-inner {
  min-height: 56px !important;
  padding: 8px 0 !important;
}

.event-intro {
  min-height: 0 !important;
  padding-top: 60px !important;
  padding-bottom: 12px !important;
}

.event-intro .intro-container {
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}

.intro-lead,
.intro-ticker,
.feature-card-overlay p,
.site-body-home .section-header p,
.auth-card p,
.muted,
.hint,
.panel-top-meta {
  font-size: 0.94rem !important;
  line-height: 1.5 !important;
}

.home-title-split .h1-main {
  font-size: clamp(1.32rem, 1.9vw, 1.58rem) !important;
}

.home-title-split .h1-online {
  font-size: clamp(0.98rem, 1.15vw, 1.12rem) !important;
}

.site-body-home .section-header h2,
.cta-panel h2,
.qb-hero h2,
.expert-review-intro h2 {
  font-size: clamp(1.32rem, 2vw, 1.58rem) !important;
}

.panel-top h1,
.auth-card h1,
.dashboard-hero-title,
.qc-hero-title {
  font-size: 1.28rem !important;
  line-height: 1.3 !important;
}

.stat-num,
.dashboard-page .stat-num {
  font-size: 1.35rem !important;
}

.stat-label,
.dashboard-page .stat-label {
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
}

.sidebar nav a,
.sidebar-group-toggle {
  font-size: 0.88rem !important;
}

.table th,
.table td,
.page p,
.form-card p,
.question-box,
.exam-center .q-text {
  font-size: 0.95rem;
}

.dashboard-page::before {
  display: none !important;
}

.subject-card-event {
  font-size: 0.82rem !important;
}

.intro-btn,
.btn,
button.btn {
  font-size: 0.9rem;
}

.panel-body .panel-main > .page {
  padding-top: 16px;
}

.hero-portrait-caption .caption-name {
  font-size: clamp(1.05rem, 1.35vw, 1.28rem) !important;
}

.hero-portrait-caption .caption-role {
  font-size: clamp(0.82rem, 0.95vw, 0.95rem) !important;
}

.qc-filter-card,
.form-card,
.question-box,
.stat-card {
  border-color: color-mix(in srgb, #fdba74 85%, #000 15%) !important;
}

.site-body-home .site-header-home {
  overflow: visible !important;
}

@media (max-width: 860px) {
  .site-body-home .site-header-home {
    position: sticky !important;
    top: 0;
    overflow: visible !important;
  }

  .site-body-home .home-mobile-toolbar,
  .site-body-home .home-mobile-shortcuts {
    display: grid !important;
  }

  .site-body-home .home-mobile-toolbar {
    display: inline-flex !important;
  }

  .site-body-home .home-mobile-shortcuts {
    position: relative;
    z-index: 2;
    width: min(1400px, calc(100% - 24px));
    margin: 0 auto;
    padding: 8px 0 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .event-intro {
    padding-top: 10px !important;
    overflow: visible !important;
  }

  .hero-col-left,
  .hero-col-right,
  .hero-col-center,
  .hero-portrait,
  .hero-portrait-frame,
  .hero-sitat-frame {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .hero-col-left,
  .hero-col-right {
    width: 100%;
    max-width: 22rem;
    margin-inline: auto;
  }

  .hero-main-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
}

.site-body-home .site-footer-home.site-footer,
body.site-body-home .site-footer-home {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

.site-body-home .site-footer-home .footer-bar,
.site-body-home .site-footer-home .footer-bar.container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  grid-template-columns: none !important;
  justify-content: center;
  align-items: center;
  gap: 10px 16px;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px clamp(16px, 4vw, 40px) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box;
}
.site-body-home .site-footer-home .credits,
.site-body-home .site-footer-home .copyright,
.site-body-home .site-footer-home .credits-row {
  color: #0f172a !important;
}
.site-body-home .site-footer-home .footer-sep {
  background: #0f172a;
}

.event-faq .container {
  width: min(1100px, calc(100% - 40px)) !important;
  max-width: 1100px !important;
}

@media (max-width: 640px) {
  .site-body-home .site-footer-home .footer-bar {
    flex-direction: column !important;
    text-align: center;
    padding: 14px 16px !important;
    gap: 8px !important;
  }
  .site-body-home .site-footer-home .footer-sep {
    display: none;
  }

  .faq-item summary {
    padding: 14px 44px 14px 14px;
    font-size: 0.95rem;
  }
}

.event-features .feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  border: 0 !important;
}

.event-features .feature-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

.event-features .feature-card:hover {
  background: transparent !important;
  border-color: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

.event-features .feature-card-overlay {
  background: transparent !important;
}

@media (max-width: 1100px) {
  .event-features .feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 640px) {
  .event-features .feature-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .event-features {
    padding: 22px 0 24px;
  }
}

.event-intro .intro-stats.intro-stats-grid-3,
.intro-stats-grid-3 {
  gap: 12px !important;
  max-width: min(920px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.intro-stats-grid-3 .intro-stat-card-icon,
.event-intro .intro-stats-grid-3 .intro-stat-card-icon,
.home-stats-row .intro-stats-grid-3 .intro-stat-card-icon {
  min-height: 0 !important;
  padding: 10px 12px !important;
  gap: 10px !important;
  border-radius: 12px !important;
}

.intro-stats-grid-3 .stat-icon-wrap,
.event-intro .intro-stats-grid-3 .stat-icon-wrap,
.home-stats-row .intro-stats-grid-3 .stat-icon-wrap {
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
  padding: 7px !important;
  border-radius: 10px !important;
}

.intro-stats-grid-3 .intro-stat-value {
  font-size: 1.12rem !important;
}

.intro-stats-grid-3 .intro-stat-label {
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
}

.intro-stats-grid-3 .intro-stat-desc {
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
}

/* Admin: düzgün cavab — açıq, səliqəli yaşıl (narıncı seçim rəngindən ayrı) */
body.panel-body {
  --correct-bg: #ecfdf5;
  --correct-bg-2: #d1fae5;
  --correct-border: #6ee7b7;
  --correct-ink: #047857;
  --correct-ink-deep: #065f46;
  --correct-badge: #059669;
}

body.panel-body .student-preview-box .option.selected,
body.panel-body .option.preview-option.selected,
body.panel-body .opt-item.is-correct,
body.panel-body .expert-option.is-correct,
body.panel-body .curated-pick-option.is-correct,
body.panel-body .option-review-list li.is-correct,
body.panel-body .pf-bq-opt.is-correct,
body.panel-body .bq-opt-row.is-correct,
body.panel-body .dup-option-correct {
  border-color: var(--correct-border) !important;
  background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%) !important;
  color: var(--correct-ink-deep);
  box-shadow: 0 8px 18px rgba(16, 185, 129, .12) !important;
}

body.panel-body .student-preview-box .option.selected .opt-letter,
body.panel-body .student-preview-box .option.selected .letter,
body.panel-body .option.preview-option.selected .opt-letter,
body.panel-body .option.preview-option.selected .letter,
body.panel-body .opt-item.is-correct .opt-letter,
body.panel-body .opt-item.is-correct .letter,
body.panel-body .expert-option.is-correct .opt-letter,
body.panel-body .pf-bq-opt.is-correct .letter,
body.panel-body .pf-bq-opt.is-correct span.letter {
  background: linear-gradient(135deg, #34d399, #059669) !important;
  color: #fff !important;
  border-color: transparent !important;
}

body.panel-body .student-preview-box .correct-mark,
body.panel-body .correct-mark,
body.panel-body .opt-correct-mark,
body.panel-body .option-review-list .correct-mark,
body.panel-body .expert-option .correct-mark,
body.panel-body .curated-pick-option .correct-mark {
  color: #065f46 !important;
  background: #bbf7d0 !important;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  white-space: nowrap;
}

body.panel-body .open-correct-answer {
  background: #ecfdf5 !important;
  border-left-color: #34d399 !important;
}

body.panel-body .question-upload-stats-page .question-upload-stats-table,
body.panel-body .question-upload-stats-page .question-upload-daily-table {
  display: table !important;
  table-layout: auto !important;
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
}

body.panel-body .question-upload-stats-page .question-upload-stats-table th,
body.panel-body .question-upload-stats-page .question-upload-daily-table th {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
}