/* =====================================================
   AD ASTRA EDUCARE — Complete Design System
   ===================================================== */

/* ===== DESIGN TOKENS ===== */
:root {
  --cosmos: #04080f;
  --deep:   #080f1e;
  --navy:   #0c1830;
  --slate:  #1a2a4a;
  --star:   #e8d5a3;
  --gold:   #c9961a;
  --gold2:  #f0c040;
  --amber:  #f5a623;
  --white:  #fdfcfa;
  --muted:  rgba(232,213,163,0.45);
  --dim:    rgba(232,213,163,0.18);
  --border: rgba(201,150,26,0.18);
  --glass:  rgba(12,24,48,0.7);
  --grad-gold: linear-gradient(135deg, #c9961a, #f0c040);
  --grad-sky:  linear-gradient(180deg, #04080f 0%, #0c1830 60%, #04080f 100%);
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Syne', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
  --section-pad: clamp(70px,10vw,120px) 6%;
  --radius:      16px;
  --radius-sm:   8px;
  --radius-pill: 100px;
  --shadow-gold: 0 0 40px rgba(201,150,26,0.15);
  --shadow-card: 0 8px 32px rgba(0,0,0,0.4);
  --shadow-deep: 0 24px 64px rgba(0,0,0,0.6);
}

/* ===== RESET ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{
  font-family:var(--font-body);background:var(--cosmos);color:var(--star);
  overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:var(--font-body);cursor:pointer;border:none}
ul{list-style:none}
::selection{background:var(--gold);color:var(--cosmos)}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--deep)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}

/* ===== TYPOGRAPHY ===== */
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.08;font-weight:700}
h1{font-size:clamp(48px,7vw,96px)}
h2{font-size:clamp(36px,5vw,64px)}
h3{font-size:clamp(20px,2.5vw,28px);font-weight:600}
h4{font-size:18px;font-weight:600}
p{line-height:1.75}

.tag{
  font-family:var(--font-mono);font-size:11px;letter-spacing:3px;
  text-transform:uppercase;color:var(--gold);
  display:flex;align-items:center;gap:10px;margin-bottom:16px;
}
.tag::before{content:'';width:28px;height:1px;background:var(--gold)}

/* ===== BUTTONS ===== */
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:13px 28px;
  border-radius:var(--radius-pill);font-family:var(--font-body);font-size:14px;
  font-weight:600;letter-spacing:0.3px;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);
  cursor:pointer;border:none;white-space:nowrap;
}
.btn-gold{background:var(--grad-gold);color:var(--cosmos)}
.btn-gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(201,150,26,0.4)}
.btn-outline{background:transparent;color:var(--star);border:1.5px solid var(--border)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold2);transform:translateY(-2px)}
.btn-ghost{background:var(--dim);color:var(--star);border:1px solid var(--border);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(201,150,26,0.12);border-color:var(--gold)}
.btn-lg{padding:16px 36px;font-size:16px}
.btn-sm{padding:8px 18px;font-size:13px}

/* ===== SECTION COMMON ===== */
section{padding:var(--section-pad);position:relative}
.section-header{margin-bottom:60px}
.section-header h2{margin-bottom:16px}
.section-header p{color:var(--muted);max-width:560px;font-size:17px}
.section-subtitle{color:var(--muted);max-width:560px;font-size:17px;margin-top:12px}
.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border) 30%,var(--gold) 50%,var(--border) 70%,transparent);margin:0}

/* ===== BADGE ===== */
.badge{
  display:inline-flex;align-items:center;gap:6px;padding:4px 12px;
  border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;
  font-weight:500;letter-spacing:1px;text-transform:uppercase;
}
.badge-hot{background:rgba(220,60,60,0.1);color:#f87171;border:1px solid rgba(220,60,60,0.2)}
.badge-new{background:rgba(52,211,153,0.1);color:#6ee7b7;border:1px solid rgba(52,211,153,0.2)}
.badge-pop{background:rgba(96,165,250,0.1);color:#e8ddbd;border:1px solid rgba(96,165,250,0.2)}
.badge-free{background:rgba(201,150,26,0.1);color:var(--gold2);border:1px solid var(--border)}

/* ===== GLOW ORBS ===== */
.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:0.25}
.orb-gold{background:radial-gradient(circle,#c9961a,transparent 70%)}
.orb-blue{background:radial-gradient(circle,#1a3a8f,transparent 70%)}

/* ===== STAR FIELD ===== */
.star-field{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.star{position:absolute;border-radius:50%;background:white;animation:twinkle linear infinite}
@keyframes twinkle{0%,100%{opacity:0.1;transform:scale(1)}50%{opacity:0.9;transform:scale(1.4)}}

/* ===== FORM ELEMENTS ===== */
.form-field{margin-bottom:18px}
.form-field label{
  display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);margin-bottom:7px;
}
.form-field input,.form-field select,.form-field textarea{
  width:100%;padding:12px 16px;
  background:rgba(232,213,163,0.04);
  border:1px solid var(--border);border-radius:var(--radius-sm);
  color:var(--star);font-family:var(--font-body);font-size:14px;outline:none;transition:border 0.2s;
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--gold)}
.form-field select option{background:var(--navy);color:var(--star)}
.form-field input::placeholder{color:var(--dim)}
.form-field textarea{resize:vertical;min-height:100px}

/* ===== SCROLL ANIMATE ===== */
.will-animate{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease}
.will-animate.animated{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeLeft{
  from{opacity:0;transform:translateX(50px) translateY(-50%)}
  to{opacity:1;transform:translateX(0) translateY(-50%)}
}

/* ===== NAVBAR ===== */
#navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 6%;height:72px;
  background:rgba(4,8,15,0.88);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);transition:background 0.3s;
}
.nav-brand{display:flex;align-items:center;gap:14px}
.nav-logo{
  width:42px;height:42px;border-radius:10px;background:var(--grad-gold);
  display:grid;place-items:center;
  font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--cosmos);
}
.nav-name{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:0.5px}
.nav-name span{color:var(--gold2)}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:14px;font-weight:500;color:var(--muted);transition:color 0.2s;position:relative}
.nav-links a:hover,.nav-links a.active{color:var(--star)}
.nav-links a.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1.5px;background:var(--gold)}
.nav-actions{display:flex;gap:10px;align-items:center}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.hamburger span{display:block;width:24px;height:2px;background:var(--star);border-radius:2px;transition:all 0.3s}
.mobile-menu{
  display:none;position:fixed;top:72px;left:0;right:0;
  background:rgba(4,8,15,0.98);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);padding:28px 6%;z-index:999;
  flex-direction:column;gap:20px;
}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:18px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--dim)}
.mobile-menu a:last-of-type{border:none}

/* ===== TICKER ===== */
.ticker-wrap{background:linear-gradient(90deg,var(--gold) 0%,var(--gold2) 50%,var(--gold) 100%);overflow:hidden;padding:10px 0}
.ticker-track{display:flex;gap:0;animation:ticker 40s linear infinite;width:max-content}
.ticker-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--cosmos);padding:0 40px;white-space:nowrap}
.ticker-item::before{content:'✦';font-size:10px}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ===== HERO ===== */
#hero{min-height:100vh;display:flex;align-items:center;padding:120px 6% 80px;position:relative;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 70% 70% at 70% 40%,rgba(26,58,143,0.25) 0%,transparent 65%),
    radial-gradient(ellipse 40% 40% at 20% 80%,rgba(201,150,26,0.07) 0%,transparent 60%),
    linear-gradient(180deg,#04080f 0%,#080f1e 100%);
}
.hero-grid-lines{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(201,150,26,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,150,26,0.03) 1px,transparent 1px);
  background-size:72px 72px;
}
.hero-content{position:relative;z-index:2;max-width:720px}
.hero-pill{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(201,150,26,0.08);border:1px solid rgba(201,150,26,0.25);
  padding:7px 18px;border-radius:var(--radius-pill);
  font-family:var(--font-mono);font-size:12px;color:var(--gold2);
  margin-bottom:32px;letter-spacing:1px;
  animation:fadeUp 0.7s ease both;
}
.hero-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--gold2);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.2}}
.hero-h1{font-size:clamp(52px,8vw,100px);font-weight:700;line-height:1;margin-bottom:28px;animation:fadeUp 0.7s 0.1s ease both}
.hero-h1 em{color:var(--gold2);font-style:normal}
.hero-h1 .italic{font-style:italic;color:var(--muted)}
.hero-sub{font-size:18px;color:var(--muted);max-width:540px;line-height:1.8;margin-bottom:44px;animation:fadeUp 0.7s 0.2s ease both}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp 0.7s 0.3s ease both}
.hero-stats{display:flex;gap:48px;margin-top:72px;flex-wrap:wrap;animation:fadeUp 0.7s 0.4s ease both}
.hero-stat-num{font-family:var(--font-display);font-size:42px;font-weight:700;color:var(--gold2);line-height:1}
.hero-stat-lbl{font-size:13px;color:var(--muted);margin-top:4px}

/* Floating enroll card */
.hero-card{
  position:absolute;right:6%;top:50%;transform:translateY(-50%);
  width:380px;z-index:3;
  background:rgba(8,15,30,0.85);border:1px solid var(--border);
  border-radius:24px;padding:36px;backdrop-filter:blur(24px);
  animation:fadeLeft 0.8s 0.35s ease both;
}
.hero-card-head{margin-bottom:24px}
.hero-card-head h3{font-size:26px;margin-bottom:4px}
.hero-card-head p{font-size:13px;color:var(--muted)}
.hero-card .btn-gold{width:100%;justify-content:center;margin-top:6px}

/* ===== COURSES ===== */
#courses{background:var(--deep)}
.courses-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:24px}
.course-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.filter-btn{
  padding:7px 18px;border-radius:var(--radius-pill);background:transparent;
  color:var(--muted);border:1px solid var(--dim);font-family:var(--font-body);
  font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;
}
.filter-btn.active,.filter-btn:hover{background:var(--gold);color:var(--cosmos);border-color:var(--gold)}
.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.course-card{
  background:rgba(12,24,48,0.6);border:1px solid var(--border);
  border-radius:var(--radius);padding:30px;position:relative;overflow:hidden;
  transition:all 0.35s ease;cursor:pointer;
}
.course-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--grad-gold);transform:scaleX(0);transform-origin:left;transition:transform 0.35s;
}
.course-card:hover::after{transform:scaleX(1)}
.course-card:hover{border-color:rgba(201,150,26,0.35);transform:translateY(-6px)}
.course-icon{font-size:36px;margin-bottom:18px}
.course-card h3{font-size:20px;margin-bottom:10px}
.course-card p{font-size:13.5px;color:var(--muted);line-height:1.7;margin-bottom:22px}
.course-meta{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--dim);padding-top:18px}
.course-meta span{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:5px}

/* ===== WHY SECTION ===== */
#why{background:var(--cosmos)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.why-features{display:flex;flex-direction:column;gap:0}
.why-feature{
  display:flex;gap:22px;align-items:flex-start;
  padding:26px;border-radius:var(--radius);border:1px solid transparent;transition:all 0.3s;
}
.why-feature:hover{background:rgba(201,150,26,0.04);border-color:var(--border)}
.why-num{font-family:var(--font-display);font-size:40px;font-weight:700;color:rgba(201,150,26,0.15);flex-shrink:0;line-height:1;min-width:44px}
.why-feature h4{font-family:var(--font-display);font-size:20px;margin-bottom:6px}
.why-feature p{font-size:14px;color:var(--muted);line-height:1.7}
.why-visual{background:rgba(12,24,48,0.5);border:1px solid var(--border);border-radius:24px;padding:44px;text-align:center}

/* Ring Chart */
.ring-wrap{position:relative;width:200px;height:200px;margin:0 auto 36px}
.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:rgba(201,150,26,0.08);stroke-width:14}
.ring-fill{fill:none;stroke:url(#goldGrad);stroke-width:14;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:50;animation:ringAnim 2s ease both}
@keyframes ringAnim{from{stroke-dashoffset:502}to{stroke-dashoffset:50}}
.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring-pct{font-family:var(--font-display);font-size:52px;font-weight:700;color:var(--gold2);line-height:1}
.ring-lbl{font-size:12px;color:var(--muted);letter-spacing:1px}
.bar-group{display:flex;flex-direction:column;gap:14px}
.bar-row{display:flex;align-items:center;gap:12px}
.bar-lbl{font-size:12px;width:54px;text-align:right;color:var(--muted)}
.bar-track{flex:1;height:7px;background:rgba(201,150,26,0.07);border-radius:99px;overflow:hidden}
.bar-fill{height:100%;border-radius:99px;background:var(--grad-gold);animation:barGrow 1.8s ease both}
@keyframes barGrow{from{width:0 !important}}
.bar-pct{font-size:13px;font-weight:600;color:var(--gold2);width:34px}

/* ===== RESULTS ===== */
#results{background:var(--deep)}
.results-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:72px}
.rstat{background:rgba(12,24,48,0.6);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;text-align:center;transition:all 0.3s}
.rstat:hover{border-color:rgba(201,150,26,0.4);transform:translateY(-4px)}
.rstat-num{font-family:var(--font-display);font-size:52px;font-weight:700;color:var(--gold2);display:block;margin-bottom:8px;line-height:1}
.rstat-desc{font-size:14px;color:var(--muted);line-height:1.5}
.toppers-title{font-family:var(--font-display);font-size:32px;margin-bottom:8px}
.toppers-sub{color:var(--muted);font-size:14px;margin-bottom:36px}
.toppers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.topper-card{
  background:linear-gradient(135deg,rgba(201,150,26,0.08),rgba(12,24,48,0.6));
  border:1px solid rgba(201,150,26,0.22);border-radius:var(--radius);padding:26px;text-align:center;transition:all 0.3s;
}
.topper-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.topper-rank{font-family:var(--font-mono);font-size:11px;color:var(--gold2);letter-spacing:1.5px;display:block;margin-bottom:14px}
.topper-av{width:64px;height:64px;border-radius:50%;background:rgba(201,150,26,0.1);border:2px solid rgba(201,150,26,0.3);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:28px}
.topper-card h5{font-size:15px;font-weight:600;margin-bottom:3px}
.topper-card .topper-meta{font-size:12px;color:var(--muted)}
.topper-score{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--gold2);margin-top:10px}

/* ===== FACULTY ===== */
#faculty{background:var(--cosmos)}
.faculty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin-top:56px}
.faculty-card{background:rgba(12,24,48,0.5);border:1px solid var(--border);border-radius:var(--radius);padding:30px;text-align:center;transition:all 0.35s}
.faculty-card:hover{transform:translateY(-5px);border-color:rgba(201,150,26,0.35)}
.fac-av{width:80px;height:80px;border-radius:50%;margin:0 auto 18px;background:rgba(201,150,26,0.08);border:2px solid rgba(201,150,26,0.25);display:flex;align-items:center;justify-content:center;font-size:34px}
.faculty-card h4{font-size:18px;margin-bottom:5px}
.fac-subject{font-size:13px;color:var(--gold2);font-weight:500;margin-bottom:6px}
.fac-exp{font-size:12px;color:var(--muted)}
.fac-stars{color:var(--gold);font-size:14px;margin-top:12px;letter-spacing:2px}

/* ===== TEST SERIES ===== */
#tests{background:var(--deep)}
.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:56px}
.test-card{background:rgba(12,24,48,0.6);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:all 0.35s}
.test-card:hover{border-color:rgba(201,150,26,0.35);transform:translateY(-5px)}
.test-type{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.test-card h3{font-size:20px;margin-bottom:10px}
.test-card p{font-size:13.5px;color:var(--muted);line-height:1.7;margin-bottom:20px}
.test-info{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--dim);margin-bottom:22px}
.test-info span{display:flex;align-items:center;gap:4px}
.test-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--dim);padding-top:18px}
.test-price{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--gold2)}
.test-price.free{color:#6ee7b7}

/* ===== TESTIMONIALS ===== */
#testimonials{background:var(--cosmos)}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;margin-top:56px}
.testi-card{background:rgba(12,24,48,0.5);border:1px solid var(--border);border-radius:var(--radius);padding:30px;transition:all 0.3s}
.testi-card:hover{border-color:rgba(201,150,26,0.3);transform:translateY(-4px)}
.testi-quote{font-family:var(--font-display);font-size:52px;line-height:1;color:var(--border);margin-bottom:10px}
.testi-card p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:26px}
.testi-author{display:flex;align-items:center;gap:12px}
.testi-av{width:46px;height:46px;border-radius:50%;background:rgba(201,150,26,0.08);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid var(--border)}
.testi-name{font-size:14px;font-weight:600}
.testi-detail{font-size:12px;color:var(--gold2);margin-top:2px}

/* ===== CENTERS ===== */
#centers{background:var(--deep)}
.centers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:56px}
.center-card{background:rgba(12,24,48,0.5);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all 0.3s}
.center-card:hover{border-color:rgba(201,150,26,0.3);transform:translateY(-3px)}
.center-city{font-family:var(--font-display);font-size:22px;margin-bottom:4px}
.center-state{font-size:13px;color:var(--gold2);margin-bottom:10px}
.center-info{font-size:13px;color:var(--muted)}

/* ===== CTA BAND ===== */
#cta{
  background:linear-gradient(135deg,var(--slate) 0%,var(--cosmos) 100%);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  text-align:center;padding:clamp(70px,10vw,120px) 6%;
  position:relative;overflow:hidden;
}
#cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(201,150,26,0.07),transparent 70%)}
#cta>*{position:relative;z-index:1}
#cta h2{margin-bottom:18px}
#cta p{color:var(--muted);font-size:18px;margin-bottom:40px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ===== FOOTER ===== */
#footer{background:var(--deep);border-top:1px solid var(--border);padding:70px 6% 30px}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.footer-brand-col p{font-size:14px;color:var(--muted);line-height:1.8;max-width:300px;margin-top:14px}
.footer-socials{display:flex;gap:10px;margin-top:24px}
.social-link{width:38px;height:38px;border-radius:9px;background:var(--dim);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.2s}
.social-link:hover{background:var(--gold);border-color:var(--gold)}
.footer-col h5{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.footer-col a{display:block;font-size:14px;color:var(--muted);margin-bottom:12px;transition:color 0.2s}
.footer-col a:hover{color:var(--star)}
.footer-bottom{border-top:1px solid var(--dim);padding-top:28px;margin-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--dim);flex-wrap:wrap;gap:12px}
.footer-bottom span b{color:var(--gold);font-weight:400}

/* ===== MODAL ===== */
.modal-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(4,8,15,0.92);backdrop-filter:blur(12px);display:none;place-items:center;padding:20px}
.modal-backdrop.open{display:grid}
.modal-box{background:var(--navy);border:1px solid var(--border);border-radius:24px;padding:44px;max-width:500px;width:100%;position:relative;animation:modalIn 0.3s cubic-bezier(0.34,1.56,0.64,1);max-height:90vh;overflow-y:auto}
@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}}
.modal-close{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;background:var(--dim);border:1px solid var(--border);color:var(--star);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}
.modal-close:hover{background:var(--gold)}
.modal-box h3{font-size:32px;margin-bottom:8px}
.modal-box .modal-sub{color:var(--muted);font-size:14px;margin-bottom:28px}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:28px;right:28px;z-index:9999;background:var(--navy);border:1px solid var(--gold);border-radius:12px;padding:16px 24px;font-size:14px;color:var(--star);box-shadow:var(--shadow-deep);animation:slideIn 0.3s ease,fadeOut 0.5s ease 2.5s forwards;max-width:340px}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}}
@keyframes fadeOut{to{opacity:0;transform:translateX(20px)}}

/* ===== BACK TO TOP ===== */
#backToTop{position:fixed;bottom:28px;right:28px;z-index:800;width:44px;height:44px;border-radius:50%;background:var(--grad-gold);color:var(--cosmos);border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;box-shadow:0 4px 16px rgba(201,150,26,0.4)}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  .hero-card{display:none}
  .why-grid{grid-template-columns:1fr}
  .results-stats{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .nav-links,.nav-actions{display:none}
  .hamburger{display:flex}
}
@media(max-width:700px){
  .results-stats{grid-template-columns:1fr}
  .courses-top{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr;gap:32px}
  :root{--section-pad:60px 5%}
}

/* ===== APP PAGES ===== */
.app-shell{min-height:100vh;padding:120px 6% 60px;background:linear-gradient(180deg,#04080f 0%,#080f1e 100%)}
.panel{background:rgba(12,24,48,0.7);border:1px solid rgba(201,150,26,0.18);border-radius:24px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,0.4)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid var(--dim);text-align:left;font-size:14px}.data-table th{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--gold)}
.alert{padding:14px 18px;border-radius:12px;margin-bottom:18px}.alert-success{background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.3);color:#8ef0c2}.alert-error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#fda4a4}.muted{color:var(--muted)}.auth-links{display:flex;gap:10px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:22px 0}.stat-card{background:rgba(232,213,163,0.04);border:1px solid var(--border);border-radius:18px;padding:22px}.stat-card strong{display:block;font-size:32px;font-family:var(--font-display);color:var(--gold2);line-height:1}.topbar-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(201,150,26,0.1);border:1px solid var(--border);font-size:12px}.empty{padding:24px;border:1px dashed var(--border);border-radius:18px;color:var(--muted);text-align:center}.sidebar-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.sidebar-links a{padding:10px 14px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.sidebar-links a.active,.sidebar-links a:hover{background:var(--gold);color:var(--cosmos)}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}}

/* ===== ERP / LMS EXTENSIONS ===== */
.topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(201,150,26,0.09);border:1px solid var(--border);font-size:12px;color:var(--gold2);font-family:var(--font-mono);letter-spacing:1px}
.app-shell{padding:110px 5% 40px}
.admin-shell{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.app-sidebar,.app-main>.panel,.panel{
  background:rgba(12,24,48,0.65);
  border:1px solid var(--border);
  border-radius:20px;
  backdrop-filter:blur(16px);
  box-shadow:var(--shadow-card);
}
.app-sidebar{padding:24px;position:sticky;top:92px}
.sidebar-title{margin-bottom:18px}
.app-sidebar a{
  display:block;padding:12px 14px;margin:6px 0;border-radius:12px;
  color:var(--muted);border:1px solid transparent;transition:all .2s ease
}
.app-sidebar a:hover,.app-sidebar a.active{background:rgba(201,150,26,0.08);border-color:var(--border);color:var(--star)}
.app-main{display:flex;flex-direction:column;gap:24px}
.panel{padding:24px}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:20px}
.stat-card{padding:20px;border-radius:18px;background:rgba(232,213,163,0.03);border:1px solid var(--dim)}
.stat-card strong{display:block;font-size:30px;font-family:var(--font-display);color:var(--gold2);margin-bottom:6px}
.muted{color:var(--muted)}
.table-wrap{overflow:auto;margin-top:18px}
.data-table{width:100%;border-collapse:collapse;font-size:14px}
.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid var(--dim);vertical-align:top;text-align:left}
.data-table th{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--gold2);text-transform:uppercase}
.empty{padding:18px;border:1px dashed var(--dim);border-radius:14px;color:var(--muted)}
.alert,.toast-static{position:fixed;top:96px;left:50%;transform:translateX(-50%);z-index:1200;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:rgba(8,18,40,0.92);backdrop-filter:blur(8px);box-shadow:0 14px 34px rgba(0,0,0,.24);width:min(calc(100vw - 32px),720px);margin:0;pointer-events:none}
@media (max-width: 768px){.toast-static{top:84px;width:min(calc(100vw - 20px),560px)}}
.alert-error,.toast-error{border-color:rgba(239,68,68,.35);color:#fecaca;background:rgba(239,68,68,.08)}
.alert-success,.toast-success{border-color:rgba(34,197,94,.35);color:#bbf7d0;background:rgba(34,197,94,.08)}
.alert-info,.toast-info{border-color:rgba(59,130,246,.35);color:#e8ddbd;background:rgba(59,130,246,.08)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.kv{display:grid;grid-template-columns:170px 1fr;gap:10px;margin:8px 0;padding:10px 0;border-bottom:1px solid var(--dim)}
.kv strong{color:var(--gold2);font-size:12px;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase}
.badge-soft{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(232,213,163,0.08);border:1px solid var(--dim);font-size:12px;color:var(--star)}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.info-card{padding:20px;border-radius:18px;background:rgba(232,213,163,0.03);border:1px solid var(--dim)}
.info-card h4{margin-bottom:8px}
.actions-inline{display:flex;gap:10px;flex-wrap:wrap}
.lesson-body{white-space:pre-wrap;line-height:1.9;color:var(--star)}
.section-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.text-right{text-align:right}
.text-small{font-size:12px}
.mt-0{margin-top:0}
.mt-2{margin-top:12px}
.mt-3{margin-top:18px}
.mt-4{margin-top:24px}
.mb-0{margin-bottom:0}
@media(max-width:1000px){
  .admin-shell{grid-template-columns:1fr}
  .app-sidebar{position:static}
}
@media(max-width:700px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  .topbar-actions .pill{display:none}
}


.exam-shell{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:start}
.exam-sticky{position:sticky;top:100px}
.exam-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.exam-meta{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}
.exam-meta .pill{background:rgba(255,255,255,.06)}
.subject-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.subject-tab{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);text-decoration:none;color:inherit}
.subject-tab.active{border-color:rgba(226,180,87,.7);box-shadow:0 0 0 1px rgba(226,180,87,.35) inset}
.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.palette-btn{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:inherit;background:rgba(255,255,255,.04);font-weight:700}
.palette-btn.answered{background:rgba(51,171,111,.18);border-color:rgba(51,171,111,.55)}
.palette-btn.review{background:rgba(224,149,25,.18);border-color:rgba(224,149,25,.55)}
.palette-btn.current{box-shadow:0 0 0 2px rgba(255,255,255,.5) inset}
.option-list{display:grid;gap:12px;margin:18px 0}
.option-item{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.option-item input{margin-top:4px}
.exam-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.legend-list{display:grid;gap:10px;margin-top:16px}
.legend-chip{display:flex;align-items:center;gap:10px}
.legend-chip .swatch{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08)}
.legend-chip .swatch.answered{background:rgba(51,171,111,.35)}
.legend-chip .swatch.review{background:rgba(224,149,25,.35)}
.legend-chip .swatch.unseen{background:rgba(255,255,255,.08)}
.timer-box{font-size:1.4rem;font-weight:800;letter-spacing:.04em}
.gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.gateway-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.quick-link{display:block;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);text-decoration:none;color:inherit}
@media (max-width: 980px){.exam-shell{grid-template-columns:1fr}.exam-sticky{position:static}}

/* ===== MATHJAX + EXAM REVIEW ===== */
.math-content{line-height:1.8;word-break:break-word}
.math-content mjx-container{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 0}
.question-review-card{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.03);margin-top:18px}
.question-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.review-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.08)}
.review-status.correct{background:rgba(51,171,111,.15);border-color:rgba(51,171,111,.4)}
.review-status.wrong{background:rgba(214,80,80,.15);border-color:rgba(214,80,80,.35)}
.review-status.unanswered{background:rgba(255,255,255,.06)}
.review-options{display:grid;gap:12px;margin-top:16px}
.review-option{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.review-option.correct{border-color:rgba(51,171,111,.45);background:rgba(51,171,111,.12)}
.review-option.selected{box-shadow:0 0 0 1px rgba(255,255,255,.25) inset}
.review-option.wrong{border-color:rgba(214,80,80,.4);background:rgba(214,80,80,.1)}
.question-preview-card{padding:18px;border-radius:18px;border:1px dashed rgba(201,150,26,.3);background:rgba(201,150,26,.05);margin-top:22px}
.question-preview-card h3{margin-bottom:10px}
.preview-grid{display:grid;gap:10px;margin-top:12px}
.math-helper{font-size:12px;color:var(--muted);margin-top:8px}
.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0 8px}
.stats-tile{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.stats-tile strong{display:block;font-size:24px;margin-bottom:6px}


/* ===== PUBLIC SUBPAGES ===== */
.public-shell{display:block;max-width:1240px;margin:0 auto;padding:118px 20px 40px;position:relative}
.page-hero{position:relative;overflow:hidden;padding:42px;border-radius:30px;background:linear-gradient(135deg,rgba(12,24,48,.92),rgba(8,15,30,.85));border:1px solid var(--border);box-shadow:var(--shadow-deep);margin-bottom:24px}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(201,150,26,.18),transparent 28%),radial-gradient(circle at 10% 80%,rgba(26,58,143,.22),transparent 30%)}
.page-hero>*{position:relative;z-index:1}
.page-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:end}
.page-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:rgba(201,150,26,.08);border:1px solid rgba(201,150,26,.22);font-family:var(--font-mono);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold2);margin-bottom:18px}
.page-hero p{max-width:760px;color:var(--muted);font-size:16px}
.page-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hero-metric{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(201,150,26,.12);backdrop-filter:blur(10px)}
.hero-metric strong{display:block;font-family:var(--font-display);font-size:32px;color:var(--gold2);line-height:1;margin-bottom:6px}
.hero-metric span{display:block;color:var(--muted);font-size:13px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.feature-card{padding:24px;border-radius:22px;background:rgba(12,24,48,.58);border:1px solid var(--border);transition:all .3s ease}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(201,150,26,.35)}
.feature-card .feature-index{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--gold2);margin-bottom:12px;display:block}
.feature-card p{color:var(--muted);font-size:14px}
.content-split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.highlight-list{display:grid;gap:14px;margin-top:18px}
.highlight-item{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--dim)}
.highlight-badge{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:rgba(201,150,26,.09);border:1px solid rgba(201,150,26,.25);color:var(--gold2);font-weight:700}
.highlight-item h4{margin-bottom:4px}
.highlight-item p{color:var(--muted);font-size:14px;line-height:1.8}
.contact-card{position:relative;overflow:hidden}
.contact-card::after{content:'';position:absolute;inset:auto -40px -40px auto;width:160px;height:160px;background:radial-gradient(circle,rgba(201,150,26,.12),transparent 65%)}
.course-thumb{width:100%;height:220px;object-fit:cover;border-radius:18px;margin-bottom:16px;border:1px solid var(--dim)}
.course-card-premium{background:rgba(12,24,48,.6);border:1px solid var(--border);border-radius:24px;padding:26px;position:relative;overflow:hidden;transition:all .35s ease}
.course-card-premium::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--grad-gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.course-card-premium:hover{transform:translateY(-6px);border-color:rgba(201,150,26,.35)}
.course-card-premium:hover::before{transform:scaleX(1)}
.course-card-premium p{color:var(--muted);font-size:14px}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.contact-info-box{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--dim)}
.contact-info-box strong{display:block;color:var(--gold2);margin-bottom:8px}
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.compact-footer{margin-top:24px}
.dashboard-banner{position:relative;overflow:hidden;padding:28px;border-radius:24px;background:linear-gradient(135deg,rgba(12,24,48,.88),rgba(8,15,30,.85));border:1px solid var(--border)}
.dashboard-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(201,150,26,.18),transparent 30%),radial-gradient(circle at bottom left,rgba(26,58,143,.24),transparent 32%)}
.dashboard-banner>*{position:relative;z-index:1}
.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0 8px}
.stats-tile{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.stats-tile strong{display:block;font-size:24px;margin-bottom:6px;font-family:var(--font-display);color:var(--gold2)}
.dashboard-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mini-panel{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--dim)}
.mini-panel h4{margin-bottom:8px}
.mini-panel p{color:var(--muted);font-size:13px}
.admin-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.quick-admin-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--dim)}
.quick-admin-card strong{display:block;margin-bottom:6px;color:var(--gold2)}
.quick-admin-card p{color:var(--muted);font-size:13px}
@media(max-width:1000px){.page-hero-grid,.content-split,.dashboard-mini-grid,.contact-info-grid{grid-template-columns:1fr}.hero-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.public-shell{padding:106px 14px 30px}.page-hero{padding:26px}.form-grid-2,.hero-metric-grid,.contact-info-grid{grid-template-columns:1fr}}


/* ===== ADMIN THEME PHASE 3 ===== */
.admin-page-intro{margin-bottom:24px}
.admin-intro-title{font-size:clamp(32px,4vw,54px);margin:8px 0 10px}
.admin-intro-copy{max-width:780px}
.admin-intro-actions{align-self:flex-start;justify-content:flex-end}
.admin-mini-grid .mini-panel{min-height:122px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.admin-mini-grid .mini-panel h4{font-size:26px;font-family:var(--font-display);color:var(--gold2);margin:0}
.admin-mini-grid .mini-panel p{margin:0}
.panel + .panel{margin-top:0}
.page-stack{display:flex;flex-direction:column;gap:24px}
.admin-shell .form-field input,.admin-shell .form-field select,.admin-shell .form-field textarea{background:rgba(255,255,255,.035)}
.admin-shell code{background:rgba(255,255,255,.06);padding:2px 6px;border-radius:8px;color:var(--gold2)}
.login-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
.login-side-card{padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(12,24,48,.78),rgba(8,15,30,.9));border:1px solid var(--border);box-shadow:var(--shadow-card)}
.login-feature-list{display:grid;gap:14px;margin-top:22px}
.login-feature-item{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--dim)}
.login-feature-item strong{display:block;color:var(--gold2);font-size:14px;margin-bottom:6px;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase}
.table-wrap table tr:hover td{background:rgba(255,255,255,.018)}
@media(max-width:1000px){.login-showcase{grid-template-columns:1fr}}


/* Premium Visual Math Editor */
.math-authoring-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}
.math-authoring-shell + .math-authoring-shell{margin-top:22px}
@media(max-width:1100px){.math-authoring-shell{grid-template-columns:1fr}}
.editor-card{padding:20px;border-radius:20px;border:1px solid rgba(201,150,26,.18);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 20px 40px rgba(0,0,0,.18)}
.editor-card h3,.editor-card h4{margin-bottom:10px}
.visual-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 16px}
.visual-toolbar button{appearance:none;background:rgba(255,255,255,.03);border:1px solid rgba(201,150,26,.2);color:var(--star);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;transition:all .25s ease}
.visual-toolbar button:hover{transform:translateY(-2px);border-color:rgba(240,192,64,.65);background:rgba(201,150,26,.12);color:var(--gold2)}
math-field.premium-mathfield{display:block;width:100%;min-height:120px;padding:16px 18px;border-radius:18px;border:1px solid rgba(201,150,26,.24);background:linear-gradient(180deg,rgba(5,10,20,.95),rgba(12,24,48,.88));color:var(--star);font-size:17px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 16px 32px rgba(0,0,0,.18)}
math-field.premium-mathfield:focus-within{border-color:rgba(240,192,64,.85);box-shadow:0 0 0 3px rgba(201,150,26,.12),0 20px 35px rgba(0,0,0,.22)}
math-field.inline-mathfield{min-height:64px;font-size:16px}
.preview-panel{border:1px dashed rgba(201,150,26,.34);background:rgba(201,150,26,.05);border-radius:18px;padding:18px;min-height:130px}
.preview-panel.is-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.preview-panel .math-content{margin:0}
.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:900px){.option-grid{grid-template-columns:1fr}}
.upload-box{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(201,150,26,.16)}
.upload-box input[type=file]{max-width:100%}
.upload-box .hint{font-size:12px;color:var(--muted)}
.question-media{margin:14px 0;padding:10px;border:1px solid rgba(201,150,26,.18);border-radius:16px;background:rgba(255,255,255,.03)}
.question-media img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.22)}
.question-media figcaption{margin-top:10px;text-align:center;font-size:12px;color:var(--muted)}
.q-list-actions{display:flex;gap:8px;flex-wrap:wrap}
.choice-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(201,150,26,.12);margin:6px 8px 0 0;font-size:12px}
.choice-chip strong{color:var(--gold2)}
.math-hero-note{font-size:13px;color:var(--muted)}


/* ===== MATH SYSTEM / VISUAL QUESTION EDITOR ===== */
.mathjson-render {
  min-height: 24px;
  margin-top: 10px;
}
.mathjson-render.inline {
  display: inline-block;
  margin-top: 0;
}
.mathjson-render.is-empty {
  opacity: 0.7;
}
.mathjson-empty {
  color: var(--muted);
  font-size: 13px;
}
.question-block,
.question-part {
  display: grid;
  gap: 12px;
}
.question-text-block {
  color: var(--star);
  line-height: 1.8;
}
.question-media {
  margin: 8px 0 0;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 14px;
  background: rgba(12,24,48,0.55);
}
.question-media img {
  width: 100%;
  max-width: 520px;
  border-radius: 12px;
  border: 1px solid rgba(201,150,26,0.15);
}
.question-media figcaption {
  color: var(--muted);
  font-size: 13px;
  margin-top: 8px;
}
.math-author-shell {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(320px,1fr);
  gap: 22px;
  align-items: start;
}
.option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}
.editor-card {
  background: rgba(12,24,48,0.58);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 22px;
  box-shadow: var(--shadow-card);
}
.editor-card h3 {
  margin-bottom: 8px;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}
.form-grid > div[style*="grid-column"] {
  min-width: 0;
}
.form-grid label {
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 8px;
}
.form-grid input,
.form-grid select,
.form-grid textarea {
  width: 100%;
  background: rgba(232,213,163,0.04);
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--star);
  padding: 12px 14px;
  font-family: var(--font-body);
}
.form-grid textarea {
  min-height: 120px;
  resize: vertical;
}
.premium-mathfield {
  width: 100%;
  min-height: 118px;
  background: rgba(232,213,163,0.04);
  border: 1px solid var(--border);
  border-radius: 14px;
  color: var(--star);
  padding: 14px 16px;
  font-size: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}
.inline-mathfield {
  min-height: 74px;
}
.visual-toolbar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.visual-toolbar button {
  background: rgba(201,150,26,0.08);
  color: var(--gold2);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
}
.visual-toolbar button:hover {
  background: rgba(201,150,26,0.16);
  transform: translateY(-1px);
}
.preview-panel {
  min-height: 140px;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px dashed rgba(201,150,26,0.32);
  background: rgba(4,8,15,0.5);
}
.preview-panel.is-empty {
  color: var(--muted);
}
.upload-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: end;
}
.math-helper,
.hint,
.math-hero-note {
  color: var(--muted);
  font-size: 12px;
}
.choice-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  margin: 8px 10px 0 0;
  border-radius: 999px;
  background: rgba(201,150,26,0.08);
  border: 1px solid rgba(201,150,26,0.18);
  vertical-align: middle;
}
.q-list-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.question-review-card {
  background: rgba(12,24,48,0.52);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 22px;
  margin-bottom: 18px;
}
.question-review-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}
.review-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  border: 1px solid var(--border);
}
.review-status.correct,
.review-option.correct {
  border-color: rgba(52,211,153,0.25);
  background: rgba(52,211,153,0.08);
}
.review-status.wrong,
.review-option.wrong {
  border-color: rgba(248,113,113,0.25);
  background: rgba(248,113,113,0.08);
}
.review-status.unanswered {
  background: rgba(255,255,255,0.03);
}
.review-options {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}
.review-option {
  border: 1px solid var(--border);
  background: rgba(4,8,15,0.45);
  border-radius: 14px;
  padding: 14px 16px;
}
.review-option.selected {
  box-shadow: 0 0 0 1px rgba(201,150,26,0.35) inset;
}
.question-preview-card {
  background: rgba(12,24,48,0.48);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
}
.stats-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}
.stats-tile {
  min-width: 140px;
  background: rgba(4,8,15,0.45);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 12px 14px;
  display: grid;
  gap: 3px;
}
.exam-question-card {
  display: grid;
  gap: 18px;
}
@media (max-width: 980px) {
  .math-author-shell,
  .option-grid,
  .upload-box,
  .form-grid {
    grid-template-columns: 1fr;
  }
  .question-review-head {
    flex-direction: column;
  }
}

.question-preview-card-live {
  display: grid;
  gap: 10px;
}
.question-preview-statement {
  white-space: pre-wrap;
  line-height: 1.75;
  font-size: 16px;
  color: var(--star);
}
.question-preview-statement.is-placeholder {
  color: var(--muted);
}


.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}.heat-cell{padding:14px 8px;border-radius:14px;border:1px solid rgba(212,175,55,.2);text-align:center;font-weight:700}.heat-cell.correct{background:rgba(34,197,94,.22)}.heat-cell.wrong{background:rgba(239,68,68,.22)}.heat-cell.unanswered{background:rgba(245,158,11,.22)}


/* ===== FINAL POLISH PATCH ===== */
.analytics-quad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.analytics-quad-grid .panel{min-width:0;padding:18px}
.analytics-quad-grid .panel h2{font-size:clamp(24px,1.8vw,34px);line-height:1.12;margin-bottom:10px;word-break:break-word}
.analytics-quad-grid canvas{width:100%!important;height:190px!important;max-height:190px}
.complete-option-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.complete-option-preview-card{padding:14px;border-radius:16px;border:1px solid rgba(201,150,26,.18);background:rgba(255,255,255,.03);display:grid;gap:10px;min-width:0}
.complete-option-preview-card .question-preview-statement{font-size:14px;line-height:1.6}
.option-preview-panel{min-height:88px;padding:12px}
.question-preview-card-live img, .editor-card img{max-height:280px;object-fit:contain;background:rgba(4,8,15,.36)}
.question-media img{width:auto;max-width:100%;max-height:320px;object-fit:contain}
@media (max-width:1400px){.analytics-quad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.complete-option-preview-grid,.analytics-quad-grid{grid-template-columns:1fr}}


html{font-size:15px}
h1{font-size:clamp(40px,5.8vw,82px)}
h2{font-size:clamp(28px,3.6vw,52px)}
.hero-h1{font-size:clamp(40px,5.6vw,78px)!important;line-height:.98}
.page-hero-grid .hero-copy h1,.page-hero-grid h1{font-size:clamp(40px,5.4vw,76px)}

/* ===== NTA STUDENT EXAM SCREEN PATCH ===== */
.nta-shell{grid-template-columns:minmax(0,1fr) 360px;gap:24px}
.nta-main-card,.nta-side-card{padding:20px}
.nta-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.nta-exam-title{font-size:clamp(26px,2.4vw,40px);line-height:1.05;margin-bottom:6px}
.nta-meta-inline{margin-bottom:0}
.nta-timer-panel{min-width:200px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);text-align:right}
.nta-timer-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.nta-timer-box{font-size:2rem;line-height:1;font-weight:800}
.nta-timer-state{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:rgba(51,171,111,.18);border:1px solid rgba(51,171,111,.35);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nta-timer-state.warning{background:rgba(224,149,25,.18);border-color:rgba(224,149,25,.35);color:#ffd28a}
.nta-timer-state.danger{background:rgba(214,80,80,.18);border-color:rgba(214,80,80,.35);color:#ffb4b4}
.nta-timer-progress-wrap{position:relative;height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin:16px 0 18px}
.nta-timer-progress{height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(51,171,111,.95),rgba(226,180,87,.9));transition:width .4s ease, background .4s ease}
.nta-timer-progress.warning{background:linear-gradient(90deg,rgba(224,149,25,.95),rgba(245,158,11,.92))}
.nta-timer-progress.danger{background:linear-gradient(90deg,rgba(214,80,80,.96),rgba(239,68,68,.92))}
.nta-section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.nta-section-tab{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.nta-section-tab.active{background:rgba(226,180,87,.08);border-color:rgba(226,180,87,.48);box-shadow:0 0 0 1px rgba(226,180,87,.18) inset}
.nta-section-name{font-weight:800;font-size:15px}
.nta-section-meta{font-size:12px;color:var(--muted)}
.nta-question-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.nta-question-no{font-size:20px;font-weight:800;letter-spacing:.02em}
.nta-question-flags{display:flex;gap:10px;flex-wrap:wrap}
.pill-status.status-answered{background:rgba(51,171,111,.16);border-color:rgba(51,171,111,.36)}
.pill-status.status-answered_review,.pill-status.status-review{background:rgba(123,97,255,.16);border-color:rgba(123,97,255,.38)}
.pill-status.status-not_answered{background:rgba(214,80,80,.14);border-color:rgba(214,80,80,.34)}
.pill-status.status-not_visited{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.nta-question-surface{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);padding:22px}
.nta-question-card .question-part-question_text .question-text-block{font-size:17px;line-height:1.85}
.nta-question-card .question-media{margin-top:12px}
.nta-question-card .question-media img{max-height:300px;border-radius:16px;padding:10px;background:rgba(4,8,15,.45);border:1px solid rgba(255,255,255,.05)}
.nta-option-list{margin-top:22px;gap:14px}
.nta-option-item{display:grid;grid-template-columns:auto auto 1fr;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:border-color .2s ease, background .2s ease, transform .2s ease}
.nta-option-item:hover{border-color:rgba(226,180,87,.28);transform:translateY(-1px)}
.nta-option-item input{margin:5px 0 0;accent-color:#e2b457}
.nta-option-item.is-selected{border-color:rgba(226,180,87,.54);background:rgba(226,180,87,.08);box-shadow:0 0 0 1px rgba(226,180,87,.16) inset}
.nta-option-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(226,180,87,.4);font-weight:800;color:#f3dfaa;background:rgba(226,180,87,.08)}
.nta-option-copy{padding-top:2px}
.nta-option-copy .question-part{display:block}
.nta-option-copy .question-text-block{font-size:15px;line-height:1.7}
.nta-actions{justify-content:flex-start;gap:12px;margin-top:20px}
.nta-btn-secondary,.nta-btn-primary,.nta-btn-submit{min-height:46px}
.nta-btn-submit{margin-left:auto}
.nta-side-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.nta-candidate-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}
.nta-candidate-avatar{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(226,180,87,.85),rgba(186,136,23,.92));color:#111827;font-weight:900;font-size:18px}
.nta-count-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.nta-count-box{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:grid;gap:3px}
.nta-count-box span{font-weight:800;font-size:22px;line-height:1}
.nta-count-box small{font-size:12px;color:var(--muted)}
.nta-count-box.answered{background:rgba(51,171,111,.12);border-color:rgba(51,171,111,.28)}
.nta-count-box.answered-review{background:rgba(123,97,255,.12);border-color:rgba(123,97,255,.28)}
.nta-count-box.review{background:rgba(167,139,250,.10);border-color:rgba(167,139,250,.24)}
.nta-count-box.not-answered{background:rgba(214,80,80,.11);border-color:rgba(214,80,80,.28)}
.nta-count-box.not-visited{background:rgba(255,255,255,.03)}
.nta-legend-list{margin-top:0;margin-bottom:18px}
.legend-chip .swatch.answered-review{background:rgba(123,97,255,.45)}
.legend-chip .swatch.not-answered{background:rgba(214,80,80,.4)}
.nta-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.nta-palette-btn{position:relative;min-height:46px;border-radius:14px;font-size:14px}
.nta-palette-btn.not_visited{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#d1d5db}
.nta-palette-btn.not_answered{background:rgba(214,80,80,.16);border-color:rgba(214,80,80,.38);color:#ffd1d1}
.nta-palette-btn.answered{background:rgba(51,171,111,.2);border-color:rgba(51,171,111,.42);color:#d6ffe3}
.nta-palette-btn.review{background:rgba(123,97,255,.16);border-color:rgba(123,97,255,.4);color:#e6deff}
.nta-palette-btn.answered_review{background:linear-gradient(135deg,rgba(51,171,111,.24),rgba(123,97,255,.24));border-color:rgba(123,97,255,.45);color:#eff6ff}
.nta-palette-btn.current{box-shadow:0 0 0 2px rgba(255,255,255,.62) inset,0 0 0 4px rgba(226,180,87,.22)}
.nta-proctor-panel video{border:1px solid rgba(255,255,255,.08)}
@media (max-width:1180px){.nta-shell{grid-template-columns:1fr}.nta-btn-submit{margin-left:0}.nta-section-tabs{grid-template-columns:1fr}.nta-palette-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:700px){.nta-topline,.nta-question-header{flex-direction:column}.nta-timer-panel{text-align:left;width:100%}.nta-option-item{grid-template-columns:auto auto 1fr}.nta-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nta-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}


/* ==== NTA exam refinements ==== */
.nta-top-candidate-card{display:flex;align-items:center;gap:14px;min-width:280px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px rgba(2,6,23,.26)}
.nta-top-candidate-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(226,180,87,.92),rgba(186,136,23,.94));color:#111827;font-weight:900;font-size:20px;flex:0 0 48px}
.nta-top-candidate-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.nta-side-timer-panel{margin-bottom:18px;text-align:left}
.nta-utility-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 14px}
.nta-section-tab.is-locked,.nta-palette-btn.is-locked{opacity:.58;pointer-events:none;filter:saturate(.7)}
.nta-section-tab.is-locked .nta-section-meta{color:#fca5a5}
.nta-question-surface.is-locked{opacity:.82}
.nta-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nta-count-box{min-height:72px;padding:12px 12px;border-radius:18px;align-content:center}
.nta-count-box span{display:block;font-size:1.55rem;line-height:1;font-weight:800;margin-bottom:4px;white-space:nowrap}
.nta-count-box small{display:block;font-size:.74rem;line-height:1.15;white-space:nowrap;overflow:visible;text-overflow:clip;letter-spacing:0}
.nta-candidate-card-exact{margin-bottom:18px}
.nta-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1200}
.nta-modal-backdrop[hidden]{display:none !important}
.nta-modal-card{width:min(760px,100%);background:linear-gradient(180deg,rgba(9,17,34,.98),rgba(17,24,39,.96));border:1px solid rgba(255,255,255,.1);border-radius:26px;box-shadow:0 30px 80px rgba(2,6,23,.45);padding:22px}
.nta-modal-head,.nta-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nta-modal-close{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.nta-modal-body{padding:12px 0 4px}
.nta-instruction-list{margin:0;padding-left:20px;display:grid;gap:12px;color:#dbe4f0}
.question-paper-shell{max-width:980px;margin:0 auto;padding:32px 18px 56px;color:#0f172a;background:#fff}
.question-paper-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:24px}
.question-paper-item{padding:18px 0;border-top:1px solid #d1d5db}
.question-paper-item:first-of-type{border-top:0}
.question-paper-options{display:grid;gap:10px;margin-top:14px}
.question-paper-option{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}
.question-paper-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid #cbd5e1;font-weight:700}
@media print{body{background:#fff}.question-paper-print-hide{display:none !important}.question-paper-shell{padding:0}}
@media (max-width:1180px){.nta-top-candidate-card{min-width:0}.nta-count-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.nta-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nta-top-candidate-card{width:100%}}
@media (max-width:560px){.nta-count-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nta-count-box{min-height:68px;padding:10px}.nta-count-box span{font-size:1.35rem}.nta-count-box small{font-size:.68rem;overflow:visible;text-overflow:clip;white-space:nowrap}.nta-modal-card{padding:18px}}


/* v6 exam ui clarity + print reliability */
.nta-count-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nta-count-box{min-height:64px;padding:10px 12px;border-radius:16px;align-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.nta-count-box span{display:block;font-size:1.45rem;line-height:1;font-weight:800;margin-bottom:4px;white-space:nowrap;color:#f8edd0}
.nta-count-box small{display:block;font-size:.72rem;line-height:1.1;white-space:nowrap;overflow:visible;text-overflow:clip;letter-spacing:0;color:#f6e8ba}
.nta-count-box.answered{background:linear-gradient(180deg,rgba(18,104,72,.88),rgba(12,69,50,.92));border-color:rgba(84,255,180,.40)}
.nta-count-box.answered-review{background:linear-gradient(180deg,rgba(63,53,149,.92),rgba(39,33,103,.94));border-color:rgba(155,136,255,.44)}
.nta-count-box.review{background:linear-gradient(180deg,rgba(132,88,13,.90),rgba(89,56,8,.94));border-color:rgba(255,201,89,.42)}
.nta-count-box.not-answered{background:linear-gradient(180deg,rgba(118,32,43,.92),rgba(74,18,27,.95));border-color:rgba(255,120,138,.42)}
.nta-count-box.not-visited{background:linear-gradient(180deg,rgba(35,44,62,.92),rgba(21,28,43,.96));border-color:rgba(160,176,204,.24)}
.nta-count-box.neutral{background:linear-gradient(180deg,rgba(42,55,83,.92),rgba(26,36,58,.96));border-color:rgba(126,164,255,.30)}
.legend-chip{color:#f0e6c8}
.legend-chip .swatch{border-color:rgba(255,255,255,.2)}
.legend-chip .swatch.answered{background:#1f9f6c}
.legend-chip .swatch.answered-review{background:#5f49df}
.legend-chip .swatch.review{background:#c38310}
.legend-chip .swatch.not-answered{background:#b43a4a}
.legend-chip .swatch.unseen{background:#455168}
.nta-palette-btn{position:relative;min-height:48px;border-radius:14px;font-size:14px;font-weight:800;letter-spacing:.01em}
.nta-palette-btn.not_visited{background:linear-gradient(180deg,rgba(34,43,58,.95),rgba(23,29,40,.98));border-color:rgba(137,152,177,.22);color:#d8e0ec}
.nta-palette-btn.not_answered{background:linear-gradient(180deg,rgba(129,35,49,.95),rgba(80,20,30,.98));border-color:rgba(255,114,136,.45);color:#ffe0e4}
.nta-palette-btn.answered{background:linear-gradient(180deg,rgba(20,111,77,.94),rgba(10,73,50,.98));border-color:rgba(103,255,188,.42);color:#e4fff1}
.nta-palette-btn.review{background:linear-gradient(180deg,rgba(139,91,14,.95),rgba(95,59,8,.98));border-color:rgba(255,205,92,.46);color:#fff0c9}
.nta-palette-btn.answered_review{background:linear-gradient(135deg,rgba(20,111,77,.94),rgba(84,63,181,.96));border-color:rgba(178,160,255,.5);color:#f7fbff}
.nta-palette-btn.current{box-shadow:0 0 0 2px rgba(255,255,255,.70) inset,0 0 0 4px rgba(226,180,87,.28)}
@media (max-width:700px){.nta-count-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nta-count-box{min-height:62px;padding:10px}.nta-count-box span{font-size:1.25rem}.nta-count-box small{font-size:.64rem}}


/* Shared equation editor + balanced authoring layout */
.question-author-panel .form-grid{align-items:start}
.rich-field-card{display:grid;gap:12px}
.field-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.field-head-wrap{flex-wrap:wrap}
.inline-action-group{display:flex;gap:10px;flex-wrap:wrap}
.rich-author-field{width:100%;min-width:0}
textarea.rich-author-field{min-height:140px;resize:vertical}
input.rich-author-field{min-height:52px}
.rich-preview-card{border:1px dashed rgba(201,150,26,.34);background:rgba(201,150,26,.05);border-radius:18px;padding:16px;min-height:72px;line-height:1.7;word-break:break-word}
.rich-preview-card.inline-preview{min-height:58px}
.rich-preview-card.is-placeholder{color:var(--muted)}
.inline-equation{display:inline;white-space:normal}
.inline-equation mjx-container{display:inline-block !important;margin:0 .06rem !important;vertical-align:-0.05em;overflow:visible !important}
.display-equation mjx-container{margin:.18rem 0;overflow-x:auto;overflow-y:hidden}
.math-content mjx-container[jax="CHTML"], .question-part mjx-container[jax="CHTML"], .nta-option-copy mjx-container[jax="CHTML"]{line-height:1.2}
.math-content mjx-container[jax="SVG"] > svg, .question-part mjx-container[jax="SVG"] > svg, .nta-option-copy mjx-container[jax="SVG"] > svg{overflow:visible}
.question-text-block .inline-equation mjx-container, .nta-option-copy .inline-equation mjx-container{margin:0 .04rem !important}
.compact-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.option-author-card{min-width:0}
.shared-equation-backdrop{position:fixed;inset:0;z-index:4000;background:rgba(2,6,23,.82);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:18px}
.shared-equation-backdrop.open{display:flex}
.shared-equation-backdrop[hidden]{display:none !important}
.shared-equation-card{width:min(980px,calc(100vw - 36px));max-height:min(88vh,900px);overflow:auto;background:linear-gradient(180deg,rgba(9,17,34,.99),rgba(10,20,40,.98));border:1px solid rgba(201,150,26,.22);border-radius:28px;padding:28px;box-shadow:0 32px 90px rgba(0,0,0,.45)}
.shared-equation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.shared-equation-toolbar{margin-bottom:14px}
.modal-mathfield{min-height:110px;position:relative;z-index:2}
.shared-equation-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}
body.modal-open{overflow:hidden}
.ML__keyboard{z-index:4100 !important}
@media (max-width:980px){.compact-option-grid{grid-template-columns:1fr}.shared-equation-card{padding:20px}.shared-equation-head{flex-wrap:wrap}}

/* IITJEE production math readability */
.question-text-block, .nta-option-copy, .math-content{letter-spacing:0;word-spacing:0}
.question-text-block{line-height:1.9}
.nta-option-copy{line-height:1.8}
.question-text-block mjx-container[jax="CHTML"], .nta-option-copy mjx-container[jax="CHTML"], .math-content mjx-container[jax="CHTML"]{font-size:1.14em !important;line-height:1.34 !important;font-weight:500}
.question-text-block .inline-equation mjx-container[jax="CHTML"], .nta-option-copy .inline-equation mjx-container[jax="CHTML"]{margin:0 .02rem !important;padding:0 !important}
.question-text-block .inline-equation mjx-container[jax="CHTML"] mjx-math, .nta-option-copy .inline-equation mjx-container[jax="CHTML"] mjx-math{letter-spacing:.01em}
.question-text-block .inline-equation mjx-container[jax="SVG"], .nta-option-copy .inline-equation mjx-container[jax="SVG"]{margin:0 .02rem !important;vertical-align:-0.08em !important}
.question-text-block .inline-equation mjx-container[jax="SVG"] > svg, .nta-option-copy .inline-equation mjx-container[jax="SVG"] > svg{height:1.25em !important;width:auto !important;overflow:visible;shape-rendering:geometricPrecision}
.nta-question-card .question-part-question_text .question-text-block mjx-container{font-size:1.18em !important}
.nta-option-copy .question-text-block mjx-container{font-size:1.12em !important}

/* Student exam math readability polish */
.nta-question-card .question-part-question_text .question-text-block{font-size:18px;line-height:2.02}
.nta-option-copy .question-text-block{font-size:16px;line-height:1.9}
.question-text-block .inline-equation mjx-container, .nta-option-copy .inline-equation mjx-container{margin:0 .09rem !important;vertical-align:-0.03em !important}
.question-text-block .inline-equation mjx-container[jax="SVG"] > svg, .nta-option-copy .inline-equation mjx-container[jax="SVG"] > svg{height:1.34em !important;width:auto !important}
.question-text-block mjx-container[jax="SVG"] > svg, .nta-option-copy mjx-container[jax="SVG"] > svg{shape-rendering:geometricPrecision}
.question-text-block mjx-container[jax="CHTML"], .nta-option-copy mjx-container[jax="CHTML"]{font-size:1.2em !important;line-height:1.5 !important;font-weight:500}


/* Final IITJEE readability and alignment polish */
.nta-question-card .question-part-question_text .question-text-block{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:19px;line-height:1.9;font-weight:600;letter-spacing:0;word-spacing:0}
.nta-option-copy .question-text-block{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:1.78;font-weight:500;letter-spacing:0;word-spacing:0}
.nta-option-item{grid-template-columns:26px 42px minmax(0,1fr);align-items:center;column-gap:14px;padding:18px 20px}
.nta-option-item input{margin:0;align-self:center}
.nta-option-badge{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(226,180,87,.65);font-weight:800;font-size:1.08rem;line-height:1;color:#f6e6b5;background:rgba(255,255,255,.03);align-self:center}
.nta-option-copy{padding-top:0;display:flex;align-items:center;min-height:42px}
.nta-option-copy .question-part{display:flex;align-items:center;min-height:42px;width:100%}
.nta-option-copy .question-text-block{display:flex;align-items:center;flex-wrap:wrap;gap:0;min-height:42px;width:100%}
.nta-question-card .question-part-question_text .question-text-block .inline-equation mjx-container{margin:0 .08rem !important;vertical-align:-.02em !important}
.nta-option-copy .question-text-block .inline-equation mjx-container{margin:0 .07rem !important;vertical-align:-.01em !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] > svg{height:1.38em !important;width:auto !important}
.nta-option-copy .question-text-block mjx-container[jax="SVG"] > svg{height:1.32em !important;width:auto !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="CHTML"]{font-size:1.22em !important;line-height:1.45 !important;font-weight:500}
.nta-option-copy .question-text-block mjx-container[jax="CHTML"]{font-size:1.16em !important;line-height:1.4 !important;font-weight:500}


/* Reverted compact text-only snippet buttons */
.toolbar-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.toolbar-grid-premium .toolbar-btn{border:1px solid #d9e3ef;background:linear-gradient(180deg,#fcfdff,#f6f8fc);color:#e8ddbd;border-radius:24px;padding:0 14px;min-height:72px;height:72px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.15;box-shadow:none;overflow:hidden;white-space:normal}
.toolbar-grid-premium .toolbar-btn:hover{transform:translateY(-1px);border-color:#caa54b;background:linear-gradient(180deg,#fffdf8,#f8f2e5);box-shadow:0 8px 18px rgba(15,23,42,.06)}
.toolbar-grid-premium .toolbar-btn:active{transform:translateY(0)}

/* Revert student exam font/readability to previous build */
.nta-question-card .question-part-question_text .question-text-block{font-family:inherit !important;font-size:18px !important;line-height:2.02 !important;font-weight:inherit !important;letter-spacing:0 !important;word-spacing:0 !important}
.nta-option-copy .question-text-block{font-family:inherit !important;font-size:16px !important;line-height:1.9 !important;font-weight:inherit !important;letter-spacing:0 !important;word-spacing:0 !important}
.nta-option-item{grid-template-columns:26px 42px minmax(0,1fr);align-items:center;column-gap:14px;padding:18px 20px}
.nta-option-item input{margin:0;align-self:center}
.nta-option-badge{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(226,180,87,.65);font-weight:800;font-size:1.08rem;line-height:1;color:#f6e6b5;background:rgba(255,255,255,.03);align-self:center}
.nta-option-copy{padding-top:0;display:flex;align-items:center;min-height:42px}
.nta-option-copy .question-part{display:flex;align-items:center;min-height:42px;width:100%}
.nta-option-copy .question-text-block{display:flex;align-items:center;flex-wrap:wrap;gap:0;min-height:42px;width:100%}
.nta-question-card .question-part-question_text .question-text-block .inline-equation mjx-container{margin:0 .09rem !important;vertical-align:-0.03em !important}
.nta-option-copy .question-text-block .inline-equation mjx-container{margin:0 .09rem !important;vertical-align:-0.03em !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] > svg,.nta-option-copy .question-text-block mjx-container[jax="SVG"] > svg{height:1.34em !important;width:auto !important;shape-rendering:geometricPrecision}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="CHTML"],.nta-option-copy .question-text-block mjx-container[jax="CHTML"]{font-size:1.2em !important;line-height:1.5 !important;font-weight:500}

/* Full JEE production interface polish */
.toolbar-grid-premium{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px}
.toolbar-grid-premium .toolbar-btn{min-height:58px;height:58px;padding:10px 16px;border-radius:16px;font-size:.98rem;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;display:flex;align-items:center;justify-content:center}

.nta-shell{grid-template-columns:minmax(0,1.55fr) 360px;gap:20px}
.nta-main-card,.nta-side-card{border-radius:26px}
.nta-topline{align-items:center}
.nta-exam-title{font-size:1.8rem;letter-spacing:.01em}
.nta-utility-row{gap:10px}
.nta-question-header{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
.nta-question-surface{gap:18px}
.nta-question-card{padding:28px 30px;border-radius:24px;background:linear-gradient(180deg,rgba(14,21,38,.98),rgba(10,17,32,.96));border:1px solid rgba(226,180,87,.16)}
.nta-question-card .question-block{display:flex;flex-direction:column;gap:16px}
.nta-question-card .question-part-question_text .question-text-block{font-size:18px !important;line-height:1.78 !important;letter-spacing:0 !important;word-spacing:0 !important;color:#f6e4a8;font-weight:500;display:block}
.nta-question-card .question-part-question_text .question-text-block mjx-container{font-size:1.12em !important;line-height:1.45 !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] > svg{height:1.44em !important;width:auto !important}
.nta-question-card .question-part-question_text .question-text-block .inline-equation mjx-container{margin:0 .02em !important;vertical-align:-.04em !important}

.question-media{margin:0;border:1px solid rgba(226,180,87,.16);background:rgba(5,11,24,.72);border-radius:18px;padding:14px}
.question-media img{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:14px;background:#020817}
.question-media figcaption{margin-top:10px;color:#d8c89b;font-size:.92rem}
.question-media.is-broken::before{content:'Diagram could not be loaded';display:block;color:#f3dfaa;padding:12px 2px}

.nta-option-list{gap:16px}
.nta-option-item{grid-template-columns:28px 54px minmax(0,1fr);align-items:center;column-gap:16px;padding:18px 22px;border-radius:22px}
.nta-option-item input{margin:0;inline-size:16px;block-size:16px;align-self:center}
.nta-option-badge{width:54px;height:54px;font-size:1.35rem;font-weight:800;align-self:center}
.nta-option-copy{padding-top:0;display:flex;align-items:center;min-height:54px}
.nta-option-copy .question-part{display:flex;align-items:center;min-height:54px;width:100%}
.nta-option-copy .question-text-block{display:flex;align-items:center;flex-wrap:wrap;gap:0;min-height:54px;width:100%;font-size:20px !important;line-height:1.7 !important;font-weight:500;color:#f3dfaa;letter-spacing:0;word-spacing:0}
.nta-option-copy .question-text-block mjx-container{font-size:1.2em !important;line-height:1.45 !important}
.nta-option-copy .question-text-block mjx-container[jax="SVG"] > svg{height:1.48em !important;width:auto !important}
.nta-option-copy .question-text-block .inline-equation mjx-container{margin:0 .015em !important;vertical-align:-.05em !important}

.nta-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.nta-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.nta-palette-btn{height:42px;border-radius:12px;font-weight:700}

@media (max-width: 1200px){
  .nta-shell{grid-template-columns:1fr}
}
@media (max-width: 700px){
  .toolbar-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar-grid-premium .toolbar-btn{min-height:54px;height:54px;font-size:.88rem;letter-spacing:.1em}
  .nta-option-item{grid-template-columns:24px 46px minmax(0,1fr);padding:16px 16px}
  .nta-option-badge{width:46px;height:46px;font-size:1.15rem}
  .nta-option-copy .question-text-block{font-size:18px !important}
}

/* === Final JEE UI refinement === */
.nta-question-card .question-part-question_text .question-text-block{font-family:"Segoe UI",Arial,"Helvetica Neue",Helvetica,sans-serif !important;font-size:17px !important;line-height:1.72 !important;font-weight:600 !important;letter-spacing:0 !important;word-spacing:0 !important;color:#f6e4a8 !important}
.nta-question-card .question-part_question_text .question-text-block{font-family:"Segoe UI",Arial,"Helvetica Neue",Helvetica,sans-serif !important}
.nta-option-list{gap:14px !important}
.nta-option-item{grid-template-columns:24px 46px minmax(0,1fr) !important;align-items:center !important;column-gap:14px !important;padding:16px 18px !important;border-radius:20px !important}
.nta-option-item input{margin:0 !important;inline-size:15px !important;block-size:15px !important;align-self:center !important}
.nta-option-badge{width:46px !important;height:46px !important;font-size:1.12rem !important;font-weight:800 !important;line-height:1 !important;align-self:center !important}
.nta-option-copy{padding-top:0 !important;display:flex !important;align-items:center !important;min-height:46px !important}
.nta-option-copy .question-part{display:flex !important;align-items:center !important;min-height:46px !important;width:100% !important}
.nta-option-copy .question-text-block{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:0 !important;min-height:46px !important;width:100% !important;font-family:"Segoe UI",Arial,"Helvetica Neue",Helvetica,sans-serif !important;font-size:15px !important;line-height:1.62 !important;font-weight:600 !important;color:#f3dfaa !important;letter-spacing:0 !important;word-spacing:0 !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="CHTML"], .nta-option-copy .question-text-block mjx-container[jax="CHTML"]{font-size:1.03em !important;line-height:1.32 !important;font-weight:500 !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] > svg{height:1.22em !important;width:auto !important}
.nta-option-copy .question-text-block mjx-container[jax="SVG"] > svg{height:1.14em !important;width:auto !important}
.nta-question-card .question-part-question_text .question-text-block .inline-equation mjx-container, .nta-option-copy .question-text-block .inline-equation mjx-container{margin:0 .02em !important;vertical-align:-.03em !important}
.nta-question-card .question-part-question_text .question-text-block .inline-equation mjx-container[jax="CHTML"] mjx-math, .nta-option-copy .question-text-block .inline-equation mjx-container[jax="CHTML"] mjx-math{font-family:"Cambria Math","STIX Two Math","Times New Roman",serif !important}
.nta-option-copy .question-text-block mjx-container[jax="SVG"] text, .nta-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] text{font-family:"Cambria Math","STIX Two Math","Times New Roman",serif !important}
@media (max-width:700px){.nta-option-item{grid-template-columns:22px 42px minmax(0,1fr) !important;padding:14px 14px !important}.nta-option-badge{width:42px !important;height:42px !important;font-size:1rem !important}.nta-option-copy .question-text-block{font-size:14px !important}.nta-question-card .question-part-question_text .question-text-block{font-size:16px !important}}


/* === final exam font + diagram + compact premium buttons patch === */
.question-diagram{max-width:100%;height:auto;display:block;border-radius:12px;margin:12px 0}
.nta-question-card .question-part-question_text .question-text-block,
.nta-option-copy .question-text-block,
.nta-question-card .math-content,
.nta-option-copy .math-content{font-family:"Segoe UI",Arial,"Helvetica Neue",Helvetica,sans-serif !important}
.nta-question-card mjx-container,
.nta-question-card mjx-math,
.nta-option-copy mjx-container,
.nta-option-copy mjx-math{font-family:"Cambria Math","STIX Two Math","Times New Roman",serif !important;font-weight:400 !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="CHTML"],
.nta-option-copy .question-text-block mjx-container[jax="CHTML"]{font-size:1em !important;line-height:1.28 !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] > svg{height:1.18em !important;width:auto !important}
.nta-option-copy .question-text-block mjx-container[jax="SVG"] > svg{height:1.08em !important;width:auto !important}
.nta-question-card .question-part-question_text .question-text-block .inline-equation mjx-container,
.nta-option-copy .question-text-block .inline-equation mjx-container{margin:0 .03em !important;vertical-align:-.03em !important}
.toolbar-grid-premium .toolbar-btn{min-height:40px !important;height:40px !important;padding:8px 14px !important;border-radius:12px !important;font-size:11.8px !important;letter-spacing:.12em !important;font-weight:700 !important}
@media (max-width:700px){.toolbar-grid-premium .toolbar-btn{min-height:38px !important;height:38px !important;font-size:11px !important}}


/* === final diagram + premium math font override === */
.nta-question-card .question-part-question_text .question-text-block{font-family:"Syne","Segoe UI",Arial,sans-serif !important;font-size:17px !important;line-height:1.72 !important;font-weight:600 !important;letter-spacing:0 !important;word-spacing:0 !important;color:#f6e4a8 !important}
.nta-option-copy .question-text-block{font-family:"Syne","Segoe UI",Arial,sans-serif !important;font-size:15px !important;line-height:1.62 !important;font-weight:600 !important;color:#f3dfaa !important;letter-spacing:0 !important;word-spacing:0 !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container,
.nta-question-card .question-part-question_text .question-text-block mjx-math,
.nta-option-copy .question-text-block mjx-container,
.nta-option-copy .question-text-block mjx-math{font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif !important;font-weight:400 !important}
.nta-question-card .question-part-question_text .question-text-block .inline-equation mjx-container[jax="CHTML"] mjx-math,
.nta-option-copy .question-text-block .inline-equation mjx-container[jax="CHTML"] mjx-math{font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif !important}
.nta-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] text,
.nta-option-copy .question-text-block mjx-container[jax="SVG"] text{font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif !important}
.question-diagram{max-width:100%;height:auto;display:block;border-radius:12px;margin:12px 0;background:#020817}


/* ===== V28 V24 VISUAL EQUATION EDITOR MATCH ===== */
/* ===== V10 MATHTYPE-LIKE EDITOR + EXPLANATION AUTHORING ===== */
math-field,
#visual-math-field{
  background:#ffffff !important;
  color:#0f172a !important;
  --caret-color:#0f172a !important;
  --selection-background-color:rgba(15,23,42,.14) !important;
}
#visual-math-field::part(content),
math-field::part(content){
  color:#0f172a !important;
}
#visual-math-field::part(placeholder),
math-field::part(placeholder){
  color:#94a3b8 !important;
}
#visual-math-field::part(menu-toggle),
#visual-math-field::part(virtual-keyboard-toggle),
math-field::part(menu-toggle),
math-field::part(virtual-keyboard-toggle){
  color:#e8ddbd !important;
}
.math-live-wrap{
  background:#ffffff !important;
  border:1px solid rgba(96,165,250,.22) !important;
}
.toolbar-grid-icons{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
.toolbar-grid-icons .toolbar-btn{
  min-height:64px !important;
  height:auto !important;
  padding:10px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.tool-symbol{
  font-size:21px;
  line-height:1;
  font-weight:700;
  color:#ffffff;
}
.tool-label{
  font-size:11px;
  line-height:1.1;
  font-weight:700;
  color:#cfe1ff;
}
.preview-box{
  overflow:auto;
}
.math-preview-sheet{
  background:#f8fbff;
  color:#111827;
  border:1px solid #d9e3f2;
  border-radius:14px;
  padding:16px;
}
.math-preview-sheet *{
  color:#111827 !important;
}
.math-preview-meta{
  font-size:13px;
  color:#e8ddbd !important;
  margin-bottom:10px;
}
.math-preview-question{
  font-size:17px;
  line-height:1.72;
  font-weight:600;
  margin-bottom:12px;
}
.preview-media{
  margin:12px 0;
}
.preview-media img{
  max-width:100%;
  border-radius:12px;
  border:1px solid #dbe4f0;
  background:#fff;
  padding:6px;
}
.preview-options-stack{
  display:grid;
  gap:10px;
}
.preview-option-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:#fff;
  border:1px solid #d7e0ec;
  border-radius:10px;
  padding:12px 14px;
}
.preview-option-badge{
  min-width:36px;
  font-weight:700;
}
.preview-option-copy{
  flex:1;
  line-height:1.7;
}
.preview-correct-line{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #e5e7eb;
}
.preview-explanation-block{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e5e7eb;
}
.preview-explanation-head{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#e8ddbd !important;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:10px;
}
.preview-explanation-copy{
  line-height:1.7;
}



/* ===== V29 GOLDEN POLISH FIXES ===== */

/* 1) Visual Equation Editor visibility */
.toolbar-grid-icons .toolbar-btn,
.toolbar-grid-premium .toolbar-btn{
  background: linear-gradient(180deg, #1a2746 0%, #101c36 100%) !important;
  border: 1px solid rgba(201,150,26,0.22) !important;
  color: #f5e7bf !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
.toolbar-grid-icons .toolbar-btn:hover,
.toolbar-grid-premium .toolbar-btn:hover{
  background: linear-gradient(180deg, #22325a 0%, #142241 100%) !important;
  border-color: rgba(240,192,64,0.40) !important;
}
.tool-symbol{
  color: #fff7dd !important;
  text-shadow: 0 0 10px rgba(240,192,64,0.18) !important;
}
.tool-label{
  color: #e8d5a3 !important;
}
.q-modal-card .white-card,
.q-modal-card .light-card{
  background: linear-gradient(180deg, #081327 0%, #0a1830 100%) !important;
}
.q-modal-card .light-muted{
  color: rgba(232,213,163,0.72) !important;
}

/* 2) Buttons in one row and aligned */
.actions-inline,
.admin-row-actions,
.admin-exam-actions,
.form-actions,
.section-row .btn-group,
.topbar-actions{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}
.actions-inline form,
.admin-row-actions form,
.admin-exam-actions form,
.form-actions form{
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.actions-inline .btn,
.admin-row-actions .btn,
.admin-exam-actions .btn,
.form-actions .btn,
.actions-inline a.btn,
.admin-row-actions a.btn,
.admin-exam-actions a.btn{
  min-width: 118px !important;
  height: 42px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
.data-table td{
  vertical-align: middle !important;
}
.data-table td:last-child{
  min-width: 250px !important;
}
@media (max-width: 900px){
  .actions-inline,
  .admin-row-actions,
  .admin-exam-actions,
  .form-actions{
    flex-wrap: wrap !important;
  }
  .data-table td:last-child{
    min-width: unset !important;
  }
}

/* 3) Hero heading and spacing */
.hero-h1{
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
  line-height: 1.0 !important;
}
.hero-line-main{
  display: block !important;
}
.hero-h1 br{
  display: none !important;
}
.hero-h1 .italic{
  display: block !important;
  margin-top: 0 !important;
}
.hero-sub{
  margin-bottom: 20px !important;
}
.hero-actions + .hero-stats,
.hero-stats{
  margin-top: 12px !important;
}
.hero-card{
  top: 51.5% !important;
}
@media (min-width: 1000px){
  .hero-h1{
    font-size: clamp(56px, 6.6vw, 92px) !important;
  }
}


/* ===== V30 FINAL UI REFINEMENT ===== */

/* Visual Equation Editor: soften whites */
.q-modal-card{
  background:#f3f0ea !important;
}
.q-modal-card .white-card,
.q-modal-card .light-card{
  background: linear-gradient(180deg, #07142b 0%, #091733 100%) !important;
}
.math-live-wrap,
#visual-math-field,
.target-select,
.preview-box,
.math-preview-sheet,
#sharedEquationPreview,
#sharedEquationLatex{
  background:#f3f0ea !important;
}
.math-preview-sheet{
  border-color:#d7d1c4 !important;
}
.preview-option-row{
  background:#f7f4ee !important;
  border-color:#ddd6c8 !important;
}
.preview-explanation-head{
  background:#efe5c6 !important;
  border-color:#d4bf79 !important;
  color:#715600 !important;
}

/* Home hero left block: move upward and tighten */
.hero-content{
  margin-top:-24px !important;
}
.hero-sub{
  margin-bottom:16px !important;
}
.hero-actions + .hero-stats,
.hero-stats{
  margin-top:6px !important;
  gap:28px !important;
}
#hero{
  padding-top:104px !important;
  padding-bottom:64px !important;
}

/* General button sizing refinement */
.btn,
.actions-inline .btn,
.admin-row-actions .btn,
.admin-exam-actions .btn,
.form-actions .btn,
.actions-inline a.btn,
.admin-row-actions a.btn,
.admin-exam-actions a.btn{
  min-width:104px !important;
  height:38px !important;
  padding:0 14px !important;
  font-size:13px !important;
  border-radius:999px !important;
}

/* Results / tables action area */
.data-table td:last-child{
  min-width:220px !important;
}

/* Student exam: Not Answered exact brown */
.nta-count-box.not-answered,
.palette-btn.not-answered,
.question-pill.not-answered,
.legend-chip .swatch.not-answered{
  background: linear-gradient(180deg,#8a5a0a,#6b4306) !important;
  border-color: #d39a1f !important;
  color:#f6e8bf !important;
}
.nta-count-box.not-answered *,
.palette-btn.not-answered *,
.question-pill.not-answered *{
  color:#f6e8bf !important;
}

/* Student exam question number palette smaller */
.palette-btn,
.question-pill,
.nta-question-palette .palette-btn{
  width:56px !important;
  min-width:56px !important;
  height:56px !important;
  min-height:56px !important;
  border-radius:16px !important;
  font-size:16px !important;
}
.nta-question-palette,
.palette-grid{
  gap:10px !important;
}
@media (max-width: 900px){
  .palette-btn,
  .question-pill,
  .nta-question-palette .palette-btn{
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    min-height:50px !important;
    font-size:15px !important;
  }
}

/* Legend swatches consistent */
.legend-chip .swatch{
  width:22px !important;
  height:22px !important;
  border-radius:8px !important;
}


/* ===== V31 HERO / BUTTON / EDITOR / EXAM REVERT ===== */

/* Home hero alignment */
#hero{
  padding-top: 108px !important;
  padding-bottom: 74px !important;
}
.hero-content{
  margin-top: -10px !important;
}
.hero-pill{
  margin-bottom: 24px !important;
}
.hero-card{
  top: 47.8% !important;
}
.hero-stats{
  margin-top: 18px !important;
  align-items: flex-end !important;
}

/* Button text centering */
.btn,
.actions-inline .btn,
.admin-row-actions .btn,
.admin-exam-actions .btn,
.form-actions .btn,
.actions-inline a.btn,
.admin-row-actions a.btn,
.admin-exam-actions a.btn,
.topbar-actions .btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
.btn span,
.actions-inline .btn span,
.admin-row-actions .btn span,
.admin-exam-actions .btn span{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Visual Equation Editor premium softer surfaces */
.q-modal-card{
  background: #efe8dc !important;
}
.q-modal-card .white-card,
.q-modal-card .light-card{
  background: linear-gradient(180deg, #08142a 0%, #0b1933 100%) !important;
}
.math-live-wrap,
#visual-math-field,
.target-select{
  background: #e9e2d5 !important;
  border-color: #cbbd9d !important;
  color: #1a2234 !important;
}
.preview-box,
.math-preview-sheet,
#sharedEquationPreview,
#sharedEquationLatex{
  background: #e6dfd2 !important;
  border-color: #d2c4a7 !important;
  color: #182133 !important;
}
.math-preview-sheet *,
.preview-box *,
#sharedEquationPreview *,
#sharedEquationLatex *{
  color: #182133 !important;
}
.preview-option-row{
  background: #f0e8db !important;
  border-color: #dac9a7 !important;
}
.preview-explanation-head{
  background: #e7d6aa !important;
  border-color: #c6a24a !important;
  color: #5f4700 !important;
}
.q-modal-card .light-muted{
  color: rgba(232,213,163,0.82) !important;
}

/* Revert student exam palette boxes/colors/sizes */
.palette-btn,
.question-pill,
.nta-question-palette .palette-btn{
  width: 68px !important;
  min-width: 68px !important;
  height: 58px !important;
  min-height: 58px !important;
  border-radius: 16px !important;
  font-size: 18px !important;
}
.nta-question-palette,
.palette-grid{
  gap: 12px !important;
}
.nta-count-box.not-answered,
.palette-btn.not-answered,
.question-pill.not-answered{
  background: linear-gradient(180deg,#8c1f38,#6f1228) !important;
  border-color: rgba(230,83,112,0.60) !important;
  color: #f8e8da !important;
}
.nta-count-box.not-answered *,
.palette-btn.not-answered *,
.question-pill.not-answered *{
  color: #f8e8da !important;
}
.legend-chip .swatch.not-answered{
  background: linear-gradient(180deg,#d74867,#c63b58) !important;
  border-color: rgba(255,173,190,0.40) !important;
}
@media (max-width: 900px){
  .palette-btn,
  .question-pill,
  .nta-question-palette .palette-btn{
    width: 60px !important;
    min-width: 60px !important;
    height: 52px !important;
    min-height: 52px !important;
    font-size: 16px !important;
  }
}


/* ===== V32 HERO GAP + EXAM PALETTE SIZE FIX ===== */

/* Home hero: move right panel and stats row down together */
.hero-card{
  top: 50.8% !important;
}
.hero-stats{
  margin-top: 22px !important;
  gap: 30px !important;
}
.hero-actions + .hero-stats{
  margin-top: 22px !important;
}

/* Student exam palette: reduce size and prevent overlap */
.nta-question-palette,
.palette-grid{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: flex-start !important;
}

.palette-btn,
.question-pill,
.nta-question-palette .palette-btn{
  width: 56px !important;
  min-width: 56px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px){
  .palette-btn,
  .question-pill,
  .nta-question-palette .palette-btn{
    width: 50px !important;
    min-width: 50px !important;
    height: 44px !important;
    min-height: 44px !important;
    font-size: 14px !important;
  }
}

/* Count boxes stay neat */
.nta-count-box{
  min-height: 88px !important;
}


/* ===== V33 EXAM BOXES + EDITOR COLOR REFRESH ===== */

/* Student exam summary cards: compact 2 x 3 layout */
.nta-count-grid,
.palette-summary-grid,
.question-status-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.nta-count-box,
.status-count-card,
.summary-count-card{
  min-height:108px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
}

.nta-count-box .count,
.nta-count-box strong,
.status-count-card .count,
.summary-count-card .count{
  font-size:15px !important;
}

.nta-count-box .label,
.status-count-card .label,
.summary-count-card .label{
  font-size:15px !important;
  line-height:1.25 !important;
}

@media (max-width: 900px){
  .nta-count-grid,
  .palette-summary-grid,
  .question-status-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Student question palette buttons: as small as possible while keeping text */
.nta-question-palette,
.palette-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:flex-start !important;
}

.palette-btn,
.question-pill,
.nta-question-palette .palette-btn{
  width:48px !important;
  min-width:48px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border-radius:12px !important;
  font-size:15px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

@media (max-width: 900px){
  .palette-btn,
  .question-pill,
  .nta-question-palette .palette-btn{
    width:44px !important;
    min-width:44px !important;
    height:40px !important;
    min-height:40px !important;
    font-size:14px !important;
  }
}

/* Visual Equation Editor: replace off-white with warm blue-grey premium tone */
.q-modal-card{
  background:#dde3ea !important;
}
.math-live-wrap,
#visual-math-field,
.target-select{
  background:#dbe2e9 !important;
  border-color:#b5c1ce !important;
  color:#182133 !important;
}
.preview-box,
.math-preview-sheet,
#sharedEquationPreview,
#sharedEquationLatex{
  background:#d7dee6 !important;
  border-color:#b2bfcc !important;
  color:#182133 !important;
}
.math-preview-sheet *,
.preview-box *,
#sharedEquationPreview *,
#sharedEquationLatex *{
  color:#182133 !important;
}
.preview-option-row{
  background:#e5eaf0 !important;
  border-color:#c3ced9 !important;
}
.preview-explanation-head{
  background:#d7c493 !important;
  border-color:#b69136 !important;
  color:#4e3900 !important;
}


/* ===== V34 HERO/STATS + EXAM COMPACT TUNE ===== */

/* Home hero + stats: move both slightly down and align lower edges better */
#hero{
  padding-top: 116px !important;
  padding-bottom: 82px !important;
}
.hero-card{
  top: 50.8% !important;
}
.hero-stats{
  margin-top: 30px !important;
  gap: 34px !important;
  align-items: flex-end !important;
}
.hero-actions + .hero-stats{
  margin-top: 30px !important;
}

/* Student exam summary cards: reduce height to just fit content */
.nta-count-grid,
.palette-summary-grid,
.question-status-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.nta-count-box,
.status-count-card,
.summary-count-card{
  min-height: 84px !important;
  height: 84px !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.nta-count-box .count,
.nta-count-box strong,
.status-count-card .count,
.summary-count-card .count{
  font-size: 14px !important;
  line-height: 1 !important;
}

.nta-count-box .label,
.status-count-card .label,
.summary-count-card .label{
  font-size: 14px !important;
  line-height: 1.15 !important;
  margin-top: 8px !important;
}

/* Student question palette buttons: smaller, tighter, 6-7 in a row */
.nta-question-palette,
.palette-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  align-items:flex-start !important;
}

.palette-btn,
.question-pill,
.nta-question-palette .palette-btn{
  width:42px !important;
  min-width:42px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border-radius:12px !important;
  font-size:14px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

@media (max-width: 900px){
  .palette-btn,
  .question-pill,
  .nta-question-palette .palette-btn{
    width:40px !important;
    min-width:40px !important;
    height:36px !important;
    min-height:36px !important;
    font-size:13px !important;
  }
}


/* ===== V35 RECTANGULAR EXAM BOXES + HERO DOWN ===== */

/* Move hero panel slightly downward */
.hero-card{
  top: 52.2% !important;
}

/* Summary/status boxes: more rectangular and lower height */
.nta-count-grid,
.palette-summary-grid,
.question-status-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.nta-count-box,
.status-count-card,
.summary-count-card{
  min-height: 68px !important;
  height: 68px !important;
  padding: 8px 12px !important;
  border-radius: 16px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.nta-count-box .count,
.nta-count-box strong,
.status-count-card .count,
.summary-count-card .count{
  font-size: 13px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.nta-count-box .label,
.status-count-card .label,
.summary-count-card .label{
  font-size: 13px !important;
  line-height: 1.08 !important;
  margin-top: 6px !important;
}

/* Question palette: fit exactly 8 in a row where width allows */
.nta-question-palette,
.palette-grid{
  display:grid !important;
  grid-template-columns:repeat(8, 36px) !important;
  gap:6px !important;
  align-items:start !important;
}

.palette-btn,
.question-pill,
.nta-question-palette .palette-btn{
  width:36px !important;
  min-width:36px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

@media (max-width: 900px){
  .nta-question-palette,
  .palette-grid{
    grid-template-columns:repeat(6, 36px) !important;
  }
}


/* ===== V36 UPGRADE FOUNDATION ===== */
.clean-list{margin:0;padding-left:18px}
.clean-list li{margin:8px 0;color:var(--star)}
.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.heatmap-card{padding:14px;border-radius:14px;border:1px solid var(--border);background:rgba(12,24,48,0.72);display:flex;flex-direction:column;gap:6px}
.heatmap-easy{box-shadow:inset 0 0 0 1px rgba(34,197,94,.22)}
.heatmap-medium{box-shadow:inset 0 0 0 1px rgba(234,179,8,.22)}
.heatmap-hard{box-shadow:inset 0 0 0 1px rgba(239,68,68,.22)}
.invigilator-live-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.alert-marquee{display:flex;gap:10px;flex-wrap:wrap}
.alert-pill-live{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(12,24,48,0.78)}
.saas-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:900px){.invigilator-live-grid,.saas-metrics{grid-template-columns:1fr}}


/* =====================================================
   LIGHT ASTRA BLUE THEME OVERRIDE BUNDLE
   ===================================================== */
:root{
  --cosmos:#f4f9ff;
  --deep:#edf4ff;
  --navy:#dce9ff;
  --slate:#b8d0ff;
  --star:#16345f;
  --gold:#2563eb;
  --gold2:#60a5fa;
  --amber:#3b82f6;
  --white:#ffffff;
  --muted:rgba(22,52,95,0.68);
  --dim:rgba(37,99,235,0.10);
  --border:rgba(37,99,235,0.16);
  --glass:rgba(255,255,255,0.78);
  --grad-gold:linear-gradient(135deg,#1d4ed8,#60a5fa);
  --grad-sky:linear-gradient(180deg,#f8fbff 0%,#edf5ff 52%,#f7fbff 100%);
  --shadow-gold:0 18px 44px rgba(37,99,235,0.18);
  --shadow-card:0 16px 42px rgba(15,23,42,0.10);
  --shadow-deep:0 26px 70px rgba(15,23,42,0.12);
}

html,body{background:var(--grad-sky)!important;color:var(--star)!important}
body{
  background-image:
    radial-gradient(circle at top right, rgba(96,165,250,.18), transparent 28%),
    radial-gradient(circle at bottom left, rgba(37,99,235,.10), transparent 24%),
    linear-gradient(180deg,#f8fbff 0%,#eef5ff 52%,#f8fbff 100%)!important;
}
::selection{background:#bfdbfe;color:#0f172a}
::-webkit-scrollbar-track{background:#e6f0ff}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#2563eb)}

#navbar{
  background:rgba(255,255,255,0.88)!important;
  border-bottom:1px solid rgba(37,99,235,.12)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.nav-logo{
  background:linear-gradient(135deg,#1d4ed8,#60a5fa)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(37,99,235,.22);
}
.nav-name span,.tag,.hero-h1 em,.btn-outline:hover,.footer-bottom span b{color:#e8ddbd!important}
.tag::before{background:#60a5fa!important}
.nav-links a,.mobile-menu a{color:#e8ddbd!important}
.nav-links a:hover,.nav-links a.active{color:#e8ddbd!important}
.nav-links a.active::after{background:#2563eb!important}
.hamburger span{background:#16345f!important}
.mobile-menu{
  background:rgba(255,255,255,0.97)!important;
  border-bottom:1px solid rgba(37,99,235,.12)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.10);
}

.btn-gold{
  background:linear-gradient(135deg,#1d4ed8,#60a5fa)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(37,99,235,.20);
}
.btn-gold:hover{box-shadow:0 18px 36px rgba(37,99,235,.26)!important}
.btn-outline{
  background:rgba(255,255,255,.72)!important;
  color:#e8ddbd!important;
  border:1px solid rgba(37,99,235,.18)!important;
}
.btn-ghost{
  background:rgba(255,255,255,.68)!important;
  color:#e8ddbd!important;
  border:1px solid rgba(37,99,235,.14)!important;
}
.btn-ghost:hover,.btn-outline:hover{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(37,99,235,.32)!important;
}

.hero-bg{
  background:
    radial-gradient(ellipse 68% 66% at 78% 18%, rgba(96,165,250,.22) 0%, transparent 62%),
    radial-gradient(ellipse 42% 42% at 12% 86%, rgba(59,130,246,.12) 0%, transparent 62%),
    linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
}
.hero-grid-lines{
  background-image:
    linear-gradient(rgba(37,99,235,0.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,0.05) 1px,transparent 1px)!important;
}
.hero-pill{
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(37,99,235,.16)!important;
  color:#e8ddbd!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.hero-pill-dot{background:#3b82f6!important}
.hero-h1 .italic{color:#e8ddbd!important}
.hero-sub,.section-header p,.section-subtitle,.course-card p,.why-feature p,.test-card p,.testi-card p,.footer-brand-col p,.footer-col a,.center-info,.fac-exp,.fac-subject,.hero-card-head p,.form-field label,.hero-stat-lbl,.rstat-desc,.toppers-sub{color:#e8ddbd!important}

.hero-card,.course-card,.why-feature,.topper-card,.faculty-card,.test-card,.testi-card,.center-card,.panel,.stat-card,.info-card,.alert,.table-wrap,.modal-box,.heatmap-card,.alert-pill-live,.app-sidebar,.app-main .panel,.rstat{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(37,99,235,.12)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(14px);
}
.hero-card-head h3,.course-card h3,.why-feature h4,.test-card h3,.faculty-card h4,.center-city,.modal-box h3,.sidebar-title,.stat-card strong,.rstat-num,.topper-card h5,.hero-stat-num,#cta h2,.section-header h2,.toppers-title{color:#e8ddbd!important}
.course-card::after{background:linear-gradient(135deg,rgba(96,165,250,.14),rgba(37,99,235,0))!important}
.course-card:hover,.why-feature:hover,.topper-card:hover,.faculty-card:hover,.test-card:hover,.testi-card:hover,.center-card:hover,.rstat:hover{
  border-color:rgba(37,99,235,.26)!important;
  box-shadow:0 24px 52px rgba(37,99,235,.12)!important;
}
.course-icon,.fac-av,.topper-av{
  background:linear-gradient(135deg,#dbeafe,#eff6ff)!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);
}

.filter-btn,.badge-hot,.badge-new,.badge-pop,.badge-free,.badge-soft,.pill,.test-type{
  background:rgba(219,234,254,.78)!important;
  color:#e8ddbd!important;
  border:1px solid rgba(37,99,235,.14)!important;
}
.filter-btn.active{background:linear-gradient(135deg,#1d4ed8,#60a5fa)!important;color:#fff!important}

.form-field input,.form-field select,.form-field textarea,.data-table th,.data-table td,.kv,.app-sidebar a{
  border-color:rgba(37,99,235,.12)!important;
}
.form-field input,.form-field select,.form-field textarea,.math-live-wrap,#visual-math-field,.target-select,.preview-box,.math-preview-sheet,#sharedEquationPreview,#sharedEquationLatex{
  background:rgba(248,251,255,.92)!important;
  color:#e8ddbd!important;
}
.form-field input::placeholder{color:#e8ddbd!important}
.form-field select option{background:#f8fbff!important;color:#e8ddbd!important}

.ticker-wrap{
  background:linear-gradient(90deg,#dbeafe 0%,#bfdbfe 50%,#dbeafe 100%)!important;
  border-top:1px solid rgba(37,99,235,.10);
  border-bottom:1px solid rgba(37,99,235,.10);
}
.ticker-item{color:#e8ddbd!important}

#cta{
  background:linear-gradient(135deg,rgba(219,234,254,.92),rgba(239,246,255,.96))!important;
  border:1px solid rgba(37,99,235,.14)!important;
  box-shadow:0 22px 50px rgba(37,99,235,.12)!important;
}
#cta::before{
  background:radial-gradient(circle, rgba(96,165,250,.18) 0%, transparent 60%)!important;
}
#cta p{color:#e8ddbd!important}

#footer{
  background:linear-gradient(180deg,rgba(239,246,255,.82),rgba(226,238,255,.88))!important;
  border-top:1px solid rgba(37,99,235,.10)!important;
}
.social-link{
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(37,99,235,.12)!important;
}
.social-link:hover{background:#eff6ff!important}
.footer-col a:hover{color:#e8ddbd!important}
.footer-bottom{border-top:1px solid rgba(37,99,235,.10)!important;color:#e8ddbd!important}

.orb{opacity:.18!important;filter:blur(88px)!important}
.orb-gold{background:radial-gradient(circle, rgba(59,130,246,.32), transparent 70%)!important}
.orb-blue{background:radial-gradient(circle, rgba(96,165,250,.34), transparent 70%)!important}
.star{background:#60a5fa!important;opacity:.16!important}
.cursor-glow{
  background:radial-gradient(circle, rgba(96,165,250,.18) 0%, rgba(37,99,235,.06) 32%, rgba(37,99,235,0) 72%)!important;
}

.app-shell,.admin-shell{background:transparent!important}
.app-sidebar a:hover,.app-sidebar a.active,.app-sidebar a.current{
  background:rgba(219,234,254,.72)!important;
  color:#e8ddbd!important;
}
.data-table th{
  background:#eff6ff!important;
  color:#e8ddbd!important;
}
.data-table tr:nth-child(even) td{background:rgba(248,251,255,.85)!important}
.empty,.muted{color:#e8ddbd!important}

.exam-shell,.exam-sticky,.exam-layout-shell,.exam-sidebar-card,.nta-layout,.nta-shell,.exam-card,.summary-card,.question-card,.palette-card,.student-card{
  background:rgba(255,255,255,.84)!important;
  color:#e8ddbd!important;
}

.preview-explanation-head{
  background:#dbeafe!important;
  border-color:#93c5fd!important;
  color:#e8ddbd!important;
}

@media (max-width: 900px){
  #navbar{background:rgba(255,255,255,.94)!important}
  .hero-card,.course-card,.why-feature,.topper-card,.faculty-card,.test-card,.testi-card,.center-card{backdrop-filter:none}
}


/* ===== V2 PURPLE-BLUE CLEAN LIGHT OVERRIDE ===== */
:root{
  --cosmos:#f7fbff;
  --deep:#eef4ff;
  --navy:#ffffff;
  --slate:#e9f0ff;
  --star:#17325c;
  --gold:#6366f1;
  --gold2:#3b82f6;
  --amber:#8b5cf6;
  --muted:rgba(23,50,92,.72);
  --dim:rgba(79,70,229,.10);
  --border:rgba(99,102,241,.16);
  --glass:rgba(255,255,255,.84);
  --grad-gold:linear-gradient(135deg,#7c3aed,#2563eb);
}
body{
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.14), transparent 26%),
    radial-gradient(circle at left 20%, rgba(139,92,246,.10), transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f5f9ff 100%) !important;
  color:#e8ddbd !important;
}
section,#hero,#contact-section,#scholarship,#why,#courses,#toppers,#faculty,#tests,#testimonials,#centers{
  background:transparent !important;
}
#navbar,.mobile-menu{
  background:rgba(255,255,255,.92) !important;
}
.dashboard-banner{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,245,255,.96)) !important;
  border:1px solid rgba(99,102,241,.14) !important;
  box-shadow:0 18px 45px rgba(37,99,235,.08) !important;
}
.dashboard-banner::before{
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.18), transparent 34%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.12), transparent 36%) !important;
}
.dashboard-banner h2,.dashboard-banner .tag,.dashboard-banner p,.dashboard-banner .section-subtitle,
.dashboard-banner .stats-tile strong,.dashboard-banner .stats-tile span{
  color:#e8ddbd !important;
}
.stats-tile,.mini-panel,.why-feature,.why-visual,.panel,.hero-card,.course-card,.test-card,.faculty-card,.testi-card,.center-card,.rstat,.stat-card,.info-card,.alert,.table-wrap,.modal-box,.app-sidebar,.app-main .panel{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,248,255,.96)) !important;
  border:1px solid rgba(99,102,241,.12) !important;
  box-shadow:0 18px 40px rgba(37,99,235,.07) !important;
}
.why-feature:hover,.course-card:hover,.test-card:hover,.faculty-card:hover,.testi-card:hover,.center-card:hover,.rstat:hover{
  background:linear-gradient(180deg,#ffffff,rgba(239,246,255,.98)) !important;
}
.why-num,.scheme-no,.step-no,.feature-num,.stats-tile strong,.hero-stat-num,.ring-pct,.bar-pct{
  background:linear-gradient(135deg,#7c3aed,#2563eb);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}
.ring-bg{stroke:rgba(99,102,241,.12) !important;}
.ring-fill{stroke:url(#goldGrad) !important;}
.bar-track{background:rgba(99,102,241,.10) !important;}
.bar-fill{background:linear-gradient(90deg,#7c3aed,#3b82f6) !important;}
.bar-lbl,.ring-lbl{color:#e8ddbd !important;}
.tag,.tag::before,.nav-name span,.btn-outline:hover,.footer-col a:hover{color:#e8ddbd !important; background:none;}
.tag::before{background:#4f46e5 !important;}
.btn-gold{background:linear-gradient(135deg,#7c3aed,#2563eb) !important;}
.filter-btn,.badge-hot,.badge-new,.badge-pop,.badge-free,.badge-soft,.pill,.test-type{
  background:rgba(237,233,254,.8) !important;
  color:#5b21b6 !important;
  border-color:rgba(124,58,237,.16) !important;
}
.nta-question-card,.nta-option-item,.exam-shell,.exam-sticky,.exam-layout-shell,.exam-sidebar-card,.nta-layout,.nta-shell,.exam-card,.summary-card,.question-card,.palette-card,.student-card{
  background:#ffffff !important;
  border-color:rgba(99,102,241,.12) !important;
  color:#e8ddbd !important;
  box-shadow:0 16px 38px rgba(37,99,235,.06) !important;
}
.nta-question-header{background:linear-gradient(135deg,#eff6ff,#eef2ff) !important;border-color:rgba(99,102,241,.12) !important;}
.nta-question-card .question-part-question_text .question-text-block,
.nta-option-copy .question-text-block,
.nta-question-card .math-content,
.nta-option-copy .math-content,
.nta-question-card .question-part-question_text .question-text-block *,
.nta-option-copy .question-text-block *{
  color:#e8ddbd !important;
}
.nta-option-badge{
  border:1px solid rgba(99,102,241,.24) !important;
  background:linear-gradient(135deg,#f5f3ff,#eff6ff) !important;
  color:#e8ddbd !important;
  box-shadow:none !important;
}
.nta-option-item{border-color:rgba(99,102,241,.10) !important;background:linear-gradient(180deg,#ffffff,#f8fbff) !important;}
.question-media,.question-diagram{background:#f8fbff !important;border-color:rgba(99,102,241,.12) !important;}
.nta-topbar,.nta-candidate-card,.nta-count-box,.nta-top-candidate-card{border-color:rgba(99,102,241,.12) !important;}
.preview-explanation-head{background:#ede9fe !important;border-color:#c4b5fd !important;color:#5b21b6 !important;}
.social-link,.quick-link,.app-sidebar a:hover,.app-sidebar a.active,.app-sidebar a.current{background:linear-gradient(180deg,#ffffff,#f7faff) !important;}
.quick-link{border:1px solid rgba(99,102,241,.12) !important;}


/* ===== PREMIUM V2 PURPLE-BLUE OVERRIDES ===== */
:root{
  --cosmos:#f7faff;
  --deep:#eef4ff;
  --navy:#17325c;
  --slate:#31456b;
  --star:#17325c;
  --gold:#4f46e5;
  --gold2:#2563eb;
  --amber:#7c3aed;
  --white:#ffffff;
  --muted:rgba(23,50,92,.72);
  --dim:rgba(99,102,241,.12);
  --border:rgba(99,102,241,.16);
  --glass:rgba(255,255,255,.82);
  --grad-gold:linear-gradient(135deg,#7c3aed,#2563eb);
  --grad-sky:linear-gradient(180deg,#f7faff 0%,#eef4ff 60%,#f7faff 100%);
  --shadow-gold:0 18px 38px rgba(79,70,229,.16);
  --shadow-card:0 14px 36px rgba(37,99,235,.10);
  --shadow-deep:0 26px 64px rgba(15,23,42,.12);
}
body{background:linear-gradient(135deg,#f8fbff 0%,#eef2ff 55%,#f8fbff 100%) !important;color:#e8ddbd !important;}
::selection{background:#4f46e5 !important;color:#fff !important}
::-webkit-scrollbar-track{background:#e8efff !important}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3aed,#2563eb) !important}

.tag,.page-kicker,.feature-card .feature-index,.scheme-no,.step-no,.why-num,.data-table th,.kv strong,
.hero-stat-num,.ring-pct,.bar-pct,.rstat-num,.topper-score,.test-price,.topper-rank,.test-type,
.nav-name span,.footer-col h5,.footer-bottom span b,.section-header h2 em,.hero-h1 em{
  color:#e8ddbd !important;
}
h1,h2,h3,.hero-h1,.section-header h2,.page-hero h1{
  background:linear-gradient(90deg,#17325c 0%,#4f46e5 50%,#2563eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}
.btn-gold,.btn-primary,[class*="gold-btn"]{background:linear-gradient(135deg,#7c3aed,#2563eb) !important;color:#fff !important;box-shadow:0 10px 26px rgba(79,70,229,.24) !important}
.btn-gold:hover,.btn-primary:hover{box-shadow:0 16px 34px rgba(79,70,229,.32) !important}
.btn-outline{color:#e8ddbd !important;border-color:rgba(99,102,241,.22) !important;background:#fff !important}
.btn-outline:hover,.btn-ghost:hover{border-color:#4f46e5 !important;color:#e8ddbd !important;background:#f5f3ff !important}

/* Add question / forms contrast */
.form-field input,.form-field select,.form-field textarea,.form-control,select,input[type="text"],input[type="number"],textarea{
  background:#ffffff !important;
  color:#e8ddbd !important;
  border:1px solid rgba(99,102,241,.18) !important;
  box-shadow:0 6px 18px rgba(37,99,235,.04) !important;
}
.form-field label,.field-label,.question-form label{color:#e8ddbd !important}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-control:focus{border-color:#6366f1 !important;box-shadow:0 0 0 4px rgba(99,102,241,.10) !important}

/* Exam subject chips / top info */
.subject-tab,.exam-chip,.nta-meta-chip,.nta-topbar-chip{
  background:linear-gradient(180deg,#f8f7ff,#eef4ff) !important;
  border:1px solid rgba(124,58,237,.20) !important;
  color:#5b21b6 !important;
}
.subject-tab.active,.exam-chip.active,.nta-meta-chip.active{background:linear-gradient(135deg,#ede9fe,#dbeafe) !important;border-color:#7c3aed !important;box-shadow:0 0 0 1px rgba(124,58,237,.18) inset !important}
.nta-top-candidate-avatar,.nta-candidate-avatar{
  background:linear-gradient(135deg,#7c3aed,#2563eb) !important;
  color:#fff !important;
}
.nta-top-candidate-card,.nta-candidate-card,.nta-topbar{
  background:linear-gradient(180deg,#ffffff,#f5f7ff) !important;
  color:#e8ddbd !important;
}

/* Exam option badge and action buttons */
.nta-option-badge{
  border:1px solid rgba(99,102,241,.30) !important;
  background:linear-gradient(135deg,#eef2ff,#ede9fe) !important;
  color:#e8ddbd !important;
}
.nta-btn-primary,.exam-actions .btn-gold,.exam-shell .btn-gold{background:linear-gradient(135deg,#7c3aed,#2563eb) !important;color:#fff !important}

/* Student exam count boxes */
.nta-count-box{background:linear-gradient(180deg,#ffffff,#f8fbff) !important;border:1px solid rgba(99,102,241,.14) !important;box-shadow:0 8px 24px rgba(37,99,235,.08) !important}
.nta-count-box span,.nta-count-box strong,.nta-count-box .count{color:#e8ddbd !important}
.nta-count-box small,.nta-count-box .label{color:#e8ddbd !important}
.nta-count-box.answered{background:linear-gradient(135deg,#0ea5e9,#2563eb) !important;border-color:rgba(37,99,235,.38) !important}
.nta-count-box.answered-review{background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;border-color:rgba(124,58,237,.40) !important}
.nta-count-box.review{background:linear-gradient(135deg,#8b5cf6,#2563eb) !important;border-color:rgba(99,102,241,.40) !important}
.nta-count-box.not-answered{background:linear-gradient(135deg,#ef4444,#dc2626) !important;border-color:rgba(239,68,68,.34) !important}
.nta-count-box.not-visited,.nta-count-box.neutral{background:linear-gradient(135deg,#475569,#1e293b) !important;border-color:rgba(71,85,105,.32) !important}
.nta-count-box.answered span,.nta-count-box.answered small,.nta-count-box.answered-review span,.nta-count-box.answered-review small,.nta-count-box.review span,.nta-count-box.review small,.nta-count-box.not-answered span,.nta-count-box.not-answered small,.nta-count-box.not-visited span,.nta-count-box.not-visited small,.nta-count-box.neutral span,.nta-count-box.neutral small{color:#fff !important}
.legend-chip{color:#e8ddbd !important}
.legend-chip .swatch{border-color:rgba(99,102,241,.16) !important;box-shadow:0 4px 10px rgba(37,99,235,.08)}
.legend-chip .swatch.answered{background:linear-gradient(135deg,#0ea5e9,#2563eb) !important}
.legend-chip .swatch.answered-review{background:linear-gradient(135deg,#7c3aed,#4f46e5) !important}
.legend-chip .swatch.review{background:linear-gradient(135deg,#8b5cf6,#2563eb) !important}
.legend-chip .swatch.not-answered{background:linear-gradient(135deg,#ef4444,#dc2626) !important}
.legend-chip .swatch.unseen{background:linear-gradient(135deg,#475569,#1e293b) !important}

/* Question palette boxes */
.palette-btn,.question-palette button,.question-box,.palette-item,.nta-palette-grid button{
  background:linear-gradient(180deg,#ffffff,#f6f9ff) !important;
  border:1px solid rgba(99,102,241,.16) !important;
  color:#e8ddbd !important;
}
.palette-btn.active,.question-palette button.active,.question-box.active,.palette-item.active,.nta-palette-grid button.active,.palette-btn.current,.nta-palette-grid button.current{
  background:linear-gradient(135deg,#7c3aed,#2563eb) !important;
  color:#fff !important;
  border-color:transparent !important;
}

/* Visual equation editor */
.math-editor-panel,.math-system-shell,.math-builder,.math-card,.editor-card,.math-system-card{
  background:linear-gradient(145deg,#0f172a,#172554) !important;
  border:1px solid rgba(99,102,241,.22) !important;
  color:#e8efff !important;
  box-shadow:0 22px 48px rgba(15,23,42,.28) !important;
}
.math-editor-panel h2,.math-editor-panel h3,.math-system-shell h2,.math-system-shell h3,.math-builder h2,.math-builder h3,
.math-editor-panel label,.math-system-shell label,.math-builder label,.math-card h2,.math-card h3,.editor-card h2,.editor-card h3{
  background:none !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:initial !important;
}
.math-editor-panel .btn-gold,.math-system-shell .btn-gold,.math-builder .btn-gold,.math-card .btn-gold,.editor-card .btn-gold,
.math-snippet,.math-toolbar button,.math-system-shell .snippet-btn,.math-builder .snippet-btn,.math-card .snippet-btn{
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  color:#ffffff !important;
  border:1px solid rgba(147,197,253,.16) !important;
  box-shadow:none !important;
}
.math-editor-panel .btn-outline,.math-system-shell .btn-outline,.math-builder .btn-outline,.math-card .btn-outline,.editor-card .btn-outline{
  background:#ffffff !important;color:#e8ddbd !important;border:1px solid rgba(148,163,184,.22) !important;
}
.math-editor-panel textarea,.math-editor-panel select,.math-editor-panel input,.math-system-shell textarea,.math-system-shell select,.math-system-shell input,
.math-builder textarea,.math-builder select,.math-builder input,.math-input,.math-preview,.preview-card,.equation-preview,.question-preview{
  background:#f8fbff !important;
  color:#e8ddbd !important;
  border:1px solid rgba(148,163,184,.22) !important;
}

/* Small status pills */
.badge-soft,.pill,.badge-free{background:linear-gradient(135deg,#eef2ff,#ede9fe) !important;color:#5b21b6 !important;border:1px solid rgba(124,58,237,.18) !important}
.alert-error code{color:#fee2e2}

/* ===== FINAL PREMIUM V3 TUNING ===== */
:root{
  --cosmos:#eef3ff;
  --deep:#dfe8ff;
  --navy:#183153;
  --slate:#2a4777;
  --star:#17325c;
  --gold:#4f46e5;
  --gold2:#2563eb;
  --amber:#7c3aed;
  --muted:rgba(23,50,92,.74);
  --dim:rgba(79,70,229,.12);
  --border:rgba(99,102,241,.18);
  --glass:rgba(255,255,255,.76);
  --grad-gold:linear-gradient(135deg,#4f46e5 0%,#2563eb 52%,#7c3aed 100%);
}
body{
  background:
    radial-gradient(circle at top right, rgba(124,58,237,.10), transparent 26%),
    radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 24%),
    linear-gradient(135deg,#edf3ff 0%,#e1ebff 50%,#eef4ff 100%) !important;
  color:#e8ddbd !important;
}
#navbar,.mobile-menu{
  background:rgba(237,243,255,.88) !important;
  border-bottom:1px solid rgba(99,102,241,.16) !important;
}
.hero-bg{
  background:
    radial-gradient(ellipse 60% 60% at 80% 20%, rgba(124,58,237,.17) 0%, transparent 62%),
    radial-gradient(ellipse 50% 50% at 18% 14%, rgba(37,99,235,.12) 0%, transparent 64%),
    linear-gradient(180deg,#dbe7ff 0%,#e7efff 38%,#f0f5ff 100%) !important;
}
.hero-grid-lines{
  background-image:linear-gradient(rgba(99,102,241,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 1px) !important;
}
.hero-card,.glass-panel,.dashboard-card,.panel,.card,.student-card,.feature-card,.scheme-card,.step-card,.white-card,.form-card,.app-card,.exam-card,.summary-card,.question-card,.palette-card{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(245,249,255,.84)) !important;
  border:1px solid rgba(99,102,241,.16) !important;
  box-shadow:0 18px 42px rgba(37,99,235,.10) !important;
}

/* Stronger exam progress visibility */
.nta-timer-progress-wrap{
  height:12px !important;
  background:linear-gradient(180deg,#d5def4,#cfd9f0) !important;
  border:1px solid rgba(79,70,229,.18) !important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.7), inset 0 -1px 2px rgba(99,102,241,.08) !important;
}
.nta-timer-progress{
  background:linear-gradient(90deg,#22c55e 0%,#2563eb 55%,#7c3aed 100%) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.22) inset, 0 6px 12px rgba(79,70,229,.18) !important;
}
.nta-timer-progress.warning{background:linear-gradient(90deg,#2563eb 0%,#7c3aed 100%) !important}
.nta-timer-progress.danger{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%) !important}

/* Subject tabs / top chips */
.nta-section-tab,.subject-tab,.exam-chip,.nta-meta-chip,.nta-topbar-chip,.pill{
  background:linear-gradient(180deg,#f7f7ff,#edf3ff) !important;
  border:1px solid rgba(124,58,237,.22) !important;
  color:#4c1d95 !important;
}
.nta-section-tab.active,.subject-tab.active,.exam-chip.active,.nta-meta-chip.active{
  background:linear-gradient(135deg,#eef2ff,#e0e7ff) !important;
  border-color:#6d28d9 !important;
  box-shadow:0 0 0 1px rgba(109,40,217,.12) inset, 0 8px 22px rgba(79,70,229,.14) !important;
}
.nta-section-name,.nta-section-meta,.nta-top-candidate-copy strong,.nta-candidate-card strong{color:#e8ddbd !important}

/* Exam action buttons and option badges */
.nta-btn-primary,.exam-actions .btn-gold,.exam-shell .btn-gold,.question-bank-shell .btn-primary-strong,.q-modal-card .btn-primary-strong,#openEquationEditorTop{
  background:linear-gradient(135deg,#4f46e5 0%,#2563eb 55%,#7c3aed 100%) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 12px 28px rgba(79,70,229,.24) !important;
}
.nta-option-item:hover,.nta-option-item.is-selected{
  border-color:rgba(79,70,229,.38) !important;
  background:linear-gradient(180deg,#f5f3ff,#eef4ff) !important;
}
.nta-option-item input{accent-color:#4f46e5 !important}
.nta-option-badge{
  background:linear-gradient(135deg,#e0e7ff,#ede9fe) !important;
  border-color:rgba(79,70,229,.28) !important;
  color:#e8ddbd !important;
}

/* Exact required palette/count colors */
.nta-count-box,.legend-chip,.nta-palette-btn{transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.nta-count-box span,.nta-count-box small{color:#fff !important}
.nta-count-box.answered{background:linear-gradient(180deg,#22c55e,#16a34a) !important;border-color:rgba(22,163,74,.40) !important}
.nta-count-box.answered-review{background:linear-gradient(180deg,#3b82f6,#2563eb) !important;border-color:rgba(37,99,235,.42) !important}
.nta-count-box.review{background:linear-gradient(180deg,#8b5cf6,#7c3aed) !important;border-color:rgba(124,58,237,.42) !important}
.nta-count-box.not-answered{background:linear-gradient(180deg,#ef4444,#dc2626) !important;border-color:rgba(220,38,38,.42) !important}
.nta-count-box.not-visited,.nta-count-box.neutral{background:linear-gradient(180deg,#cbd5e1,#94a3b8) !important;border-color:rgba(148,163,184,.46) !important}
.nta-count-box.not-visited span,.nta-count-box.not-visited small,.nta-count-box.neutral span,.nta-count-box.neutral small{color:#0f172a !important}

.legend-chip{color:#e8ddbd !important}
.legend-chip .swatch.answered{background:#16a34a !important}
.legend-chip .swatch.answered-review{background:#2563eb !important}
.legend-chip .swatch.review{background:#7c3aed !important}
.legend-chip .swatch.not-answered{background:#dc2626 !important}
.legend-chip .swatch.unseen{background:#cbd5e1 !important}

.nta-palette-btn,
.palette-btn,
.question-palette button,
.question-box,
.palette-item{font-weight:800 !important}
.nta-palette-btn.not_visited,.palette-btn.not_visited{background:linear-gradient(180deg,#f8fafc,#e2e8f0) !important;border-color:#cbd5e1 !important;color:#e8ddbd !important}
.nta-palette-btn.not_answered,.palette-btn.not_answered{background:linear-gradient(180deg,#ef4444,#dc2626) !important;border-color:rgba(220,38,38,.42) !important;color:#fff !important}
.nta-palette-btn.answered,.palette-btn.answered{background:linear-gradient(180deg,#22c55e,#16a34a) !important;border-color:rgba(22,163,74,.42) !important;color:#fff !important}
.nta-palette-btn.review,.palette-btn.review{background:linear-gradient(180deg,#8b5cf6,#7c3aed) !important;border-color:rgba(124,58,237,.42) !important;color:#fff !important}
.nta-palette-btn.answered_review,.palette-btn.answered_review{background:linear-gradient(180deg,#3b82f6,#2563eb) !important;border-color:rgba(37,99,235,.42) !important;color:#fff !important}
.nta-palette-btn.current,.palette-btn.current,.question-box.active,.palette-item.active{
  box-shadow:0 0 0 2px rgba(255,255,255,.82) inset,0 0 0 5px rgba(79,70,229,.22) !important;
}

/* Admin question bank + equation editor */
.question-bank-shell,
.question-bank-shell .form-card,
.question-bank-shell .matrix-box,
.question-bank-shell .inline-chip,
.question-bank-shell .saved-table tr:hover td,
.question-bank-shell .diagram-preview,
.question-bank-shell .inline-render-box,
.question-bank-shell .premium-input,
.question-bank-shell .premium-select,
.question-bank-shell .premium-textarea,
.question-bank-shell .btn-soft,
.admin-question-page .form-card,
.admin-question-page .matrix-box{
  background:linear-gradient(180deg,#eef2ff,#e4ecff) !important;
  border-color:rgba(99,102,241,.18) !important;
  color:#e8ddbd !important;
}
.question-bank-shell .muted-2,
.question-bank-shell .light-muted,
.question-bank-shell .premium-input::placeholder,
.question-bank-shell .premium-textarea::placeholder{color:#e8ddbd !important}
.question-bank-shell .premium-label,
.question-bank-shell .saved-table th,
.question-bank-shell .matrix-table th,
.question-bank-shell .question-head,
.question-bank-shell h1,
.question-bank-shell h2,
.question-bank-shell h3,
.question-bank-shell .question-sub{
  color:#e8ddbd !important;
  -webkit-text-fill-color:initial !important;
  background:none !important;
}
.question-bank-shell .premium-input,
.question-bank-shell .premium-select,
.question-bank-shell .premium-textarea,
.q-modal-card .target-select,
.q-modal-card .preview-box,
.q-modal-card .math-live-wrap{
  background:#f8fbff !important;
  border:1px solid rgba(99,102,241,.18) !important;
  color:#e8ddbd !important;
  box-shadow:0 8px 18px rgba(37,99,235,.06) !important;
}
.question-bank-shell .btn-soft,
.q-modal-card .toolbar-grid-premium .toolbar-btn{
  background:linear-gradient(180deg,#eef2ff,#dbeafe) !important;
  border:1px solid rgba(99,102,241,.18) !important;
  color:#e8ddbd !important;
}
.q-modal-card,
.math-editor-panel,
.math-system-shell,
.math-builder,
.math-card,
.editor-card,
.math-system-card{
  background:linear-gradient(145deg,#dbeafe 0%,#ddd6fe 52%,#eff6ff 100%) !important;
  border:1px solid rgba(99,102,241,.20) !important;
  color:#e8ddbd !important;
  box-shadow:0 26px 60px rgba(79,70,229,.18) !important;
}
.q-modal-card h3,
.math-editor-panel h2,.math-editor-panel h3,.math-system-shell h2,.math-system-shell h3,.math-builder h2,.math-builder h3,
.math-editor-panel label,.math-system-shell label,.math-builder label,.math-card h2,.math-card h3,.editor-card h2,.editor-card h3{
  color:#e8ddbd !important;
  -webkit-text-fill-color:initial !important;
  background:none !important;
}
.q-modal-card .preview-box,
.math-input,.math-preview,.preview-card,.equation-preview,.question-preview{background:rgba(255,255,255,.88) !important}

/* Home and page content less washed out */
.page-hero,.page-hero-grid,.hero-card,.dashboard-hero,.stats-card{backdrop-filter:blur(10px)}
.page-hero p,.hero-sub,.section-subtitle,.muted-2,.math-helper,.nta-section-meta,.nta-top-candidate-label{color:#e8ddbd !important}
.question-bank-shell .btn-soft:hover,
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover,
.q-modal-card .toolbar-grid-premium .toolbar-btn:focus,
.question-bank-shell .btn-primary-strong:hover,
#openEquationEditorTop:hover{
  background:linear-gradient(135deg,#4f46e5 0%,#2563eb 55%,#7c3aed 100%) !important;
  color:#fff !important;
  border-color:transparent !important;
}
math-field,
#visual-math-field,
.shared-math-editor,
.math-live-wrap{
  background:#ffffff !important;
  color:#e8ddbd !important;
  border-color:rgba(99,102,241,.20) !important;
}
.close-x,.nta-modal-close{
  background:linear-gradient(180deg,#ffffff,#eef2ff) !important;
  border:1px solid rgba(99,102,241,.18) !important;
  color:#e8ddbd !important;
}

/* ===== FINAL PREMIUM V4 BLUE-DOMINANT POLISH ===== */
:root{
  --gold:#2563eb !important;
  --gold2:#3b82f6 !important;
  --amber:#6366f1 !important;
  --grad-gold:linear-gradient(135deg,#2563eb 0%,#3b82f6 62%,#6366f1 100%) !important;
  --muted:rgba(23,50,92,.78) !important;
  --border:rgba(59,130,246,.18) !important;
}
body{
  background:
    radial-gradient(circle at top right, rgba(99,102,241,.08), transparent 24%),
    radial-gradient(circle at top left, rgba(37,99,235,.10), transparent 22%),
    linear-gradient(180deg,#d7e6fb 0%,#dce9ff 24%,#e4eeff 54%,#d6e5fb 100%) !important;
}
#hero,
#cta,
.page-hero,
#contact-section,
#scholarship,
#why,
#courses,
#toppers,
#faculty,
#tests,
#testimonials,
#centers{
  background:transparent !important;
}
.hero-bg{
  background:
    radial-gradient(ellipse 58% 55% at 82% 18%, rgba(99,102,241,.12) 0%, transparent 60%),
    radial-gradient(ellipse 55% 52% at 15% 18%, rgba(37,99,235,.11) 0%, transparent 63%),
    linear-gradient(180deg,#d7e6fb 0%,#dce9ff 35%,#e7f0ff 72%,#dbe8fd 100%) !important;
}
#cta{
  background:
    radial-gradient(circle at 15% 30%, rgba(59,130,246,.10), transparent 28%),
    radial-gradient(circle at 80% 20%, rgba(99,102,241,.08), transparent 22%),
    linear-gradient(180deg,#d8e6fb 0%,#d3e2fa 100%) !important;
}
#cta::before{
  background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(37,99,235,.08),transparent 72%) !important;
}
#navbar,.mobile-menu{
  background:rgba(221,233,255,.86) !important;
}
.btn-gold,.btn-primary,[class*="gold-btn"]{
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 58%,#6366f1 100%) !important;
}
.btn-outline{
  color:#e8ddbd !important;
  border-color:rgba(37,99,235,.18) !important;
  background:rgba(255,255,255,.92) !important;
}
.badge-free,.hero-pill,.page-kicker,.tag,.badge-soft,.pill{
  color:#e8ddbd !important;
}
.tag::before,.question-kicker::before{background:#2563eb !important}

/* More visible exam progress outline */
.nta-timer-progress-wrap,
.progress-outline,
.exam-progress-track{
  min-height:12px !important;
  border:1.5px solid rgba(37,99,235,.28) !important;
  background:linear-gradient(180deg,#d6e4f8,#c9d8f1) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85), 0 2px 6px rgba(37,99,235,.06) !important;
}

/* Question bank top actions */
.question-premium-panel{
  background:linear-gradient(180deg,rgba(221,233,255,.96),rgba(214,228,252,.94)) !important;
  border:1px solid rgba(59,130,246,.18) !important;
  box-shadow:0 24px 64px rgba(37,99,235,.10) !important;
}
.question-title,
.question-premium-panel .question-title{
  color:#e8ddbd !important;
  background:linear-gradient(90deg,#1e3a8a 0%,#2563eb 70%,#4f46e5 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.question-kicker,
.question-premium-panel .question-kicker{
  color:#e8ddbd !important;
}
.question-sub,
.question-premium-panel .question-sub{
  color:#e8ddbd !important;
}
.q-badge{
  background:linear-gradient(135deg,#0f766e,#14b8a6 85%) !important;
  color:#ffffff !important;
  border:1px solid rgba(13,148,136,.22) !important;
  box-shadow:0 10px 24px rgba(20,184,166,.18) !important;
}
#openEquationEditorTop,
.question-bank-shell .btn-soft{
  background:linear-gradient(180deg,#f8fbff,#dceafe) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.18) !important;
  box-shadow:0 10px 22px rgba(37,99,235,.08) !important;
}
#openEquationEditorTop:hover,
.question-bank-shell .btn-soft:hover{
  background:linear-gradient(135deg,#dbeafe,#c7d2fe) !important;
  color:#e8ddbd !important;
}
.question-bank-shell .btn-primary-strong,
#openQuestionPreviewTop{
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 62%,#4f46e5 100%) !important;
  color:#fff !important;
  border:1px solid rgba(59,130,246,.14) !important;
  box-shadow:0 14px 28px rgba(37,99,235,.18) !important;
}
.question-bank-shell .btn-primary-strong:hover,
#openQuestionPreviewTop:hover{
  filter:none !important;
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(37,99,235,.22) !important;
}
.inline-chip,
.visual-toolbar button{
  background:linear-gradient(180deg,#eff6ff,#dbeafe) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.16) !important;
}
.inline-chip:hover,
.visual-toolbar button:hover{
  background:linear-gradient(135deg,#dbeafe,#c7d2fe) !important;
  color:#e8ddbd !important;
  border-color:rgba(79,70,229,.18) !important;
}

/* Visual Equation Editor: keep previous layout, shift only shell colors to blue-purple */
.q-modal,
.shared-equation-backdrop{
  background:rgba(108,138,196,.22) !important;
  backdrop-filter:blur(10px) !important;
}
.q-modal-card,
.shared-equation-card,
.math-editor-panel,
.math-system-shell,
.math-builder,
.math-card,
.editor-card,
.math-system-card{
  background:linear-gradient(145deg,#d6e7ff 0%,#d7deff 58%,#e8f1ff 100%) !important;
  border:1px solid rgba(59,130,246,.18) !important;
  color:#e8ddbd !important;
  box-shadow:0 26px 62px rgba(37,99,235,.16) !important;
}
.q-modal-card h3,
.shared-equation-card h2,
.shared-equation-card h3,
.math-editor-panel h2,
.math-editor-panel h3,
.math-system-shell h2,
.math-system-shell h3,
.math-builder h2,
.math-builder h3,
.math-card h2,
.math-card h3,
.editor-card h2,
.editor-card h3{
  color:#e8ddbd !important;
  background:none !important;
  -webkit-text-fill-color:initial !important;
}
.q-modal-card .white-card,
.q-modal-card .preview-box,
.q-modal-card .math-live-wrap,
.q-modal-card .target-select,
.shared-equation-card .math-live-wrap,
.shared-equation-card .preview-box,
.shared-equation-card .target-select,
.math-input,
.math-preview,
.preview-card,
.equation-preview,
.question-preview,
#sharedEquationPreview,
#sharedEquationLatex{
  background:linear-gradient(180deg,#ffffff,#f5f9ff) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.16) !important;
  box-shadow:0 8px 22px rgba(37,99,235,.06) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn,
.math-snippet,
.math-toolbar button,
.math-system-shell .snippet-btn,
.math-builder .snippet-btn,
.math-card .snippet-btn,
.shared-equation-toolbar button{
  background:linear-gradient(180deg,#eef6ff,#dce9ff) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover,
.math-snippet:hover,
.math-toolbar button:hover,
.math-system-shell .snippet-btn:hover,
.math-builder .snippet-btn:hover,
.math-card .snippet-btn:hover,
.shared-equation-toolbar button:hover{
  background:linear-gradient(135deg,#dbeafe,#c7d2fe) !important;
  color:#e8ddbd !important;
  border-color:rgba(79,70,229,.18) !important;
}
.shared-equation-card .btn-gold,
.math-editor-panel .btn-gold,
.math-system-shell .btn-gold,
.math-builder .btn-gold,
.math-card .btn-gold,
.editor-card .btn-gold,
#sharedEquationInsert,
#insert-equation-btn{
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 62%,#4f46e5 100%) !important;
  color:#fff !important;
  border:none !important;
}
.shared-equation-card .btn-outline,
.math-editor-panel .btn-outline,
.math-system-shell .btn-outline,
.math-builder .btn-outline,
.math-card .btn-outline,
.editor-card .btn-outline,
#sharedEquationClear{
  background:linear-gradient(180deg,#ffffff,#edf5ff) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.16) !important;
}



/* ===== FINAL PREMIUM V5 BLUE-FIRST REFINEMENTS ===== */
:root{
  --gold:#1f5fff !important;
  --gold2:#2f76ff !important;
  --amber:#4f6dff !important;
  --grad-gold:linear-gradient(135deg,#1f5fff 0%,#2f76ff 62%,#4f6dff 100%) !important;
  --muted:rgba(28,57,112,.84) !important;
  --dim:rgba(66,94,144,.72) !important;
  --border:rgba(47,118,255,.18) !important;
}
body{
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.10), transparent 22%),
    radial-gradient(circle at top left, rgba(37,99,235,.12), transparent 20%),
    linear-gradient(180deg,#d2e1f8 0%,#d7e5fb 22%,#dce9fd 48%,#d0e0f7 100%) !important;
}
.hero-bg,
#cta,
.page-hero{
  background:
    radial-gradient(ellipse 58% 55% at 82% 18%, rgba(59,130,246,.12) 0%, transparent 60%),
    radial-gradient(ellipse 55% 52% at 15% 18%, rgba(37,99,235,.11) 0%, transparent 63%),
    linear-gradient(180deg,#d1e0f7 0%,#d5e4fb 35%,#dce9fd 72%,#cfdef6 100%) !important;
}
#cta::before,
.orb-gold,
[data-gold-patch],
.about-gold-patch{
  background:radial-gradient(circle, rgba(59,130,246,.10), transparent 72%) !important;
  filter:none !important;
}
.page-hero-grid,
.hero-card,
.hero-metric,
.feature-card,
.scheme-card,
.step-card,
.course-card,
.test-card,
.white-card,
.panel,
.glass-panel,
.card,
.dashboard-card{
  border-color:rgba(59,130,246,.14) !important;
}
.course-meta span,
.test-card .muted,
.feature-card p,
.hero-metric span,
.panel p,
.panel li,
.math-helper,
.muted,
.muted-2,
.light-muted,
.page-hero p,
.content-split p{
  color:#e8ddbd !important;
}
.course-card .course-meta span,
.course-card .muted,
.course-card p,
#courses .course-meta span,
#courses p,
#courses .badge{
  color:#e8ddbd !important;
}
.saved-table td,
.data-table td,
.data-table th,
.kv div,
.kv strong{
  color:#e8ddbd !important;
}
.highlight-badge,
.feature-card .feature-index,
.page-kicker,
.tag,
.question-kicker,
.question-kicker::before{
  color:#e8ddbd !important;
  background-color:transparent !important;
}
.highlight-badge{
  background:rgba(43,102,255,.10) !important;
  border-color:rgba(43,102,255,.18) !important;
}
.hero-metric strong,
.feature-card h4,
.highlight-item h4,
.course-card h3,
.test-card h3,
.page-hero h1,
.page-hero h2{
  color:#e8ddbd !important;
}

/* About/public page patches */
.page-hero .hero-metric{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(241,247,255,.72)) !important;
}
.page-hero .hero-metric strong{color:#e8ddbd !important}
.page-hero .hero-metric span{color:#e8ddbd !important}
.page-kicker{
  border-color:rgba(47,118,255,.20) !important;
}
.about-story-copy,
.about-copy,
.about-page p{
  color:#e8ddbd !important;
}

/* Timer state badge: darker green normal */
.nta-timer-state{
  background:linear-gradient(180deg,#169a58,#14834c) !important;
  border:1px solid rgba(20,131,76,.34) !important;
  color:#ecfff5 !important;
  box-shadow:0 8px 18px rgba(20,131,76,.18) !important;
}
.nta-timer-state.warning{
  background:linear-gradient(180deg,#2563eb,#4f46e5) !important;
  border-color:rgba(79,70,229,.30) !important;
  color:#eef4ff !important;
}
.nta-timer-state.danger{
  background:linear-gradient(180deg,#ef4444,#dc2626) !important;
  border-color:rgba(220,38,38,.30) !important;
  color:#fff1f2 !important;
}

/* Invigilator actions aligned in one row */
.live-action-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  align-items:center !important;
}
.live-action-row form{
  margin:0 !important;
  display:inline-flex !important;
}
.live-action-row .btn{
  white-space:nowrap !important;
}
.live-action-row .btn-outline{
  color:#e8ddbd !important;
  background:linear-gradient(180deg,#ffffff,#eef5ff) !important;
  border-color:rgba(47,118,255,.18) !important;
}

/* Snapshots gallery frame */
.snapshot-frame{
  border:1px solid rgba(47,118,255,.18) !important;
  box-shadow:0 12px 26px rgba(37,99,235,.10) !important;
}

/* Question bank buttons */
.q-actions{
  gap:14px !important;
}
.q-badge{
  background:linear-gradient(135deg,#18a15d,#0f8f53) !important;
  border:1px solid rgba(15,143,83,.24) !important;
  color:#ffffff !important;
  box-shadow:0 12px 22px rgba(15,143,83,.18) !important;
}
#openEquationEditorTop{
  background:linear-gradient(135deg,#eaf1ff,#dce9ff) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(47,118,255,.18) !important;
  box-shadow:0 10px 22px rgba(37,99,235,.08) !important;
}
#openQuestionPreviewTop{
  background:linear-gradient(135deg,#205eff,#2f76ff 62%,#4f6dff 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(47,118,255,.18) !important;
  box-shadow:0 14px 28px rgba(37,99,235,.18) !important;
}
.question-bank-shell .btn-soft:hover,
#openEquationEditorTop:hover{
  background:linear-gradient(135deg,#d7e6ff,#ceddff) !important;
  color:#e8ddbd !important;
}
.question-bank-shell .btn-primary-strong:hover,
#openQuestionPreviewTop:hover{
  background:linear-gradient(135deg,#1c56e6,#2b66ff 62%,#485fff 100%) !important;
  color:#fff !important;
}
.question-bank-shell .q-badge,
.question-bank-shell .btn-soft,
.question-bank-shell .btn-primary-strong{
  min-height:52px !important;
}
.question-bank-shell .question-premium-panel,
.question-bank-shell .form-card,
.question-bank-shell .matrix-box,
.question-bank-shell .diagram-preview{
  background:linear-gradient(180deg,rgba(225,236,255,.96),rgba(212,228,252,.94)) !important;
}
.question-bank-shell .saved-table th,
.question-bank-shell .premium-label,
.question-bank-shell .question-sub,
.question-bank-shell .question-kicker{
  color:#e8ddbd !important;
}
.question-bank-shell .saved-table th{
  opacity:1 !important;
}

/* Visual equation editor: keep previous look, shift shell to blue and darken symbols/text */
.q-modal,
.shared-equation-backdrop{
  background:rgba(102,130,188,.24) !important;
}
.q-modal-card,
.shared-equation-card,
.math-editor-panel,
.math-system-shell,
.math-builder,
.math-card,
.editor-card,
.math-system-card{
  background:linear-gradient(145deg,#d8e8ff 0%,#dce7ff 55%,#edf4ff 100%) !important;
  border:1px solid rgba(47,118,255,.18) !important;
  color:#e8ddbd !important;
}
.q-modal-card h3,
.math-editor-panel h2,
.math-editor-panel h3,
.math-system-shell h2,
.math-system-shell h3,
.math-builder h2,
.math-builder h3,
.math-card h2,
.math-card h3{
  color:#e8ddbd !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn,
.math-snippet,
.math-toolbar button,
.shared-equation-toolbar button,
.inline-chip,
.visual-toolbar button{
  background:linear-gradient(180deg,#eef5ff,#dce8ff) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(47,118,255,.18) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover,
.math-snippet:hover,
.math-toolbar button:hover,
.shared-equation-toolbar button:hover,
.inline-chip:hover,
.visual-toolbar button:hover{
  background:linear-gradient(135deg,#d8e7ff,#cfe0ff) !important;
  color:#e8ddbd !important;
}
.inline-render-box,
.inline-render-box:empty::before,
.math-live-wrap,
.q-modal-card .preview-box,
.q-modal-card .target-select,
.q-modal-card .light-muted,
.q-modal-card .math-helper,
.q-modal-card label{
  color:#e8ddbd !important;
}
.inline-render-box{
  background:linear-gradient(180deg,#f7fbff,#eef5ff) !important;
  border:1px dashed rgba(47,118,255,.24) !important;
}
math-field,
#visual-math-field,
.shared-math-editor,
.math-live-wrap{
  background:linear-gradient(180deg,#ffffff,#f5f9ff) !important;
  color:#e8ddbd !important;
  caret-color:#1f5fff !important;
}
math-field::part(container),
math-field::part(content){
  color:#e8ddbd !important;
}
math-field::part(virtual-keyboard-toggle),
math-field::part(menu-toggle){
  color:#e8ddbd !important;
}
math-field::part(placeholder){
  color:#e8ddbd !important;
}


/* ===== V6 FINAL PRODUCTION POLISH ===== */
:root{
  --v6-blue-strong:#1e40af;
  --v6-blue:#2563eb;
  --v6-blue-soft:#dbeafe;
  --v6-indigo:#4f46e5;
  --v6-slate:#1e293b;
  --v6-slate-soft:#475569;
}

/* Compact premium question bank action buttons */
.q-actions,
.qb-top-actions{
  gap:12px !important;
  align-items:center !important;
}
.q-badge,
#openEquationEditorTop,
#openQuestionPreviewTop,
.question-bank-shell .btn-soft,
.question-bank-shell .btn-primary-strong,
.question-bank-shell .btn,
.question-bank-shell button{
  min-height:44px !important;
  height:44px !important;
  padding:8px 18px !important;
  line-height:1.15 !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:700 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}
.add-question-btn,
#addQuestionBtn,
.question-bank-shell .btn-primary,
.question-bank-shell .btn-primary-strong,
.question-bank-shell .btn-gold{
  min-height:46px !important;
  height:46px !important;
  padding:10px 22px !important;
  font-size:15px !important;
}

/* Visual equation editor: premium blue shell + dark readable symbols */
.q-modal,
.shared-equation-backdrop{
  background:rgba(83,110,172,.20) !important;
}
.q-modal-card,
.shared-equation-card,
.math-editor-panel,
.math-system-shell,
.math-builder,
.math-card,
.editor-card,
.math-system-card{
  background:linear-gradient(145deg,#dbe9ff 0%,#d7e7ff 48%,#eef5ff 100%) !important;
  border:1px solid rgba(37,99,235,.16) !important;
  color:#e8ddbd !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn,
.math-snippet,
.math-toolbar button,
.shared-equation-toolbar button,
.inline-chip,
.visual-toolbar button,
.toolbar-grid-icons .toolbar-btn,
.toolbar-grid-premium .toolbar-btn{
  background:linear-gradient(180deg,#f7fbff 0%,#e7f0ff 100%) !important;
  border:1px solid rgba(37,99,235,.18) !important;
  color:var(--v6-slate) !important;
  box-shadow:0 4px 10px rgba(37,99,235,.06), inset 0 1px 0 rgba(255,255,255,.85) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover,
.math-snippet:hover,
.math-toolbar button:hover,
.shared-equation-toolbar button:hover,
.inline-chip:hover,
.visual-toolbar button:hover,
.toolbar-grid-icons .toolbar-btn:hover,
.toolbar-grid-premium .toolbar-btn:hover{
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%) !important;
  border-color:rgba(79,70,229,.34) !important;
  color:#ffffff !important;
  box-shadow:0 10px 20px rgba(79,70,229,.18) !important;
}
.tool-symbol,
.math-symbol,
.toolbar-btn .tool-symbol,
.math-toolbar button span,
.shared-equation-toolbar button span,
.visual-toolbar button span,
.q-modal-card .tool-symbol,
.q-modal-card .toolbar-btn .tool-symbol{
  color:var(--v6-slate) !important;
  text-shadow:none !important;
}
.tool-label,
.toolbar-btn .tool-label,
.math-toolbar small,
.shared-equation-toolbar small,
.q-modal-card .tool-label,
.q-modal-card .toolbar-btn .tool-label{
  color:var(--v6-slate-soft) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover .tool-symbol,
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover .tool-label,
.math-snippet:hover .tool-symbol,
.math-snippet:hover .tool-label,
.math-toolbar button:hover .tool-symbol,
.math-toolbar button:hover .tool-label,
.toolbar-grid-icons .toolbar-btn:hover .tool-symbol,
.toolbar-grid-icons .toolbar-btn:hover .tool-label,
.toolbar-grid-premium .toolbar-btn:hover .tool-symbol,
.toolbar-grid-premium .toolbar-btn:hover .tool-label{
  color:#ffffff !important;
}
.inline-render-box,
.math-live-wrap,
.preview-box,
.target-select,
#sharedEquationPreview,
#sharedEquationLatex,
.math-preview,
.question-preview,
.equation-preview{
  background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%) !important;
  border:1px solid rgba(37,99,235,.16) !important;
  color:#e8ddbd !important;
}
math-field,
#visual-math-field,
.shared-math-editor,
.math-live-wrap{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  color:#e8ddbd !important;
  caret-color:#2563eb !important;
}
math-field::part(container),
math-field::part(content),
math-field::part(virtual-keyboard-toggle),
math-field::part(menu-toggle){
  color:#e8ddbd !important;
}
math-field::part(placeholder){
  color:#e8ddbd !important;
}

/* ===== V6.1 FINAL HOTFIX ===== */
/* Question Bank: equal compact top action buttons */
.question-bank-shell .q-actions,
.question-bank-shell .qb-top-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
}
.question-bank-shell .q-badge,
.question-bank-shell #openEquationEditorTop,
.question-bank-shell #openQuestionPreviewTop,
.question-bank-shell .btn-soft,
.question-bank-shell .btn-primary-strong{
  height:40px !important;
  min-height:40px !important;
  padding:0 18px !important;
  line-height:40px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:middle !important;
}
.question-bank-shell .q-badge{
  background:linear-gradient(135deg,#129255 0%,#0f7a47 100%) !important;
  box-shadow:0 8px 18px rgba(15,122,71,.16) !important;
}

/* Admin question preview: remove dark/grey cards */
.question-bank-shell .preview-box,
#question-preview-box,
.q-modal-card .preview-box,
.question-preview-card,
.question-preview-card-live,
.complete-option-preview-card,
.admin-nta-preview,
.nta-question-preview.admin-nta-preview,
.nta-question-preview,
.nta-preview-shell,
.nta-preview-options,
.question-bank-shell .preview-option-row{
  background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%) !important;
  color:#e8ddbd !important;
  border-color:rgba(59,130,246,.16) !important;
  box-shadow:0 10px 24px rgba(37,99,235,.06) !important;
}
.question-bank-shell .preview-option-row{
  border:1px solid rgba(59,130,246,.16) !important;
}
.question-bank-shell .preview-option-badge{
  background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(59,130,246,.18) !important;
}

/* Visual Equation Editor: blue-purple, not dark; symbols/text dark premium */
.q-modal,
.shared-equation-backdrop{
  background:rgba(74,107,170,.18) !important;
}
.q-modal-card,
.shared-equation-card,
.math-editor-panel,
.math-system-shell,
.math-builder,
.math-card,
.editor-card,
.math-system-card{
  background:linear-gradient(145deg,#eaf2ff 0%,#e1ecff 55%,#f5f8ff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(59,130,246,.16) !important;
  box-shadow:0 18px 40px rgba(37,99,235,.10) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn,
.math-snippet,
.math-toolbar button,
.shared-equation-toolbar button,
.inline-chip,
.visual-toolbar button,
.toolbar-grid-icons .toolbar-btn,
.toolbar-grid-premium .toolbar-btn{
  background:linear-gradient(180deg,#f8fbff 0%,#e7f0ff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(59,130,246,.18) !important;
  box-shadow:0 6px 14px rgba(37,99,235,.05) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn .tool-symbol,
.q-modal-card .toolbar-grid-premium .toolbar-btn .tool-label,
.math-snippet .tool-symbol,
.math-snippet .tool-label,
.math-toolbar button .tool-symbol,
.math-toolbar button .tool-label,
.math-toolbar button span,
.math-toolbar button small,
.shared-equation-toolbar button span,
.shared-equation-toolbar button small,
.visual-toolbar button span,
.visual-toolbar button small,
.toolbar-grid-icons .toolbar-btn .tool-symbol,
.toolbar-grid-icons .toolbar-btn .tool-label,
.toolbar-grid-premium .toolbar-btn .tool-symbol,
.toolbar-grid-premium .toolbar-btn .tool-label,
.tool-symbol,
.tool-label,
.math-symbol{
  color:#e8ddbd !important;
  text-shadow:none !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover,
.math-snippet:hover,
.math-toolbar button:hover,
.shared-equation-toolbar button:hover,
.inline-chip:hover,
.visual-toolbar button:hover,
.toolbar-grid-icons .toolbar-btn:hover,
.toolbar-grid-premium .toolbar-btn:hover{
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%) !important;
  color:#ffffff !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover .tool-symbol,
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover .tool-label,
.math-snippet:hover .tool-symbol,
.math-snippet:hover .tool-label,
.math-toolbar button:hover .tool-symbol,
.math-toolbar button:hover .tool-label,
.math-toolbar button:hover span,
.math-toolbar button:hover small,
.shared-equation-toolbar button:hover span,
.shared-equation-toolbar button:hover small,
.visual-toolbar button:hover span,
.visual-toolbar button:hover small,
.toolbar-grid-icons .toolbar-btn:hover .tool-symbol,
.toolbar-grid-icons .toolbar-btn:hover .tool-label,
.toolbar-grid-premium .toolbar-btn:hover .tool-symbol,
.toolbar-grid-premium .toolbar-btn:hover .tool-label{
  color:#ffffff !important;
}

/* ===== V6.2 FINAL CLEAN BUILD OVERRIDES ===== */
/* Question Bank top actions: exact same compact height */
.question-bank-shell .q-actions,
.question-bank-shell .qb-top-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
}
.question-bank-shell .q-badge,
.question-bank-shell #openEquationEditorTop,
.question-bank-shell #openQuestionPreviewTop,
.question-bank-shell .btn-soft,
.question-bank-shell .btn-primary-strong{
  box-sizing:border-box !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  line-height:1 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:middle !important;
  font-size:14px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  margin:0 !important;
}
.question-bank-shell .q-badge{
  background:linear-gradient(135deg,#16985a 0%,#0f7a47 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(15,122,71,.18) !important;
  box-shadow:0 8px 18px rgba(15,122,71,.14) !important;
}

/* Final light preview cards: remove legacy dark/grey/green look everywhere */
.admin-nta-preview,
.nta-question-preview.admin-nta-preview,
.nta-question-preview,
.nta-preview-inner,
.nta-preview-options,
.question-bank-shell .preview-box,
#question-preview-box,
.q-modal-card .preview-box,
.question-preview-card,
.question-preview-card-live,
.complete-option-preview-card,
.math-preview-sheet,
.preview-options-stack,
.preview-option-row{
  background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 58%,#eef4ff 100%) !important;
  color:#e8ddbd !important;
  border-color:rgba(59,130,246,.16) !important;
  box-shadow:0 10px 26px rgba(37,99,235,.06) !important;
}
.admin-nta-preview .nta-option,
.nta-question-preview .nta-option,
.preview-option-row,
.complete-option-preview-card .option,
.question-preview-card .option,
.question-preview-card-live .option{
  background:linear-gradient(180deg,#ffffff 0%,#edf4ff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(96,165,250,.26) !important;
  box-shadow:0 6px 16px rgba(37,99,235,.05) !important;
}
.admin-nta-preview .nta-option:hover,
.nta-question-preview .nta-option:hover,
.preview-option-row:hover{
  background:linear-gradient(180deg,#f8fbff 0%,#e8f1ff 100%) !important;
  border-color:rgba(79,70,229,.24) !important;
}
.admin-nta-preview .nta-option.is-correct,
.nta-question-preview .nta-option.is-correct{
  background:linear-gradient(180deg,#eef6ff 0%,#e7efff 100%) !important;
  border-color:rgba(59,130,246,.30) !important;
}
.admin-nta-preview .nta-option-badge,
.nta-question-preview .nta-option-badge,
.preview-option-badge{
  background:linear-gradient(135deg,#dbeafe 0%,#e7eaff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(59,130,246,.22) !important;
}
.admin-nta-preview .nta-option-text,
.admin-nta-preview .nta-option-copy,
.admin-nta-preview .nta-option-copy .question-text-block,
.nta-question-preview .nta-option-text,
.nta-question-preview .nta-option-copy,
.nta-question-preview .nta-option-copy .question-text-block,
.preview-option-copy,
.preview-option-copy .question-text-block,
.math-preview-sheet,
.preview-correct-line,
.nta-preview-question-text,
.nta-preview-question-meta,
.nta-preview-subject{
  color:#e8ddbd !important;
}
.admin-nta-preview .question-text-block *,
.nta-question-preview .question-text-block *,
.preview-option-copy *,
.nta-preview-question-text *{
  color:inherit !important;
}

/* ===== V6.3 FINAL CLEAN BUILD: STUDENT POST-EXAM QUESTION REVIEW ===== */
.panel .question-review-card,
.question-review-card{
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  box-shadow:0 10px 26px rgba(37,99,235,.06) !important;
}

.question-review-card .question-text-block,
.question-review-card .question-text-block *,
.question-review-card .muted,
.question-review-card .text-small,
.question-review-card strong,
.question-review-card,
.question-review-head,
.question-review-head *{
  color:#e8ddbd !important;
}

.question-review-card .review-options,
.question-review-card .review-option,
.question-review-card .review-option *{
  color:#e8ddbd !important;
}

.question-review-card .review-option{
  background:linear-gradient(180deg,#ffffff 0%,#eef4ff 100%) !important;
  border:1px solid rgba(96,165,250,.26) !important;
  border-radius:16px !important;
  box-shadow:0 6px 16px rgba(37,99,235,.05) !important;
}

.question-review-card .review-option:hover{
  background:linear-gradient(180deg,#f8fbff 0%,#e9f1ff 100%) !important;
  border-color:rgba(79,70,229,.24) !important;
}

.question-review-card .review-option.selected:not(.correct):not(.wrong){
  background:linear-gradient(135deg,#e7f0ff 0%,#eef2ff 100%) !important;
  border-color:rgba(79,70,229,.34) !important;
  box-shadow:0 0 0 1px rgba(79,70,229,.14) inset,0 8px 18px rgba(79,70,229,.08) !important;
}

.question-review-card .review-option.correct,
.question-review-card .review-option.selected.correct{
  background:linear-gradient(135deg,#effcf6 0%,#e4f8ee 100%) !important;
  border-color:rgba(34,197,94,.36) !important;
}

.question-review-card .review-option.wrong,
.question-review-card .review-option.selected.wrong{
  background:linear-gradient(135deg,#fff1f2 0%,#ffe8ea 100%) !important;
  border-color:rgba(239,68,68,.34) !important;
}

.question-review-card .review-status{
  background:linear-gradient(180deg,#ffffff 0%,#edf4ff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(96,165,250,.24) !important;
}
.question-review-card .review-status.correct{
  background:linear-gradient(135deg,#effcf6 0%,#e4f8ee 100%) !important;
  border-color:rgba(34,197,94,.34) !important;
  color:#166534 !important;
}
.question-review-card .review-status.wrong{
  background:linear-gradient(135deg,#fff1f2 0%,#ffe8ea 100%) !important;
  border-color:rgba(239,68,68,.32) !important;
  color:#b91c1c !important;
}
.question-review-card .review-status.unanswered{
  background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%) !important;
  border-color:rgba(148,163,184,.28) !important;
  color:#e8ddbd !important;
}

.question-review-card .stats-tile,
.question-review-card .question-preview-card{
  background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  color:#e8ddbd !important;
  box-shadow:0 8px 20px rgba(37,99,235,.04) !important;
}
.question-review-card .question-preview-card *,
.question-review-card .stats-tile *{
  color:#e8ddbd !important;
}

/* ===== V6.3.1 SCROLL FLASH HOTFIX ===== */
:root{
  --page-bg-solid:#dbe7ff;
  --page-bg-grad:linear-gradient(180deg,#dfe9ff 0%,#d8e4ff 45%,#cfddff 100%);
}
html,
body{
  min-height:100%;
  margin:0;
  padding:0;
  background:var(--page-bg-solid) !important;
}
html{
  overscroll-behavior-y:none;
  background-color:var(--page-bg-solid) !important;
}
body{
  overflow-x:hidden;
  background-color:var(--page-bg-solid) !important;
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:var(--page-bg-grad);
  transform:translateZ(0);
  will-change:transform;
}
.site-wrap,
.page-wrap,
.main-wrapper,
.app-shell,
.public-shell,
.home-shell,
body > main,
main{
  background:transparent !important;
  min-height:100vh;
}
section,
.hero,
.hero-section,
.home-section,
.about-section,
.dashboard-section,
.container,
.container-fluid{
  background-color:transparent;
}


/* ===== V6.4 PREMIUM PROFESSIONAL FULL THEME ===== */
:root{
  --cosmos:#eef4ff;
  --deep:#e2ecff;
  --navy:#d4e2ff;
  --slate:#edf3ff;
  --star:#183b68;
  --gold:#2f6df6;
  --gold2:#5b7cfa;
  --amber:#4f46e5;
  --white:#ffffff;
  --muted:rgba(24,59,104,.72);
  --dim:rgba(73,111,198,.14);
  --border:rgba(90,123,210,.20);
  --glass:rgba(255,255,255,.82);
  --grad-gold:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);
  --grad-sky:linear-gradient(180deg,#eef4ff 0%,#dfeaff 48%,#d6e4ff 100%);
  --shadow-gold:0 16px 40px rgba(37,99,235,.18);
  --shadow-card:0 18px 42px rgba(41,82,163,.10);
  --shadow-deep:0 30px 72px rgba(36,67,138,.16);
  --page-bg-solid:#dfeaff;
  --page-bg-grad:radial-gradient(circle at 20% 0%, rgba(114,148,255,.18), transparent 32%), radial-gradient(circle at 82% 14%, rgba(79,70,229,.10), transparent 28%), linear-gradient(180deg,#eef4ff 0%,#dfeaff 52%,#d6e4ff 100%);
}
html,body{
  background:var(--page-bg-solid) !important;
  color:var(--star) !important;
}
body::before{background:var(--page-bg-grad) !important;}
::selection{background:#2f6df6;color:#fff}
::-webkit-scrollbar-track{background:#dbe7ff}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2f6df6,#4f46e5)}
.tag,.question-kicker,.kicker{color:#e8ddbd !important}
.tag::before,.question-kicker::before{background:#3c63e6 !important}
.section-header p,.section-subtitle,.muted,.muted-2,.text-small,.math-helper,.hint,.math-hero-note,.question-preview-statement.is-placeholder{color:var(--muted) !important}
.section-divider{background:linear-gradient(90deg,transparent,rgba(95,125,214,.16) 20%,rgba(47,109,246,.5) 50%,rgba(95,125,214,.16) 80%,transparent) !important}
#navbar,.mobile-menu{background:rgba(232,240,255,.88) !important;border-bottom:1px solid rgba(96,134,226,.16) !important;backdrop-filter:blur(18px)}
.nav-logo{background:linear-gradient(135deg,#2563eb,#4f46e5) !important;color:#fff !important;box-shadow:0 10px 24px rgba(37,99,235,.22)}
.nav-links a,.mobile-menu a{color:#e8ddbd !important}
.nav-links a:hover,.nav-links a.active,.nav-name span{color:#e8ddbd !important}
.nav-links a.active::after{background:#2f6df6 !important}
.ticker-wrap{background:linear-gradient(90deg,#2563eb 0%,#4f46e5 50%,#2563eb 100%) !important}
.ticker-item{color:#fff !important}
.badge-free,.badge-pop,.badge-new,.badge-hot{background:rgba(47,109,246,.08) !important;color:#e8ddbd !important;border-color:rgba(47,109,246,.15) !important}
.btn-gold,.nta-btn-primary,.exam-actions .btn-gold,.exam-shell .btn-gold,.question-bank-shell .btn-primary-strong,#openEquationEditorTop{
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%) !important;
  color:#fff !important;
  border:1px solid rgba(58,102,225,.18) !important;
  box-shadow:0 14px 32px rgba(37,99,235,.18) !important;
}
.btn-outline,.btn-ghost,.question-bank-shell .btn-soft{
  background:rgba(255,255,255,.86) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(96,134,226,.22) !important;
  box-shadow:0 10px 24px rgba(38,79,156,.06) !important;
}
.btn-outline:hover,.btn-ghost:hover,.question-bank-shell .btn-soft:hover,#openQuestionPreviewTop:hover,#openEquationEditorTop:hover,.question-bank-shell .btn-primary-strong:hover{
  transform:translateY(-1px);
  filter:none !important;
  border-color:rgba(59,91,212,.34) !important;
}
.panel,.form-card,.glass-card,.dashboard-card,.card,.course-card,.result-card,.white-card,.editor-card,.main-card,.side-card,.stats-tile,.question-preview-card,.question-review-card,.question-preview-card-live,.question-bank-shell .preview-box{
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(243,247,255,.96) 100%) !important;
  border:1px solid rgba(96,134,226,.16) !important;
  box-shadow:0 18px 42px rgba(39,77,148,.08) !important;
  color:#e8ddbd !important;
}
.question-review-card *, .question-preview-card *, .stats-tile *, .panel *, .white-card *, .editor-card *{color:inherit}
.form-field input,.form-field select,.form-field textarea,.premium-input,.premium-select,.premium-textarea,.target-select,.math-live-wrap,#visual-math-field,.preview-box,.math-preview-sheet,#sharedEquationPreview,#sharedEquationLatex,.inline-render-box,.premium-mathfield,math-field.premium-mathfield{
  background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(96,134,226,.20) !important;
  box-shadow:none !important;
}
.form-field select option,.premium-select option,.q-modal-card select option{background:#fff !important;color:#e8ddbd !important}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.premium-input:focus,.premium-select:focus,.premium-textarea:focus,.premium-mathfield:focus-within,math-field.premium-mathfield:focus-within,.target-select:focus{
  border-color:#4f46e5 !important;box-shadow:0 0 0 4px rgba(79,70,229,.10) !important;
}
.question-media,.upload-box,.diagram-preview,.matrix-box,.choice-chip,.inline-chip{
  background:rgba(236,243,255,.75) !important;
  border:1px solid rgba(96,134,226,.18) !important;
}
.choice-chip strong,.premium-label,.saved-table th,.matrix-table th{color:#e8ddbd !important}
.review-status{background:#fff !important;color:#e8ddbd !important;border-color:rgba(96,134,226,.20) !important}
.review-status.correct,.review-option.correct{background:linear-gradient(135deg,#e8fff1 0%,#dcfce7 100%) !important;border-color:rgba(34,197,94,.26) !important;color:#166534 !important}
.review-status.wrong,.review-option.wrong{background:linear-gradient(135deg,#fff1f2 0%,#ffe6ea 100%) !important;border-color:rgba(239,68,68,.25) !important;color:#b91c1c !important}
.review-status.unanswered{background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%) !important;color:#e8ddbd !important;border-color:rgba(148,163,184,.24) !important}
.review-option{background:linear-gradient(180deg,#ffffff 0%,#f5f8ff 100%) !important;border:1px solid rgba(96,134,226,.18) !important;color:#e8ddbd !important}
.review-option.selected{background:linear-gradient(135deg,#edf2ff 0%,#ebeaff 100%) !important;border-color:rgba(79,70,229,.28) !important;box-shadow:0 0 0 1px rgba(79,70,229,.10) inset !important}
.question-preview-card{border-style:solid !important}
.question-preview-card-live,
.question-preview-card-live .option,
.complete-option-preview-card,
.option-preview-panel{
  background:linear-gradient(180deg,#ffffff 0%,#f5f8ff 100%) !important;
  border:1px solid rgba(96,134,226,.18) !important;
  color:#e8ddbd !important;
}
.question-preview-card-live .option.correct{background:linear-gradient(135deg,#e8fff1 0%,#dcfce7 100%) !important}
.question-preview-card-live .option.wrong{background:linear-gradient(135deg,#fff1f2 0%,#ffe6ea 100%) !important}
.nta-main-card,.nta-side-card,.nta-question-header,.nta-count-card,.nta-side-panel,.nta-palette-card,.nta-legend-panel,.student-overview-card,.student-summary-card,.quick-link,.summary-tile{
  background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(243,247,255,.95) 100%) !important;
  border:1px solid rgba(96,134,226,.16) !important;
  box-shadow:0 18px 40px rgba(41,79,150,.07) !important;
}
.nta-option-item{background:linear-gradient(180deg,#ffffff 0%,#f6f8ff 100%) !important;border:1px solid rgba(96,134,226,.16) !important}
.nta-option-item:hover{border-color:rgba(59,91,212,.28) !important;background:linear-gradient(180deg,#f9fbff 0%,#eef3ff 100%) !important}
.nta-option-item.is-selected{border-color:rgba(79,70,229,.34) !important;background:linear-gradient(135deg,#edf2ff 0%,#ebeaff 100%) !important;box-shadow:0 0 0 1px rgba(79,70,229,.12) inset !important}
.nta-option-badge{border:1px solid rgba(59,91,212,.24) !important;color:#e8ddbd !important;background:#f6f8ff !important}
.nta-timer-state{background:linear-gradient(135deg,#16a34a,#15803d) !important;color:#fff !important;border:none !important}
.nta-progress-track,.progress-track{background:#d9e6ff !important;border:1px solid rgba(59,91,212,.18) !important}
.nta-progress-bar,.progress-bar{background:linear-gradient(90deg,#2563eb,#4f46e5) !important}
.palette-btn.answered{background:linear-gradient(135deg,#16a34a,#22c55e) !important;color:#fff !important}
.palette-btn.answered-review{background:linear-gradient(135deg,#2563eb,#3b82f6) !important;color:#fff !important}
.palette-btn.review{background:linear-gradient(135deg,#6d28d9,#7c3aed) !important;color:#fff !important}
.palette-btn.not-answered{background:linear-gradient(135deg,#dc2626,#ef4444) !important;color:#fff !important}
.palette-btn.not-visited{background:linear-gradient(135deg,#e8eef9,#dbe6f8) !important;color:#e8ddbd !important}
.question-bank-shell .question-premium-panel,
.question-bank-shell .form-card,
.question-bank-shell .saved-table tr:hover td,
.question-bank-shell .q-modal-card{
  background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%) !important;
  border:1px solid rgba(96,134,226,.16) !important;
  color:#e8ddbd !important;
}
.question-bank-shell .question-title{color:#e8ddbd !important}
.question-bank-shell .question-sub,.question-bank-shell .muted-2,.question-bank-shell .saved-table td{color:#e8ddbd !important}
.question-bank-shell .q-badge{
  display:inline-flex !important;align-items:center;justify-content:center !important;
  min-height:42px !important;height:42px !important;padding:0 18px !important;
  background:linear-gradient(135deg,#0f9f5e,#16a34a) !important;
  border:1px solid rgba(22,163,74,.18) !important;color:#fff !important;
  box-shadow:0 10px 24px rgba(22,163,74,.18) !important;
}
.question-bank-shell #openEquationEditorTop,
.question-bank-shell #openQuestionPreviewTop,
.question-bank-shell .btn-soft,
.question-bank-shell .btn-primary-strong{
  min-height:42px !important;height:42px !important;padding:0 18px !important;border-radius:999px !important;font-weight:700 !important;
}
.question-bank-shell #openQuestionPreviewTop{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%) !important;color:#fff !important}
.question-bank-shell #openEquationEditorTop,.question-bank-shell .btn-soft{background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%) !important;color:#e8ddbd !important}
.q-modal-card .toolbar-grid-premium .toolbar-btn,
.toolbar-grid-premium .toolbar-btn{
  border:1px solid rgba(96,134,226,.20) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%) !important;
  color:#e8ddbd !important;
  box-shadow:0 10px 22px rgba(38,79,156,.06) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover,
.toolbar-grid-premium .toolbar-btn:hover{
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%) !important;
  border-color:transparent !important;
  box-shadow:0 14px 28px rgba(37,99,235,.18) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn .tool-symbol,
.q-modal-card .toolbar-grid-premium .toolbar-btn .tool-label,
.toolbar-grid-premium .toolbar-btn .tool-symbol,
.toolbar-grid-premium .toolbar-btn .tool-label,
.math-snippet .tool-symbol,.math-snippet .tool-label,
.math-toolbar button .tool-symbol,.math-toolbar button .tool-label,
.tool-label{color:#e8ddbd !important}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover .tool-symbol,
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover .tool-label,
.toolbar-grid-premium .toolbar-btn:hover .tool-symbol,
.toolbar-grid-premium .toolbar-btn:hover .tool-label{color:#fff !important}
.question-bank-shell .preview-box,#question-preview-box,.q-modal-card .preview-box,.question-bank-shell .inline-render-box,.inline-render-box{
  background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%) !important;
  border:1px solid rgba(96,134,226,.20) !important;
  color:#e8ddbd !important;
}
.question-bank-shell .inline-render-box:empty::before{color:#e8ddbd !important}
.question-bank-shell .close-x{color:#e8ddbd !important;background:#fff !important}
.question-bank-shell .q-modal{background:rgba(70,94,150,.26) !important}
.question-preview-statement,.question-part,.question-text-block,.nta-option-copy,.math-content,.question-bank-shell .preview-box *,.question-bank-shell .inline-render-box *{color:#e8ddbd !important}
.question-preview-card-live img,.editor-card img,.question-media img{background:#f5f8ff !important}
.live-action-row{display:flex;gap:10px;flex-wrap:nowrap;align-items:center}
.live-action-row .btn{white-space:nowrap}


/* ===== V6.5 ELEGANT PROFESSIONAL COLOR REDEFINE ===== */
:root{
  --cosmos:#f3f7fb;
  --deep:#e8eff8;
  --navy:#10233f;
  --slate:#27496d;
  --star:#10233f;
  --gold:#2563eb;
  --gold2:#0ea5a4;
  --amber:#7c3aed;
  --white:#ffffff;
  --muted:rgba(16,35,63,.72);
  --dim:rgba(37,99,235,.10);
  --border:rgba(37,99,235,.14);
  --glass:rgba(255,255,255,.84);
  --grad-gold:linear-gradient(135deg,#1d4ed8 0%,#0f6cbd 56%,#0ea5a4 100%);
  --grad-sky:linear-gradient(180deg,#f7faff 0%,#edf3fb 58%,#f7faff 100%);
  --shadow-gold:0 20px 44px rgba(29,78,216,.18);
  --shadow-card:0 18px 42px rgba(15,23,42,.08);
  --shadow-deep:0 28px 70px rgba(15,23,42,.14);
}

html,body{
  background:#eef3f9 !important;
  color:#e8ddbd !important;
}
body{
  background:
    radial-gradient(circle at 8% 18%, rgba(14,165,164,.08), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(37,99,235,.12), transparent 28%),
    radial-gradient(circle at 74% 78%, rgba(124,58,237,.06), transparent 22%),
    linear-gradient(180deg,#f7faff 0%,#edf3fb 52%,#f6f9fd 100%) !important;
}
body::before{
  content:'';position:fixed;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.28)),
    radial-gradient(circle at 15% 12%, rgba(255,255,255,.55), transparent 24%),
    linear-gradient(180deg,#f7faff 0%,#edf3fb 58%,#f6f9fd 100%);
}

h1,h2,h3,.hero-h1,.section-header h2,.page-hero h1,.question-bank-shell .question-title{
  background:linear-gradient(90deg,#10233f 0%,#173a70 42%,#1d4ed8 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.section-header p,.section-subtitle,.hero-sub,.muted,.muted-2,p,li,.course-card p,.panel p,.form-help,.table-wrap td,.data-table td,.question-bank-shell .question-sub{
  color:#e8ddbd !important;
}
.tag,.page-kicker,.feature-card .feature-index,.scheme-no,.step-no,.footer-col h5,.test-type,.test-price,.badge-soft,.pill,.badge-free{
  color:#e8ddbd !important;
}
.tag::before,.page-kicker::before{background:#0ea5a4 !important}

#navbar{
  background:linear-gradient(180deg,rgba(11,25,47,.94),rgba(15,32,58,.92)) !important;
  border-bottom:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 16px 44px rgba(2,6,23,.22) !important;
}
.nav-logo{background:linear-gradient(135deg,#1d4ed8,#0ea5a4) !important;color:#fff !important;box-shadow:0 12px 28px rgba(29,78,216,.28) !important}
.nav-name,.nav-name span,.nav-links a.active,.nav-links a:hover,.nav-actions .btn-outline{color:#f8fbff !important}
.nav-links a{color:rgba(241,245,249,.78) !important}
.nav-links a.active::after{background:#22d3ee !important}
.hamburger span{background:#f8fbff !important}
.mobile-menu{
  background:linear-gradient(180deg,rgba(11,25,47,.98),rgba(15,32,58,.98)) !important;
  border-bottom:1px solid rgba(148,163,184,.18) !important;
}
.mobile-menu a{color:#eff6ff !important}

.hero-bg{
  background:
    radial-gradient(ellipse 62% 58% at 78% 14%, rgba(34,211,238,.16) 0%, transparent 58%),
    radial-gradient(ellipse 38% 38% at 15% 86%, rgba(14,165,164,.12) 0%, transparent 58%),
    linear-gradient(135deg,#0f1f37 0%,#14335d 54%,#133b6b 100%) !important;
}
.hero-grid-lines{
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) !important;
}
.hero-pill{
  background:rgba(255,255,255,.10) !important;
  color:#dbeafe !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
.hero-pill-dot{background:#22d3ee !important}
#hero .hero-h1,#hero h2,#hero .section-header h2{
  background:none !important;
  -webkit-text-fill-color:initial !important;
  color:#f8fbff !important;
}
#hero .hero-h1 em{color:#e8ddbd !important}
#hero .hero-sub,#hero .hero-stat-lbl{color:rgba(239,246,255,.78) !important}
#hero .hero-stat-num{color:#ffffff !important}
.hero-card{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 26px 60px rgba(2,6,23,.26) !important;
}
.hero-card h3{color:#ffffff !important;background:none !important;-webkit-text-fill-color:initial !important}
.hero-card p,.hero-card .form-field label{color:rgba(239,246,255,.72) !important}
.hero-card .form-field input,.hero-card .form-field select,.hero-card .form-field textarea{
  background:rgba(255,255,255,.92) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.btn,.btn-sm,.btn-lg{border-radius:999px !important}
.btn-gold,.btn-primary,[class*="gold-btn"],.hero-submit-btn{
  background:linear-gradient(135deg,#1d4ed8 0%,#0f6cbd 55%,#0ea5a4 100%) !important;
  color:#ffffff !important;
  box-shadow:0 14px 34px rgba(29,78,216,.24) !important;
}
.btn-gold:hover,.btn-primary:hover,.hero-submit-btn:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px rgba(29,78,216,.28) !important}
.btn-outline,.btn-ghost{
  background:rgba(255,255,255,.88) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.16) !important;
}
.btn-outline:hover,.btn-ghost:hover{background:#ffffff !important;color:#e8ddbd !important;border-color:rgba(14,165,164,.28) !important}

.panel,.form-card,.glass-card,.dashboard-card,.card,.course-card,.result-card,.white-card,.editor-card,.main-card,.side-card,.stats-tile,.question-preview-card,.question-review-card,.question-preview-card-live,.question-bank-shell .preview-box,.hero-card,.test-card,.testi-card,.faculty-card,.center-card,.topper-card,.feature-card,.contact-card,.quick-admin-card,.admin-shell .panel,.app-shell .panel,.nta-main-card,.nta-side-card,.nta-question-header,.nta-count-card,.nta-side-panel,.nta-palette-card,.nta-legend-panel,.student-overview-card,.student-summary-card,.quick-link,.summary-tile{
  background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(244,248,253,.97) 100%) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.08) !important;
  color:#e8ddbd !important;
}
.course-card::after,.course-card-premium::before{background:linear-gradient(90deg,#1d4ed8,#0ea5a4) !important}
.course-card:hover,.feature-card:hover,.topper-card:hover,.faculty-card:hover,.test-card:hover,.testi-card:hover,.center-card:hover,.why-feature:hover,.question-bank-shell .saved-table tr:hover td{
  border-color:rgba(37,99,235,.26) !important;
  box-shadow:0 22px 46px rgba(15,23,42,.11) !important;
}
.course-icon,.fac-av,.topper-av,.highlight-badge,.course-thumb{
  background:linear-gradient(135deg,#e0ecff,#e8fbfb) !important;
  color:#e8ddbd !important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.12) !important;
}

.filter-btn,.badge-hot,.badge-new,.badge-pop,.badge-free,.badge-soft,.pill,.test-type,.subject-tab,.exam-chip,.nta-meta-chip,.nta-topbar-chip{
  background:linear-gradient(135deg,#eef5ff,#ecfeff) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.16) !important;
}
.filter-btn.active,.subject-tab.active,.exam-chip.active,.nta-meta-chip.active,.nta-topbar-chip.active{
  background:linear-gradient(135deg,#dbeafe,#ccfbf1) !important;
  color:#e8ddbd !important;
  border-color:rgba(14,165,164,.22) !important;
  box-shadow:0 10px 24px rgba(14,165,164,.12) !important;
}

.form-field input,.form-field select,.form-field textarea,.premium-input,.premium-select,.premium-textarea,.target-select,.math-live-wrap,#visual-math-field,.preview-box,.math-preview-sheet,#sharedEquationPreview,#sharedEquationLatex,.inline-render-box,.premium-mathfield,math-field.premium-mathfield,.form-control,select,input[type="text"],input[type="number"],textarea{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(148,163,184,.24) !important;
  box-shadow:none !important;
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.premium-input:focus,.premium-select:focus,.premium-textarea:focus,.premium-mathfield:focus-within,math-field.premium-mathfield:focus-within,.target-select:focus,.form-control:focus{
  border-color:#0f6cbd !important;
  box-shadow:0 0 0 4px rgba(14,165,164,.10) !important;
}
.form-field label,.field-label,.question-form label,.premium-label{color:#e8ddbd !important}

#courses,#why,#tests,#testimonials,#centers,#contact-section,#faculty,#toppers,#scholarship,.page-shell,.dashboard-shell,.admin-shell,.app-shell,.question-bank-shell{background:transparent !important}
#cta{
  background:linear-gradient(135deg,#0f1f37 0%,#14335d 58%,#135272 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 26px 56px rgba(2,6,23,.22) !important;
}
#cta h2,#cta p{background:none !important;-webkit-text-fill-color:initial !important;color:#f8fbff !important}
#cta p{color:rgba(239,246,255,.78) !important}
#cta .btn-outline{background:rgba(255,255,255,.92) !important;color:#e8ddbd !important}

.page-hero,.dashboard-banner,.admin-banner,.hero-surface{
  background:linear-gradient(135deg,#f7fbff 0%,#eef5ff 48%,#ebfbfb 100%) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 20px 44px rgba(15,23,42,.08) !important;
}
.page-hero::before,.dashboard-banner::before,.admin-banner::before{
  background:
    radial-gradient(circle at 84% 18%, rgba(14,165,164,.14), transparent 26%),
    radial-gradient(circle at 16% 86%, rgba(37,99,235,.12), transparent 24%) !important;
}

.question-bank-shell .q-badge{
  background:linear-gradient(135deg,#0284c7,#0ea5a4) !important;
  border-color:rgba(14,165,164,.18) !important;
  box-shadow:0 10px 24px rgba(14,165,164,.18) !important;
}
.question-bank-shell #openQuestionPreviewTop,
.question-bank-shell .btn-primary-strong,
.add-question-btn{
  background:linear-gradient(135deg,#1d4ed8,#0ea5a4) !important;
  color:#fff !important;
}
.question-bank-shell #openEquationEditorTop,.question-bank-shell .btn-soft{
  background:linear-gradient(180deg,#ffffff 0%,#f2fbfc 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(14,165,164,.16) !important;
}
.question-bank-shell #openEquationEditorTop:hover,.question-bank-shell .btn-soft:hover{
  background:linear-gradient(135deg,#dbeafe,#ccfbf1) !important;
  color:#e8ddbd !important;
}

.q-modal-card .toolbar-grid-premium .toolbar-btn,
.toolbar-grid-premium .toolbar-btn,
.math-snippet,
.math-toolbar button,
.visual-toolbar button{
  border:1px solid rgba(37,99,235,.18) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f1fbfb 100%) !important;
  color:#e8ddbd !important;
  box-shadow:0 10px 22px rgba(15,23,42,.06) !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn .tool-symbol,
.q-modal-card .toolbar-grid-premium .toolbar-btn .tool-label,
.toolbar-grid-premium .toolbar-btn .tool-symbol,
.toolbar-grid-premium .toolbar-btn .tool-label,
.math-snippet .tool-symbol,.math-snippet .tool-label,
.math-toolbar button .tool-symbol,.math-toolbar button .tool-label,
.tool-label,.visual-toolbar button,.visual-toolbar button span{color:#e8ddbd !important}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover,
.toolbar-grid-premium .toolbar-btn:hover,
.math-snippet:hover,
.math-toolbar button:hover,
.visual-toolbar button:hover{
  background:linear-gradient(135deg,#1d4ed8,#0ea5a4) !important;
  border-color:transparent !important;
}
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover .tool-symbol,
.q-modal-card .toolbar-grid-premium .toolbar-btn:hover .tool-label,
.toolbar-grid-premium .toolbar-btn:hover .tool-symbol,
.toolbar-grid-premium .toolbar-btn:hover .tool-label,
.math-snippet:hover .tool-symbol,.math-snippet:hover .tool-label,
.math-toolbar button:hover .tool-symbol,.math-toolbar button:hover .tool-label,
.visual-toolbar button:hover,.visual-toolbar button:hover span{color:#fff !important}

.math-editor-panel,.math-system-shell,.math-builder,.math-card,.editor-card,.math-system-card,.shared-equation-card{
  background:linear-gradient(145deg,#f7fbff 0%,#eef5ff 50%,#ecfeff 100%) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  color:#e8ddbd !important;
  box-shadow:0 24px 56px rgba(15,23,42,.10) !important;
}
.math-editor-panel h2,.math-editor-panel h3,.math-system-shell h2,.math-system-shell h3,.math-builder h2,.math-builder h3,.math-card h2,.math-card h3,.editor-card h2,.editor-card h3{
  background:linear-gradient(90deg,#10233f,#1d4ed8) !important;
  -webkit-background-clip:text !important;
  color:transparent !important;
}
.math-editor-panel label,.math-system-shell label,.math-builder label,.math-card label,.editor-card label{color:#e8ddbd !important}
.math-editor-panel textarea,.math-editor-panel select,.math-editor-panel input,.math-system-shell textarea,.math-system-shell select,.math-system-shell input,.math-builder textarea,.math-builder select,.math-builder input,.math-input,.math-preview,.preview-card,.equation-preview,.question-preview,.preview-panel{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(148,163,184,.22) !important;
}

.nta-main-card,.nta-side-card,.nta-question-header,.nta-count-card,.nta-side-panel,.nta-palette-card,.nta-legend-panel,.student-overview-card,.student-summary-card,.quick-link,.summary-tile,
.exam-shell,.exam-sticky,.exam-layout-shell,.exam-sidebar-card,.nta-layout,.nta-shell,.exam-card,.summary-card,.question-card,.palette-card,.student-card{
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(148,163,184,.18) !important;
}
.nta-progress-track,.progress-track{background:#d8e6f4 !important;border:1px solid rgba(148,163,184,.20) !important}
.nta-progress-bar,.progress-bar{background:linear-gradient(90deg,#1d4ed8,#0ea5a4) !important}
.nta-timer-state{background:linear-gradient(135deg,#15803d,#16a34a) !important}
.palette-btn.answered{background:linear-gradient(135deg,#16a34a,#22c55e) !important;color:#fff !important}
.palette-btn.answered-review{background:linear-gradient(135deg,#2563eb,#3b82f6) !important;color:#fff !important}
.palette-btn.review{background:linear-gradient(135deg,#6d28d9,#8b5cf6) !important;color:#fff !important}
.palette-btn.not-answered{background:linear-gradient(135deg,#dc2626,#ef4444) !important;color:#fff !important}
.palette-btn.not-visited{background:linear-gradient(135deg,#eef2f7,#e2e8f0) !important;color:#e8ddbd !important}

.review-status{background:#fff !important;color:#e8ddbd !important;border-color:rgba(148,163,184,.20) !important}
.review-status.correct,.review-option.correct,.question-preview-card-live .option.correct{background:linear-gradient(135deg,#e8fff1 0%,#dcfce7 100%) !important;border-color:rgba(34,197,94,.24) !important;color:#166534 !important}
.review-status.wrong,.review-option.wrong,.question-preview-card-live .option.wrong{background:linear-gradient(135deg,#fff1f2 0%,#ffe6ea 100%) !important;border-color:rgba(239,68,68,.24) !important;color:#b91c1c !important}
.review-option,.question-preview-card-live,.question-preview-card-live .option,.complete-option-preview-card,.option-preview-panel{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;border:1px solid rgba(148,163,184,.20) !important;color:#e8ddbd !important}

.ticker-wrap{background:linear-gradient(90deg,#dbeafe 0%,#ccfbf1 50%,#dbeafe 100%) !important}
.ticker-item{color:#e8ddbd !important}
#footer{
  background:linear-gradient(180deg,#0f1f37 0%,#142f53 100%) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
#footer p,#footer a,#footer li,.footer-bottom,.footer-bottom span,.footer-brand-col p{color:rgba(239,246,255,.76) !important}
#footer h3,#footer h4,#footer h5,.footer-col h5{background:none !important;-webkit-text-fill-color:initial !important;color:#ffffff !important}
.social-link{background:rgba(255,255,255,.10) !important;border:1px solid rgba(255,255,255,.10) !important;color:#eff6ff !important}
.social-link:hover{background:rgba(34,211,238,.16) !important}
.footer-col a:hover{color:#e8ddbd !important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.10) !important}
.orb-gold{background:radial-gradient(circle, rgba(14,165,164,.36), transparent 70%) !important}
.orb-blue{background:radial-gradient(circle, rgba(37,99,235,.36), transparent 70%) !important}
.star{background:#bfdbfe !important;opacity:.22 !important}


/* ===== V6.6.1 targeted homepage + analytics polish ===== */
/* Keep earlier better theme, only fix readability and line breaks */
.hero-card{
  background:linear-gradient(180deg,rgba(248,251,255,.97) 0%,rgba(239,246,255,.95) 100%) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 24px 58px rgba(15,23,42,.16) !important;
}
.hero-card h3,
.hero-card .hero-card-head h3{
  color:#e8ddbd !important;
  background:none !important;
  -webkit-text-fill-color:initial !important;
}
.hero-card p,
.hero-card .hero-card-head p,
.hero-card .form-field label{
  color:#e8ddbd !important;
}
.hero-card .form-field input,
.hero-card .form-field select,
.hero-card .form-field textarea{
  background:#ffffff !important;
  border:1px solid rgba(37,99,235,.14) !important;
  color:#e8ddbd !important;
  box-shadow:none !important;
}
.hero-card .form-field input::placeholder{color:#e8ddbd !important;}

/* Make homepage reference sections feel on-theme and readable */
#courses .course-card,
#results .topper-card,
#testimonials .testi-card,
#contact-section .contact-inner > div:first-child{
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(242,248,255,.98) 100%) !important;
  border:1px solid rgba(96,165,250,.18) !important;
  box-shadow:0 18px 44px rgba(37,99,235,.08) !important;
}
#courses .course-card h3,
#results .topper-card h5,
#testimonials .testi-name,
#contact-section h3{
  color:#e8ddbd !important;
  background:none !important;
  -webkit-text-fill-color:initial !important;
}
#courses .course-card p,
#results .topper-meta,
#testimonials .testi-detail,
#testimonials .testi-card p,
#contact-section p{
  color:#e8ddbd !important;
}
#courses .course-meta span,
#results .topper-rank,
#testimonials .testi-quote{
  color:#e8ddbd !important;
}

/* Keep major homepage section headings in one line on desktop */
@media (min-width: 992px){
  #why .section-header h2,
  #results .section-header h2,
  #scholarship .section-header h2,
  #testimonials .section-header h2,
  #contact-section .section-header h2{
    white-space:nowrap !important;
    font-size:clamp(34px,4.2vw,72px) !important;
    line-height:1.08 !important;
  }
}

/* ===== V6.5.2 targeted polish ===== */
/* 1) Make the secondary hero line readable */
#hero .hero-h1 .italic{
  color:#e8ddbd !important;
  text-shadow:0 8px 30px rgba(8,47,73,.18) !important;
}

/* 2) Hero enquiry card readability */
#hero .hero-card,
.hero-card{
  background:linear-gradient(180deg,rgba(248,251,255,.96) 0%,rgba(240,246,255,.94) 100%) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:0 28px 60px rgba(15,23,42,.18) !important;
}
#hero .hero-card h3,
.hero-card .hero-card-head h3{
  color:#e8ddbd !important;
  background:none !important;
  -webkit-text-fill-color:initial !important;
}
#hero .hero-card p,
#hero .hero-card .form-field label,
.hero-card .hero-card-head p,
.hero-card .form-field label{
  color:#e8ddbd !important;
}
#hero .hero-card .form-field input,
#hero .hero-card .form-field select,
.hero-card .form-field input,
.hero-card .form-field select{
  background:#ffffff !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.14) !important;
}
#hero .hero-card .form-field input::placeholder,
.hero-card .form-field input::placeholder{color:#e8ddbd !important;}

/* 3) Keep homepage major headings in one line and same scale on desktop */
@media (min-width: 992px){
  #faculty .section-header h2,
  #tests .section-header h2,
  #why .section-header h2,
  #results .section-header h2,
  #scholarship .section-header h2,
  #testimonials .section-header h2,
  #contact-section .section-header h2{
    white-space:nowrap !important;
    font-size:clamp(32px,3.45vw,58px) !important;
    line-height:1.08 !important;
    letter-spacing:-0.02em !important;
  }
}

/* 4) Course page cards and thumbs aligned to theme */
.course-card-premium{
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(241,246,255,.98) 100%) !important;
  border:1px solid rgba(96,165,250,.18) !important;
  box-shadow:0 18px 44px rgba(37,99,235,.08) !important;
}
.course-card-premium h3{
  color:#e8ddbd !important;
  background:none !important;
  -webkit-text-fill-color:initial !important;
}
.course-card-premium p,
.course-card-premium .muted{color:#e8ddbd !important;}
.course-card-premium .course-thumb{
  background:linear-gradient(135deg,#dbeafe,#ecfeff) !important;
  border:1px solid rgba(37,99,235,.12) !important;
  border-radius:18px !important;
  filter:saturate(1.08) contrast(1.02) !important;
}
.course-card-premium .badge{
  background:#eff6ff !important;
  border:1px solid rgba(59,130,246,.18) !important;
  color:#e8ddbd !important;
}

/* 5) Visual equation editor primary buttons to match site buttons */
.math-editor-panel .btn-gold,
.math-system-shell .btn-gold,
.math-builder .btn-gold,
.math-card .btn-gold,
.editor-card .btn-gold,
.shared-equation-card .btn-gold,
#openEquationEditorTop,
.question-bank-shell .btn-primary-strong,
.visual-editor-shell .btn-gold,
.math-editor-panel .primary-btn{
  font-family:'Syne',system-ui,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 58%,#7c3aed 100%) !important;
}




/* ===== V6.5.3 UX MOTION + MICRO-INTERACTIONS ===== */

/* Unify primary CTA look for Visual Equation Editor buttons */
#show-keyboard-btn,
#insert-equation-btn{
  background: linear-gradient(135deg,#2563eb 0%,#0ea5a4 100%) !important;
  color:#ffffff !important;
  font-family:var(--font-body) !important;
  font-weight:600 !important;
  font-size:14px !important;
  letter-spacing:.3px !important;
  text-transform:none !important;
  border:none !important;
  border-radius:999px !important;
  box-shadow:0 10px 24px rgba(37,99,235,.18) !important;
}
#show-keyboard-btn:hover,
#insert-equation-btn:hover{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 14px 30px rgba(14,165,164,.18), 0 10px 22px rgba(37,99,235,.18) !important;
}

/* Premium button glow */
.btn,
.btn-gold,
.btn-outline,
.btn-ghost,
.btn-primary-strong,
.btn-soft,
.nta-btn-primary,
button[type="submit"],
a.btn{
  position:relative;
  overflow:hidden;
  will-change:transform, box-shadow;
}
.btn::after,
.btn-primary-strong::after,
.nta-btn-primary::after,
button[type="submit"]::after{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.18) 40%, transparent 68%);
  transform:translateX(-140%);
  transition:transform .7s ease;
  pointer-events:none;
}
.btn:hover::after,
.btn-primary-strong:hover::after,
.nta-btn-primary:hover::after,
button[type="submit"]:hover::after{
  transform:translateX(140%);
}
.btn:hover,
.btn-primary-strong:hover,
.btn-soft:hover,
.nta-btn-primary:hover,
a.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(37,99,235,.14);
}

/* Soft hover lift for cards and panels */
.hero-card,
.glass-panel,
.dashboard-card,
.panel,
.card,
.student-card,
.feature-card,
.scheme-card,
.step-card,
.white-card,
.form-card,
.app-card,
.exam-card,
.summary-card,
.question-card,
.palette-card,
.course-card,
.result-card,
.stat-card{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
  will-change:transform, box-shadow;
}
.hero-card:hover,
.glass-panel:hover,
.dashboard-card:hover,
.panel:hover,
.card:hover,
.student-card:hover,
.feature-card:hover,
.scheme-card:hover,
.step-card:hover,
.white-card:hover,
.form-card:hover,
.app-card:hover,
.exam-card:hover,
.summary-card:hover,
.question-card:hover,
.palette-card:hover,
.course-card:hover,
.result-card:hover,
.stat-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 46px rgba(37,99,235,.14) !important;
  border-color:rgba(37,99,235,.22) !important;
}

/* Navigation + chips polish */
.nav-links a,
.subject-tab,
.pill,
.exam-chip,
.nta-meta-chip,
.nta-topbar-chip{
  transition:background .22s ease, border-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.nav-links a:hover,
.subject-tab:hover,
.pill:hover,
.exam-chip:hover,
.nta-meta-chip:hover,
.nta-topbar-chip:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(37,99,235,.10);
}

/* Exam palette transitions */
.palette-btn,
.nta-palette-btn,
.legend-chip,
.nta-count-box{
  transition:transform .18s ease, box-shadow .18s ease, background .2s ease, border-color .2s ease, color .2s ease !important;
}
.palette-btn:hover,
.nta-palette-btn:hover{
  transform:translateY(-1px) scale(1.02);
  box-shadow:0 10px 18px rgba(37,99,235,.15);
}

/* Question option motion */
.nta-option-item,
.question-option,
.option,
.option-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.nta-option-item:hover,
.question-option:hover,
.option:hover,
.option-card:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 20px rgba(37,99,235,.10);
}

/* Dashboard polish */
.metric-card,
.dashboard-stat,
.dashboard-card .stat-value,
.kpi-card{
  transition:transform .24s ease, box-shadow .24s ease;
}
.metric-card:hover,
.dashboard-stat:hover,
.kpi-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 32px rgba(37,99,235,.16);
}

/* Scroll reveal animations */
.reveal-up,
.reveal-fade{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .65s ease, transform .65s cubic-bezier(.22,1,.36,1);
}
.reveal-fade{transform:none}
.reveal-in{
  opacity:1 !important;
  transform:none !important;
}
.reveal-stagger > *{
  opacity:0;
  transform:translateY(18px);
}
.reveal-stagger.reveal-in > *{
  opacity:1;
  transform:none;
  transition:opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1);
}
.reveal-stagger.reveal-in > *:nth-child(1){transition-delay:.03s}
.reveal-stagger.reveal-in > *:nth-child(2){transition-delay:.08s}
.reveal-stagger.reveal-in > *:nth-child(3){transition-delay:.13s}
.reveal-stagger.reveal-in > *:nth-child(4){transition-delay:.18s}
.reveal-stagger.reveal-in > *:nth-child(5){transition-delay:.23s}
.reveal-stagger.reveal-in > *:nth-child(6){transition-delay:.28s}

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce){
  .btn,.btn::after,.btn-primary-strong::after,.nta-btn-primary::after,button[type="submit"]::after,
  .hero-card,.glass-panel,.dashboard-card,.panel,.card,.student-card,.feature-card,.scheme-card,.step-card,.white-card,.form-card,.app-card,.exam-card,.summary-card,.question-card,.palette-card,.course-card,.result-card,.stat-card,
  .reveal-up,.reveal-fade,.reveal-stagger > *,
  .nav-links a,.subject-tab,.pill,.exam-chip,.nta-meta-chip,.nta-topbar-chip,.palette-btn,.nta-palette-btn,.legend-chip,.nta-count-box,.nta-option-item,.question-option,.option,.option-card{
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
}


/* ===== V6.5.4 FINAL STABILITY + VISIBILITY HOTFIX ===== */
/* Keep the homepage enquiry card fixed in place even with reveal/hover effects */
#hero .hero-card,
.hero-card{
  background:linear-gradient(180deg,rgba(248,251,255,.98) 0%,rgba(240,246,255,.96) 100%) !important;
}
#hero .hero-card{
  top:50% !important;
  transform:translateY(-50%) !important;
  transition:box-shadow .28s ease,border-color .28s ease,background .28s ease !important;
}
#hero .hero-card.reveal-up{
  opacity:0;
  transform:translateY(calc(-50% + 22px)) !important;
}
#hero .hero-card.reveal-in{
  opacity:1 !important;
  transform:translateY(-50%) !important;
}
#hero .hero-card:hover{
  transform:translateY(-50%) !important;
  box-shadow:0 28px 60px rgba(15,23,42,.18) !important;
}
#hero .hero-card h3,
#hero .hero-card .hero-card-head h3{
  color:#e8ddbd !important;
}
#hero .hero-card p,
#hero .hero-card .hero-card-head p,
#hero .hero-card .form-field label{
  color:#e8ddbd !important;
}
#hero .hero-card .form-field input,
#hero .hero-card .form-field select,
#hero .hero-card .form-field textarea{
  background:#ffffff !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.14) !important;
}
#hero .hero-card .form-field input::placeholder,
#hero .hero-card .form-field textarea::placeholder{color:#e8ddbd !important;}

/* Remove leftover warm/gold glow patches from earlier themes */
:root{
  --page-bg-grad:radial-gradient(circle at 18% 2%, rgba(96,165,250,.14), transparent 30%),
                 radial-gradient(circle at 82% 14%, rgba(59,130,246,.10), transparent 26%),
                 linear-gradient(180deg,#eef4ff 0%,#dfeaff 52%,#d6e4ff 100%) !important;
}
body::before{background:var(--page-bg-grad) !important;}
.orb-gold,
#hero .orb-gold{
  background:radial-gradient(circle, rgba(96,165,250,.34), transparent 70%) !important;
  opacity:.12 !important;
}
.hero-bg{
  background:
    radial-gradient(ellipse 70% 70% at 70% 40%,rgba(37,99,235,0.22) 0%,transparent 65%),
    radial-gradient(ellipse 40% 40% at 20% 80%,rgba(14,165,164,0.08) 0%,transparent 60%),
    linear-gradient(180deg,#0b2d5c 0%,#103c74 55%,#0b2d5c 100%) !important;
}

/* Stronger visibility for form labels, checkbox rows, and light admin fields */
.form-field label,
.form-label,
label,
.admin-shell label,
.app-shell label{
  color:#e8ddbd;
}
input[type="checkbox"]{
  accent-color:#2563eb;
  width:16px;
  height:16px;
}
input[type="checkbox"] + label,
.form-field input[type="checkbox"] + label,
.form-field-inline label,
.check-row label,
.checkbox-row label{
  color:#e8ddbd !important;
  font-weight:700 !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px !important;
}
.form-field[style*="align-items:center"],
.checkbox-row,
.check-row{
  background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%);
  border:1px solid rgba(96,134,226,.18);
  border-radius:16px;
  padding:14px 16px;
}

/* Visual equation editor primary buttons must match the preview-question look */
#show-keyboard-btn,
#insert-equation-btn,
.visual-editor-shell #show-keyboard-btn,
.visual-editor-shell #insert-equation-btn{
  background:linear-gradient(135deg,#2563eb 0%,#0ea5a4 100%) !important;
  color:#ffffff !important;
  font-family:'Syne',system-ui,sans-serif !important;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  border:none !important;
  border-radius:999px !important;
  min-height:42px !important;
  box-shadow:0 12px 28px rgba(37,99,235,.18) !important;
}
#show-keyboard-btn:hover,
#insert-equation-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 32px rgba(37,99,235,.22) !important;
}

/* Clean, readable toast so blank popups do not appear as empty dark boxes */
.toast{
  background:linear-gradient(180deg,#0f2f61 0%,#12386f 100%) !important;
  border:1px solid rgba(59,130,246,.45) !important;
  color:#eff6ff !important;
  min-width:220px;
}

/* Courses page thumbnails aligned to the blue theme */
.course-card-premium .course-thumb,
.course-thumb{
  background:linear-gradient(135deg,#dbeafe,#ecfeff) !important;
  border:1px solid rgba(37,99,235,.12) !important;
  filter:saturate(1.1) hue-rotate(170deg) contrast(1.03) !important;
}


/* ===== V6.5.5 HERO ALIGN + GOLD PATCH REMOVAL HOTFIX ===== */
/* Keep the homepage enquiry card locked in the earlier polished position */
#hero{
  overflow:visible;
}
#hero .hero-card,
#hero .hero-card.reveal-up,
#hero .hero-card.reveal-in,
#hero .hero-card:hover,
#hero .hero-card:focus-within{
  top:52.5% !important;
  opacity:1 !important;
  transform:translateY(-50%) !important;
  animation:none !important;
  will-change:auto !important;
}
#hero .hero-card{
  right:6% !important;
}

/* Remove remaining warm/yellow glow patches and replace them with cool blue light */
.orb-gold,
#hero .orb-gold,
.contact-card::after,
.page-hero::before,
#cta::before,
.dashboard-banner::before{
  background:
    radial-gradient(circle, rgba(96,165,250,.18) 0%, rgba(59,130,246,.10) 38%, transparent 72%) !important;
}

.hero-bg{
  background:
    radial-gradient(ellipse 68% 68% at 74% 42%,rgba(37,99,235,0.22) 0%,transparent 64%),
    radial-gradient(ellipse 34% 34% at 18% 78%,rgba(14,165,164,0.06) 0%,transparent 58%),
    linear-gradient(180deg,#0c2e5f 0%,#0f3a72 52%,#0c2e5f 100%) !important;
}

.hero-grid-lines{
  background-image:
    linear-gradient(rgba(96,165,250,0.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(96,165,250,0.08) 1px,transparent 1px) !important;
}

/* Cool blue chips/kickers where old warm tint could leak through */
.hero-pill,
.page-kicker,
.highlight-badge{
  background:rgba(59,130,246,.08) !important;
  border-color:rgba(96,165,250,.28) !important;
  color:#e8ddbd !important;
}

/* Prevent tiny warm ghosting in card corners on contact/admin forms */
.panel::before,
.panel::after,
.contact-card::before,
.contact-card::after,
.form-card::before,
.form-card::after{
  filter:none !important;
}

/* Slightly stronger label contrast for light admin/public forms */
.form-field label,
.panel .form-field label,
.page-hero .form-field label{
  color:#e8ddbd !important;
}


/* ===== V6.5.6 EVEN GRADIENT DISTRIBUTION HOTFIX ===== */
/* Remove localized corner blobs and use smooth page-wide gradients instead */
.contact-card::after,
.page-hero::before,
#cta::before,
.dashboard-banner::before,
.orb-gold,
#hero .orb-gold{
  background:none !important;
  content:'' !important;
}

body::before{
  background:
    radial-gradient(900px 520px at 18% 22%, rgba(96,165,250,.10) 0%, rgba(96,165,250,.05) 28%, transparent 58%),
    radial-gradient(780px 480px at 82% 18%, rgba(59,130,246,.08) 0%, rgba(59,130,246,.04) 26%, transparent 56%),
    radial-gradient(820px 520px at 50% 78%, rgba(14,165,164,.05) 0%, rgba(14,165,164,.025) 20%, transparent 52%),
    linear-gradient(180deg,#eef4ff 0%, #e9f1ff 36%, #e3edff 68%, #dbe7ff 100%) !important;
}

.public-shell,
.app-shell,
.admin-shell,
.page-wrap,
.main-wrapper{
  background:transparent !important;
}

.panel,
.page-hero,
.contact-card,
.form-card,
.white-card{
  background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(246,250,255,.94) 100%) !important;
}

.panel::before,
.panel::after,
.contact-card::before,
.contact-card::after,
.form-card::before,
.form-card::after,
.page-hero::before,
.page-hero::after{
  box-shadow:none !important;
  filter:none !important;
}

/* Keep soft cool depth without visible blobs at edges */
.panel,
.page-hero,
.contact-card,
.form-card,
.white-card,
.hero-card{
  box-shadow:
    0 20px 45px rgba(37,99,235,.07),
    0 2px 0 rgba(255,255,255,.55) inset !important;
}


/* ===== V6.6 REPORTS + WARNING SYSTEM + SUBMIT BUTTON ===== */
.nta-btn-submit-final,
.nta-actions .nta-btn-submit-final,
.exam-shell .nta-btn-submit-final{
  margin-left:auto;
  background:linear-gradient(135deg,#dc2626,#f97316) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:0 12px 26px rgba(220,38,38,.24) !important;
}
.nta-btn-submit-final:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(220,38,38,.28) !important;
}
.exam-warning-box{
  position:fixed;
  top:92px;
  right:22px;
  z-index:5000;
  min-width:300px;
  max-width:420px;
  padding:14px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,#f59e0b,#ef4444);
  color:#fff;
  font-weight:700;
  line-height:1.45;
  box-shadow:0 18px 40px rgba(15,23,42,.24);
  border:1px solid rgba(255,255,255,.18);
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .22s ease, transform .22s ease;
}
.exam-warning-box[data-tone="danger"]{background:linear-gradient(135deg,#dc2626,#b91c1c);}
.exam-warning-box.show{opacity:1;transform:translateY(0);}
@media (max-width:700px){.exam-warning-box{left:14px;right:14px;min-width:0;top:78px;}}


/* ===== V6.6.2 FINAL SUBMIT BUTTON STRONGER ===== */
.nta-btn-submit-final,
.exam-shell .nta-btn-submit-final,
#submitExamBtn{
  background: linear-gradient(135deg, #dc2626 0%, #f97316 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(220, 38, 38, 0.28) !important;
}
.nta-btn-submit-final:hover,
#submitExamBtn:hover{
  background: linear-gradient(135deg, #b91c1c 0%, #ea580c 100%) !important;
  color: #ffffff !important;
}


/* ===== V6.6.6 COMPACT EXAM LAYOUT ===== */
.compact-exam-shell,
.nta-exam-shell{
  padding-top: 12px !important;
}

.compact-nta-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 400px !important;
  gap:18px !important;
  align-items:start !important;
}

.compact-nta-main .nta-left{
  min-width:0;
}

.compact-nta-main .nta-right,
.nta-exam-shell .nta-right{
  position:sticky !important;
  top:14px !important;
  align-self:start !important;
  max-height:calc(100vh - 28px) !important;
  overflow:auto !important;
  padding-right:4px;
}

.compact-exam-shell .dashboard-banner,
.compact-exam-shell .exam-top-panel,
.compact-exam-shell .nta-meta-wrap,
.compact-exam-shell .nta-header-panel{
  margin-bottom:12px !important;
}

.compact-exam-shell .section-row,
.compact-exam-shell .stats-strip,
.compact-exam-shell .exam-meta,
.compact-exam-shell .nta-chip-row{
  gap:10px !important;
}

.compact-exam-shell .nta-topbar-chip,
.compact-exam-shell .nta-meta-chip,
.compact-exam-shell .subject-tab,
.compact-exam-shell .pill{
  padding:8px 14px !important;
  min-height:auto !important;
}

.compact-exam-shell .nta-progress-wrap,
.compact-exam-shell .progress-wrap{
  margin:8px 0 10px !important;
}

.compact-exam-shell .compact-question-card,
.compact-exam-shell .nta-question-card{
  margin-top:10px !important;
}

.compact-exam-shell .nta-question-card .question-header,
.compact-exam-shell .nta-question-card .section-row{
  margin-bottom:10px !important;
}

.compact-exam-shell .nta-question-title,
.compact-exam-shell .question-title{
  font-size:18px !important;
  line-height:1.25 !important;
}

.compact-exam-shell .question-body,
.compact-exam-shell .question-text,
.compact-exam-shell .question-content{
  padding-top:10px !important;
}

.compact-exam-shell .nta-option-item,
.compact-exam-shell .question-option{
  padding:14px 16px !important;
  margin-bottom:10px !important;
}

.compact-exam-shell .nta-action-bar,
.compact-exam-shell .exam-action-bar{
  position:sticky !important;
  bottom:10px !important;
  z-index:15 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,249,255,.98)) !important;
  border:1px solid rgba(37,99,235,.12) !important;
  border-radius:18px !important;
  padding:12px !important;
  box-shadow:0 14px 30px rgba(37,99,235,.10) !important;
}

.compact-exam-shell .nta-question-panel,
.compact-exam-shell .question-panel{
  min-height:auto !important;
}

.compact-exam-shell .dashboard-banner h2,
.compact-exam-shell .admin-intro-title,
.compact-exam-shell .nta-page-title{
  font-size:20px !important;
  margin-bottom:8px !important;
}

/* Reduce whitespace above first question on exam page */
.compact-exam-shell .panel:first-child,
.compact-exam-shell .dashboard-banner:first-child{
  padding-top:18px !important;
}

@media (max-width: 1200px){
  .compact-nta-main{
    grid-template-columns:minmax(0,1fr) 340px !important;
  }
}
@media (max-width: 980px){
  .compact-nta-main{
    grid-template-columns:1fr !important;
  }
  .compact-nta-main .nta-right,
  .nta-exam-shell .nta-right{
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .compact-exam-shell .nta-action-bar,
  .compact-exam-shell .exam-action-bar{
    position:relative !important;
    bottom:auto !important;
  }
}


/* ===== V6.6.7 ULTRA-PREMIUM CLEAN UI ===== */
/* Remove dev-style slash labels for a cleaner production look */
.tag,
.page-kicker,
.hero-pill,
.section-kicker,
.admin-page-intro .tag,
.dashboard-banner .tag,
.panel .tag,
.page-hero .page-kicker,
.results-page .tag,
.contact-card .tag{
  display:none !important;
}

.tag::before,
.page-kicker::before,
.hero-pill::before{
  display:none !important;
  content:none !important;
}

/* Re-balance spacing after removing technical labels */
.dashboard-banner,
.page-hero,
.panel{
  padding-top: 28px !important;
}

.dashboard-banner h1,
.dashboard-banner h2,
.page-hero h1,
.page-hero h2,
.panel h1,
.panel h2{
  margin-top: 0 !important;
}

/* Clean premium typography */
h1, h2, h3, .hero-h1, .admin-intro-title{
  letter-spacing: -0.02em;
}

.section-subtitle,
.hero-sub,
.page-hero p,
.panel p{
  color:#e8ddbd !important;
}

/* Softer, cleaner cards and shells */
.panel,
.page-hero,
.hero-card,
.stats-tile,
.stat-card,
.contact-info-box,
.mini-panel,
.quick-link,
.white-card,
.form-card{
  border-color: rgba(37,99,235,.10) !important;
  box-shadow:
    0 16px 34px rgba(15,23,42,.05),
    0 1px 0 rgba(255,255,255,.65) inset !important;
}

/* Cleaner buttons */
.btn,
button,
input[type="submit"],
input[type="button"]{
  letter-spacing: 0 !important;
}

.btn-outline{
  border-color: rgba(37,99,235,.14) !important;
  color:#e8ddbd !important;
  background: rgba(255,255,255,.86) !important;
}

.btn-outline:hover{
  background:#ffffff !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.10) !important;
}

/* Make tables and dashboard views cleaner */
.data-table th{
  color:#e8ddbd !important;
}
.data-table td{
  color:#e8ddbd !important;
}

/* Keep functional exam chips but reduce visual noise */
.compact-exam-shell .hero-pill,
.compact-exam-shell .tag{
  display:none !important;
}

.compact-exam-shell .nta-topbar-chip,
.compact-exam-shell .nta-meta-chip,
.compact-exam-shell .subject-tab,
.compact-exam-shell .pill{
  background: linear-gradient(180deg,#f9fbff 0%,#eef5ff 100%) !important;
  border-color: rgba(37,99,235,.14) !important;
  color:#e8ddbd !important;
  box-shadow:none !important;
}

/* Cleaner section spacing */
section{
  scroll-margin-top: 96px;
}
\n\n/* ===== V6.6.8 REAL NTA ULTRA PREMIUM EXAM UI ===== */

/* Layout tightening */
.compact-exam-shell,
.nta-exam-shell{
  padding-top: 4px !important;
}

.compact-nta-main{
  gap: 16px !important;
  align-items: start !important;
}

.nta-exam-shell .nta-right,
.compact-nta-main .nta-right{
  top: 4px !important;
  align-self: start !important;
  position: sticky !important;
}

/* Top console + meta area */
.nta-exam-shell .dashboard-banner,
.nta-exam-shell .exam-top-panel,
.nta-exam-shell .nta-header-panel{
  padding: 20px 22px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(247,250,255,.97) 100%) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  box-shadow: 0 18px 36px rgba(15,23,42,.06) !important;
}

.nta-exam-shell .nta-page-title,
.nta-exam-shell .dashboard-banner h2{
  font-size: 18px !important;
  line-height: 1.2 !important;
  margin-bottom: 10px !important;
  color: #e8ddbd !important;
}

.nta-exam-shell .nta-topbar-chip,
.nta-exam-shell .nta-meta-chip,
.nta-exam-shell .pill,
.nta-exam-shell .subject-tab{
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,#f9fbff 0%,#eef5ff 100%) !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  color: #e8ddbd !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: .08em !important;
  box-shadow: none !important;
}

/* Progress line */
.nta-exam-shell .nta-progress-wrap,
.nta-exam-shell .progress-wrap{
  margin: 10px 0 12px !important;
}
.nta-exam-shell .nta-progress,
.nta-exam-shell .progress{
  height: 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,#e9f1ff 0%, #dfeaff 100%) !important;
  border: 1px solid rgba(96,165,250,.38) !important;
  overflow: hidden !important;
}
.nta-exam-shell .nta-progress > span,
.nta-exam-shell .progress > span,
.nta-exam-shell .progress-bar{
  background: linear-gradient(90deg,#2563eb 0%, #7c3aed 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset !important;
}

/* Question card brought visually higher and cleaner */
.compact-question-card,
.nta-exam-shell .nta-question-card{
  margin-top: 8px !important;
  padding: 18px 20px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(248,251,255,.97) 100%) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  box-shadow: 0 18px 40px rgba(15,23,42,.06) !important;
}

.nta-exam-shell .question-header,
.nta-exam-shell .question-topbar,
.nta-exam-shell .nta-question-card .section-row{
  margin-bottom: 10px !important;
  gap: 10px !important;
}

.nta-exam-shell .question-header h2,
.nta-exam-shell .question-header h3,
.nta-exam-shell .question-header .question-number,
.nta-exam-shell .nta-question-title{
  font-size: 20px !important;
  line-height: 1.2 !important;
  color: #e8ddbd !important;
}

.nta-exam-shell .question-body,
.nta-exam-shell .question-content,
.nta-exam-shell .question-text{
  color: #e8ddbd !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

.nta-exam-shell .question-text p{
  margin-bottom: 10px !important;
}

/* Question status chips */
.nta-exam-shell .question-topbar .pill,
.nta-exam-shell .question-header .pill,
.nta-exam-shell .question-meta .pill{
  font-size: 11px !important;
  padding: 8px 14px !important;
}

/* Options look like polished NTA blocks */
.nta-exam-shell .nta-option-item,
.nta-exam-shell .question-option,
.nta-exam-shell .option-card{
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  color: #e8ddbd !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.04) !important;
  margin-bottom: 10px !important;
}

.nta-exam-shell .nta-option-item:hover,
.nta-exam-shell .question-option:hover,
.nta-exam-shell .option-card:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(59,130,246,.28) !important;
  box-shadow: 0 12px 24px rgba(37,99,235,.08) !important;
}

.nta-exam-shell .nta-option-item.selected,
.nta-exam-shell .question-option.selected,
.nta-exam-shell .option-card.selected{
  background: linear-gradient(180deg,#eef4ff 0%,#e6efff 100%) !important;
  border-color: rgba(37,99,235,.35) !important;
}

.nta-exam-shell .option-letter,
.nta-exam-shell .option-index{
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #e8ddbd !important;
  background: linear-gradient(180deg,#f9fbff 0%,#edf4ff 100%) !important;
  border: 1px solid rgba(96,165,250,.28) !important;
}

.nta-exam-shell .option-text{
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* Right panel like real exam console */
.nta-exam-shell .nta-right > *,
.nta-exam-shell .palette-card,
.nta-exam-shell .time-panel,
.nta-exam-shell .exam-timer-card{
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.96) 100%) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  box-shadow: 0 18px 36px rgba(15,23,42,.06) !important;
}

/* Timer tuned smaller and tighter */
.nta-exam-shell .time-panel,
.nta-exam-shell .exam-timer-card{
  padding: 18px 20px !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.nta-exam-shell .timer-label,
.nta-exam-shell .time-title{
  font-size: 11px !important;
  letter-spacing: .18em !important;
  color: #e8ddbd !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.nta-exam-shell .exam-timer,
.nta-exam-shell .time-left,
.nta-exam-shell .timer-value{
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  color: #e8ddbd !important;
}

.nta-exam-shell .timer-warning,
.nta-exam-shell .warning-chip,
.nta-exam-shell .time-panel .btn-warning{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg,#2563eb 0%, #4f46e5 100%) !important;
  border: none !important;
  box-shadow: 0 10px 20px rgba(37,99,235,.16) !important;
}

/* Palette cleaner and more visible */
.nta-exam-shell .palette-card{
  padding: 18px 20px !important;
}

.nta-exam-shell .palette-card h3,
.nta-exam-shell .palette-card h4{
  font-size: 18px !important;
  color: #e8ddbd !important;
  margin-bottom: 10px !important;
}

.nta-exam-shell .nta-palette-btn,
.nta-exam-shell .palette-btn{
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg,#ffffff 0%,#eff5ff 100%) !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  color: #e8ddbd !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.nta-exam-shell .nta-palette-btn.active,
.nta-exam-shell .palette-btn.active{
  background: linear-gradient(135deg,#2563eb 0%, #7c3aed 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 24px rgba(37,99,235,.18) !important;
}

/* Legend cards refined */
.nta-exam-shell .legend-chip,
.nta-exam-shell .nta-count-box{
  border-radius: 18px !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

/* Sticky action bar like premium NTA footer controls */
.nta-exam-shell .nta-action-bar,
.nta-exam-shell .exam-action-bar{
  position: sticky !important;
  bottom: 10px !important;
  z-index: 15 !important;
  padding: 12px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(246,250,255,.98) 100%) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  box-shadow: 0 18px 36px rgba(15,23,42,.08) !important;
  backdrop-filter: blur(10px) !important;
}

.nta-exam-shell .nta-action-bar .btn,
.nta-exam-shell .exam-action-bar .btn{
  min-height: 46px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* Submit remains distinct */
.nta-exam-shell .nta-btn-submit-final,
.nta-exam-shell #submitExamBtn{
  background: linear-gradient(135deg,#dc2626 0%, #f97316 100%) !important;
  color:#fff !important;
  box-shadow: 0 14px 28px rgba(220,38,38,.20) !important;
}

/* Better full-screen fit */
.nta-exam-shell .question-panel,
.nta-exam-shell .nta-question-panel{
  min-height: auto !important;
}

@media (max-width: 1200px){
  .compact-nta-main{
    grid-template-columns: minmax(0,1fr) 360px !important;
  }
  .nta-exam-shell .exam-timer,
  .nta-exam-shell .time-left,
  .nta-exam-shell .timer-value{
    font-size: 28px !important;
  }
}
@media (max-width: 980px){
  .compact-nta-main{
    grid-template-columns: 1fr !important;
  }
  .nta-exam-shell .nta-right,
  .compact-nta-main .nta-right{
    position: relative !important;
    top: auto !important;
  }
}\n

/* ===== V6.6.9 EXAM RIGHT PANEL REFINED ===== */
/* Timer card: smaller clock, visible outline */
.exam-shell .nta-side-card .nta-timer-panel,
.nta-shell .nta-side-card .nta-timer-panel,
.nta-side-card .nta-timer-panel{
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
  border: 1px solid rgba(37,99,235,.22) !important;
  background: linear-gradient(180deg,#fbfdff 0%,#f2f7ff 100%) !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.08) !important;
  border-radius: 18px !important;
}

.exam-shell .nta-side-card .nta-timer-label,
.nta-shell .nta-side-card .nta-timer-label,
.nta-side-card .nta-timer-label{
  font-size: 11px !important;
  letter-spacing: .16em !important;
  color: #e8ddbd !important;
  margin-bottom: 6px !important;
}

.exam-shell .nta-side-card .nta-timer-box,
.nta-shell .nta-side-card .nta-timer-box,
.nta-side-card .nta-timer-box,
#examTimer{
  font-size: 1.55rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  color: #e8ddbd !important;
}

.exam-shell .nta-side-card .nta-timer-state,
.nta-shell .nta-side-card .nta-timer-state,
.nta-side-card .nta-timer-state{
  margin-top: 8px !important;
  padding: 6px 12px !important;
  font-size: 11px !important;
}

/* Reduce gap between time tab and question palette */
.exam-shell .nta-side-card .nta-side-head,
.nta-shell .nta-side-card .nta-side-head,
.nta-side-card .nta-side-head{
  margin-bottom: 8px !important;
}

.exam-shell .nta-side-card .nta-candidate-card,
.nta-shell .nta-side-card .nta-candidate-card,
.nta-side-card .nta-candidate-card{
  margin-bottom: 10px !important;
}

.exam-shell .nta-side-card .nta-count-grid,
.nta-shell .nta-side-card .nta-count-grid,
.nta-side-card .nta-count-grid{
  gap: 8px !important;
  margin-bottom: 10px !important;
}

/* Compact the question palette summary boxes */
.exam-shell .nta-side-card .nta-count-box,
.nta-shell .nta-side-card .nta-count-box,
.nta-side-card .nta-count-box{
  padding: 9px 10px !important;
  gap: 2px !important;
  min-height: auto !important;
  border-radius: 14px !important;
  align-content: start !important;
}

.exam-shell .nta-side-card .nta-count-box span,
.nta-shell .nta-side-card .nta-count-box span,
.nta-side-card .nta-count-box span{
  font-size: 16px !important;
  line-height: 1 !important;
}

.exam-shell .nta-side-card .nta-count-box small,
.nta-shell .nta-side-card .nta-count-box small,
.nta-side-card .nta-count-box small{
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: #e8ddbd !important;
}

/* Keep right panel visually tighter overall */
.exam-shell .nta-side-card,
.nta-shell .nta-side-card,
.nta-side-card{
  padding: 14px !important;
}

.exam-shell .nta-side-card .nta-legend-list,
.nta-shell .nta-side-card .nta-legend-list,
.nta-side-card .nta-legend-list{
  margin-bottom: 10px !important;
}

.exam-shell .nta-side-card .legend-chip,
.nta-shell .nta-side-card .legend-chip,
.nta-side-card .legend-chip{
  font-size: 13px !important;
  line-height: 1.25 !important;
}

/* Slightly pull the right column upward */
.exam-shell .exam-sticky.nta-side-card,
.nta-shell .exam-sticky.nta-side-card,
.exam-sticky.nta-side-card{
  top: 6px !important;
}


/* ===== V6.6.10 WARNING DURATION + INSTANT VISIBILITY ===== */

/* Make exam warning easier to notice and read */
#examWarningBox,
.exam-warning-box{
  min-width: 320px !important;
  max-width: 460px !important;
  padding: 16px 20px !important;
  border-radius: 16px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  box-shadow: 0 18px 36px rgba(15,23,42,.22) !important;
  opacity: 1 !important;
}
#examWarningBox.show,
.exam-warning-box.show{
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Disable delayed reveal animations so text/images appear instantly */
.reveal-up,
.reveal-fade,
.reveal-stagger,
.reveal-stagger > *,
.will-animate{
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

img,
.card,
.panel,
.hero-card,
.course-card,
.result-card,
.feature-card,
.white-card,
.contact-card,
.dashboard-banner,
.page-hero,
.stats-tile,
.stat-card{
  opacity: 1 !important;
  transform: none !important;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease !important;
}


/* ===== V6.6.11 WARNING ON RETURN FIX ===== */
#examWarningBox,
.exam-warning-box{
  z-index: 10050 !important;
}
#examWarningBox[data-tone="warning"],
.exam-warning-box[data-tone="warning"]{
  background: linear-gradient(135deg, #f59e0b, #ef4444) !important;
  color: #ffffff !important;
}
#examWarningBox[data-tone="danger"],
.exam-warning-box[data-tone="danger"]{
  background: linear-gradient(135deg, #dc2626, #991b1b) !important;
  color: #ffffff !important;
}


/* ===== V6.6.12 RIGHT PANEL SPACING FIX ===== */
.exam-right-panel{
  gap: 18px !important; /* balanced gap */
}

.time-box, .time-tab{
  font-size: 20px !important; /* reduced */
  padding: 10px 14px !important;
  border: 2px solid rgba(59,130,246,0.4) !important;
  border-radius: 12px !important;
}


/* ===== V6.6.13 WARNING VISIBILITY + TIMER/PALETTE GAP ===== */
#examWarningBox,
.exam-warning-box{
  z-index: 10050 !important;
  min-width: 340px !important;
  max-width: 500px !important;
  padding: 16px 20px !important;
  border-radius: 16px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  box-shadow: 0 18px 36px rgba(15,23,42,.24) !important;
}
#examWarningBox[data-tone="warning"],
.exam-warning-box[data-tone="warning"]{
  background: linear-gradient(135deg, #f59e0b, #ef4444) !important;
  color: #fff !important;
}
#examWarningBox[data-tone="danger"],
.exam-warning-box[data-tone="danger"]{
  background: linear-gradient(135deg, #dc2626, #991b1b) !important;
  color: #fff !important;
}

.exam-card.exam-sticky.nta-side-card .nta-timer-panel,
.nta-side-card .nta-timer-panel{
  padding: 12px 14px !important;
  margin-bottom: 12px !important;
  border: 1px solid rgba(37,99,235,.24) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg,#fbfdff 0%,#f2f7ff 100%) !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.08) !important;
}
.exam-card.exam-sticky.nta-side-card .nta-timer-label,
.nta-side-card .nta-timer-label{
  font-size: 11px !important;
  letter-spacing: .16em !important;
  color: #e8ddbd !important;
  margin-bottom: 6px !important;
}
.exam-card.exam-sticky.nta-side-card .nta-timer-box,
.nta-side-card .nta-timer-box,
#examTimer{
  font-size: 1.55rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  color: #e8ddbd !important;
}
.exam-card.exam-sticky.nta-side-card .nta-side-head,
.nta-side-card .nta-side-head{
  margin-top: 2px !important;
  margin-bottom: 12px !important;
}


/* ===== V6.6.15 FULL AI-STYLE PROCTOR UI ===== */
#examWarningBox,
.exam-warning-box{
  position: fixed;
  top: 92px;
  right: 18px;
  z-index: 10060;
  min-width: 340px;
  max-width: 480px;
  padding: 16px 20px;
  border-radius: 18px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  box-shadow: 0 18px 40px rgba(15,23,42,.24);
  transform: translateY(-10px);
  opacity: 0;
  transition: opacity .22s ease, transform .22s ease;
}
#examWarningBox.show,
.exam-warning-box.show{
  opacity: 1 !important;
  transform: translateY(0) !important;
}
#examWarningBox[data-tone="warning"],
.exam-warning-box[data-tone="warning"]{
  background: linear-gradient(135deg,#f59e0b 0%,#ef4444 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
#examWarningBox[data-tone="danger"],
.exam-warning-box[data-tone="danger"]{
  background: linear-gradient(135deg,#dc2626 0%,#991b1b 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

#examWarningOverlay,
.exam-warning-overlay{
  position: fixed;
  inset: 0;
  z-index: 10055;
  background: rgba(7,16,31,.18);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .18s ease;
}
#examWarningOverlay.show,
.exam-warning-overlay.show{
  opacity: 1 !important;
}
#examWarningOverlay[data-tone="danger"],
.exam-warning-overlay[data-tone="danger"]{
  background: rgba(0,0,0,.48) !important;
  backdrop-filter: blur(6px) !important;
}
.exam-warning-overlay-card{
  width: min(92vw, 540px);
  border-radius: 24px;
  padding: 26px 24px 22px;
  background: linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  border: 1px solid rgba(37,99,235,.14);
  box-shadow: 0 26px 60px rgba(15,23,42,.18);
  text-align: center;
}
#examWarningOverlay[data-tone="warning"] .exam-warning-overlay-card{
  border-color: rgba(245,158,11,.28);
  box-shadow: 0 24px 60px rgba(245,158,11,.18);
}
#examWarningOverlay[data-tone="danger"] .exam-warning-overlay-card{
  border-color: rgba(220,38,38,.28);
  box-shadow: 0 24px 60px rgba(220,38,38,.24);
}
.ewa-kicker{
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #e8ddbd;
  margin-bottom: 10px;
}
.ewa-text{
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #e8ddbd;
  white-space: pre-line;
}
.ewa-meta{
  margin-top: 10px;
  font-size: 14px;
  color: #e8ddbd;
}
#examWarningOverlay.shake{
  animation: examWarningShake .34s ease;
}
@keyframes examWarningShake{
  0% { transform: translateX(0); }
  25% { transform: translateX(-7px); }
  50% { transform: translateX(7px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}


/* ===== V6.6.16 PROCTOR CLICK FIX ===== */
#examWarningOverlay,
.exam-warning-overlay{
  pointer-events: none !important;
}
#examWarningOverlay.show,
.exam-warning-overlay.show{
  pointer-events: none !important;
}
body.exam-locked #examWarningOverlay.show,
body.exam-locked .exam-warning-overlay.show,
#examWarningOverlay[data-tone="danger"].show,
.exam-warning-overlay[data-tone="danger"].show{
  pointer-events: auto !important;
}
#examWarningOverlay[hidden],
.exam-warning-overlay[hidden]{
  display: none !important;
}


/* ===== V6.6.21.2 EXAM STABILITY + MODAL CLARITY FIXES ===== */

/* Clearer instruction modal */
.nta-modal-backdrop{
  background: rgba(11,19,35,.46) !important;
  backdrop-filter: blur(8px) !important;
}
.nta-modal-card{
  background: linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%) !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.20) !important;
}
.nta-modal-head h3,
.nta-modal-card h3{
  color:#e8ddbd !important;
}
.nta-modal-card .tag,
.nta-modal-card .tag::before{
  color:#e8ddbd !important;
  background:#3b82f6 !important;
}
.nta-modal-body,
.nta-instruction-list,
.nta-instruction-list li,
.nta-modal-body p{
  color:#e8ddbd !important;
  font-size:16px !important;
  line-height:1.75 !important;
  opacity:1 !important;
}
.nta-instruction-list li{
  margin-bottom:12px !important;
}
.nta-modal-close{
  background:#ffffff !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.14) !important;
  box-shadow:0 10px 24px rgba(37,99,235,.10) !important;
}

/* Clearer flash tabs */
.alert{
  font-weight:700 !important;
  font-size:15px !important;
  line-height:1.45 !important;
}
.alert-error{
  background: linear-gradient(180deg, rgba(254,226,226,.96), rgba(254,205,211,.92)) !important;
  border: 1px solid rgba(239,68,68,.28) !important;
  color: #991b1b !important;
  box-shadow: 0 10px 24px rgba(239,68,68,.10) !important;
}

/* Palette summary text slightly larger without larger boxes */
.nta-count-box{
  padding:8px 10px !important;
  gap:2px !important;
}
.nta-count-box span{
  font-size:18px !important;
  line-height:1 !important;
  font-weight:800 !important;
}
.nta-count-box small{
  font-size:13px !important;
  line-height:1.12 !important;
  font-weight:600 !important;
}
.legend-chip{
  font-size:14px !important;
  line-height:1.3 !important;
}

/* Reduce gap between Question No and statement */
.nta-question-header{
  margin-bottom:10px !important;
  padding:14px 16px !important;
}
.nta-question-surface{
  padding:16px !important;
}
.exam-question-card.nta-question-card,
.nta-question-card{
  margin-bottom:8px !important;
}
.nta-option-list{
  margin-top:12px !important;
}
.nta-actions,
.exam-actions.nta-actions{
  margin-top:12px !important;
  padding-top:4px !important;
}


/* ===== V6.6.21.3 HOVER + WARNING VARIANTS COMMON PATCH ===== */

/* Question-bank inline buttons: isolate hover so only hovered button changes */
.inline-btns{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.inline-btns .inline-chip{
  background:linear-gradient(180deg,#eff6ff,#dbeafe) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.16) !important;
  box-shadow:none !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
.inline-btns:hover .inline-chip:not(:hover){
  background:linear-gradient(180deg,#eff6ff,#dbeafe) !important;
  color:#e8ddbd !important;
  border:1px solid rgba(37,99,235,.16) !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
}
.inline-btns .inline-chip.inline-chip-equation:hover{
  background:linear-gradient(135deg,#2563eb,#4f46e5) !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(37,99,235,.18) !important;
  transform:translateY(-1px) !important;
}
.inline-btns .inline-chip.inline-chip-diagram:hover{
  background:linear-gradient(135deg,#2563eb,#4f46e5) !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(37,99,235,.18) !important;
  transform:translateY(-1px) !important;
}

/* Reduce remaining gap under option D and above actions as far as practical */
.nta-question-surface{
  padding-bottom:10px !important;
}
.nta-option-list{
  margin-top:10px !important;
  margin-bottom:2px !important;
  gap:10px !important;
}
.nta-option-list .nta-option-item:last-child{
  margin-bottom:0 !important;
}
.nta-question-card,
.exam-question-card.nta-question-card{
  margin-bottom:4px !important;
}
.nta-actions,
.exam-actions.nta-actions{
  margin-top:6px !important;
  padding-top:0 !important;
  gap:10px !important;
}


/* ===== V6.6.21.3 CORNER-ONLY WARNING VARIANT ===== */
#examWarningOverlay,
.exam-warning-overlay{
  display:none !important;
}


/* ===== V6.6.24 PROCTOR DASHBOARD + AI ANALYTICS ===== */
.proctor-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:18px;
  margin:18px 0 24px;
}
.proctor-card .proctor-thumb-wrap,
.proctor-timeline-snap{
  margin:12px 0;
}
.proctor-thumb{
  width:100%;
  max-height:220px;
  object-fit:cover;
  border-radius:18px;
  border:1px solid rgba(37,99,235,.14);
}
.timeline-list{
  display:grid;
  gap:14px;
}
.timeline-item{
  display:grid;
  grid-template-columns:16px 1fr;
  gap:14px;
  align-items:start;
}
.timeline-dot{
  width:12px;height:12px;border-radius:50%;margin-top:8px;
  background:#93c5fd;
}
.timeline-dot.high{background:#ef4444}
.timeline-dot.medium{background:#f59e0b}
.timeline-dot.info{background:#22c55e}
.timeline-content{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  border:1px solid rgba(37,99,235,.10);
}
.report-history-table .btn{white-space:nowrap}


/* ===== HEADER BRAND IMAGE ===== */
.nav-brand-image-wrap{gap:0}
.brand-header-logo{display:block;height:56px;width:auto;max-width:min(360px,42vw);object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
#navbar .nav-brand-image-wrap{padding:4px 0}
@media (max-width: 900px){
  .brand-header-logo{height:48px;max-width:58vw}
}
@media (max-width: 640px){
  .brand-header-logo{height:40px;max-width:62vw}
}


/* ===== Exact Astra premium header/footer theme ===== */
:root{
  --astra-header-footer-bg:url('../img/theme-bg-exact.png');
}
#navbar,
.public-footer,
#footer{
  background-image: var(--astra-header-footer-bg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#navbar{
  background-color:#091330 !important;
  border-bottom:1px solid rgba(179,207,255,.24) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.28), inset 0 -1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:none !important;
}
#footer,
.public-footer{
  background-color:#091330 !important;
  border-top:1px solid rgba(179,207,255,.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.brand-header-logo{
  height:54px !important;
  max-width:min(430px,48vw) !important;
  width:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.32));
}
.footer-brand-wrap{
  display:block !important;
}
.brand-footer-logo{
  display:block;
  width:min(520px,100%);
  max-width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.30));
  margin-bottom:8px;
}
.footer-brand-col p{
  max-width:480px !important;
  color:rgba(233,243,255,.84) !important;
}
#footer .footer-col a,
#footer .footer-bottom,
#footer .footer-bottom span,
.public-footer .footer-col a,
.public-footer .footer-bottom,
.public-footer .footer-bottom span{
  color:rgba(233,243,255,.78) !important;
}
#footer .footer-col h5,
.public-footer .footer-col h5{
  color:#dbeafe !important;
}
#footer .footer-col a:hover,
.public-footer .footer-col a:hover{
  color:#e8ddbd !important;
}
#footer .footer-bottom,
.public-footer .footer-bottom{
  border-top:1px solid rgba(180,206,255,.16) !important;
}
@media (max-width: 768px){
  .brand-header-logo{height:44px !important;max-width:72vw !important;}
  .brand-footer-logo{width:min(420px,100%) !important;}
}

/* ===== V7.6.3 FINAL HERO + FOOTER + MOBILE TICKER FIX ===== */
/* Force the home hero back below the header on desktop */
@media (min-width: 901px){
  #hero{
    min-height: calc(100vh - 72px) !important;
    display:block !important;
    padding: 148px 6% 88px !important;
    overflow:hidden !important;
  }
  #hero .hero-content{
    position:relative !important;
    z-index:2 !important;
    max-width: 760px !important;
    margin-top: 8px !important;
  }
  #hero .hero-pill{margin-bottom:28px !important;}
  #hero .hero-sub{max-width: 760px !important; margin-bottom:34px !important;}
  #hero .hero-actions{margin-bottom: 0 !important;}
  #hero .hero-stats{
    margin-top: 34px !important;
    gap: 38px !important;
    align-items:flex-start !important;
  }
  #hero .hero-card,
  #hero .hero-card.reveal-up,
  #hero .hero-card.reveal-in,
  #hero .hero-card:hover,
  #hero .hero-card:focus-within{
    position:absolute !important;
    top: 112px !important;
    right: 6% !important;
    transform:none !important;
    width: min(420px, 30vw) !important;
    min-width: 360px !important;
    margin:0 !important;
    animation:none !important;
    opacity:1 !important;
  }
  #hero .hero-card .form-field input,
  #hero .hero-card .form-field select{
    min-height: 50px !important;
  }
}

/* Better merge from header into hero and ticker */
#hero::before{
  content:'';
  position:absolute;
  left:0; right:0; top:0;
  height:120px;
  z-index:1;
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.035) 40%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.ticker-wrap{
  position:relative;
  z-index:4;
  display:block !important;
  background:linear-gradient(90deg, rgba(219,234,254,.88) 0%, rgba(204,251,241,.92) 50%, rgba(219,234,254,.88) 100%) !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  border-bottom:1px solid rgba(96,165,250,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.ticker-item{color:#f8fbff !important; text-shadow:0 1px 2px rgba(8,15,30,.18);}
.ticker-track{min-width:max-content;}

/* Make the footer logo use the corrected transparent asset cleanly */
.brand-footer-logo{
  background:transparent !important;
  mix-blend-mode:normal !important;
}

/* Mobile hero polish: cleaner, stacked, no sideways overflow, ticker visible */
@media (max-width: 900px){
  html,body{overflow-x:hidden !important;}
  #navbar{padding: 12px 16px !important;}
  .mobile-menu{display:none;}
  .mobile-menu.open{display:flex !important;}
  #hero{
    min-height:auto !important;
    display:block !important;
    padding: 92px 16px 28px !important;
    overflow:hidden !important;
  }
  #hero::before{height:72px !important;}
  #hero .hero-grid-lines{opacity:.34 !important;}
  #hero .hero-content{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  #hero .hero-pill{
    display:inline-flex !important;
    margin:0 0 18px !important;
    max-width:100% !important;
    font-size:10px !important;
    line-height:1.45 !important;
    letter-spacing:.14em !important;
    padding:8px 14px !important;
    white-space:normal !important;
  }
  #hero .hero-h1{
    display:block !important;
    font-size:clamp(44px, 13.2vw, 64px) !important;
    line-height:.96 !important;
    margin:0 0 16px !important;
  }
  #hero .hero-line-main,
  #hero .hero-h1 .italic{display:block !important;}
  #hero .hero-h1 .italic{
    margin-top:8px !important;
    font-size:.82em !important;
  }
  #hero .hero-sub{
    max-width:none !important;
    font-size:15px !important;
    line-height:1.65 !important;
    margin:0 0 18px !important;
  }
  #hero .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }
  #hero .hero-actions .btn{
    width:100% !important;
    justify-content:center !important;
    min-height:48px !important;
  }
  #hero .hero-stats{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px 16px !important;
    margin-top:22px !important;
  }
  #hero .hero-stat-num{font-size:34px !important;}
  #hero .hero-stat-lbl{font-size:12px !important;}
  #hero .hero-card,
  #hero .hero-card.reveal-up,
  #hero .hero-card.reveal-in,
  #hero .hero-card:hover,
  #hero .hero-card:focus-within{
    display:block !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:18px 0 0 !important;
    padding:22px 16px 18px !important;
    border-radius:24px !important;
    box-shadow:0 18px 40px rgba(15,23,42,.16) !important;
  }
  #hero .hero-card-head{margin-bottom:16px !important;}
  #hero .hero-card-head h3{font-size:24px !important; line-height:1.1 !important;}
  #hero .hero-card .form-field{margin-bottom:12px !important;}
  #hero .hero-card .form-field input,
  #hero .hero-card .form-field select{
    min-height:48px !important;
    padding:12px 14px !important;
    font-size:16px !important;
  }
  #hero .hero-submit-btn{min-height:50px !important; margin-top:4px !important;}
  .ticker-wrap{
    display:block !important;
    padding:8px 0 !important;
  }
  .ticker-track{
    animation-duration:32s !important;
  }
  .ticker-item{
    padding:0 24px !important;
    font-size:12px !important;
    color:#f8fbff !important;
  }
}


/* ===== V7.6.4 UI POLISH PATCH ===== */
body{
  background:linear-gradient(180deg,#f4f7fb 0%, #eef3f9 100%) !important;
  color:#e8ddbd !important;
}
#hero,
#courses,
#tests,
#faculty,
#contact-section,
#why,
#toppers,
#centers{
  background:transparent !important;
}
.hero-h1{
  margin-bottom:18px !important;
}
.hero-line-main{
  display:block !important;
  white-space:nowrap !important;
}
.hero-h1 em{
  color:#e8ddbd !important;
}
.hero-h1 .italic{
  color:#e8ddbd !important;
}
.hero-content{
  margin-top:0 !important;
}
#hero{
  padding-top:132px !important;
  padding-bottom:84px !important;
}
.hero-sub{
  color:rgba(233,240,250,.82) !important;
}
.hero-stat-lbl{
  color:rgba(222,233,245,.78) !important;
}
.hero-stat-num{
  color:#f7f8fc !important;
}
.ticker-wrap{
  margin-top:4px !important;
  background:linear-gradient(180deg, rgba(21,43,82,.92), rgba(36,60,106,.88)) !important;
  border-top:1px solid rgba(132,164,220,.22) !important;
  border-bottom:1px solid rgba(132,164,220,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 -10px 24px rgba(7,20,43,.14) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.ticker-item{
  color:#edf4ff !important;
}
.ticker-item::before{
  color:#e8ddbd !important;
}
.panel,
.hero-card,
.course-card,
.test-card,
.faculty-card,
.testi-card,
.center-card,
.rstat,
.stat-card,
.info-card,
.alert,
.table-wrap,
.modal-box,
.app-sidebar,
.app-main .panel,
.stats-tile,
.mini-panel,
.why-feature,
.why-visual{
  background:#fbfcfe !important;
  border:1.5px solid rgba(177,196,229,.95) !important;
  box-shadow:0 10px 26px rgba(25,53,93,.05) !important;
}
.dashboard-banner,
.results-stats + .panel,
.app-shell .panel:first-child{
  background:#fbfcfe !important;
  border:1.5px solid rgba(177,196,229,.95) !important;
  box-shadow:0 10px 26px rgba(25,53,93,.05) !important;
}
.app-shell > .grid-2{
  margin-top:22px !important;
}
.why-feature:hover,
.course-card:hover,
.test-card:hover,
.faculty-card:hover,
.testi-card:hover,
.center-card:hover,
.rstat:hover{
  background:#ffffff !important;
  border-color:rgba(151,177,221,1) !important;
}
.why-num,
.scheme-no,
.step-no,
.feature-num,
.stats-tile strong,
.ring-pct,
.bar-pct,
.topper-score,
.rstat-num{
  background:none !important;
  color:#a06f10 !important;
  -webkit-text-fill-color:#a06f10 !important;
}
.tag,
.table-wrap th,
.topper-rank{
  color:#a06f10 !important;
}
.section-header p,
.section-subtitle,
.panel p,
.panel .muted,
.rstat-desc,
.hero-card-head p,
.form-field label{
  color:#e8ddbd !important;
}
#scholarship .section-header h2,
#scholarship h3,
#scholarship h4,
#scholarship p,
#scholarship div{
  color:#e8ddbd;
}
#scholarship .orb{
  display:none !important;
}

/* Remove light background patches on homepage sections */
#scholarship,
#results,
#why,
#contact-section,
#courses,
#tests,
#faculty,
#toppers,
#centers{
  background:transparent !important;
}

/* Header readability */
.nav-links a{
  color:#dce9f8 !important;
}
.nav-links a:hover,
.nav-links a.active{
  color:#ffffff !important;
}
.nav-links a.active::after{
  background:#7fd8ff !important;
}

/* Mobile retains cleaner layout while keeping ticker */
@media (max-width: 900px){
  #hero{
    padding-top:104px !important;
    padding-bottom:34px !important;
    min-height:auto !important;
    display:block !important;
  }
  .hero-content{
    max-width:100% !important;
    margin-top:0 !important;
    padding-right:0 !important;
  }
  .hero-line-main{
    white-space:normal !important;
  }
  .hero-h1{
    font-size:clamp(44px, 13vw, 72px) !important;
    line-height:.98 !important;
  }
  .hero-sub{
    font-size:16px !important;
    max-width:100% !important;
  }
  .hero-stats{
    gap:18px !important;
    margin-top:22px !important;
  }
  .hero-card{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:26px auto 0 !important;
    padding:24px !important;
    border-radius:28px !important;
  }
  .ticker-wrap{
    margin-top:6px !important;
  }
}

/* Keep scholarship/apply cards crisp on small screens */
@media (max-width: 768px){
  .scholarship-inner{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
}


/* ===== V7.6.5 TICKER + HEADER/FOOTER + HERO PILL FIX ===== */

/* Make header and footer a little darker while keeping same theme */
#navbar{
  background:linear-gradient(180deg, rgba(2,11,32,.96) 0%, rgba(4,16,42,.94) 100%) !important;
  border-bottom:1px solid rgba(122,163,223,.14) !important;
}
#navbar.scrolled{
  background:linear-gradient(180deg, rgba(2,11,32,.985) 0%, rgba(4,16,42,.975) 100%) !important;
}
footer,
.site-footer,
.footer{
  background:linear-gradient(180deg, #03102c 0%, #020c22 100%) !important;
  border-top:1px solid rgba(122,163,223,.12) !important;
}

/* Restore and strengthen hero pill visibility on desktop and mobile */
.hero-pill{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:4 !important;
  background:linear-gradient(180deg, rgba(86,133,214,.14), rgba(48,86,158,.10)) !important;
  border:1px solid rgba(129,173,236,.24) !important;
  color:#e8ddbd !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 28px rgba(6,20,48,.16) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.hero-pill-dot{
  background:#63c7ea !important;
  box-shadow:0 0 10px rgba(99,199,234,.45) !important;
}

/* Push ticker slightly below first screen edge so it appears on scroll, not before */
.ticker-wrap{
  position:relative !important;
  margin-top:14px !important;
  transform:translateY(14px) !important;
  z-index:2 !important;
  background:linear-gradient(180deg, rgba(20,42,82,.82), rgba(32,58,103,.76)) !important;
  border-top:1px solid rgba(160,197,245,.18) !important;
  border-bottom:1px solid rgba(160,197,245,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 -10px 24px rgba(4,16,42,.12),
    0 10px 24px rgba(4,16,42,.10) !important;
  backdrop-filter:blur(14px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(120%) !important;
}
.ticker-track{
  position:relative;
}
.ticker-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
  pointer-events:none;
}
.ticker-item{
  color:#eef5ff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
.ticker-item::before{
  color:#e8ddbd !important;
}

/* Keep first screen clean on mobile too */
@media (max-width: 900px){
  .ticker-wrap{
    margin-top:10px !important;
    transform:translateY(10px) !important;
  }
  .hero-pill{
    margin-bottom:22px !important;
    font-size:11px !important;
    letter-spacing:.9px !important;
    padding:8px 14px !important;
    max-width:100% !important;
    line-height:1.5 !important;
  }
}


/* ===== V7.6.6 FOOTER + TICKER ALIGNMENT FIX ===== */

/* Footer should match header tone exactly, without lighter middle glow */
#footer,
footer#footer,
.site-footer,
.public-footer{
  position: relative !important;
  background: linear-gradient(180deg, rgba(2,11,32,.985) 0%, rgba(4,16,42,.975) 100%) !important;
  border-top: 1px solid rgba(122,163,223,.14) !important;
  overflow: hidden !important;
}
#footer::before,
#footer::after,
.site-footer::before,
.site-footer::after,
.public-footer::before,
.public-footer::after{
  content: none !important;
  display: none !important;
}
#footer .section-divider,
.site-footer .section-divider,
.public-footer .section-divider{
  background: linear-gradient(90deg, transparent, rgba(122,163,223,.16) 28%, rgba(160,197,245,.20) 50%, rgba(122,163,223,.16) 72%, transparent) !important;
}
#footer .footer-grid,
#footer .footer-bottom{
  position: relative !important;
  z-index: 2 !important;
}

/* Running stripe should begin immediately after the dark boundary */
.ticker-wrap{
  margin-top: 0 !important;
  transform: none !important;
  top: 0 !important;
  border-top: 1px solid rgba(132,164,220,.22) !important;
  background: linear-gradient(180deg, rgba(20,42,82,.86), rgba(32,58,103,.80)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 10px 22px rgba(4,16,42,.08) !important;
  backdrop-filter: blur(14px) saturate(122%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(122%) !important;
}
.ticker-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0));
  pointer-events:none;
}

/* Keep same no-gap behavior on mobile too */
@media (max-width: 900px){
  .ticker-wrap{
    margin-top: 0 !important;
    transform: none !important;
  }
}


/* ===== V7.8.0 ESCALATING WARNING UI + PROCTOR RISK ===== */
#examWarningBox[data-tone="amber"],
.exam-warning-box[data-tone="amber"]{
  background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
#examWarningOverlay[data-tone="amber"] .exam-warning-overlay-card{
  border-color:rgba(217,119,6,.30) !important;
  box-shadow:0 24px 60px rgba(217,119,6,.18) !important;
}
#examWarningOverlay[data-tone="amber"]{
  background:rgba(120,53,15,.18) !important;
  backdrop-filter:blur(4px) !important;
}
.exam-risk-card{
  margin-top:12px;
  padding:14px 14px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.exam-risk-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.exam-risk-head span{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}
.exam-risk-head strong{
  font-size:26px;
  line-height:1;
  color:#ffffff;
}
.exam-risk-bar{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.exam-risk-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);
  transition:width .25s ease;
}
.exam-risk-meta{
  margin-top:8px;
  font-size:12px;
  color:#dbe7f5;
}
.exam-risk-card[data-tone="amber"]{border-color:rgba(245,158,11,.28); box-shadow:0 0 0 1px rgba(245,158,11,.12) inset;}
.exam-risk-card[data-tone="warning"]{border-color:rgba(250,204,21,.28); box-shadow:0 0 0 1px rgba(250,204,21,.12) inset;}
.exam-risk-card[data-tone="danger"]{border-color:rgba(239,68,68,.28); box-shadow:0 0 0 1px rgba(239,68,68,.12) inset;}

.proctor-card-statuses{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.proctor-risk-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:88px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  border:1px solid transparent;
}
.proctor-risk-badge.low{
  background:rgba(34,197,94,.12);
  color:#15803d;
  border-color:rgba(34,197,94,.24);
}
.proctor-risk-badge.warning{
  background:rgba(245,158,11,.12);
  color:#b45309;
  border-color:rgba(245,158,11,.24);
}
.proctor-risk-badge.danger{
  background:rgba(239,68,68,.12);
  color:#b91c1c;
  border-color:rgba(239,68,68,.24);
}
.risk-meter{
  margin:12px 0 16px;
  height:10px;
  border-radius:999px;
  background:rgba(15,23,42,.06);
  overflow:hidden;
}
.risk-meter-fill{
  height:100%;
  border-radius:999px;
}
.risk-meter-fill.low{background:linear-gradient(90deg,#22c55e,#84cc16);}
.risk-meter-fill.warning{background:linear-gradient(90deg,#f59e0b,#facc15);}
.risk-meter-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626);}
.proctor-card.is-watch{
  border-color:rgba(245,158,11,.28) !important;
  box-shadow:0 16px 40px rgba(245,158,11,.08) !important;
}
.proctor-card.is-critical{
  border-color:rgba(239,68,68,.30) !important;
  box-shadow:0 18px 42px rgba(239,68,68,.10) !important;
}
.admin-alert-strip{
  margin-top:20px;
  margin-bottom:20px;
}
.proctor-alert-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;
}
.proctor-alert-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border-radius:16px;
  background:#ffffff;
  border:1px solid rgba(177,196,229,.95);
  box-shadow:0 10px 26px rgba(25,53,93,.05);
}


/* ===== V7.8.2 SNAPSHOT + AI DETECTION UPGRADE ===== */
#proctorVideo,
.proctor-video-hidden{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  opacity:0 !important;
  pointer-events:none !important;
  display:block !important;
}
.exam-risk-card{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}


/* ===== V7.8.4 SUSPICION SCORE READABILITY POLISH ===== */
.exam-risk-card,
#examRiskCard{
  background: rgba(255,255,255,.07) !important;
  border: 1.5px solid rgba(116,146,198,.22) !important;
  box-shadow: 0 10px 24px rgba(11, 28, 56, .08) !important;
}

.exam-risk-head span,
#examRiskCard .exam-risk-head span{
  color: #e8ddbd !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  opacity: 1 !important;
}

.exam-risk-head strong,
#examSuspicionScore{
  color: #f4f7fc !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.02) !important;
}

.exam-risk-meta,
#examSuspicionLabel{
  color: #d8e6fb !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.exam-risk-bar{
  background: rgba(16, 34, 63, .10) !important;
  border-radius: 999px !important;
  padding: 3px !important;
  box-shadow: inset 0 1px 2px rgba(6,16,33,.08) !important;
}

.exam-risk-fill{
  min-width: 10px;
  height: 10px !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
}

.suspicion-low{
  border-color: rgba(34,197,94,.35) !important;
  background: rgba(34,197,94,.06) !important;
}
.suspicion-medium{
  border-color: rgba(245,158,11,.38) !important;
  background: rgba(245,158,11,.08) !important;
}
.suspicion-high{
  border-color: rgba(239,68,68,.40) !important;
  background: rgba(239,68,68,.08) !important;
}

.exam-risk-card[data-tone="low"] .exam-risk-meta,
#examRiskCard[data-tone="low"] .exam-risk-meta,
#examRiskCard.suspicion-low #examSuspicionLabel{
  color: #dff5e8 !important;
}
.exam-risk-card[data-tone="amber"] .exam-risk-meta,
.exam-risk-card[data-tone="warning"] .exam-risk-meta,
#examRiskCard[data-tone="amber"] .exam-risk-meta,
#examRiskCard[data-tone="warning"] .exam-risk-meta,
#examRiskCard.suspicion-medium #examSuspicionLabel{
  color: #fff0c7 !important;
}
.exam-risk-card[data-tone="danger"] .exam-risk-meta,
#examRiskCard[data-tone="danger"] .exam-risk-meta,
#examRiskCard.suspicion-high #examSuspicionLabel{
  color: #ffd6d6 !important;
}

.exam-risk-card[data-tone="low"] .exam-risk-head strong,
#examRiskCard[data-tone="low"] #examSuspicionScore{
  color: #f5fbf7 !important;
}
.exam-risk-card[data-tone="amber"] .exam-risk-head strong,
.exam-risk-card[data-tone="warning"] .exam-risk-head strong,
#examRiskCard[data-tone="amber"] #examSuspicionScore,
#examRiskCard[data-tone="warning"] #examSuspicionScore{
  color: #fff7df !important;
}
.exam-risk-card[data-tone="danger"] .exam-risk-head strong,
#examRiskCard[data-tone="danger"] #examSuspicionScore{
  color: #fff0f0 !important;
}

/* Light theme safety if exam panel inherits bright styles */
.exam-shell .exam-risk-head span{
  color: #e8ddbd !important;
}
.exam-shell .exam-risk-meta{
  color: #e8ddbd !important;
}
.exam-shell .exam-risk-head strong{
  color: #e8ddbd !important;
}
.exam-shell #examRiskCard.suspicion-low .exam-risk-meta{
  color: #2b6841 !important;
}
.exam-shell #examRiskCard.suspicion-medium .exam-risk-meta{
  color: #9a5a06 !important;
}
.exam-shell #examRiskCard.suspicion-high .exam-risk-meta{
  color: #a32626 !important;
}
.exam-shell #examRiskCard.suspicion-low #examSuspicionScore{
  color: #1e7f45 !important;
}
.exam-shell #examRiskCard.suspicion-medium #examSuspicionScore{
  color: #b66b00 !important;
}
.exam-shell #examRiskCard.suspicion-high #examSuspicionScore{
  color: #c62828 !important;
}


/* ===== V7.8.6 FINAL SUSPICION LABEL CONTRAST FIX ===== */
#examSuspicionLabel,
.exam-risk-meta,
.suspicion-risk-text{
  opacity: 1 !important;
  font-weight: 700 !important;
}
.exam-shell #examRiskCard.suspicion-low #examSuspicionLabel,
#examRiskCard[data-tone="low"] #examSuspicionLabel{
  color: #166534 !important;
}
.exam-shell #examRiskCard.suspicion-medium #examSuspicionLabel,
#examRiskCard[data-tone="amber"] #examSuspicionLabel,
#examRiskCard[data-tone="warning"] #examSuspicionLabel{
  color: #a16207 !important;
}
.exam-shell #examRiskCard.suspicion-high #examSuspicionLabel,
#examRiskCard[data-tone="danger"] #examSuspicionLabel{
  color: #b91c1c !important;
}


/* ===== V7.8.7 UI PERFECT BUILD: SUSPICION BAR ALIGNMENT ===== */
#examRiskCard,
.exam-risk-card{
  padding: 14px 16px 12px !important;
}

.exam-risk-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom: 8px !important;
}

.exam-risk-head span{
  margin:0 !important;
  line-height:1.2 !important;
}

#examSuspicionScore,
.exam-risk-head strong{
  margin:0 !important;
  line-height:1 !important;
}

.exam-risk-bar{
  display:flex !important;
  align-items:center !important;
  height:12px !important;
  background: rgba(0,0,0,0.08) !important;
  border-radius: 999px !important;
  padding: 2px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.exam-risk-fill{
  height:100% !important;
  min-width: 0 !important;
  border-radius:999px !important;
  transition: width .4s ease !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:normal !important;
  background: linear-gradient(90deg, #22c55e 0%, #eab308 50%, #ef4444 100%) !important;
  box-shadow:none !important;
}

.exam-risk-bar *,
.exam-risk-fill *{
  margin:0 !important;
  padding:0 !important;
  line-height:normal !important;
}

#examSuspicionLabel,
.exam-risk-meta{
  margin-top: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  opacity: 1 !important;
  line-height:1.25 !important;
}

#examRiskCard.suspicion-low #examSuspicionLabel,
#examRiskCard[data-tone="low"] #examSuspicionLabel{
  color: #166534 !important;
}

#examRiskCard.suspicion-medium #examSuspicionLabel,
#examRiskCard[data-tone="amber"] #examSuspicionLabel,
#examRiskCard[data-tone="warning"] #examSuspicionLabel{
  color: #a16207 !important;
}

#examRiskCard.suspicion-high #examSuspicionLabel,
#examRiskCard[data-tone="danger"] #examSuspicionLabel{
  color: #b91c1c !important;
}

/* Keep the metric visually centered on compact side panels */
.exam-shell .nta-side-timer-panel #examRiskCard{
  margin-top: 14px !important;
}

.exam-shell .nta-side-timer-panel .exam-risk-bar{
  width: 100% !important;
}

.exam-shell .nta-side-timer-panel .exam-risk-head strong{
  font-size: 18px !important;
}

/* Safety against previous translucent styles */
#examRiskCard .exam-risk-meta,
#examRiskCard #examSuspicionLabel{
  text-shadow: none !important;
  filter: none !important;
}


/* ===== V7.8.9 STRICT RETURN WARNING LOCK ===== */
.ewa-actions{
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
.ewa-actions[hidden]{
  display: none !important;
}
.exam-warning-overlay.show .ewa-actions .btn{
  min-width: 160px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(15,23,42,.10);
}


/* ===== V7.9.1 LIVE PROCTOR UI UPGRADE ===== */
.proctor-live-wrap{
  margin: 14px 0 12px;
}
.proctor-live-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#e8ddbd;
}
.proctor-live-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ef4444;
  box-shadow:0 0 0 6px rgba(239,68,68,.12);
  animation: proctorLivePulse 1.8s infinite;
}
@keyframes proctorLivePulse{
  0%,100%{transform:scale(1); opacity:1;}
  50%{transform:scale(0.92); opacity:.72;}
}
.proctor-live-frame{
  position:relative;
  width:100%;
  height:180px;
  overflow:hidden;
  border-radius:16px;
  border:1.5px solid rgba(116,146,198,.22);
  background:#000;
  box-shadow:0 10px 26px rgba(10,27,54,.10);
}
#proctorVideo.proctor-video-live,
.proctor-video-live{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  pointer-events:none !important;
  background:#000 !important;
  z-index:2 !important;
}
.proctor-live-frame::after{
  content:'LIVE';
  position:absolute;
  top:10px;
  right:10px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(7,16,31,.70);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  z-index:3;
}


/* ===== V7.9.8B FOOTER LOGO + COPY GOLDEN-RATIO SCALING ===== */
:root{
  --phi: 1.618;
  --footer-copy-size: clamp(1rem, 0.96rem + 0.18vw, 1.12rem);
  --footer-copy-leading: calc(var(--phi) * 1.06);
  --footer-copy-measure: clamp(18rem, 22rem + 7vw, 35rem);
}

#footer .footer-brand-col,
.public-footer .footer-brand-col{
  width: 100% !important;
  max-width: var(--footer-copy-measure) !important;
}

#footer .footer-brand-wrap,
.public-footer .footer-brand-wrap{
  display:block !important;
  width:100% !important;
  margin:0 0 18px 0 !important;
}

#footer .brand-footer-logo,
.public-footer .brand-footer-logo{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width: min(320px, 100%) !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 !important;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.30)) !important;
}

#footer .footer-brand-col p,
.public-footer .footer-brand-col p{
  width:100% !important;
  max-width:100% !important;
  font-size: var(--footer-copy-size) !important;
  line-height: var(--footer-copy-leading) !important;
  margin-top: 18px !important;
}

@media (max-width: 1100px){
  :root{
    --footer-copy-measure: clamp(17rem, 19rem + 10vw, 31rem);
  }
}

@media (max-width: 768px){
  :root{
    --footer-copy-size: clamp(.98rem, .95rem + .28vw, 1.04rem);
    --footer-copy-measure: min(100%, 26rem);
  }

  #footer .footer-brand-col,
  .public-footer .footer-brand-col{
    max-width: 100% !important;
  }

  #footer .brand-footer-logo,
  .public-footer .brand-footer-logo{
    min-width: 0 !important;
    width: min(100%, 26rem) !important;
  }
}

/* ===== V7.9.8C FINAL FOOTER PREMIUM POLISH ===== */
#footer .footer-grid,
.public-footer .footer-grid{
  align-items:start !important;
}

#footer .footer-brand-col,
.public-footer .footer-brand-col{
  max-width:min(34rem,100%) !important;
}

#footer .footer-brand-wrap,
.public-footer .footer-brand-wrap{
  width:100% !important;
  margin:0 0 16px 0 !important;
}

#footer .brand-footer-logo,
.public-footer .brand-footer-logo{
  width:min(34rem,100%) !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  margin:0 !important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.26)) !important;
}

#footer .footer-brand-col p,
.public-footer .footer-brand-col p{
  max-width:min(34rem,100%) !important;
  margin-top:16px !important;
  line-height:1.9 !important;
}

#footer .footer-socials,
.public-footer .footer-socials{
  gap:14px !important;
  margin-top:22px !important;
  flex-wrap:wrap !important;
}

#footer .social-link,
.public-footer .social-link{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 20px rgba(2,8,23,.16) !important;
}

#footer .footer-col h5,
.public-footer .footer-col h5{
  margin-bottom:22px !important;
}

#footer .footer-col a,
.public-footer .footer-col a{
  padding:3px 0 !important;
}

@media (max-width: 768px){
  #footer .brand-footer-logo,
  .public-footer .brand-footer-logo{
    width:min(22rem,100%) !important;
  }

  #footer .footer-brand-col p,
  .public-footer .footer-brand-col p{
    max-width:100% !important;
  }
}

/* ===== V7.9.8D ULTRA PREMIUM GLOW BLEND ===== */
#footer .footer-brand-wrap,
.public-footer .footer-brand-wrap{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
}

#footer .footer-brand-wrap::before,
.public-footer .footer-brand-wrap::before{
  content:"";
  position:absolute;
  left:clamp(5.5rem, 7vw, 7.5rem);
  top:50%;
  transform:translate(-50%,-50%);
  width:clamp(15rem, 22vw, 20rem);
  height:clamp(6rem, 9vw, 8rem);
  border-radius:999px;
  background:radial-gradient(circle,
    rgba(94,168,255,.18) 0%,
    rgba(94,168,255,.10) 38%,
    rgba(94,168,255,.05) 58%,
    rgba(94,168,255,0) 78%);
  filter:blur(18px);
  z-index:0;
  pointer-events:none;
  opacity:.78;
  animation:footerLogoGlow 4.8s ease-in-out infinite;
}

#footer .brand-footer-logo,
.public-footer .brand-footer-logo{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
  filter:
    drop-shadow(0 0 8px rgba(122,189,255,.16))
    drop-shadow(0 0 18px rgba(71,131,255,.12))
    drop-shadow(0 10px 24px rgba(0,0,0,.22)) !important;
  animation:footerLogoFloat 4.8s ease-in-out infinite;
  will-change:filter, transform;
}

@keyframes footerLogoGlow{
  0%,100%{
    opacity:.68;
    transform:translate(-50%,-50%) scale(.985);
  }
  50%{
    opacity:.92;
    transform:translate(-50%,-50%) scale(1.03);
  }
}

@keyframes footerLogoFloat{
  0%,100%{
    transform:translateY(0);
    filter:
      drop-shadow(0 0 8px rgba(122,189,255,.14))
      drop-shadow(0 0 18px rgba(71,131,255,.10))
      drop-shadow(0 10px 24px rgba(0,0,0,.20));
  }
  50%{
    transform:translateY(-1px);
    filter:
      drop-shadow(0 0 10px rgba(122,189,255,.20))
      drop-shadow(0 0 22px rgba(71,131,255,.14))
      drop-shadow(0 12px 26px rgba(0,0,0,.22));
  }
}

@media (max-width: 768px){
  #footer .footer-brand-wrap::before,
  .public-footer .footer-brand-wrap::before{
    left:clamp(4.5rem, 17vw, 6rem);
    width:clamp(11rem, 52vw, 16rem);
    height:clamp(4.25rem, 19vw, 6.5rem);
    filter:blur(16px);
  }
}

@media (prefers-reduced-motion: reduce){
  #footer .footer-brand-wrap::before,
  .public-footer .footer-brand-wrap::before,
  #footer .brand-footer-logo,
  .public-footer .brand-footer-logo{
    animation:none !important;
  }
}


/* ===== V7.9.8E HEADER + FOOTER D-TONE BACKGROUND MATCH ===== */
:root{
  --astra-d-bg:#061024;
  --astra-d-bg-2:#07142d;
  --astra-d-bg-3:#081a36;
}

#navbar,
.mobile-menu,
#footer,
.public-footer{
  background:
    radial-gradient(circle at 18% 42%, rgba(34,88,170,.16) 0%, rgba(34,88,170,.08) 18%, rgba(34,88,170,0) 42%),
    linear-gradient(90deg, var(--astra-d-bg) 0%, var(--astra-d-bg-2) 52%, var(--astra-d-bg) 100%) !important;
}

#navbar,
.mobile-menu{
  border-color: rgba(127,168,255,.18) !important;
}

#footer,
.public-footer{
  border-top-color: rgba(127,168,255,.16) !important;
}

#footer .footer-bottom,
.public-footer .footer-bottom{
  border-top-color: rgba(127,168,255,.12) !important;
}

#footer .footer-brand-wrap::before,
.public-footer .footer-brand-wrap::before{
  background: radial-gradient(circle,
    rgba(94,168,255,.14) 0%,
    rgba(94,168,255,.08) 36%,
    rgba(94,168,255,.04) 58%,
    rgba(94,168,255,0) 78%) !important;
  opacity:.62 !important;
}


/* ===== V7.9.8F ASTRA DARK SYSTEM UNIFICATION ===== */
:root{
  --astra-dark-900:#061024;
  --astra-dark-850:#07142a;
  --astra-dark-800:#081a33;
  --astra-dark-780:#0a1d39;
  --astra-dark-760:#0b2140;
  --astra-line:rgba(140,182,255,.14);
  --astra-line-soft:rgba(140,182,255,.10);
  --astra-copy:rgba(239,246,255,.82);
  --astra-copy-soft:rgba(219,234,254,.72);
}

/* Keep header in same Astra family */
#navbar,
.mobile-menu{
  background:linear-gradient(180deg,var(--astra-dark-850) 0%, var(--astra-dark-800) 100%) !important;
  border-color:var(--astra-line) !important;
  box-shadow:0 16px 44px rgba(2,6,23,.28) !important;
}

/* Footer must be one tone everywhere to avoid the visible two-shade band */
#footer,
.public-footer,
#footer .footer-bottom,
.public-footer .footer-bottom{
  background:var(--astra-dark-900) !important;
}

#footer,
.public-footer{
  border-top:1px solid var(--astra-line) !important;
}

#footer .footer-bottom,
.public-footer .footer-bottom{
  border-top:1px solid var(--astra-line-soft) !important;
}

/* Remove the animated glow patch behind the footer logo so the logo blends cleanly */
#footer .footer-brand-wrap::before,
.public-footer .footer-brand-wrap::before{
  content:none !important;
  display:none !important;
}

#footer .brand-footer-logo,
.public-footer .brand-footer-logo{
  background:transparent !important;
  filter:drop-shadow(0 0 8px rgba(104,177,255,.10)) drop-shadow(0 10px 22px rgba(0,0,0,.16)) !important;
  animation:none !important;
}

#footer p,
#footer a,
#footer li,
#footer .footer-bottom,
#footer .footer-bottom span,
#footer .footer-brand-col p,
.public-footer p,
.public-footer a,
.public-footer li,
.public-footer .footer-bottom,
.public-footer .footer-bottom span,
.public-footer .footer-brand-col p{
  color:var(--astra-copy) !important;
}

#footer .footer-col a:hover,
.public-footer .footer-col a:hover{
  color:#e8ddbd !important;
}

#footer .social-link,
.public-footer .social-link{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18) !important;
}

/* Dark panels unified into the same Astra system */
.hero-card,
#cta,
.page-hero.dark-surface,
.dashboard-banner.dark-surface,
.admin-banner.dark-surface,
.panel.panel-dark,
.card.card-dark,
.exam-shell.panel-dark,
.summary-card.panel-dark,
.question-card.panel-dark,
.palette-card.panel-dark{
  background:linear-gradient(180deg,var(--astra-dark-780) 0%, var(--astra-dark-760) 100%) !important;
  border:1px solid var(--astra-line) !important;
  box-shadow:0 22px 54px rgba(2,6,23,.28) !important;
  color:#f8fbff !important;
}

.hero-card h3,
#cta h2,
#cta p,
.hero-card p,
.hero-card .form-field label{
  color:#f8fbff !important;
  -webkit-text-fill-color:initial !important;
  background:none !important;
}

.hero-card .form-field input,
.hero-card .form-field select,
.hero-card .form-field textarea{
  background:rgba(255,255,255,.96) !important;
  color:#e8ddbd !important;
}


/* ===== V7.9.8G FINAL FOOTER UNIFORM DARK FIX ===== */
:root{
  --astra-footer-solid:#061024;
}

#footer,
.public-footer{
  background:var(--astra-footer-solid) !important;
  background-image:none !important;
  box-shadow:none !important;
  border-top:1px solid rgba(140,182,255,.10) !important;
}

#footer::before,
#footer::after,
.public-footer::before,
.public-footer::after,
#footer .footer-brand-wrap::before,
#footer .footer-brand-wrap::after,
.public-footer .footer-brand-wrap::before,
.public-footer .footer-brand-wrap::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

#footer .footer-grid,
#footer .footer-bottom,
#footer .footer-brand-col,
#footer .footer-col,
.public-footer .footer-grid,
.public-footer .footer-bottom,
.public-footer .footer-brand-col,
.public-footer .footer-col{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

#footer .footer-bottom,
.public-footer .footer-bottom{
  border-top:1px solid rgba(140,182,255,.08) !important;
  margin-top:24px !important;
  padding-top:22px !important;
}

#footer .section-divider,
.public-footer .section-divider{
  background:rgba(140,182,255,.08) !important;
}

/* ==== V8 AI Proctoring Dashboard ==== */
.ai-proctor-toolbar{display:grid;gap:18px}
.proctor-auto-refresh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.proctor-filter-chips{display:flex;gap:10px;flex-wrap:wrap}
.proctor-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#dbe7ff;text-decoration:none;font-weight:700}
.proctor-chip.active,.proctor-chip:hover{border-color:rgba(99,162,255,.45);background:rgba(57,110,214,.18);color:#fff}
.ai-proctor-insights{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin:18px 0}
.ai-insight-card{display:grid;gap:14px}
.heatmap-list,.ai-review-list{display:grid;gap:12px}
.heatmap-item,.ai-review-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.ai-review-item{text-decoration:none;color:inherit}
.ai-review-item:hover{transform:translateY(-1px);border-color:rgba(99,162,255,.4)}
.proctor-alert-meta{display:grid;justify-items:end;gap:4px}
.v8-grid{margin-top:18px}
.v8-card{display:grid;gap:12px}
.ai-proctor-note{padding:12px 14px;border-radius:16px;border:1px solid rgba(99,162,255,.16);background:linear-gradient(180deg,rgba(58,96,177,.12),rgba(8,18,44,.18));color:#dbe7ff;font-size:.92rem}
.v8-actions{display:flex;gap:10px;flex-wrap:wrap}
.timeline-inline-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
@media (max-width:1100px){.ai-proctor-insights{grid-template-columns:1fr}}
@media (max-width:700px){.heatmap-item,.ai-review-item{align-items:flex-start;flex-direction:column}.proctor-auto-refresh{justify-content:flex-start}}


/* ==== V8.2 Monitoring Grid + Timeline ==== */
.v82-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}
.v82-grid.density-compact{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.v82-card{gap:14px}
.v82-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v82-mini-timeline{display:grid;gap:10px}
.v82-mini-event{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.v82-mini-event.tone-high{border-color:rgba(239,68,68,.18);background:rgba(239,68,68,.06)}
.v82-mini-event.tone-medium{border-color:rgba(245,158,11,.18);background:rgba(245,158,11,.06)}
.v82-mini-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:#93c5fd}
.v82-mini-dot.high{background:#ef4444}
.v82-mini-dot.medium{background:#f59e0b}
.v82-mini-dot.low{background:#84cc16}
.v82-mini-dot.info{background:#60a5fa}
.v82-stats-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
.v82-timeline-groups{display:grid;gap:18px;margin:18px 0 24px}
.v82-timeline-card{display:grid;gap:14px}
.panel-subtle{padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.timeline-list.compact{gap:12px}
@media (max-width:900px){.v82-meta-grid{grid-template-columns:1fr}.v82-stats-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.v82-grid,.v82-grid.density-compact{grid-template-columns:1fr}.v82-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}


.toast-static{animation:toastSlideIn .22s ease-out}
@keyframes toastSlideIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}


/* ===== V8.2.3 SUCCESS TOAST + FOOTER SYMMETRY POLISH ===== */

/* Stronger, readable success/error/info flash messages */
#siteFlashToast.toast-static{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:60px;
  padding:16px 18px 16px 20px;
  border-radius:16px;
  font-weight:700;
  font-size:15px;
  line-height:1.45;
  letter-spacing:.01em;
  box-shadow:0 18px 44px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04) inset;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
#siteFlashToast.toast-static::before{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  flex:0 0 34px;
  font-size:16px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 20px rgba(0,0,0,.22);
}
#siteFlashToast.toast-success{
  color:#f0fff7 !important;
  border:1px solid rgba(52,211,153,.48) !important;
  background:linear-gradient(135deg, rgba(6,78,59,.96), rgba(8,47,73,.94)) !important;
}
#siteFlashToast.toast-success::before{
  content:"✓";
  color:#063b2c;
  background:linear-gradient(135deg, #d1fae5, #86efac);
}
#siteFlashToast.toast-error{
  color:#fff1f2 !important;
  border:1px solid rgba(248,113,113,.5) !important;
  background:linear-gradient(135deg, rgba(127,29,29,.96), rgba(76,5,25,.94)) !important;
}
#siteFlashToast.toast-error::before{
  content:"!";
  color:#4a0d12;
  background:linear-gradient(135deg, #ffe4e6, #fda4af);
}
#siteFlashToast.toast-info{
  color:#eff6ff !important;
  border:1px solid rgba(96,165,250,.46) !important;
  background:linear-gradient(135deg, rgba(30,64,175,.96), rgba(14,116,144,.94)) !important;
}
#siteFlashToast.toast-info::before{
  content:"i";
  color:#e8ddbd;
  background:linear-gradient(135deg, #dbeafe, #7dd3fc);
}
@media (max-width:768px){
  #siteFlashToast.toast-static{
    top:82px !important;
    padding:14px 14px 14px 16px;
    font-size:14px;
  }
  #siteFlashToast.toast-static::before{
    width:30px;height:30px;flex-basis:30px;font-size:15px;
  }
}

/* Footer balance + symmetry */
#footer .footer-grid,
.public-footer .footer-grid{
  grid-template-columns:minmax(0,1.5fr) repeat(3, minmax(170px, .84fr)) !important;
  align-items:start !important;
  column-gap:40px !important;
  row-gap:28px !important;
}
#footer .footer-brand-col,
.public-footer .footer-brand-col{
  max-width:560px !important;
  padding-right:6px;
}
#footer .footer-brand-wrap,
.public-footer .footer-brand-wrap{
  margin-bottom:18px !important;
}
#footer .brand-footer-logo,
.public-footer .brand-footer-logo{
  width:min(520px,100%) !important;
}
#footer .footer-brand-col p,
.public-footer .footer-brand-col p{
  max-width:640px !important;
  margin:0 0 20px 0 !important;
}
#footer .footer-socials,
.public-footer .footer-socials{
  margin-top:12px !important;
  margin-bottom:0 !important;
}
#footer .footer-col,
.public-footer .footer-col{
  display:flex;
  flex-direction:column;
  min-width:0;
}
#footer .footer-col h5,
.public-footer .footer-col h5{
  margin:6px 0 18px !important;
}
#footer .footer-col a,
.public-footer .footer-col a{
  margin-bottom:14px !important;
}
#footer .footer-col-support .footer-admin-link,
.public-footer .footer-col-support .footer-admin-link{
  margin-top:16px !important;
  display:inline-flex;
  width:fit-content;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(103,232,249,.22);
  background:rgba(255,255,255,.03);
}
#footer .footer-bottom,
.public-footer .footer-bottom{
  align-items:center !important;
}
@media (max-width: 1024px){
  #footer .footer-grid,
  .public-footer .footer-grid{
    grid-template-columns:1.2fr 1fr 1fr !important;
  }
  #footer .footer-brand-col,
  .public-footer .footer-brand-col{
    grid-column:1 / -1;
    max-width:none !important;
    padding-right:0;
  }
}
@media (max-width: 768px){
  #footer .footer-grid,
  .public-footer .footer-grid{
    grid-template-columns:1fr !important;
    row-gap:18px !important;
  }
  #footer .footer-brand-col,
  .public-footer .footer-brand-col{
    grid-column:auto;
  }
  #footer .brand-footer-logo,
  .public-footer .brand-footer-logo{
    width:min(380px,100%) !important;
  }
}


/* ===== V8.2.4 FOOTER BALANCE + CLEAR TOAST READABILITY ===== */
#siteFlashToast.toast-static{
  top:92px !important;
  padding:16px 18px 16px 56px !important;
  border-radius:16px !important;
  border-width:1px !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  color:#f8fbff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
  box-shadow:0 18px 44px rgba(2,8,23,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#siteFlashToast.toast-static::before{
  left:18px !important;
  top:18px !important;
  width:24px !important;
  height:24px !important;
  font-size:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  box-shadow:0 0 0 3px rgba(255,255,255,.05) !important;
}
#siteFlashToast.toast-success{
  background:linear-gradient(180deg, rgba(8,54,30,.98) 0%, rgba(9,70,39,.98) 100%) !important;
  border-color:rgba(74,222,128,.45) !important;
  color:#effef4 !important;
}
#siteFlashToast.toast-success::before{
  background:rgba(74,222,128,.18) !important;
  color:#c7ffd9 !important;
}
#siteFlashToast.toast-error{
  background:linear-gradient(180deg, rgba(88,18,25,.98) 0%, rgba(111,25,35,.98) 100%) !important;
  border-color:rgba(252,165,165,.42) !important;
  color:#fff1f2 !important;
}
#siteFlashToast.toast-error::before{
  background:rgba(248,113,113,.16) !important;
  color:#ffe1e5 !important;
}
#siteFlashToast.toast-info{
  background:linear-gradient(180deg, rgba(12,40,92,.98) 0%, rgba(18,59,130,.98) 100%) !important;
  border-color:rgba(125,211,252,.42) !important;
  color:#eff8ff !important;
}
#siteFlashToast.toast-info::before{
  background:rgba(56,189,248,.16) !important;
  color:#d8f3ff !important;
}

#footer .footer-grid{
  grid-template-columns:minmax(0,1.65fr) repeat(3, minmax(160px,.78fr)) !important;
  column-gap:52px !important;
}
#footer .footer-brand-col{
  max-width:620px !important;
  padding-right:0 !important;
}
#footer .footer-brand-wrap{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  width:100% !important;
  margin:0 0 14px 0 !important;
}
#footer .footer-brand-wrap.nav-brand{
  gap:0 !important;
}
#footer .brand-footer-logo{
  width:min(560px,112%) !important;
  max-width:none !important;
  margin-left:-2px !important;
  transform:none !important;
}
#footer .footer-brand-col p{
  max-width:640px !important;
  margin:4px 0 18px 0 !important;
}
#footer .footer-socials{
  margin-top:10px !important;
  margin-bottom:18px !important;
}
#footer .footer-col-support .footer-admin-link{
  margin-top:14px !important;
  padding:11px 16px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(37,99,235,.18), rgba(14,165,164,.14)) !important;
  border:1px solid rgba(125,211,252,.24) !important;
  color:#f4fbff !important;
  font-weight:700 !important;
  box-shadow:0 10px 24px rgba(2,8,23,.16) !important;
}
#footer .footer-col-support .footer-admin-link:hover{
  color:#ffffff !important;
  border-color:rgba(125,211,252,.38) !important;
  background:linear-gradient(135deg, rgba(37,99,235,.24), rgba(14,165,164,.20)) !important;
}
#footer .footer-bottom{
  padding-top:24px !important;
  margin-top:24px !important;
}
@media (max-width: 1200px){
  #footer .footer-grid{grid-template-columns:minmax(0,1.35fr) repeat(3, minmax(150px,.85fr)) !important; column-gap:34px !important;}
  #footer .brand-footer-logo{width:min(500px,100%) !important; max-width:100% !important; margin-left:0 !important;}
}
@media (max-width: 768px){
  #siteFlashToast.toast-static{top:82px !important; padding:14px 16px 14px 50px !important; font-size:14px !important;}
  #siteFlashToast.toast-static::before{left:16px !important; top:16px !important; width:22px !important; height:22px !important;}
  #footer .footer-brand-wrap{margin-bottom:10px !important;}
  #footer .brand-footer-logo{width:min(420px,100%) !important; max-width:100% !important; margin-left:0 !important;}
  #footer .footer-socials{margin-bottom:12px !important;}
}


/* ===== V8.2.6E REAL FIX: HOME FOOTER + ADMISSION SPACING ===== */
/* Home page only: move whole page slightly upward */
#hero{
  margin-top:-8px !important;
}

/* Admission page: normalize gap below header to match other public pages */
.admission-page-stack{
  margin-top:22px !important;
}

/* Footer: force a single darker Astra tone everywhere */
#footer,
#footer::before,
#footer::after,
#footer .footer-grid,
#footer .section-divider,
#footer .footer-bottom,
#footer .footer-bottom::before,
#footer .footer-bottom::after{
  background:#061024 !important;
  background-image:none !important;
  box-shadow:none !important;
}
#footer .section-divider{
  height:1px !important;
  opacity:.12 !important;
  margin:0 !important;
}
#footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.08) !important;
  padding-top:22px !important;
  margin-top:22px !important;
}

/* Footer layout: make left/social and right/admin align on the same bottom line */
#footer .footer-grid{
  grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(165px,.8fr)) !important;
  column-gap:52px !important;
  align-items:start !important;
}
#footer .footer-brand-col,
#footer .footer-col-support{
  display:flex !important;
  flex-direction:column !important;
  min-height:430px !important;
}
#footer .footer-brand-col{
  max-width:640px !important;
}
#footer .footer-brand-wrap{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:flex-end !important;
  width:100% !important;
  margin:0 0 16px 0 !important;
  overflow:visible !important;
}
#footer .brand-footer-logo{
  width:min(600px,115%) !important;
  max-width:none !important;
  margin-left:-48px !important;
  transform:none !important;
}
#footer .footer-brand-col p{
  max-width:640px !important;
  margin:0 0 18px 0 !important;
}
#footer .footer-socials{
  margin-top:auto !important;
  margin-bottom:0 !important;
  padding-top:16px !important;
}
#footer .footer-col-support .footer-admin-link{
  margin-top:auto !important;
  align-self:flex-start !important;
  margin-bottom:0 !important;
}

@media (max-width:1200px){
  #footer .footer-grid{
    grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(150px,.86fr)) !important;
    column-gap:34px !important;
  }
  #footer .footer-brand-col,
  #footer .footer-col-support{
    min-height:400px !important;
  }
  #footer .brand-footer-logo{
    width:min(520px,108%) !important;
    margin-left:-28px !important;
    max-width:100% !important;
  }
}
@media (max-width:768px){
  .admission-page-stack{ margin-top:14px !important; }
  #hero{ margin-top:-6px !important; }
  #footer .footer-grid{grid-template-columns:1fr !important;}
  #footer .footer-brand-col,
  #footer .footer-col-support{min-height:auto !important;}
  #footer .brand-footer-logo{
    width:min(420px,100%) !important;
    max-width:100% !important;
    margin-left:0 !important;
  }
  #footer .footer-socials{margin-top:12px !important; padding-top:0 !important;}
  #footer .footer-col-support .footer-admin-link{margin-top:14px !important;}
}

/* ===== FINAL PUBLIC BACKGROUND CLEANUP ===== */
/* Normalize Admission page top spacing to match other public pages */
.admission-page-stack{
  margin-top:0 !important;
}

/* Keep only the main page hero slightly lifted, but stop footer/background conflicts */
#hero{
  margin-top:-8px !important;
}

/* Home/Public footer: flatten all inner background bands into one single Astra tone */
#footer,
footer#footer,
.public-footer{
  background:#061024 !important;
  background-image:none !important;
  box-shadow:none !important;
}

#footer::before,
#footer::after,
.public-footer::before,
.public-footer::after,
#footer .footer-grid,
#footer .footer-brand-col,
#footer .footer-col,
#footer .footer-col-support,
#footer .footer-brand-wrap,
#footer .section-divider,
#footer .footer-bottom,
#footer .footer-bottom::before,
#footer .footer-bottom::after,
.public-footer .footer-grid,
.public-footer .footer-bottom{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

#footer .section-divider{
  height:1px !important;
  margin:20px 0 0 !important;
  opacity:.08 !important;
  border:0 !important;
  background:rgba(255,255,255,.08) !important;
}

#footer .footer-bottom,
.public-footer .footer-bottom{
  border-top:none !important;
  margin-top:18px !important;
  padding-top:18px !important;
  color:rgba(239,246,255,.82) !important;
}

/* Footer alignment cleanup retained */
#footer .footer-grid{
  align-items:start !important;
}

#footer .footer-brand-wrap{
  justify-content:flex-start !important;
  margin:0 0 16px 0 !important;
}

#footer .brand-footer-logo{
  margin-left:-44px !important;
}

#footer .footer-socials{
  margin-top:auto !important;
  padding-top:14px !important;
}

#footer .footer-col-support .footer-admin-link{
  margin-top:auto !important;
}

@media (max-width: 768px){
  .admission-page-stack{
    margin-top:0 !important;
  }
  #footer .brand-footer-logo{
    margin-left:0 !important;
  }
}


/* ===== V8.2.6G final footer/admission cleanup ===== */
/* Home footer: remove bottom band, keep one premium split line */
#footer{
  background:#061024 !important;
  background-image:none !important;
  box-shadow:none !important;
}
#footer::before,
#footer::after,
#footer .footer-grid,
#footer .footer-brand-col,
#footer .footer-col,
#footer .footer-col-support,
#footer .footer-brand-wrap,
#footer .footer-socials,
#footer .social-link,
#footer .footer-bottom,
#footer .footer-bottom::before,
#footer .footer-bottom::after{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
#footer .section-divider{
  height:1px !important;
  margin:24px 0 18px !important;
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.12), rgba(255,255,255,.08)) !important;
  opacity:1 !important;
}
#footer .footer-bottom,
.public-footer .footer-bottom{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Admission page: match top spacing with other public pages */
.admission-page-stack{
  margin-top:36px !important;
}
@media (max-width: 900px){
  .admission-page-stack{
    margin-top:24px !important;
  }
}


/* ===== V8.2.7 GLOBAL FOOTER + SPACING + THEME FIX ===== */
:root{
  --gold:#2563eb !important;
  --gold2:#60a5fa !important;
  --amber:#38bdf8 !important;
  --star:#eef6ff !important;
  --muted:rgba(239,246,255,.78) !important;
  --dim:rgba(148,163,184,.18) !important;
  --border:rgba(96,165,250,.18) !important;
  --grad-gold:linear-gradient(135deg,#2563eb,#06b6d4) !important;
  --shadow-gold:0 0 34px rgba(37,99,235,.16) !important;
}

/* keep all shells aligned consistently below the header */
.public-shell,
.app-shell,
.admin-shell,
.student-shell,
.exam-window-shell{
  padding-top:104px !important;
}
.admission-page-stack{
  margin-top:0 !important;
  padding-top:0 !important;
}

@media (max-width:700px){
  .public-shell,
  .app-shell,
  .admin-shell,
  .student-shell,
  .exam-window-shell{
    padding-top:96px !important;
  }
}

/* unify footer on ALL public pages including home */
#footer,
.public-footer{
  position:relative;
  background:#061024 !important;
  background-image:none !important;
  box-shadow:none !important;
}
#footer::before,
#footer::after,
.public-footer::before,
.public-footer::after{
  display:none !important;
  content:none !important;
}
#footer .footer-grid,
#footer .footer-brand-col,
#footer .footer-col,
#footer .footer-col-support,
#footer .footer-brand-wrap,
#footer .footer-socials,
#footer .footer-bottom,
.public-footer .footer-grid,
.public-footer .footer-brand-col,
.public-footer .footer-col,
.public-footer .footer-col-support,
.public-footer .footer-brand-wrap,
.public-footer .footer-socials,
.public-footer .footer-bottom{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* same premium divider everywhere */
#footer .section-divider,
.public-footer .section-divider{
  display:block !important;
  height:1px !important;
  margin:22px 0 18px !important;
  border:0 !important;
  opacity:1 !important;
  background:linear-gradient(90deg,transparent,rgba(103,232,249,.16) 18%,rgba(103,232,249,.28) 50%,rgba(103,232,249,.16) 82%,transparent) !important;
}

/* remove bottom band and keep lower strip integrated */
#footer .footer-bottom,
.public-footer .footer-bottom{
  background:transparent !important;
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
  color:rgba(239,246,255,.82) !important;
}
#footer .footer-bottom span,
#footer .footer-bottom a,
.public-footer .footer-bottom span,
.public-footer .footer-bottom a{
  color:rgba(239,246,255,.82) !important;
}

/* footer logo/brand alignment retained */
#footer .footer-brand-wrap,
.public-footer .footer-brand-wrap{
  justify-content:flex-start !important;
  margin:0 0 16px 0 !important;
}
#footer .brand-footer-logo,
.public-footer .brand-footer-logo{
  width:min(500px,100%) !important;
  max-width:100% !important;
  margin-left:-44px !important;
}
#footer .footer-socials,
.public-footer .footer-socials{
  padding-top:14px !important;
}
#footer .footer-col-support .footer-admin-link,
.public-footer .footer-col-support .footer-admin-link{
  margin-top:14px !important;
}

/* remove remaining gold-looking text accents in the Astra public theme */
.tag, .tag::before, .page-kicker, .feature-card .feature-index, .scheme-no, .step-no,
.footer-col h5, .test-type, .test-price, .badge-soft, .pill, .badge-free,
.nav-name span, .footer-bottom span b, .section-header h2 em, .hero-h1 em{
  color:#e8ddbd !important;
}
.btn-gold{background:linear-gradient(135deg,#2563eb,#06b6d4) !important;color:#eff6ff !important;}
.btn-gold:hover{box-shadow:0 12px 28px rgba(37,99,235,.28) !important;}
.badge-free,.pill,.highlight-badge{background:rgba(37,99,235,.10) !important;border-color:rgba(96,165,250,.20) !important;color:#e8ddbd !important;}

@media (max-width:768px){
  #footer .brand-footer-logo,
  .public-footer .brand-footer-logo{margin-left:0 !important;width:min(420px,100%) !important;}
}

/* ===== V8.2.8 REAL SAFE ACCENT FIX ===== */
/* Change only warm/gold accents to Astra-blue without disturbing panel text */
:root{
  --gold:#2563eb !important;
  --gold2:#60a5fa !important;
  --amber:#3b82f6 !important;
  --grad-gold:linear-gradient(135deg,#2563eb 0%,#3b82f6 62%,#0ea5e9 100%) !important;
  --shadow-gold:0 18px 40px rgba(37,99,235,.18) !important;
}

/* Accent-only replacements */
.tag,.tag::before,.page-kicker,.feature-card .feature-index,.scheme-no,.step-no,.why-num,
.data-table th,.saved-table th,.matrix-table th,.question-bank-shell .saved-table th,
.question-bank-shell .matrix-table th,.kv strong,.footer-col h5,.footer-bottom span b,
.test-type,.test-price,.topper-rank,.topper-score,.fac-subject,.testi-detail,.center-state,
.hero-stat-num,.hero-h1 em,.ring-pct,.bar-pct,.rstat-num,.contact-info-box strong,
.stats-tile strong,.quick-admin-card strong,.admin-mini-grid .mini-panel h4,
.login-feature-item strong,.choice-chip strong,.premium-label,.nav-name span{
  color:var(--gold2) !important;
}

.pill,.badge-free,.highlight-badge,.page-kicker{
  background:rgba(37,99,235,.10) !important;
  border-color:rgba(96,165,250,.20) !important;
  color:var(--gold2) !important;
}

.btn-gold,.btn-primary,[class*="gold-btn"],.hero-submit-btn,.nta-btn-primary,
.exam-actions .btn-gold,.exam-shell .btn-gold,.question-bank-shell .btn-primary-strong{
  background:var(--grad-gold) !important;
  color:#eff6ff !important;
  box-shadow:0 14px 30px rgba(37,99,235,.24) !important;
}
.btn-gold:hover,.btn-primary:hover,.hero-submit-btn:hover{box-shadow:0 18px 36px rgba(37,99,235,.28) !important;}

/* Restore admin/student text contrast safely */
.admin-shell,
.student-shell,
.app-shell{
  color:#e8ddbd !important;
}
.admin-shell .panel,
.admin-shell .form-card,
.admin-shell .white-card,
.admin-shell .main-card,
.admin-shell .side-card,
.admin-shell .table-wrap,
.student-shell .panel,
.student-shell .form-card,
.student-shell .white-card,
.student-shell .main-card,
.student-shell .side-card,
.student-shell .table-wrap{
  color:#e8ddbd !important;
}
.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4,.admin-shell h5,
.student-shell h1,.student-shell h2,.student-shell h3,.student-shell h4,.student-shell h5,
.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4,.app-shell h5,
.admin-intro-title,.sidebar-title{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:#e8ddbd !important;
}
.admin-shell p,.admin-shell li,.admin-shell td,.admin-shell .muted,.admin-shell .section-subtitle,
.student-shell p,.student-shell li,.student-shell td,.student-shell .muted,.student-shell .section-subtitle,
.app-shell p,.app-shell li,.app-shell td,.app-shell .muted,.app-shell .section-subtitle{
  color:#e8ddbd !important;
}
.admin-shell label,.admin-shell .form-label,.admin-shell .form-field label,
.student-shell label,.student-shell .form-label,.student-shell .form-field label,
.app-shell label,.app-shell .form-label,.app-shell .form-field label{
  color:#e8ddbd !important;
}
.admin-shell .app-sidebar a,
.student-shell .app-sidebar a,
.app-shell .app-sidebar a{
  color:#e8ddbd !important;
  background:rgba(255,255,255,.68) !important;
  border-color:rgba(96,134,226,.16) !important;
}
.admin-shell .app-sidebar a:hover,
.admin-shell .app-sidebar a.active,
.admin-shell .app-sidebar a.current,
.student-shell .app-sidebar a:hover,
.student-shell .app-sidebar a.active,
.student-shell .app-sidebar a.current,
.app-shell .app-sidebar a:hover,
.app-shell .app-sidebar a.active,
.app-shell .app-sidebar a.current{
  color:#e8ddbd !important;
  background:linear-gradient(180deg,#ffffff,#f6f9ff) !important;
  border-color:rgba(96,134,226,.24) !important;
}

/* Admin/student tables should be blue-accented, not warm gold */
.admin-shell .data-table th,
.student-shell .data-table th,
.app-shell .data-table th,
.admin-shell table thead th,
.student-shell table thead th,
.app-shell table thead th{
  color:#e8ddbd !important;
}


/* ===== V8.2.9 CLEAN ACCENT AND CONTRAST PASS ===== */
:root{
  --gold:#1e3a8a !important;      /* navy accent */
  --gold2:#1d4ed8 !important;     /* premium Astra blue */
  --amber:#2563eb !important;
  --grad-gold:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0ea5e9 100%) !important;
  --shadow-gold:0 14px 30px rgba(29,78,216,.20) !important;
}

/* Strong, premium accent color only where warm/gold styling used */
.tag,
.tag::before,
.page-kicker,
.feature-card .feature-index,
.why-num,
.scheme-no,
.step-no,
.feature-num,
.footer-col h5,
.footer-bottom span b,
.test-type,
.test-price,
.topper-rank,
.topper-score,
.fac-subject,
.testi-detail,
.center-state,
.hero-stat-num,
.hero-h1 em,
.ring-pct,
.bar-pct,
.rstat-num,
.contact-info-box strong,
.stats-tile strong,
.quick-admin-card strong,
.admin-mini-grid .mini-panel h4,
.login-feature-item strong,
.choice-chip strong,
.nav-name span,
.kv strong,
.data-table th,
.saved-table th,
.matrix-table th,
.question-bank-shell .saved-table th,
.question-bank-shell .matrix-table th,
.badge-soft-strong,
.table-wrap th,
.premium-label,
.fac-stars,
.visual-toolbar button:hover,
.form-field label .accent,
.section-header h2 em{
  color: var(--gold2) !important;
  -webkit-text-fill-color: var(--gold2) !important;
  background: none !important;
}

/* Make labels and pills visible, not faded */
.pill,
.badge-soft,
.badge-free,
.highlight-badge,
.filter-btn,
.test-type,
.page-kicker,
.hero-pill,
.badge-hot,
.badge-new,
.badge-pop {
  color:#e8ddbd !important;
  border-color:rgba(29,78,216,.24) !important;
  background:rgba(29,78,216,.10) !important;
}

/* Admin / student panel accent readability */
.admin-shell .pill,
.student-shell .pill,
.app-shell .pill,
.admin-shell .badge-soft,
.student-shell .badge-soft,
.app-shell .badge-soft,
.admin-shell .highlight-badge,
.student-shell .highlight-badge,
.app-shell .highlight-badge,
.admin-shell .page-kicker,
.student-shell .page-kicker,
.app-shell .page-kicker {
  color:#e8ddbd !important;
  background:rgba(29,78,216,.10) !important;
  border-color:rgba(29,78,216,.22) !important;
}

/* Stronger table header accents */
.admin-shell .data-table th,
.student-shell .data-table th,
.app-shell .data-table th,
.admin-shell table thead th,
.student-shell table thead th,
.app-shell table thead th,
.data-table th,
.table-wrap th{
  color:#e8ddbd !important;
  background:rgba(29,78,216,.06) !important;
}

/* Restore prominent dark text where previous patches made it too faint */
.test-card p,
.test-info span,
.course-meta span,
.hero-card p,
.section-subtitle,
.panel .muted,
.muted,
.footer-brand-col p,
.footer-col a,
.data-table td,
.admin-shell p,
.student-shell p,
.app-shell p,
.admin-shell li,
.student-shell li,
.app-shell li,
.admin-shell td,
.student-shell td,
.app-shell td,
.admin-shell .section-subtitle,
.student-shell .section-subtitle,
.app-shell .section-subtitle{
  color:#e8ddbd !important;
  opacity:1 !important;
}

.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4,.admin-shell h5,
.student-shell h1,.student-shell h2,.student-shell h3,.student-shell h4,.student-shell h5,
.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4,.app-shell h5{
  color:#e8ddbd !important;
  background:none !important;
  -webkit-text-fill-color:#e8ddbd !important;
}

.admin-shell .app-sidebar a,
.student-shell .app-sidebar a,
.app-shell .app-sidebar a{
  color:#e8ddbd !important;
}
.admin-shell .app-sidebar a:hover,
.admin-shell .app-sidebar a.active,
.student-shell .app-sidebar a:hover,
.student-shell .app-sidebar a.active,
.app-shell .app-sidebar a:hover,
.app-shell .app-sidebar a.active{
  color:#e8ddbd !important;
}

/* Public cards with numeric highlights should be strong blue, not gold or faded */
.why-num,
.scheme-no,
.step-no,
.rstat-num,
.hero-stat-num,
.stats-tile strong,
.topper-score,
.test-price,
.ring-pct,
.bar-pct{
  color:#e8ddbd !important;
  -webkit-text-fill-color:#e8ddbd !important;
}

/* Home test cards readability */
.test-card .test-info span,
.tests-grid .test-info span,
.test-card .test-footer .test-price.free,
.test-card .test-footer .test-price{
  color:#e8ddbd !important;
  opacity:1 !important;
}
.test-card .test-info,
.tests-grid .test-info{
  color:#e8ddbd !important;
  opacity:1 !important;
}

/* Keep buttons premium blue */
.btn-gold,
.btn-primary,
[class*="gold-btn"],
.hero-submit-btn,
.nta-btn-primary,
.exam-actions .btn-gold,
.exam-shell .btn-gold,
.question-bank-shell .btn-primary-strong{
  background:var(--grad-gold) !important;
  color:#eff6ff !important;
  box-shadow:0 14px 30px rgba(29,78,216,.24) !important;
}
.btn-gold:hover,.btn-primary:hover,.hero-submit-btn:hover{
  box-shadow:0 18px 36px rgba(29,78,216,.30) !important;
}

/* Progress / charts accent stronger */
.bar-fill{
  background:linear-gradient(90deg,#1e3a8a 0%, #1d4ed8 55%, #0ea5e9 100%) !important;
}
.ring-fill{stroke:url(#goldGrad) !important;}


/* ===== V8.2.9B BUTTON VISIBILITY FIX ===== */
/* Keep dark header pills/buttons untouched; only repair pale buttons on light surfaces */
.panel .btn-outline,
.panel .btn-ghost,
.page-hero .btn-outline,
.page-hero .btn-ghost,
.card .btn-outline,
.card .btn-ghost,
.table-wrap .btn-outline,
.table-wrap .btn-ghost,
.data-table .btn-outline,
.data-table .btn-ghost,
.section .btn-outline,
.section .btn-ghost,
.public-shell .btn-outline,
.public-shell .btn-ghost,
.app-main .btn-outline,
.app-main .btn-ghost,
.app-shell .btn-outline,
.app-shell .btn-ghost,
.student-shell .btn-outline,
.student-shell .btn-ghost,
.admin-shell .btn-outline,
.admin-shell .btn-ghost,
button.btn-outline,
button.btn-ghost{
  color:#e8ddbd !important;
  background:#f7f9fd !important;
  border:1px solid rgba(23,50,92,.16) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.panel .btn-outline:hover,
.panel .btn-ghost:hover,
.page-hero .btn-outline:hover,
.page-hero .btn-ghost:hover,
.card .btn-outline:hover,
.card .btn-ghost:hover,
.table-wrap .btn-outline:hover,
.table-wrap .btn-ghost:hover,
.data-table .btn-outline:hover,
.data-table .btn-ghost:hover,
.section .btn-outline:hover,
.section .btn-ghost:hover,
.public-shell .btn-outline:hover,
.public-shell .btn-ghost:hover,
.app-main .btn-outline:hover,
.app-main .btn-ghost:hover,
.app-shell .btn-outline:hover,
.app-shell .btn-ghost:hover,
.student-shell .btn-outline:hover,
.student-shell .btn-ghost:hover,
.admin-shell .btn-outline:hover,
.admin-shell .btn-ghost:hover,
button.btn-outline:hover,
button.btn-ghost:hover{
  color:#e8ddbd !important;
  background:#ffffff !important;
  border-color:rgba(23,50,92,.24) !important;
}

/* Disabled buttons should remain readable, not invisible */
button:disabled,
.btn:disabled,
.btn-outline:disabled,
.btn-ghost:disabled{
  color:#e8ddbd !important;
  background:#edf2f9 !important;
  border-color:rgba(23,50,92,.12) !important;
  opacity:1 !important;
  cursor:not-allowed;
}

/* Ensure nested spans inside buttons inherit readable color */
.btn-outline span,
.btn-ghost span,
button.btn-outline span,
button.btn-ghost span{
  color:inherit !important;
}


/* ===== V8.2.9C TARGETED READABILITY + SPACING FIX ===== */

/* 1) Public page secondary buttons on light backgrounds */
.public-shell .btn-outline,
.public-shell .btn-ghost,
.page-hero .btn-outline,
.page-hero .btn-ghost,
.page-section .btn-outline,
.page-section .btn-ghost,
.card .btn-outline,
.card .btn-ghost{
  color:#e8ddbd !important;
  background:#f8fbff !important;
  border:1px solid rgba(23,50,92,.16) !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.public-shell .btn-outline:hover,
.public-shell .btn-ghost:hover,
.page-hero .btn-outline:hover,
.page-hero .btn-ghost:hover,
.page-section .btn-outline:hover,
.page-section .btn-ghost:hover,
.card .btn-outline:hover,
.card .btn-ghost:hover{
  color:#e8ddbd !important;
  background:#ffffff !important;
  border-color:rgba(23,50,92,.24) !important;
}

/* Disabled secondary buttons should still be readable */
.public-shell button:disabled,
.page-hero button:disabled,
.page-section button:disabled,
.card button:disabled,
.public-shell .btn:disabled,
.page-hero .btn:disabled,
.page-section .btn:disabled,
.card .btn:disabled{
  color:#e8ddbd !important;
  background:#eff4fb !important;
  border-color:rgba(23,50,92,.12) !important;
  opacity:1 !important;
}

/* 2) Header dark buttons: make text brighter */
.site-header .btn-outline,
#navbar .btn-outline,
.nav-actions .btn-outline,
.topbar-actions .btn-outline{
  color:#eef4ff !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.12) !important;
  opacity:1 !important;
}
.site-header .btn-outline:hover,
#navbar .btn-outline:hover,
.nav-actions .btn-outline:hover,
.topbar-actions .btn-outline:hover{
  color:#ffffff !important;
  background:rgba(255,255,255,.14) !important;
}

/* 3) Filter chips / tabs should not look faded */
.proctor-chip,
.proctor-filter-chips .proctor-chip,
.ai-proctor-toolbar .proctor-chip,
.live-dashboard-filters .proctor-chip,
.exam-chip,
.nta-meta-chip,
.nta-topbar-chip,
.subject-tab,
.nta-section-tab,
.pill{
  color:#e8ddbd !important;
  background:#eef3fb !important;
  border:1px solid rgba(49,95,174,.18) !important;
  opacity:1 !important;
}
.proctor-chip.active,
.proctor-filter-chips .proctor-chip.active,
.ai-proctor-toolbar .proctor-chip.active,
.live-dashboard-filters .proctor-chip.active,
.exam-chip.active,
.nta-meta-chip.active,
.nta-topbar-chip.active,
.subject-tab.active,
.nta-section-tab.active{
  color:#ffffff !important;
  background:linear-gradient(135deg,#315fae,#4b7fe2) !important;
  border-color:rgba(75,127,226,.40) !important;
}

/* 4) Fix oversized headings overlapping following cards */
.page-hero h1,
.page-hero h2,
.panel > h1:first-child,
.panel > h2:first-child,
.public-shell h1:first-child,
.public-shell h2:first-child{
  line-height:1.06 !important;
  margin-bottom:18px !important;
}
.page-hero p + .page-hero-actions,
.panel h1 + .empty,
.panel h2 + .empty,
.panel h1 + .grid,
.panel h2 + .grid,
.panel h1 + .table-wrap,
.panel h2 + .table-wrap,
.panel h1 + .section-row,
.panel h2 + .section-row{
  margin-top:18px !important;
}

/* 5) Reduce blue glow/spread on primary buttons */
.btn-gold,
.public-shell .btn-gold,
.page-hero .btn-gold,
.card .btn-gold,
.panel .btn-gold{
  box-shadow:0 8px 18px rgba(49,95,174,.14) !important;
}
.btn-gold:hover,
.public-shell .btn-gold:hover,
.page-hero .btn-gold:hover,
.card .btn-gold:hover,
.panel .btn-gold:hover{
  box-shadow:0 10px 22px rgba(49,95,174,.18) !important;
}


/* ===== V8.2.9D MICRO FIX (Assigned Courses + Exam Subject Active) ===== */

/* 1. Fix Assigned Courses overlap */
.panel h1 + .grid,
.panel h1 + .cards,
.panel h1 + .course-grid,
.panel h1 + .assigned-courses,
.panel h2 + .grid{
  margin-top:28px !important;
}

/* Ensure card containers respect spacing */
.assigned-courses,
.course-grid{
  margin-top:18px !important;
}

/* 2. Exam active subject card – premium blue + sea green blend */
.subject-card.active,
.exam-subject.active,
.nta-subject.active,
.subject-tab.active{
  background:linear-gradient(135deg,#2f5fb3 0%, #3aaea0 100%) !important;
  color:#ffffff !important;
  border-color:rgba(58,174,160,.45) !important;
}

/* Text inside active card */
.subject-card.active h3,
.subject-card.active span,
.exam-subject.active *,
.nta-subject.active *{
  color:#ffffff !important;
}


/* ===== V8.2.9E FINAL MICRO POLISH ===== */

/* 1. HARD FIX: Assigned Courses overlap */
.panel > h1:first-child{
  margin-bottom:36px !important;
}
.panel > h1:first-child + *{
  margin-top:10px !important;
}

/* specifically for course cards container */
.assigned-courses,
.course-grid,
.grid{
  margin-top:24px !important;
}

/* 2. LIGHTER premium exam active subject */
.subject-card.active,
.exam-subject.active,
.nta-subject.active,
.subject-tab.active{
  background:linear-gradient(135deg,#4f7fd6 0%, #5ec2b3 100%) !important;
  border-color:rgba(94,194,179,.40) !important;
}

/* keep text crisp */
.subject-card.active *,
.exam-subject.active *,
.nta-subject.active *{
  color:#ffffff !important;
}


/* ===== V8.2.9F COURSE CONTENT OVERLAP FIX ===== */
/* My Assigned Courses in course content uses h2 + .cards-grid */
.panel > h2:first-of-type{
  margin-bottom:34px !important;
  line-height:1.08 !important;
}
.panel > h2:first-of-type + .cards-grid{
  margin-top:0 !important;
}
.cards-grid{
  margin-top:0 !important;
}


/* ===== V8.2.9G SHADOW/SPREAD CLEANUP ===== */
/* Remove warm/golden shadow spread from floating action / scroll-to-top */
.scroll-top,
.back-to-top,
.go-top,
#scrollTopBtn,
#backToTop{
  box-shadow:none !important;
  filter:none !important;
}
.scroll-top:hover,
.back-to-top:hover,
.go-top:hover,
#scrollTopBtn:hover,
#backToTop:hover{
  box-shadow:0 8px 18px rgba(49,95,174,.18) !important;
}

/* Remove excess glow/spread from dark gradient action buttons */
.btn-gold,
.exam-actions .btn-gold,
.exam-shell .btn-gold,
.nta-btn-primary,
#submitExamBtn,
.btn-submit-exam,
.btn-danger,
.btn-primary-strong{
  box-shadow:none !important;
  filter:none !important;
}
.btn-gold:hover,
.exam-actions .btn-gold:hover,
.exam-shell .btn-gold:hover,
.nta-btn-primary:hover,
#submitExamBtn:hover,
.btn-submit-exam:hover,
.btn-danger:hover,
.btn-primary-strong:hover{
  box-shadow:0 10px 20px rgba(49,95,174,.18) !important;
}

/* Submit Exam orange button: keep clean without halo */
#submitExamBtn,
.btn-submit-exam,
.btn-danger{
  box-shadow:none !important;
}
#submitExamBtn:hover,
.btn-submit-exam:hover,
.btn-danger:hover{
  box-shadow:0 10px 18px rgba(234,88,12,.16) !important;
}


/* =====================================================
   FINAL LOCK: Preserve 1st Project Dark Gold Theme
   ===================================================== */
:root{
  --cosmos:#04080f!important;--deep:#080f1e!important;--navy:#0c1830!important;--slate:#1a2a4a!important;
  --star:#e8d5a3!important;--gold:#c9961a!important;--gold2:#f0c040!important;--amber:#f5a623!important;
  --white:#fdfcfa!important;--muted:rgba(232,213,163,0.45)!important;--dim:rgba(232,213,163,0.18)!important;
  --border:rgba(201,150,26,0.18)!important;--glass:rgba(12,24,48,0.70)!important;
  --grad-gold:linear-gradient(135deg,#c9961a,#f0c040)!important;
  --grad-sky:linear-gradient(180deg,#04080f 0%,#0c1830 60%,#04080f 100%)!important;
  --shadow-gold:0 0 40px rgba(201,150,26,0.15)!important;--shadow-card:0 8px 32px rgba(0,0,0,0.4)!important;--shadow-deep:0 24px 64px rgba(0,0,0,0.6)!important;
}
html,body{background:var(--cosmos)!important;color:var(--star)!important;background-image:none!important;}
body{background:var(--cosmos)!important;color:var(--star)!important;}
h1,h2,h3,h4,.hero-h1,.section-header h2,.page-hero h1{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--star)!important;}
.hero-h1 em,.nav-name span,.tag,.footer-col h5,.footer-bottom span b,.page-kicker,.feature-card .feature-index,.test-type,.topper-rank,.topper-score,.test-price,.stat-card strong,.hero-stat-num,.ring-pct,.bar-pct,.rstat-num,.kv strong,.data-table th{color:var(--gold2)!important;}
.tag::before{background:var(--gold)!important;}
#navbar,.mobile-menu{background:rgba(4,8,15,0.88)!important;border-color:var(--border)!important;box-shadow:none!important;}
.nav-logo,.btn-gold,.btn-primary,[class*="gold-btn"],.nta-btn-primary,.exam-actions .btn-gold,.exam-shell .btn-gold,.btn-submit-exam{background:var(--grad-gold)!important;color:var(--cosmos)!important;box-shadow:0 12px 32px rgba(201,150,26,.20)!important;}
.btn-outline,.btn-ghost{background:transparent!important;color:var(--star)!important;border-color:var(--border)!important;box-shadow:none!important;}
.btn-ghost{background:var(--dim)!important;}
.btn-outline:hover,.btn-ghost:hover{border-color:var(--gold)!important;color:var(--gold2)!important;background:rgba(201,150,26,.10)!important;}
.nav-links a,.mobile-menu a,.section-subtitle,.hero-sub,.muted,.small-muted,.course-card p,.why-feature p,.test-card p,.testi-card p,.footer-brand-col p,.footer-col a,.form-field label{color:var(--muted)!important;}
.nav-links a:hover,.nav-links a.active{color:var(--star)!important;}.nav-links a.active::after{background:var(--gold)!important;}.hamburger span{background:var(--star)!important;}
.hero-bg{background:radial-gradient(ellipse 70% 70% at 70% 40%,rgba(26,58,143,0.25) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(201,150,26,0.07) 0%,transparent 60%),linear-gradient(180deg,#04080f 0%,#080f1e 100%)!important;}
.hero-grid-lines{background-image:linear-gradient(rgba(201,150,26,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,150,26,0.03) 1px,transparent 1px)!important;}
.panel,.stat-card,.info-card,.alert,.table-wrap,.hero-card,.course-card,.why-feature,.topper-card,.faculty-card,.test-card,.testi-card,.center-card,.portal-box,.app-sidebar,.app-main .panel,.math-live-wrap,.preview-box,.math-preview-sheet,.heatmap-card,.alert-pill-live,.dashboard-banner,.mini-panel,.stats-tile,.nta-question-card,.nta-option-item,.exam-shell,.exam-sticky,.exam-layout-shell,.exam-sidebar-card,.nta-layout,.nta-shell,.exam-card,.summary-card,.question-card,.palette-card,.student-card{background:rgba(12,24,48,.72)!important;border-color:var(--border)!important;color:var(--star)!important;box-shadow:var(--shadow-card)!important;}
.form-field input,.form-field select,.form-field textarea,.form-control,select,input[type="text"],input[type="number"],input[type="email"],input[type="password"],textarea{background:rgba(232,213,163,0.04)!important;color:var(--star)!important;border-color:var(--border)!important;box-shadow:none!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-control:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(201,150,26,.12)!important;}
.form-field select option{background:var(--navy)!important;color:var(--star)!important;}
.data-table th{background:rgba(201,150,26,.08)!important;color:var(--gold2)!important;}.data-table td{color:var(--star)!important;border-color:var(--dim)!important;}.data-table tr:nth-child(even) td{background:rgba(232,213,163,.025)!important;}
.badge-soft,.pill,.filter-btn,.test-type,.exam-chip,.subject-tab,.nta-meta-chip,.nta-topbar-chip{background:rgba(201,150,26,.10)!important;color:var(--gold2)!important;border-color:var(--border)!important;}
.filter-btn.active,.app-sidebar a.active,.app-sidebar a.current,.app-sidebar a:hover{background:rgba(201,150,26,.16)!important;color:var(--gold2)!important;border-color:var(--gold)!important;}
#footer{background:linear-gradient(135deg,var(--slate) 0%,var(--cosmos) 100%)!important;border-top-color:var(--border)!important;}
.ticker-wrap{background:linear-gradient(90deg,var(--gold) 0%,var(--gold2) 50%,var(--gold) 100%)!important;}.ticker-item{color:var(--cosmos)!important;}
::selection{background:var(--gold)!important;color:var(--cosmos)!important;}::-webkit-scrollbar-track{background:var(--deep)!important;}::-webkit-scrollbar-thumb{background:var(--gold)!important;}


/* ===== AD ASTRA GOLD THEME FINAL POLISH — 2026-04-24 ===== */
:root{
  --cosmos:#04080f; --deep:#080f1e; --navy:#0c1830; --slate:#101b31;
  --star:#f2dfaa; --gold:#c9961a; --gold2:#f0c040; --amber:#f5a623;
  --muted:rgba(242,223,170,.68); --dim:rgba(242,223,170,.16); --border:rgba(240,192,64,.24);
  --glass:rgba(8,15,30,.82); --grad-gold:linear-gradient(135deg,#c9961a,#f0c040 55%,#ffe37a);
}
#navbar{background:rgba(4,8,15,.96)!important;border-bottom:1px solid rgba(240,192,64,.22)!important;box-shadow:0 18px 46px rgba(0,0,0,.45)!important;backdrop-filter:blur(18px)!important}
.nav-brand-image-wrap{display:flex!important;align-items:center!important;min-width:0!important;gap:0!important}
.brand-header-logo{height:58px!important;width:auto!important;max-width:min(430px,42vw)!important;object-fit:contain!important;background:transparent!important;mix-blend-mode:screen;filter:drop-shadow(0 8px 22px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(240,192,64,.16))!important}
#footer{background:#04080f!important;border-top:1px solid rgba(240,192,64,.22)!important;box-shadow:inset 0 1px 0 rgba(255,223,110,.06)!important}
.footer-logo-wrap{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:14px}
.brand-footer-logo{width:min(520px,100%)!important;height:auto!important;object-fit:contain!important;background:transparent!important;mix-blend-mode:screen;filter:drop-shadow(0 12px 28px rgba(0,0,0,.62)) drop-shadow(0 0 10px rgba(240,192,64,.18))!important}
.hero-h1-one-line{font-size:clamp(42px,6.2vw,78px)!important;line-height:.98!important;letter-spacing:-1.2px!important}
.hero-h1-one-line .reach-text{color:var(--muted)!important;font-style:italic!important;white-space:nowrap!important}
.hero-h1-one-line em{color:var(--gold2)!important;white-space:nowrap!important}
.hero-h1-one-line .adastra-text{color:var(--gold2)!important;font-style:normal!important}
.card,.glass-card,.info-card,.feature-card,.dashboard-card,.portal-box,.form-card,.login-card,.table-wrap,.stat-box,.kpi,.timeline-item,.course-card,.result-card,.lesson-card,.exam-card,.payment-card,.question-card,.preview-panel,.math-preview-card,.math-authoring-card,.app-card,.content-card,.panel,.white-card{background:linear-gradient(180deg,rgba(8,15,30,.96),rgba(12,24,48,.88))!important;border-color:rgba(240,192,64,.24)!important;color:var(--star)!important;box-shadow:0 22px 58px rgba(0,0,0,.42)!important}
.card *, .glass-card *, .info-card *, .feature-card *, .dashboard-card *, .portal-box *, .form-card *, .login-card *, .stat-box *, .kpi *, .timeline-item *, .course-card *, .result-card *, .lesson-card *, .exam-card *, .payment-card *, .question-card *, .preview-panel *, .math-preview-card *, .math-authoring-card *, .app-card *, .content-card *, .panel *, .white-card *{color:inherit}
p,.small-muted,.text-muted,.text-muted-2,.muted,.card p,.glass-card p,.info-card p,.feature-card p,.course-card p,.result-card p,.lesson-card p{color:rgba(242,223,170,.72)!important}
h1,h2,h3,h4,h5,.sidebar-title,.page-title,.section-title,.card-title,.course-title{color:var(--star)!important}
a:not(.btn),.link,.nav-link,.app-sidebar a{color:var(--star)!important}
a:not(.btn):hover,.app-sidebar a:hover{color:var(--gold2)!important}
.app-sidebar{background:linear-gradient(180deg,#04080f,#080f1e)!important;border-right:1px solid rgba(240,192,64,.20)!important}
.app-sidebar a{background:rgba(242,223,170,.08)!important;border:1px solid rgba(240,192,64,.16)!important;color:var(--star)!important}
.app-sidebar a.active{background:var(--grad-gold)!important;color:#04080f!important;border-color:rgba(255,227,122,.55)!important}
.app-sidebar a.active *{color:#04080f!important}
.badge,.pill,.chip,.tag-soft,.status-badge{background:rgba(240,192,64,.13)!important;color:var(--gold2)!important;border-color:rgba(240,192,64,.26)!important}
input,select,textarea,.form-control,.form-select{background:rgba(4,8,15,.78)!important;color:var(--star)!important;border:1px solid rgba(240,192,64,.26)!important}
input::placeholder,textarea::placeholder{color:rgba(242,223,170,.45)!important}
.btn-gold,.btn-primary,.btn-warning{background:var(--grad-gold)!important;color:#04080f!important;border-color:transparent!important}
.btn-outline,.btn-ghost,.btn-secondary{background:rgba(242,223,170,.07)!important;color:var(--star)!important;border:1px solid rgba(240,192,64,.28)!important}
table,th,td{color:var(--star)!important;border-color:rgba(240,192,64,.14)!important}
th{background:rgba(201,150,26,.12)!important;color:var(--gold2)!important}
/* Remove dull blue/grey patches in student exam and LMS */
.nta-shell,.exam-shell,.student-shell,.app-shell,main.page-main{background:linear-gradient(180deg,#04080f,#080f1e 58%,#04080f)!important;color:var(--star)!important}
.nta-question-card,.nta-option,.nta-panel,.palette-card,.timer-card,.question-block,.question-preview,.answer-card,.assigned-course-card{background:linear-gradient(180deg,rgba(8,15,30,.97),rgba(12,24,48,.9))!important;border:1px solid rgba(240,192,64,.23)!important;color:var(--star)!important;box-shadow:0 18px 42px rgba(0,0,0,.38)!important}
.nta-option:hover{border-color:rgba(240,192,64,.52)!important;background:rgba(201,150,26,.11)!important}
.nta-option-copy,.question-text-block,.math-content,.question-part,.option-text,.exam-text{color:var(--star)!important}
.nta-question-card a,.student-shell a,.exam-shell a,.math-content a{color:var(--gold2)!important}
/* Visual Equation Editor gold theme */
.math-authoring-shell,.math-author-shell,.math-toolbar,.math-editor-panel,.math-preview-panel{background:transparent!important;color:var(--star)!important}
math-field.premium-mathfield,.premium-mathfield,.modal-mathfield{background:linear-gradient(180deg,rgba(4,8,15,.96),rgba(12,24,48,.9))!important;color:var(--star)!important;border:1px solid rgba(240,192,64,.34)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.42)!important}
math-field.premium-mathfield:focus-within,.premium-mathfield:focus-within{border-color:rgba(240,192,64,.85)!important;box-shadow:0 0 0 3px rgba(240,192,64,.14),0 18px 42px rgba(0,0,0,.42)!important}
.math-toolbar button,.equation-btn,.insert-equation-btn,.insert-diagram-btn{background:rgba(240,192,64,.11)!important;color:var(--star)!important;border:1px solid rgba(240,192,64,.24)!important}
.math-toolbar button:hover,.equation-btn:hover,.insert-equation-btn:hover,.insert-diagram-btn:hover{background:var(--grad-gold)!important;color:#04080f!important}
@media(max-width:900px){.brand-header-logo{height:44px!important;max-width:68vw!important}.hero-h1-one-line{font-size:clamp(38px,10vw,58px)!important}.brand-footer-logo{width:min(430px,100%)!important}}

/* =====================================================
   V8.3 FINAL PERFECT BUILD — exact user polish lock
   ===================================================== */
:root{
  --cosmos:#04080f!important;--deep:#080f1e!important;--navy:#0c1830!important;--slate:#101b31!important;
  --star:#f2dfaa!important;--gold:#c9961a!important;--gold2:#f0c040!important;--gold3:#ffe37a!important;
  --muted:rgba(242,223,170,.70)!important;--soft:rgba(242,223,170,.10)!important;--border:rgba(240,192,64,.26)!important;
  --grad-gold:linear-gradient(135deg,#c9961a,#f0c040 58%,#ffe37a)!important;
}
body,html{background:#04080f!important;color:var(--star)!important;}
#navbar,.site-header,.admin-header,.student-header{background:#04080f!important;border-bottom:1px solid rgba(240,192,64,.22)!important;box-shadow:none!important;}
.nav-brand,.nav-brand-image-wrap,.logo-wrap,.navbar-brand,.footer-logo-wrap,.footer-logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;outline:0!important;}
.brand-header-logo,.brand-footer-logo,.nav-brand img,.navbar-brand img,.footer-logo img{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;display:block!important;mix-blend-mode:normal!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.34))!important;}
.brand-header-logo{height:58px!important;max-width:min(430px,42vw)!important;object-fit:contain!important;}
.brand-footer-logo{width:min(520px,100%)!important;height:auto!important;object-fit:contain!important;}
#hero{min-height:calc(100vh - 70px)!important;padding-top:42px!important;padding-bottom:18px!important;align-items:start!important;}
.hero-content{transform:translateY(-18px)!important;}
.hero-card{transform:translateY(-8px)!important;background:linear-gradient(180deg,rgba(8,15,30,.97),rgba(9,17,34,.94))!important;border-color:rgba(240,192,64,.27)!important;box-shadow:0 20px 54px rgba(0,0,0,.42)!important;}
.hero-h1,.hero-h1-one-line{font-size:clamp(38px,5.2vw,70px)!important;line-height:1.02!important;margin-bottom:22px!important;letter-spacing:-1px!important;}
.hero-h1-one-line .reach-text{color:var(--gold2)!important;font-style:italic!important;white-space:nowrap!important;}
.hero-h1-one-line em{color:var(--gold2)!important;white-space:nowrap!important;font-style:normal!important;}
.hero-h1-one-line .adastra-text{color:var(--muted)!important;font-style:normal!important;}
.hero-actions{gap:12px!important;margin-top:28px!important;}
.hero-actions .btn,.hero-actions a.btn,#hero .btn{padding:12px 26px!important;font-size:15px!important;min-height:48px!important;border-radius:999px!important;letter-spacing:.2px!important;}
.hero-stats,.hero-actions + .hero-stats{margin-top:44px!important;gap:42px!important;transform:translateY(-24px)!important;}
.hero-stat-num{font-size:clamp(26px,3.8vw,48px)!important;color:var(--gold2)!important;line-height:1!important;}
.hero-stat-lbl{font-size:14px!important;color:rgba(242,223,170,.75)!important;}
.card,.glass-card,.info-card,.feature-card,.dashboard-card,.portal-box,.form-card,.login-card,.table-wrap,.stat-box,.kpi,.timeline-item,.course-card,.result-card,.lesson-card,.exam-card,.payment-card,.question-card,.preview-panel,.math-preview-card,.math-authoring-card,.app-card,.content-card,.panel,.white-card,.assigned-course-card,.student-card,.question-preview,.answer-card,.nta-question-card,.nta-option,.nta-panel,.palette-card,.timer-card,.question-block,.exam-sidebar-card,.summary-card,.app-sidebar,.app-main .panel,[class*="card"],[class*="panel"]{background:linear-gradient(180deg,rgba(8,15,30,.97),rgba(12,24,48,.90))!important;border:1px solid rgba(240,192,64,.24)!important;color:var(--star)!important;box-shadow:0 20px 50px rgba(0,0,0,.40)!important;}
.card *,.glass-card *,.info-card *,.feature-card *,.dashboard-card *,.portal-box *,.form-card *,.login-card *,.stat-box *,.kpi *,.timeline-item *,.course-card *,.result-card *,.lesson-card *,.exam-card *,.payment-card *,.question-card *,.preview-panel *,.math-preview-card *,.math-authoring-card *,.app-card *,.content-card *,.panel *,.white-card *,.assigned-course-card *,.student-card *{color:inherit;}
body .bg-light,body .bg-white,body .bg-secondary,body [class*="bg-light"],body [class*="bg-white"]{background:linear-gradient(180deg,rgba(8,15,30,.97),rgba(12,24,48,.90))!important;color:var(--star)!important;}
p,.small-muted,.text-muted,.text-muted-2,.muted,.card p,.panel p,.course-card p,.lesson-card p,.exam-card p,.assigned-course-card p{color:rgba(242,223,170,.74)!important;}
h1,h2,h3,h4,h5,.sidebar-title,.page-title,.section-title,.card-title,.course-title{color:var(--star)!important;}
a:not(.btn),.link,.nav-link,.app-sidebar a,.student-shell a,.exam-shell a,.math-content a{color:var(--gold2)!important;}
.app-sidebar a{background:rgba(242,223,170,.08)!important;border:1px solid rgba(240,192,64,.18)!important;color:var(--star)!important;}
.app-sidebar a.active,.app-sidebar a:hover{background:var(--grad-gold)!important;color:#04080f!important;border-color:rgba(255,227,122,.55)!important;}
.badge,.pill,.chip,.tag-soft,.status-badge,.exam-chip,.subject-tab,.nta-meta-chip,.nta-topbar-chip{background:rgba(240,192,64,.13)!important;color:var(--gold2)!important;border:1px solid rgba(240,192,64,.26)!important;}
input,select,textarea,.form-control,.form-select,math-field{background:rgba(4,8,15,.84)!important;color:var(--star)!important;border:1px solid rgba(240,192,64,.28)!important;box-shadow:none!important;}
input::placeholder,textarea::placeholder{color:rgba(242,223,170,.48)!important;}
.btn-gold,.btn-primary,.btn-warning,.btn-main,.nta-btn-primary,#submitExamBtn,.btn-submit-exam{background:var(--grad-gold)!important;color:#04080f!important;border-color:transparent!important;box-shadow:none!important;}
.btn-outline,.btn-ghost,.btn-secondary{background:rgba(242,223,170,.07)!important;color:var(--star)!important;border:1px solid rgba(240,192,64,.28)!important;box-shadow:none!important;}
.nta-shell,.exam-shell,.student-shell,.app-shell,main.page-main,.math-authoring-shell,.math-author-shell{background:linear-gradient(180deg,#04080f,#080f1e 58%,#04080f)!important;color:var(--star)!important;}
.nta-option:hover{border-color:rgba(240,192,64,.54)!important;background:rgba(201,150,26,.12)!important;}
.nta-option-copy,.question-text-block,.math-content,.question-part,.option-text,.exam-text{color:var(--star)!important;}
.math-live-wrap,#visual-math-field,.premium-mathfield,.modal-mathfield,.math-preview-sheet,.math-toolbar,.math-editor-panel,.math-preview-panel{background:linear-gradient(180deg,rgba(4,8,15,.97),rgba(12,24,48,.92))!important;color:var(--star)!important;border-color:rgba(240,192,64,.32)!important;box-shadow:0 18px 42px rgba(0,0,0,.40)!important;}
.math-toolbar button,.equation-btn,.insert-equation-btn,.insert-diagram-btn{background:rgba(240,192,64,.12)!important;color:var(--star)!important;border:1px solid rgba(240,192,64,.26)!important;}
.math-toolbar button:hover,.equation-btn:hover,.insert-equation-btn:hover,.insert-diagram-btn:hover{background:var(--grad-gold)!important;color:#04080f!important;}
@media(max-width:900px){#hero{padding-top:28px!important}.hero-content{transform:none!important}.hero-h1,.hero-h1-one-line{font-size:clamp(34px,9vw,52px)!important}.hero-actions .btn,#hero .btn{padding:11px 20px!important;font-size:14px!important;min-height:44px!important}.hero-stats{transform:none!important;margin-top:28px!important}.brand-header-logo{height:44px!important;max-width:68vw!important}}


/* =====================================================
   V8.3.1 FINAL CORRECTION LOCK
   - hero pulled up without hiding the institute badge
   - transparent cleaned logos with no dark rectangle patch
   - footer logo fully visible
   - side panes/admin/student/exam/editor recolored to home theme
   ===================================================== */

:root{
  --astra-bg:#04080f!important;
  --astra-bg-2:#071121!important;
  --astra-panel:#091427!important;
  --astra-panel-2:#0c1830!important;
  --astra-gold:#f0c040!important;
  --astra-gold-soft:#f2dfaa!important;
  --astra-border:rgba(240,192,64,.26)!important;
  --astra-muted:rgba(242,223,170,.74)!important;
}

/* Logos: remove CSS rectangle/backplate and let cleaned transparent PNG merge into header/footer */
#navbar .nav-brand,
.nav-brand-image-wrap,
.footer-logo-wrap{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
}
.brand-header-logo{
  height:54px!important;
  max-width:395px!important;
  width:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.42))!important;
}
.footer-logo-wrap{
  width:100%!important;
  max-width:560px!important;
  overflow:visible!important;
  margin-bottom:18px!important;
}
.brand-footer-logo{
  width:min(560px,100%)!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.50))!important;
}
#footer .footer-grid{
  grid-template-columns:minmax(460px,1.4fr) repeat(3,minmax(160px,.75fr))!important;
  column-gap:56px!important;
  align-items:start!important;
}
.footer-brand-col{overflow:visible!important;min-width:0!important;}


/* V8.12.90 Exam source-render off-white equation lock */
.exam-question-card .question-text-block mjx-container,
.exam-question-card .question-text-block mjx-container *,
.nta-option-copy mjx-container,
.nta-option-copy mjx-container *,
.exam-question-card .question-text-block mjx-container svg,
.exam-question-card .question-text-block mjx-container svg *,
.nta-option-copy mjx-container svg,
.nta-option-copy mjx-container svg *{
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
  fill:#f6e4a8!important;
  stroke:#f6e4a8!important;
}


/* V8.12.91 Result Review button + graph polish */
body.portal-theme.student-portal .question-review-card .review-status,
body.portal-theme.student-portal .question-review-card .review-status.correct,
body.portal-theme.student-portal .question-review-card .review-status.wrong,
body.portal-theme.student-portal .question-review-card .review-status.unanswered{
  background:linear-gradient(180deg,rgba(8,15,30,.98),rgba(12,24,48,.94))!important;
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
  border:1px solid rgba(240,192,64,.34)!important;
  box-shadow:none!important;
}

body.portal-theme.student-portal .question-review-card .review-status.correct{
  background:linear-gradient(135deg,rgba(12,80,56,.96),rgba(8,55,42,.98))!important;
  border-color:rgba(65,225,145,.40)!important;
  color:#dfffee!important;
  -webkit-text-fill-color:#dfffee!important;
}

body.portal-theme.student-portal .question-review-card .review-status.wrong{
  background:linear-gradient(135deg,rgba(92,24,34,.96),rgba(58,14,24,.98))!important;
  border-color:rgba(255,126,144,.42)!important;
  color:#ffe2e7!important;
  -webkit-text-fill-color:#ffe2e7!important;
}

body.portal-theme.student-portal #accuracySpeedChart{
  display:block!important;
  width:100%!important;
}

/* V8.12.209 TARGETED VEE FIX: contain previews + remove matrix blue/persistent selection */
#equationModal #equation-preview-box,
#equationModal #question-preview-box,
#equationModal .premium-preview-box{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
}
#equationModal #equation-preview-box math-field.ad-astra-preview-mathfield,
#equationModal #question-preview-box math-field.ad-astra-preview-mathfield,
#equationModal .premium-preview-box math-field.ad-astra-preview-mathfield{
  display:inline-block!important;
  max-width:none!important;
  min-width:0!important;
  vertical-align:middle!important;
  background:transparent!important;
  border:0!important;
  color:#fff4c7!important;
  -webkit-text-fill-color:#fff4c7!important;
  font-size:1.18em!important;
}
#equationModal #question-preview-box .math-preview-question,
#equationModal #question-preview-box .preview-option-copy,
#equationModal #question-preview-box .preview-explanation-copy{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
}
#equationModal #premium-matrix-picker .matrix-cell,
#equationModal #premium-matrix-picker .matrix-cell.hovered,
#equationModal #premium-matrix-picker .matrix-cell:focus,
#equationModal #premium-matrix-picker .matrix-cell:active{
  background:#071126!important;
  background-color:#071126!important;
  border:1px solid rgba(244,196,81,.42)!important;
  outline:none!important;
  box-shadow:none!important;
}
#equationModal #premium-matrix-picker:hover .matrix-cell.hovered{
  background:#13243a!important;
  background-color:#13243a!important;
  border-color:rgba(244,196,81,.86)!important;
  box-shadow:inset 0 0 0 1px rgba(244,196,81,.30)!important;
}
#equationModal #premium-matrix-picker .matrix-cell:focus-visible{
  outline:1px solid rgba(244,196,81,.92)!important;
}
.ML__matrix-cell,.ML__matrix-row button,[role="gridcell"],.astra-matrix-selected,.ad-astra-matrix-block-cell,.is-picked{
  background-color:#071126!important;
  border-color:rgba(244,196,81,.42)!important;
  color:#fff4c7!important;
  -webkit-text-fill-color:#fff4c7!important;
}
.ML__matrix-cell:hover,.ML__matrix-row button:hover,[role="gridcell"]:hover,
.ML__matrix-cell.astra-matrix-selected,.ML__matrix-cell.is-picked,.ML__matrix-cell.ad-astra-matrix-block-cell{
  background-color:#13243a!important;
  outline:1px solid rgba(244,196,81,.92)!important;
  box-shadow:inset 0 0 0 1px rgba(244,196,81,.28)!important;
}


/* === V8.12.266 REAL BLUE TEXT REPLACEMENT FALLBACK === */
[style*="color:#2563eb"],[style*="color: #2563eb"],
[style*="color:#1d4ed8"],[style*="color: #1d4ed8"],
[style*="color:#1e40af"],[style*="color: #1e40af"],
[style*="color:#1e3a8a"],[style*="color: #1e3a8a"],
[style*="color:#183b68"],[style*="color: #183b68"],
[style*="color:#173f73"],[style*="color: #173f73"],
[style*="color:#123b6f"],[style*="color: #123b6f"],
[style*="color:#315d9b"],[style*="color: #315d9b"],
[style*="color:#2f5f9f"],[style*="color: #2f5f9f"]{
  color:#e8ddbd!important;
  -webkit-text-fill-color:#e8ddbd!important;
}
.rendered-math-preview,.math-render-preview,.option-math-preview,.preview-math-box{
  color:#f7e7b8!important;
  -webkit-text-fill-color:#f7e7b8!important;
  opacity:.94!important;
}


/* V8.12.356 premium bullets for in-exam Instructions only */
.nta-modal-card .nta-instruction-list{
  list-style:none !important;
  margin:0 !important;
  padding-left:0 !important;
  display:grid !important;
  gap:12px !important;
}
.nta-modal-card .nta-instruction-list li{
  position:relative !important;
  padding-left:24px !important;
  margin-bottom:0 !important;
}
.nta-modal-card .nta-instruction-list li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.72em !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#c9961a,#f0c040 58%,#ffe37a) !important;
  box-shadow:0 0 0 3px rgba(240,192,64,.12) !important;
}


/* V8.12.372 mobile MCQ Exams table fit fix only */
@media (max-width:700px){
  .student-portal .app-shell.admin-shell{
    grid-template-columns:1fr !important;
    padding-left:14px !important;
    padding-right:14px !important;
    overflow-x:hidden !important;
    max-width:100vw !important;
  }
  .student-portal .app-main,
  .student-portal .app-sidebar,
  .mcq-exams-panel{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .mcq-exams-panel{
    padding:22px 16px !important;
    overflow:hidden !important;
  }
  .mcq-exams-panel .section-subtitle{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
  .mcq-exams-panel .table-wrap{
    overflow:visible !important;
    width:100% !important;
    max-width:100% !important;
  }
  .mcq-exams-panel .data-table,
  .mcq-exams-panel .data-table thead,
  .mcq-exams-panel .data-table tbody,
  .mcq-exams-panel .data-table tr,
  .mcq-exams-panel .data-table th,
  .mcq-exams-panel .data-table td{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .mcq-exams-panel .data-table thead{display:none !important;}
  .mcq-exams-panel .data-table tr{
    margin:0 0 14px !important;
    padding:12px !important;
    border:1px solid rgba(240,192,64,.22) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.025) !important;
  }
  .mcq-exams-panel .data-table td{
    display:grid !important;
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:10px !important;
    padding:9px 0 !important;
    border-bottom:1px solid rgba(240,192,64,.10) !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }
  .mcq-exams-panel .data-table td:last-child{
    border-bottom:0 !important;
    min-width:0 !important;
  }
  .mcq-exams-panel .data-table td::before{
    content:attr(data-label);
    color:#f0c040;
    font-family:var(--font-mono);
    font-size:10px;
    line-height:1.4;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
}


/* AD ASTRA live cleanup: hide demo/page-description subtitles in portal/admin pages */
body.portal-theme .section-subtitle,
body.portal-theme .admin-intro-copy,
.admin-shell .section-subtitle,
.student-shell .section-subtitle,
.app-shell .section-subtitle{display:none!important;}


/* ===== AD ASTRA FINAL LAST RESPONSIVE FIX 2026-06-07 =====
   Targeted: exam count cards, tablet top alignment, mobile question compactness. */
@media (min-width:701px) and (max-width:1180px){
  .exam-shell .nta-topline,
  .nta-shell .nta-topline{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(340px,42%)!important;
    align-items:start!important;
    column-gap:34px!important;
  }
  .exam-shell .nta-top-candidate-card,
  .nta-shell .nta-top-candidate-card{
    width:100%!important;
    max-width:520px!important;
    justify-self:end!important;
    margin-top:0!important;
    align-self:start!important;
  }
  .exam-shell .nta-count-grid,
  .nta-shell .nta-count-grid,
  .exam-shell .nta-side-card .nta-count-grid,
  .nta-shell .nta-side-card .nta-count-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .exam-shell .nta-count-box,
  .nta-shell .nta-count-box,
  .exam-shell .nta-side-card .nta-count-box,
  .nta-shell .nta-side-card .nta-count-box{
    min-height:74px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
  }
  .exam-shell .nta-count-box small,
  .nta-shell .nta-count-box small{
    white-space:normal!important;
    line-height:1.15!important;
    font-size:11px!important;
  }
}
@media (max-width:700px){
  .exam-shell .nta-count-grid,
  .nta-shell .nta-count-grid,
  .exam-shell .nta-side-card .nta-count-grid,
  .nta-shell .nta-side-card .nta-count-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .exam-shell .nta-count-box,
  .nta-shell .nta-count-box,
  .exam-shell .nta-side-card .nta-count-box,
  .nta-shell .nta-side-card .nta-count-box{
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:14px!important;
  }
  .exam-shell .nta-count-box span,
  .nta-shell .nta-count-box span{font-size:1.05rem!important;margin-bottom:3px!important;}
  .exam-shell .nta-count-box small,
  .nta-shell .nta-count-box small{font-size:.72rem!important;white-space:normal!important;line-height:1.12!important;}
  .exam-shell .exam-card,
  .nta-shell .exam-card,
  .exam-shell .nta-main-card,
  .nta-shell .nta-main-card{padding:14px!important;border-radius:18px!important;}
  .exam-shell .nta-question-header,
  .nta-shell .nta-question-header{padding:14px!important;border-radius:18px!important;margin-top:14px!important;gap:10px!important;}
  .exam-shell .nta-question-no,
  .nta-shell .nta-question-no{font-size:1.35rem!important;line-height:1.05!important;}
  .exam-shell .nta-question-flags,
  .nta-shell .nta-question-flags{gap:7px!important;}
  .exam-shell .nta-question-flags .pill,
  .nta-shell .nta-question-flags .pill{font-size:.72rem!important;padding:7px 10px!important;letter-spacing:.06em!important;}
  .exam-shell .nta-question-card,
  .nta-shell .nta-question-card{padding:14px!important;border-radius:18px!important;}
  .exam-shell .question-text-block,
  .nta-shell .question-text-block,
  .exam-shell .question-body,
  .nta-shell .question-body{font-size:14px!important;line-height:1.55!important;}
  .exam-shell .nta-option-list,
  .nta-shell .nta-option-list{gap:10px!important;}
  .exam-shell .nta-option-item,
  .nta-shell .nta-option-item{grid-template-columns:18px 36px minmax(0,1fr)!important;column-gap:10px!important;padding:11px 12px!important;border-radius:16px!important;min-height:58px!important;}
  .exam-shell .nta-option-item input,
  .nta-shell .nta-option-item input{inline-size:14px!important;block-size:14px!important;}
  .exam-shell .nta-option-badge,
  .nta-shell .nta-option-badge,
  .exam-shell .option-letter,
  .nta-shell .option-letter{width:36px!important;height:36px!important;min-width:36px!important;font-size:.9rem!important;}
  .exam-shell .nta-option-copy .question-text-block,
  .nta-shell .nta-option-copy .question-text-block{font-size:13.5px!important;line-height:1.45!important;}
}

@media (min-width:768px) and (max-width:1024px){
.container,.container-fluid,.main-content,.content-wrapper,.page-content,.dashboard-container,.exam-container,.student-container,.admin-container{
padding-left:12px !important;
padding-right:12px !important;
max-width:100% !important;
}
.card,.panel,.exam-layout,.exam-wrapper{
margin-left:0 !important;
margin-right:0 !important;
}
}


/* =====================================================
   AD ASTRA FINAL TABLET WIDTH + FULLSCREEN ALIGNMENT FIX
   Scope: tablet only. Reduces left/right gutters everywhere and lowers
   fullscreen toggle to align with header/logo row. No functional changes.
   ===================================================== */
@media (min-width:701px) and (max-width:1100px){
  :root{
    --aa-tablet-page-x:8px;
    --aa-tablet-card-x:16px;
  }
  html,body{max-width:100%!important;overflow-x:hidden!important;}

  body.portal-theme #navbar,
  body.portal-theme .navbar,
  body.portal-theme .topbar,
  body.portal-theme .app-header,
  body.portal-theme .portal-header,
  body.portal-theme .admin-topbar,
  body.portal-theme .student-topbar{
    padding-left:var(--aa-tablet-page-x)!important;
    padding-right:var(--aa-tablet-page-x)!important;
    margin-left:0!important;
    margin-right:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.portal-theme .app-shell,
  body.portal-theme .student-shell,
  body.portal-theme .admin-shell,
  body.portal-theme .exam-window-shell,
  body.portal-theme .page-shell,
  body.portal-theme .dashboard-shell,
  body.portal-theme .question-bank-shell,
  body.portal-theme .math-authoring-shell,
  body.portal-theme .math-author-shell,
  body.portal-theme main,
  body.portal-theme .app-main,
  body.portal-theme .main-content,
  body.portal-theme .content-wrapper,
  body.portal-theme .page-content,
  body.portal-theme .container,
  body.portal-theme .container-fluid,
  body.portal-theme .dashboard-container,
  body.portal-theme .exam-container,
  body.portal-theme .student-container,
  body.portal-theme .admin-container,
  body.portal-theme section,
  body.portal-theme .content-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:var(--aa-tablet-page-x)!important;
    padding-right:var(--aa-tablet-page-x)!important;
    box-sizing:border-box!important;
  }

  body.portal-theme #navbar + .app-shell,
  body.portal-theme #navbar + .student-shell,
  body.portal-theme #navbar + .admin-shell,
  body.portal-theme #navbar + main{
    padding-top:18px!important;
  }

  body.portal-theme .panel,
  body.portal-theme .card,
  body.portal-theme .content-card,
  body.portal-theme .form-card,
  body.portal-theme .glass-card,
  body.portal-theme .dashboard-card,
  body.portal-theme .main-card,
  body.portal-theme .side-card,
  body.portal-theme .white-card,
  body.portal-theme .result-card,
  body.portal-theme .course-card,
  body.portal-theme .quick-admin-card,
  body.portal-theme .student-overview-card,
  body.portal-theme .student-summary-card,
  body.portal-theme .question-card,
  body.portal-theme .exam-question-card,
  body.portal-theme .nta-question-card,
  body.portal-theme .exam-card,
  body.portal-theme .nta-main-card,
  body.portal-theme .nta-side-card,
  body.portal-theme .dashboard-banner,
  body.portal-theme .login-side-card,
  body.portal-theme .hero-card,
  body.portal-theme .test-card,
  body.portal-theme .faculty-card,
  body.portal-theme .contact-card{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  body.portal-theme .panel,
  body.portal-theme .card,
  body.portal-theme .content-card,
  body.portal-theme .form-card,
  body.portal-theme .glass-card,
  body.portal-theme .dashboard-card,
  body.portal-theme .main-card,
  body.portal-theme .side-card,
  body.portal-theme .white-card{
    padding-left:var(--aa-tablet-card-x)!important;
    padding-right:var(--aa-tablet-card-x)!important;
  }

  body.portal-theme .grid,
  body.portal-theme .grid-2,
  body.portal-theme .grid-3,
  body.portal-theme .dashboard-grid,
  body.portal-theme .cards-grid,
  body.portal-theme .admin-shell,
  body.portal-theme .exam-layout,
  body.portal-theme .exam-wrapper,
  body.portal-theme .exam-layout-shell,
  body.portal-theme .nta-layout,
  body.portal-theme .nta-topline{
    gap:14px!important;
  }

  body.portal-theme.exam-portal .exam-window-shell,
  body.portal-theme.exam-portal .exam-shell,
  body.portal-theme.exam-portal .nta-shell,
  body.portal-theme.exam-portal .nta-exam-shell,
  body.portal-theme.exam-portal .compact-exam-shell,
  body.portal-theme.student-portal.exam-portal .exam-window-shell,
  body.portal-theme.student-portal.exam-portal .exam-shell,
  body.portal-theme.student-portal.exam-portal .nta-shell,
  body.portal-theme.student-portal.exam-portal .nta-exam-shell,
  body.portal-theme.student-portal.exam-portal .compact-exam-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
    box-sizing:border-box!important;
  }

  body.portal-theme .table-wrap{max-width:100%!important;overflow-x:auto!important;}
}

/* =====================================================
   AD ASTRA TABLET HEADER OVERLAP FINAL FIX — 2026-06-08
   Scope: tablet only. Keeps the reduced side gutters, restores clean
   vertical breathing room below the header, and prevents page content from
   being clipped under the header. No desktop/mobile or functionality changes.
   ===================================================== */
@media (min-width:701px) and (max-width:1100px){
  :root{
    --aa-tablet-page-x:8px;
    --aa-tablet-card-x:16px;
    --aa-tablet-under-header-gap:22px;
  }

  html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.portal-theme #navbar,
  body.admin-portal #navbar,
  body.student-portal #navbar{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    transform:none!important;
    margin:0!important;
    padding-left:var(--aa-tablet-page-x)!important;
    padding-right:var(--aa-tablet-page-x)!important;
    box-sizing:border-box!important;
  }

  body.portal-theme #navbar + .app-shell,
  body.portal-theme #navbar + .student-shell,
  body.portal-theme #navbar + .admin-shell,
  body.portal-theme #navbar + main,
  body.admin-portal #navbar + .app-shell,
  body.admin-portal #navbar + .admin-shell,
  body.admin-portal #navbar + main,
  body.student-portal #navbar + .app-shell,
  body.student-portal #navbar + .student-shell,
  body.student-portal #navbar + main{
    margin-top:0!important;
    padding-top:var(--aa-tablet-under-header-gap)!important;
  }

  body.portal-theme .app-shell,
  body.portal-theme .student-shell,
  body.portal-theme .admin-shell,
  body.portal-theme .page-shell,
  body.portal-theme .dashboard-shell,
  body.portal-theme .question-bank-shell,
  body.portal-theme .math-authoring-shell,
  body.portal-theme .math-author-shell,
  body.portal-theme main,
  body.portal-theme .app-main,
  body.portal-theme .main-content,
  body.portal-theme .content-wrapper,
  body.portal-theme .page-content,
  body.portal-theme .container,
  body.portal-theme .container-fluid,
  body.portal-theme .dashboard-container,
  body.portal-theme .exam-container,
  body.portal-theme .student-container,
  body.portal-theme .admin-container,
  body.portal-theme .content-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:var(--aa-tablet-page-x)!important;
    padding-right:var(--aa-tablet-page-x)!important;
    box-sizing:border-box!important;
  }

  body.portal-theme .panel,
  body.portal-theme .card,
  body.portal-theme .content-card,
  body.portal-theme .form-card,
  body.portal-theme .glass-card,
  body.portal-theme .dashboard-card,
  body.portal-theme .main-card,
  body.portal-theme .side-card,
  body.portal-theme .white-card,
  body.portal-theme .result-card,
  body.portal-theme .course-card,
  body.portal-theme .quick-admin-card,
  body.portal-theme .student-overview-card,
  body.portal-theme .student-summary-card,
  body.portal-theme .question-card,
  body.portal-theme .exam-question-card,
  body.portal-theme .nta-question-card,
  body.portal-theme .exam-card,
  body.portal-theme .nta-main-card,
  body.portal-theme .nta-side-card,
  body.portal-theme .dashboard-banner,
  body.portal-theme .login-side-card,
  body.portal-theme .hero-card,
  body.portal-theme .test-card,
  body.portal-theme .faculty-card,
  body.portal-theme .contact-card{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  body.portal-theme .panel,
  body.portal-theme .card,
  body.portal-theme .content-card,
  body.portal-theme .form-card,
  body.portal-theme .glass-card,
  body.portal-theme .dashboard-card,
  body.portal-theme .main-card,
  body.portal-theme .side-card,
  body.portal-theme .white-card{
    padding-left:var(--aa-tablet-card-x)!important;
    padding-right:var(--aa-tablet-card-x)!important;
  }

  body.portal-theme .grid,
  body.portal-theme .grid-2,
  body.portal-theme .grid-3,
  body.portal-theme .dashboard-grid,
  body.portal-theme .cards-grid,
  body.portal-theme .exam-layout,
  body.portal-theme .exam-wrapper,
  body.portal-theme .exam-layout-shell,
  body.portal-theme .nta-layout,
  body.portal-theme .nta-topline{
    gap:14px!important;
  }

  body.portal-theme.exam-portal .exam-window-shell,
  body.portal-theme.exam-portal .exam-shell,
  body.portal-theme.exam-portal .nta-shell,
  body.portal-theme.exam-portal .nta-exam-shell,
  body.portal-theme.exam-portal .compact-exam-shell,
  body.portal-theme.student-portal.exam-portal .exam-window-shell,
  body.portal-theme.student-portal.exam-portal .exam-shell,
  body.portal-theme.student-portal.exam-portal .nta-shell,
  body.portal-theme.student-portal.exam-portal .nta-exam-shell,
  body.portal-theme.student-portal.exam-portal .compact-exam-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
    box-sizing:border-box!important;
  }

  body.portal-theme .table-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
  }
}



/* === AD ASTRA targeted final fixes: tablet header width, author formatting buttons, VEE baseline alignment === */
@media (min-width:768px) and (max-width:1024px){
  #navbar{
    left:0!important;right:0!important;width:100%!important;max-width:none!important;
    padding-left:6%!important;padding-right:6%!important;box-sizing:border-box!important;
  }
  #navbar .nav-links{display:none!important;}
  #navbar .hamburger{display:flex!important;}
  #navbar .nav-actions{margin-left:auto!important;}
}
.inline-chip-format{min-width:38px!important;padding-left:12px!important;padding-right:12px!important;font-family:"Segoe UI",Arial,sans-serif!important;font-weight:800!important;}
.inline-chip-format em{font-style:italic!important;}
.question-format-toolbar{display:flex!important;gap:8px!important;align-items:center!important;margin:8px 0!important;}
.qfmt-btn{min-width:38px!important;font-weight:800!important;}
.question-preview-premium math-field.ad-astra-preview-mathfield,
#question-preview-box math-field.ad-astra-preview-mathfield,
#equation-preview-box math-field.ad-astra-preview-mathfield,
.ad-astra-preview-mathfield,
math-field.ad-astra-preview-mathfield,
.preview-box mjx-container,
.inline-render-box mjx-container,
.rich-preview-card mjx-container{
  vertical-align:middle!important;
  position:relative!important;
  top:.10em!important;
}
.preview-box .inline-equation mjx-container,
.inline-render-box .inline-equation mjx-container,
.rich-preview-card .inline-equation mjx-container{vertical-align:-.08em!important;}


/* V8.12.381 remaining polish: one-piece B/I control and stable preview equation baseline. */
.inline-format-combo{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;border:1px solid rgba(244,196,81,.46)!important;border-radius:999px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(244,196,81,.14),rgba(244,196,81,.06))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;vertical-align:middle!important;}
.inline-format-combo .inline-format-half{height:32px!important;min-width:34px!important;padding:0 11px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff4c7!important;-webkit-text-fill-color:#fff4c7!important;font-family:"Segoe UI",Arial,sans-serif!important;font-size:.9rem!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;}
.inline-format-combo .inline-format-half + .inline-format-half{border-left:1px solid rgba(244,196,81,.38)!important;}
.inline-format-combo .inline-format-half:hover{background:rgba(244,196,81,.18)!important;color:#fff8d6!important;-webkit-text-fill-color:#fff8d6!important;}
.inline-format-combo .inline-format-half em{font-style:italic!important;font-weight:900!important;}
.inline-format-combo .inline-format-half strong{font-weight:900!important;}
#equationModal math-field.ad-astra-preview-mathfield,
#equation-preview-box math-field.ad-astra-preview-mathfield,
#question-preview-box math-field.ad-astra-preview-mathfield,
.inline-render-box math-field.ad-astra-preview-mathfield,
.saved-question-render math-field.ad-astra-preview-mathfield,
.math-preview-sheet math-field.ad-astra-preview-mathfield{
  vertical-align:-0.22em!important;
  transform:translateY(0.08em)!important;
  line-height:1!important;
  min-height:1em!important;
}
.inline-render-box,.math-preview-question,.preview-option-copy,.question-text-block{line-height:1.72!important;}
.math-preview-sheet .math-preview-question{display:block!important;}
.math-preview-sheet .preview-option-copy{align-items:baseline!important;}


/* AD ASTRA ACTUAL FINAL INLINE MATH AND FORMAT FIX */
.question-text-block,
.question-part,
.nta-option-copy,
.rich-preview-card,
.math-content{
  line-height:1.65!important;
}
.question-text-block .inline-equation,
.question-part .inline-equation,
.nta-option-copy .inline-equation,
.rich-preview-card .inline-equation,
.math-content .inline-equation,
.inline-equation{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  line-height:1!important;
  margin:0 .14em!important;
  padding:0!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
  white-space:nowrap!important;
}
.question-text-block .inline-equation mjx-container,
.question-part .inline-equation mjx-container,
.nta-option-copy .inline-equation mjx-container,
.rich-preview-card .inline-equation mjx-container,
.math-content .inline-equation mjx-container,
.inline-equation mjx-container,
.inline-equation mjx-container[jax="CHTML"],
.inline-equation mjx-container[jax="SVG"]{
  display:inline-block!important;
  vertical-align:middle!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  overflow:visible!important;
  position:static!important;
  transform:none!important;
}
.nta-option-row,
.nta-option,
.option-row{
  align-items:center!important;
}
.question-format-toolbar{display:inline-flex!important;gap:0!important;align-items:center!important;margin:8px 0!important;border:1px solid rgba(244,196,81,.46)!important;border-radius:999px!important;overflow:hidden!important;width:max-content!important;background:linear-gradient(180deg,rgba(244,196,81,.14),rgba(244,196,81,.06))!important;}
.question-format-toolbar .qfmt-btn{border:0!important;border-radius:0!important;min-width:38px!important;height:34px!important;padding:0 12px!important;margin:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;pointer-events:auto!important;}
.question-format-toolbar .qfmt-btn + .qfmt-btn{border-left:1px solid rgba(244,196,81,.35)!important;}
.question-format-toolbar .qfmt-btn:hover{background:rgba(244,196,81,.16)!important;}


/* === AD ASTRA FINAL: restored inline equation baseline + no MathType raw LaTeX flash ===
   Targeted only to math rendering; warning/proctoring code is untouched. */
.question-text-block,
.question-part-question_text,
.question-part,
.nta-option-copy,
.question-text,
.question-content,
.option-text,
.option-content,
.rich-preview-card,
.math-content,
.math-preview-question,
.preview-option-copy{
  line-height:1.68!important;
}
.question-text-block .inline-equation,
.question-part-question_text .inline-equation,
.question-part .inline-equation,
.nta-option-copy .inline-equation,
.question-text .inline-equation,
.question-content .inline-equation,
.option-text .inline-equation,
.option-content .inline-equation,
.rich-preview-card .inline-equation,
.math-content .inline-equation,
.math-preview-question .inline-equation,
.preview-option-copy .inline-equation,
.inline-equation{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:-0.06em!important;
  transform:none!important;
  line-height:1!important;
  margin:0 .12em!important;
  padding:0!important;
  white-space:nowrap!important;
}
.question-text-block .inline-equation mjx-container,
.question-part-question_text .inline-equation mjx-container,
.question-part .inline-equation mjx-container,
.nta-option-copy .inline-equation mjx-container,
.question-text .inline-equation mjx-container,
.question-content .inline-equation mjx-container,
.option-text .inline-equation mjx-container,
.option-content .inline-equation mjx-container,
.rich-preview-card .inline-equation mjx-container,
.math-content .inline-equation mjx-container,
.math-preview-question .inline-equation mjx-container,
.preview-option-copy .inline-equation mjx-container,
.inline-equation mjx-container,
.inline-equation mjx-container[jax="CHTML"],
.inline-equation mjx-container[jax="SVG"]{
  display:inline-block!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:-0.04em!important;
  transform:none!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.question-text-block math-field.ad-astra-preview-mathfield,
.question-part-question_text math-field.ad-astra-preview-mathfield,
.question-part math-field.ad-astra-preview-mathfield,
.nta-option-copy math-field.ad-astra-preview-mathfield,
.question-text math-field.ad-astra-preview-mathfield,
.question-content math-field.ad-astra-preview-mathfield,
.option-text math-field.ad-astra-preview-mathfield,
.option-content math-field.ad-astra-preview-mathfield,
.rich-preview-card math-field.ad-astra-preview-mathfield,
.math-content math-field.ad-astra-preview-mathfield,
.math-preview-question math-field.ad-astra-preview-mathfield,
.preview-option-copy math-field.ad-astra-preview-mathfield,
math-field.ad-astra-preview-mathfield{
  display:inline-block!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:-0.06em!important;
  transform:none!important;
  line-height:1!important;
  min-height:1em!important;
}
.nta-option-row,.nta-option,.option-row,.preview-option-copy{align-items:center!important;}
/* Hide only not-yet-typeset MathJax source in the MathType-style toolbar. */
#equationModal .premium-toolbar .tool-mathjax-symbol.ad-astra-latex-pending{
  visibility:hidden!important;
}
#equationModal .premium-toolbar .tool-mathjax-symbol.ad-astra-latex-ready{
  visibility:visible!important;
  opacity:1!important;
}

/* AD ASTRA targeted fix: Question Preview math baseline only.
   Keeps exam/PDF warnings and MathType toolbar flash behavior untouched. */
body.portal-theme.admin-portal #question-preview-box .math-preview-question,
body.portal-theme.admin-portal #question-preview-box .preview-option-copy,
body.portal-theme.admin-portal .math-preview-sheet .math-preview-question,
body.portal-theme.admin-portal .math-preview-sheet .preview-option-copy,
.admin-nta-preview .nta-preview-question-text,
.admin-nta-preview .nta-option-text{
  line-height:1.58!important;
}
body.portal-theme.admin-portal #question-preview-box .math-preview-question .inline-equation,
body.portal-theme.admin-portal #question-preview-box .preview-option-copy .inline-equation,
body.portal-theme.admin-portal .math-preview-sheet .math-preview-question .inline-equation,
body.portal-theme.admin-portal .math-preview-sheet .preview-option-copy .inline-equation,
.admin-nta-preview .nta-preview-question-text .inline-equation,
.admin-nta-preview .nta-option-text .inline-equation{
  display:inline-block!important;
  vertical-align:0.18em!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
  margin:0 .12em!important;
  line-height:0!important;
}
body.portal-theme.admin-portal #question-preview-box .math-preview-question mjx-container[jax="CHTML"],
body.portal-theme.admin-portal #question-preview-box .preview-option-copy mjx-container[jax="CHTML"],
body.portal-theme.admin-portal .math-preview-sheet .math-preview-question mjx-container[jax="CHTML"],
body.portal-theme.admin-portal .math-preview-sheet .preview-option-copy mjx-container[jax="CHTML"],
.admin-nta-preview .nta-preview-question-text mjx-container[jax="CHTML"],
.admin-nta-preview .nta-option-text mjx-container[jax="CHTML"]{
  display:inline-block!important;
  vertical-align:0.18em!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
  margin:0!important;
  line-height:0!important;
  overflow:visible!important;
}
body.portal-theme.admin-portal #question-preview-box math-field.ad-astra-preview-mathfield,
body.portal-theme.admin-portal .math-preview-sheet math-field.ad-astra-preview-mathfield{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  vertical-align:0.18em!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
  line-height:1!important;
}
body.portal-theme.admin-portal #question-preview-box .preview-option-row,
body.portal-theme.admin-portal .math-preview-sheet .preview-option-row{
  align-items:baseline!important;
}
body.portal-theme.admin-portal #question-preview-box .preview-option-badge,
body.portal-theme.admin-portal .math-preview-sheet .preview-option-badge{
  align-self:baseline!important;
  padding-top:.08em!important;
}
/* End targeted Question Preview baseline fix. */



/* === AD ASTRA V8.12.382 EXAM EQUATION + PALETTE ROW FIX ===
   Targeted only to Exam question/option rendering and palette wrapping.
   Does not alter warning/proctoring/fullscreen logic or existing box sizes. */
.exam-question-card .question-text-block,
.exam-question-card .math-content,
.nta-option-copy,
.nta-option-copy .question-text-block,
.nta-option-copy .math-content{
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
}

/* Make Exam equations use the same clean baseline behavior as the Question Preview renderer. */
.exam-question-card .inline-equation,
.exam-question-card .question-text-block .inline-equation,
.exam-question-card .math-content .inline-equation,
.nta-option-copy .inline-equation,
.nta-option-copy .question-text-block .inline-equation,
.nta-option-copy .math-content .inline-equation{
  display:inline-block!important;
  vertical-align:0.18em!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
  margin:0 .12em!important;
  padding:0!important;
  line-height:0!important;
  white-space:nowrap!important;
}
.exam-question-card .inline-equation mjx-container,
.exam-question-card .question-text-block .inline-equation mjx-container,
.exam-question-card .math-content .inline-equation mjx-container,
.nta-option-copy .inline-equation mjx-container,
.nta-option-copy .question-text-block .inline-equation mjx-container,
.nta-option-copy .math-content .inline-equation mjx-container,
.exam-question-card mjx-container[jax="CHTML"],
.nta-option-copy mjx-container[jax="CHTML"]{
  display:inline-block!important;
  vertical-align:0.18em!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  overflow:visible!important;
  font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif!important;
  font-weight:400!important;
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
}
.exam-question-card mjx-container[jax="CHTML"] *,
.nta-option-copy mjx-container[jax="CHTML"] *,
.exam-question-card mjx-container svg,
.exam-question-card mjx-container svg *,
.nta-option-copy mjx-container svg,
.nta-option-copy mjx-container svg *{
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
  fill:#f6e4a8!important;
  stroke:#f6e4a8!important;
}

/* Prevent previous exam-only SVG height overrides from shrinking fractions/radicals. */
.exam-question-card .question-text-block mjx-container[jax="SVG"] > svg,
.nta-option-copy .question-text-block mjx-container[jax="SVG"] > svg{
  height:auto!important;
  width:auto!important;
  max-width:100%!important;
  overflow:visible!important;
}

/* Keep the existing palette box size, but let the row take every available slot. */
.exam-sticky .nta-palette-grid,
.nta-side-card .nta-palette-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,36px)!important;
  gap:6px!important;
  align-items:start!important;
  justify-content:start!important;
}
.exam-sticky .nta-palette-grid .nta-palette-btn,
.nta-side-card .nta-palette-grid .nta-palette-btn{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
}
@media (max-width:900px){
  .exam-sticky .nta-palette-grid,
  .nta-side-card .nta-palette-grid{
    grid-template-columns:repeat(auto-fill,36px)!important;
  }
}
/* End V8.12.382 targeted fix. */


/* AD ASTRA targeted final: professional Tablet/Mobile sidebar menu + Exam equation parity. */
.sidebar-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;}
.sidebar-head-row .sidebar-title{margin:0!important;}
.sidebar-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:42px;height:38px;border-radius:13px;border:1px solid rgba(240,192,64,.34);background:linear-gradient(180deg,rgba(242,223,170,.14),rgba(201,150,26,.08));box-shadow:0 10px 26px rgba(0,0,0,.24);cursor:pointer;}
.sidebar-menu-toggle span{display:block;width:19px;height:2px;border-radius:999px;background:#f7e8b8;box-shadow:0 0 10px rgba(240,192,64,.25);}
@media (max-width:1024px){
  body.portal-theme .app-shell.admin-shell>.app-sidebar{display:block!important;padding:16px 18px!important;border-radius:22px!important;}
  body.portal-theme .app-sidebar .tag{display:block!important;margin:0 0 7px!important;}
  body.portal-theme .app-sidebar .sidebar-head-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;}
  body.portal-theme .app-sidebar .sidebar-menu-toggle{display:inline-flex!important;flex:0 0 auto!important;}
  body.portal-theme .app-sidebar:not(.sidebar-menu-open)>a{display:none!important;}
  body.portal-theme .app-sidebar.sidebar-menu-open{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  body.portal-theme .app-sidebar.sidebar-menu-open .tag,
  body.portal-theme .app-sidebar.sidebar-menu-open .sidebar-head-row{grid-column:1/-1!important;}
  body.portal-theme .app-sidebar.sidebar-menu-open>a{display:flex!important;min-height:42px!important;padding:9px 11px!important;border-radius:14px!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:.9rem!important;line-height:1.15!important;white-space:normal!important;}
}
@media (max-width:640px){
  body.portal-theme .app-shell.admin-shell>.app-sidebar{padding:14px 15px!important;border-radius:20px!important;}
  body.portal-theme .app-sidebar .sidebar-title{font-size:1.38rem!important;}
  body.portal-theme .app-sidebar.sidebar-menu-open{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  body.portal-theme .app-sidebar.sidebar-menu-open>a{min-height:39px!important;padding:8px 9px!important;font-size:.84rem!important;}
  .sidebar-menu-toggle{width:39px;height:35px;border-radius:12px;}
  .sidebar-menu-toggle span{width:18px;}
}
body.portal-theme.student-portal .exam-question-card.nta-question-card,
body.portal-theme.student-portal .exam-question-card.nta-question-card .question-text-block,
body.portal-theme.student-portal .nta-option-copy,
body.portal-theme.student-portal .nta-option-copy .question-text-block{font-family:"Syne","Segoe UI",Arial,sans-serif!important;font-size:inherit!important;line-height:1.58!important;font-weight:600!important;color:#f6e4a8!important;-webkit-text-fill-color:#f6e4a8!important;}
body.portal-theme.student-portal .exam-question-card.nta-question-card .inline-equation,
body.portal-theme.student-portal .nta-option-copy .inline-equation,
body.portal-theme.student-portal .exam-question-card.nta-question-card .mathjson-render,
body.portal-theme.student-portal .nta-option-copy .mathjson-render{display:inline-block!important;vertical-align:0.18em!important;position:relative!important;top:0!important;transform:none!important;margin:0 .12em!important;padding:0!important;line-height:0!important;min-height:0!important;overflow:visible!important;font-size:1em!important;}
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container,
body.portal-theme.student-portal .nta-option-copy mjx-container,
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container[jax="CHTML"],
body.portal-theme.student-portal .nta-option-copy mjx-container[jax="CHTML"]{display:inline-block!important;vertical-align:0.18em!important;position:relative!important;top:0!important;transform:none!important;margin:0!important;padding:0!important;line-height:0!important;font-size:1em!important;font-weight:400!important;overflow:visible!important;color:inherit!important;-webkit-text-fill-color:inherit!important;}
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-math,
body.portal-theme.student-portal .nta-option-copy mjx-math{font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif!important;font-weight:400!important;}
body.portal-theme.student-portal .exam-question-card.nta-question-card svg,
body.portal-theme.student-portal .nta-option-copy svg{overflow:visible!important;vertical-align:0.18em!important;height:auto!important;width:auto!important;max-width:none!important;}
body.portal-theme.student-portal .nta-option-item{align-items:center!important;}
body.portal-theme.student-portal .nta-option-copy,
body.portal-theme.student-portal .nta-option-copy .question-part,
body.portal-theme.student-portal .nta-option-copy .question-text-block{display:block!important;min-height:0!important;width:100%!important;}
/* End targeted final. */


/* === AD ASTRA REAL FIX 2026-06-14: Exam equations EXACTLY like VEE Question Preview ===
   Previous attempts still let old exam MathJax CSS win (line-height:0, tiny SVG heights,
   vertical-align:0.18em). This final block overrides only exam math rendering and leaves
   menu/header/proctoring/palette sizes untouched. */
body.portal-theme.student-portal .exam-question-card.nta-question-card,
body.portal-theme.student-portal .exam-question-card.nta-question-card .question-text-block,
body.portal-theme.student-portal .exam-question-card.nta-question-card .question-part,
body.portal-theme.student-portal .nta-option-copy,
body.portal-theme.student-portal .nta-option-copy .question-text-block,
body.portal-theme.student-portal .nta-option-copy .question-part{
  line-height:1.72!important;
  overflow:visible!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card .inline-equation,
body.portal-theme.student-portal .exam-question-card.nta-question-card .mathjson-render,
body.portal-theme.student-portal .nta-option-copy .inline-equation,
body.portal-theme.student-portal .nta-option-copy .mathjson-render{
  display:inline-block!important;
  vertical-align:middle!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
  line-height:1!important;
  min-height:1.1em!important;
  margin:0 .14em!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  font-size:1em!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card math-field.ad-astra-preview-mathfield,
body.portal-theme.student-portal .nta-option-copy math-field.ad-astra-preview-mathfield{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:1.15em!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  vertical-align:middle!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
  line-height:1.25!important;
  font-size:1.22em!important;
  font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif!important;
  font-weight:400!important;
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
  opacity:1!important;
  overflow:visible!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card math-field.ad-astra-preview-mathfield::part(content),
body.portal-theme.student-portal .nta-option-copy math-field.ad-astra-preview-mathfield::part(content){
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
  font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif!important;
  font-weight:400!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card math-field.ad-astra-preview-mathfield::part(virtual-keyboard-toggle),
body.portal-theme.student-portal .exam-question-card.nta-question-card math-field.ad-astra-preview-mathfield::part(menu-toggle),
body.portal-theme.student-portal .nta-option-copy math-field.ad-astra-preview-mathfield::part(virtual-keyboard-toggle),
body.portal-theme.student-portal .nta-option-copy math-field.ad-astra-preview-mathfield::part(menu-toggle){
  display:none!important;
}
/* Fallback if MathLive CDN is unavailable: keep MathJax uncompressed and preview-sized. */
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container,
body.portal-theme.student-portal .nta-option-copy mjx-container,
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container[jax="CHTML"],
body.portal-theme.student-portal .nta-option-copy mjx-container[jax="CHTML"]{
  display:inline-block!important;
  vertical-align:middle!important;
  position:static!important;
  top:auto!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  line-height:1.28!important;
  min-height:1.15em!important;
  font-size:1.20em!important;
  font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif!important;
  font-weight:400!important;
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
  overflow:visible!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container[jax="SVG"] > svg,
body.portal-theme.student-portal .nta-option-copy mjx-container[jax="SVG"] > svg,
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container svg,
body.portal-theme.student-portal .nta-option-copy mjx-container svg{
  height:auto!important;
  width:auto!important;
  max-width:none!important;
  overflow:visible!important;
  vertical-align:middle!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container *,
body.portal-theme.student-portal .nta-option-copy mjx-container *,
body.portal-theme.student-portal .exam-question-card.nta-question-card svg *,
body.portal-theme.student-portal .nta-option-copy svg *{
  color:#f6e4a8!important;
  -webkit-text-fill-color:#f6e4a8!important;
  fill:#f6e4a8!important;
  stroke:#f6e4a8!important;
}
body.portal-theme.student-portal .nta-option-item,
body.portal-theme.student-portal .nta-option-row,
body.portal-theme.student-portal .nta-option{
  align-items:center!important;
}
/* End real equation parity fix. */

/* AD ASTRA MathType imported equation display polish. */
.mathtype-equation-inline{display:inline!important;line-height:1.25!important;vertical-align:baseline!important;margin:0 .08em!important;max-width:100%!important}
.mathtype-equation-inline img,.astra-inline-math-img{display:inline-block!important;width:auto!important;height:auto!important;max-width:min(92%,34rem)!important;max-height:2.25em!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0 .16em!important;vertical-align:-0.34em!important;filter:invert(1) brightness(1.72) contrast(1.08) sepia(.06) saturate(.85)!important}
.question-text-block .mathtype-equation-inline img,.exam-question-card .mathtype-equation-inline img,.nta-question-card .mathtype-equation-inline img,.question-text-block .astra-inline-math-img,.exam-question-card .astra-inline-math-img,.nta-question-card .astra-inline-math-img{max-height:2.55em!important;vertical-align:-0.42em!important}
.nta-option-copy .mathtype-equation-inline img,.option-row .mathtype-equation-inline img,.question-option .mathtype-equation-inline img,.nta-option-copy .astra-inline-math-img,.option-row .astra-inline-math-img,.question-option .astra-inline-math-img{max-height:1.85em!important;max-width:min(88%,20rem)!important;vertical-align:-0.36em!important}
.question-paper-shell .mathtype-equation-inline img,.question-paper-shell .astra-inline-math-img{filter:none!important;max-height:2.55em!important}
@media print{.mathtype-equation-inline img,.astra-inline-math-img{filter:none!important;max-height:2.55em!important}}

/* AD ASTRA Smart Importer: prevent old MathType OLE fallbacks from becoming large broken diagram boxes. */
.question-media.is-broken::before{content:'' !important;display:none !important}
.math-mt-placeholder{display:inline-block;vertical-align:middle;font-size:.95em;padding:0 .15em;color:inherit;border:0;background:transparent}


/* AD ASTRA MathType final uniform display, color and speed polish.
   One imported MathType equation image can have a very different pixel size from
   another; using a fixed CSS height normalizes the visual size everywhere. */
:root{
  --astra-imported-equation-color-filter: brightness(0) saturate(100%) invert(91%) sepia(24%) saturate(608%) hue-rotate(348deg) brightness(105%) contrast(96%);
}
.mathtype-equation-inline,
.astra-math-img-wrap{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  max-width:100%!important;
  line-height:1!important;
  margin:0 .08em!important;
  vertical-align:-0.20em!important;
  white-space:nowrap!important;
}
.mathtype-equation-inline img,
.astra-inline-math-img,
img.astra-inline-math-img{
  display:inline-block!important;
  width:auto!important;
  height:1.38em!important;
  max-height:1.38em!important;
  max-width:min(100%, 34rem)!important;
  object-fit:contain!important;
  object-position:center!important;
  vertical-align:-0.20em!important;
  margin:0 .10em!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
}
body.portal-theme.student-portal .mathtype-equation-inline img,
body.portal-theme.student-portal .astra-inline-math-img,
.exam-shell .mathtype-equation-inline img,
.exam-shell .astra-inline-math-img,
.admin-shell .mathtype-equation-inline img,
.admin-shell .astra-inline-math-img,
.portal-theme .mathtype-equation-inline img,
.portal-theme .astra-inline-math-img{
  filter:var(--astra-imported-equation-color-filter)!important;
}
.question-text-block .mathtype-equation-inline img,
.exam-question-card .mathtype-equation-inline img,
.nta-question-card .mathtype-equation-inline img,
.question-text-block .astra-inline-math-img,
.exam-question-card .astra-inline-math-img,
.nta-question-card .astra-inline-math-img{
  height:1.46em!important;
  max-height:1.46em!important;
  vertical-align:-0.22em!important;
}
.nta-option-copy .mathtype-equation-inline img,
.option-row .mathtype-equation-inline img,
.question-option .mathtype-equation-inline img,
.nta-option-copy .astra-inline-math-img,
.option-row .astra-inline-math-img,
.question-option .astra-inline-math-img{
  height:1.32em!important;
  max-height:1.32em!important;
  max-width:min(100%, 22rem)!important;
  vertical-align:-0.18em!important;
}
/* When a complete equation is the whole question/option, keep it elegant but not huge. */
.question-text-block > .mathtype-equation-inline:only-child img,
.question-text-block > .astra-inline-math-img:only-child,
.nta-option-copy > .mathtype-equation-inline:only-child img,
.nta-option-copy > .astra-inline-math-img:only-child{
  height:1.58em!important;
  max-height:1.58em!important;
}
.question-paper-shell .mathtype-equation-inline img,
.question-paper-shell .astra-inline-math-img,
.print-paper .mathtype-equation-inline img,
.print-paper .astra-inline-math-img{
  filter:none!important;
  height:1.22em!important;
  max-height:1.22em!important;
  vertical-align:-0.16em!important;
}
@media (max-width:768px){
  .mathtype-equation-inline img,.astra-inline-math-img{height:1.22em!important;max-height:1.22em!important;max-width:96%!important;}
  .question-text-block .mathtype-equation-inline img,.exam-question-card .mathtype-equation-inline img,.nta-question-card .mathtype-equation-inline img,.question-text-block .astra-inline-math-img,.exam-question-card .astra-inline-math-img,.nta-question-card .astra-inline-math-img{height:1.32em!important;max-height:1.32em!important;}
  .nta-option-copy .mathtype-equation-inline img,.option-row .mathtype-equation-inline img,.question-option .mathtype-equation-inline img,.nta-option-copy .astra-inline-math-img,.option-row .astra-inline-math-img,.question-option .astra-inline-math-img{height:1.16em!important;max-height:1.16em!important;}
}
@media print{
  .mathtype-equation-inline img,.astra-inline-math-img{filter:none!important;height:1.18em!important;max-height:1.18em!important;vertical-align:-0.14em!important;}
}


/* AD ASTRA final exam equation baseline parity: preserve previous beautiful rendering, only correct vertical alignment. */
body.portal-theme.student-portal .exam-question-card.nta-question-card .inline-equation,
body.portal-theme.student-portal .nta-option-copy .inline-equation,
body.portal-theme.student-portal .exam-question-card.nta-question-card .mathjson-render,
body.portal-theme.student-portal .nta-option-copy .mathjson-render{
  vertical-align:-0.18em!important;
  position:relative!important;
  top:.04em!important;
  transform:none!important;
  line-height:1!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card math-field.ad-astra-preview-mathfield,
body.portal-theme.student-portal .nta-option-copy math-field.ad-astra-preview-mathfield{
  vertical-align:-0.20em!important;
  position:relative!important;
  top:.04em!important;
  transform:none!important;
  line-height:1.15!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container,
body.portal-theme.student-portal .nta-option-copy mjx-container,
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container[jax="CHTML"],
body.portal-theme.student-portal .nta-option-copy mjx-container[jax="CHTML"],
body.portal-theme.student-portal .exam-question-card.nta-question-card mjx-container[jax="SVG"],
body.portal-theme.student-portal .nta-option-copy mjx-container[jax="SVG"]{
  vertical-align:-0.18em!important;
  position:relative!important;
  top:.04em!important;
  transform:none!important;
  line-height:1.12!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card .mathtype-equation-inline,
body.portal-theme.student-portal .nta-option-copy .mathtype-equation-inline,
body.portal-theme.student-portal .exam-question-card.nta-question-card .astra-math-img-wrap,
body.portal-theme.student-portal .nta-option-copy .astra-math-img-wrap{
  vertical-align:-0.18em!important;
  align-items:center!important;
}
/* End final baseline parity. */


/* AD ASTRA Word Import -> VEE exact visual parity: keep original VEE size, prevent vertical clipping, and only normalize baseline. */
body.portal-theme.student-portal .exam-question-card.nta-question-card .inline-equation,
body.portal-theme.student-portal .nta-option-copy .inline-equation{
  overflow:visible!important;
  min-height:1.32em!important;
  padding-top:.04em!important;
  padding-bottom:.10em!important;
  vertical-align:-0.16em!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card math-field.ad-astra-preview-mathfield,
body.portal-theme.student-portal .nta-option-copy math-field.ad-astra-preview-mathfield{
  font-size:1.22em!important;
  line-height:1.22!important;
  min-height:1.32em!important;
  overflow:visible!important;
  vertical-align:-0.16em!important;
  top:.02em!important;
  padding-top:.04em!important;
  padding-bottom:.10em!important;
}
body.portal-theme.student-portal .exam-question-card.nta-question-card math-field.ad-astra-preview-mathfield::part(content),
body.portal-theme.student-portal .nta-option-copy math-field.ad-astra-preview-mathfield::part(content){
  overflow:visible!important;
}
/* === AD ASTRA TRUE FINAL MATRIX TAB ALIGNMENT FIX ===
   Scope: Matrices tab only. Matches small buttons to other MathType tabs
   (same 86x64 CSS footprint as standard toolbar cells) and makes 3x3
   Matrix/Determinant cards exactly span the two small-button rows. */
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"],
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"]{
  display:grid!important;
  grid-template-columns:86px 86px 86px 86px 176px 176px!important;
  grid-template-rows:64px 64px!important;
  grid-auto-rows:64px!important;
  column-gap:10px!important;
  row-gap:10px!important;
  padding:14px!important;
  justify-content:start!important;
  align-items:start!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  min-height:166px!important;
  height:auto!important;
  box-sizing:border-box!important;
}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn,
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn,
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .math-snippet-btn,
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .math-snippet-btn{
  position:relative!important;
  margin:0!important;
  width:86px!important;
  min-width:86px!important;
  max-width:86px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:4px 6px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transform:none!important;
}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(1),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(1){grid-column:1!important;grid-row:1!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(2),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(2){grid-column:2!important;grid-row:1!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(3),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(3){grid-column:3!important;grid-row:1!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(4),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(4){grid-column:4!important;grid-row:1!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(5),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(5){grid-column:5!important;grid-row:1 / span 2!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(6),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(6){grid-column:6!important;grid-row:1 / span 2!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(7),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(7){grid-column:1!important;grid-row:2!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(8),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(8){grid-column:2!important;grid-row:2!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(9),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(9){grid-column:3!important;grid-row:2!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(10),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(10){grid-column:4!important;grid-row:2!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(5),
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(6),
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn.matrix3-symbol,
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn[data-matrix-large="1"],
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(5),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(6),
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn.matrix3-symbol,
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn[data-matrix-large="1"]{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:138px!important;
  min-height:138px!important;
  max-height:138px!important;
  padding:6px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(5) .tool-mathjax-symbol,
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(6) .tool-mathjax-symbol,
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(5) .tool-mathjax-symbol,
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(6) .tool-mathjax-symbol{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .mini-matrix-3,
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .mini-matrix-3{
  max-width:160px!important;
  gap:4px!important;
  font-size:14px!important;
  line-height:1.12!important;
  transform:none!important;
  overflow:visible!important;
  margin:0 auto!important;
}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .mini-matrix-3 i,
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .mini-matrix-3 i{font-size:14px!important;line-height:1.12!important;}
#equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .mini-matrix-3 b,
#equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .mini-matrix-3 b{font-size:38px!important;line-height:.88!important;}
@media(max-width:980px){
  #equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"],
  #equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"]{
    grid-template-columns:repeat(4,86px)!important;
    grid-template-rows:auto!important;
    grid-auto-rows:64px!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
  }
  #equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(n),
  #equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(n){grid-column:auto!important;grid-row:auto!important;}
  #equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(5),
  #equationModal .premium-toolbar .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(6),
  #equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(5),
  #equationModal .premium-toolbar.ad297-original-mathtype .vee-buttons[data-active-tab="Matrices"] .toolbar-btn:nth-of-type(6){grid-column:span 2!important;grid-row:span 2!important;}
}
/* =========================================================
   AD ASTRA desktop heading scale fix
   Scope: Desktop typography only. No layout, color, spacing,
   button, tab, equation, or functional changes.
   ========================================================= */
@media (min-width:981px){
  h1,
  h2,
  .hero-h1,
  .hero-h1-one-line,
  .page-hero h1,
  .page-hero h2,
  .section-header h2,
  .dashboard-banner h1,
  .dashboard-banner h2,
  .admin-intro-title,
  .page-title,
  .section-title,
  .question-title,
  .panel > h1:first-child,
  .panel > h2:first-child,
  .auth-card h1,
  .auth-card h2,
  .login-card h1,
  .login-card h2,
  .public-shell h1:first-child,
  .public-shell h2:first-child,
  .admin-shell h1,
  .student-shell h1,
  .app-shell h1{
    font-size:clamp(34px,3vw,42px)!important;
    line-height:1.08!important;
  }

  .panel h1,
  .panel h2,
  .card-title,
  .course-title,
  .sidebar-title,
  .math-editor-panel h2,
  .math-system-shell h2,
  .math-builder h2,
  .math-card h2,
  .editor-card h2,
  .q-modal-card h1,
  .q-modal-card h2{
    font-size:clamp(30px,2.6vw,38px)!important;
    line-height:1.1!important;
  }

  h3,
  .section-header h3,
  .panel h3,
  .card h3,
  .course-card h3,
  .hero-card-head h3{
    font-size:clamp(22px,1.8vw,28px)!important;
    line-height:1.14!important;
  }
}
/* =========================================================
   AD ASTRA final precise heading correction
   Scope: Desktop only. Corrects remaining oversized section headings,
   restores original hero line scale, and restores compact reset panel width.
   ========================================================= */
@media (min-width:981px){
  body.portal-theme .app-shell > .panel[style*="max-width:760px"]{
    max-width:760px!important;
    width:calc(100% - 48px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #hero .hero-h1{
    font-size:clamp(48px,6.2vw,88px)!important;
    line-height:1.02!important;
  }
  section .section-header h2,
  #scholarship .section-header h2,
  #testimonials .section-header h2,
  #why .section-header h2,
  #results .section-header h2,
  #faculty .section-header h2,
  #tests .section-header h2,
  #contact-section .section-header h2,
  #cta h2,
  .toppers-title{
    font-size:clamp(34px,3vw,42px)!important;
    line-height:1.08!important;
    white-space:normal!important;
  }
}

/* =========================================================
   AD ASTRA final two-item typography correction
   Scope: only Home hero heading and Forgot Password reset heading/button.
   No layout, color, spacing, responsiveness, or functional changes elsewhere.
   ========================================================= */
@media (min-width:981px){
  body:has(#hero) #hero .hero-h1{
    font-size:clamp(44px,5.45vw,78px)!important;
    line-height:1.02!important;
  }
  body.portal-theme .app-shell > .panel[style*="max-width:760px"] > h2:first-of-type{
    font-size:26px!important;
    line-height:1.12!important;
  }
  body.portal-theme .app-shell > .panel[style*="max-width:760px"] .form-actions .btn[type="submit"]{
    font-size:14px!important;
    padding:11px 18px!important;
    min-height:42px!important;
  }
}

/* AD ASTRA targeted fix: reduce Student/Admin sidebar tab lengths on Tablet and Mobile only. */
@media (max-width:1024px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a{
    width:min(88%, 780px)!important;
    max-width:780px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  body.portal-theme .app-sidebar.sidebar-menu-open > a{
    width:100%!important;
    max-width:100%!important;
  }
}
@media (max-width:640px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a{
    width:88%!important;
    max-width:390px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.portal-theme .app-sidebar.sidebar-menu-open > a{
    width:100%!important;
    max-width:100%!important;
  }
}
@media (max-width:420px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a{
    width:90%!important;
    max-width:340px!important;
  }
}
/* End AD ASTRA targeted tab length fix. */

/* AD ASTRA precise fix: true content-width Student/Admin sidebar tabs on Tablet and Mobile only. */
@media (max-width:1180px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    grid-template-columns:none!important;
  }
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > .sidebar-head-row,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > .tag{
    width:100%!important;
    align-self:stretch!important;
    grid-column:auto!important;
  }
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a{
    width:fit-content!important;
    width:-moz-fit-content!important;
    min-width:0!important;
    max-width:calc(100% - 36px)!important;
    margin:0 auto!important;
    padding:10px 24px!important;
    min-height:42px!important;
    height:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  body.portal-theme .app-shell.admin-shell > .app-sidebar:not(.sidebar-menu-open) > a{
    display:none!important;
  }
}
@media (max-width:640px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open{
    gap:9px!important;
  }
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a{
    max-width:calc(100% - 28px)!important;
    padding:9px 20px!important;
    min-height:40px!important;
    font-size:.86rem!important;
    line-height:1.15!important;
  }
}
@media (max-width:420px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}
/* End AD ASTRA precise content-width tab fix. */

/* AD ASTRA final correction: equal premium sidebar tab width on Tablet and Mobile only.
   Scope: Student/Admin sidebar menu tabs only. Desktop layout remains unchanged. */
@media (max-width:1280px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    grid-template-columns:none!important;
  }
  body.portal-theme .app-shell.admin-shell > .app-sidebar > .sidebar-head-row,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > .sidebar-head-row{
    width:100%!important;
    align-self:stretch!important;
  }
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a{
    width:280px!important;
    min-width:280px!important;
    max-width:280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:640px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a{
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
    min-height:42px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}
@media (max-width:320px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a{
    width:calc(100% - 32px)!important;
    min-width:0!important;
    max-width:calc(100% - 32px)!important;
  }
}
/* End AD ASTRA final equal-width tab correction. */



/* AD ASTRA Option C final: text-only premium dashboard tiles (Tablet/Mobile only).
   Removes decorative icons and makes navigation tiles compact. */
@media (max-width:1280px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a{
    min-height:78px!important;
    height:78px!important;
    padding:10px 12px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    text-align:center!important;
    font-size:.94rem!important;
    font-weight:700!important;
    line-height:1.18!important;
    border-radius:18px!important;
    white-space:normal!important;
  }
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a::before,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a::before{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:none!important;
  }
}
@media (max-width:640px){
  body.portal-theme .app-shell.admin-shell > .app-sidebar > a,
  body.portal-theme .app-shell.admin-shell > .app-sidebar.sidebar-menu-open > a{
    min-height:72px!important;
    height:72px!important;
    padding:9px 10px!important;
    border-radius:17px!important;
    font-size:.86rem!important;
  }
}
/* End AD ASTRA Option C final text-only tiles. */


/* ===== FINAL DEPLOYMENT FORM FIX: mobile CTA text + public admission theme ===== */
@media (max-width: 640px){
  #modalSubmit,
  .modal-box .btn-gold.btn-lg,
  .hero-card .btn-gold,
  .scholarship-card .btn-gold,
  .contact-card .btn-gold{
    font-size: clamp(13px, 3.65vw, 15.5px) !important;
    line-height: 1.15 !important;
    letter-spacing: .01em !important;
    min-height: 54px !important;
    padding: 13px 15px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
  }
  .modal-box{ padding: 32px 26px !important; width: calc(100vw - 32px) !important; }
  .modal-box h3{ font-size: clamp(25px, 7.2vw, 34px) !important; line-height: 1.12 !important; }
}
@media (max-width: 390px){
  #modalSubmit,
  .modal-box .btn-gold.btn-lg,
  .hero-card .btn-gold{
    font-size: 13px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Admin > Admissions > Open Public Form: match Home page dark premium theme */
body:has(.admission-page-stack),
.public-shell:has(.admission-page-stack){
  background:#04080f !important;
  color:#f8fafc !important;
}
.admission-page-stack .grid-2{
  gap:24px !important;
  align-items:stretch !important;
}
.admission-page-stack .panel{
  background:linear-gradient(145deg,#0b1730,#07111f) !important;
  border:1px solid rgba(245,185,46,.22) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.34) !important;
  color:#f8fafc !important;
}
.admission-page-stack .panel h1,
.admission-page-stack .panel h2,
.admission-page-stack .panel h3{
  color:#fff7db !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
}
.admission-page-stack .panel p,
.admission-page-stack .panel .muted{
  color:#e8cf91 !important;
}
.admission-page-stack .form-field label{
  color:#fff2c6 !important;
  opacity:1 !important;
}
.admission-page-stack input,
.admission-page-stack textarea,
.admission-page-stack select{
  background:#06101f !important;
  border:1px solid rgba(245,185,46,.42) !important;
  color:#f8fafc !important;
  box-shadow:none !important;
}
.admission-page-stack input::placeholder,
.admission-page-stack textarea::placeholder{
  color:rgba(232,207,145,.72) !important;
}
.admission-page-stack .btn-gold{
  background:linear-gradient(135deg,#f2b91d,#ffe27a) !important;
  color:#04080f !important;
  border-color:transparent !important;
}


/* Final deployment fix: Admin > Admissions > Open Public Form uses the same dark Home theme on both cards. */
body .admission-page-stack{
  width:100% !important;
}
body .admission-page-stack .grid-2{
  gap:24px !important;
  align-items:stretch !important;
}
body .admission-page-stack .panel,
body .admission-page-stack .panel:first-child,
body .admission-page-stack .panel:last-child{
  background:linear-gradient(180deg,rgba(8,15,30,.97),rgba(12,24,48,.92)) !important;
  background-color:#081223 !important;
  border:1px solid rgba(240,192,64,.32) !important;
  color:#f7e8b8 !important;
  box-shadow:0 22px 58px rgba(0,0,0,.42) !important;
}
body .admission-page-stack .panel h1,
body .admission-page-stack .panel h2,
body .admission-page-stack .panel h3{
  color:#fff7db !important;
}
body .admission-page-stack .panel p{
  color:#e8d5a3 !important;
  opacity:1 !important;
}
body .admission-page-stack .form-field label{
  color:#fff2c6 !important;
}
body .admission-page-stack input,
body .admission-page-stack textarea,
body .admission-page-stack select{
  background:#06101f !important;
  border:1px solid rgba(240,192,64,.34) !important;
  color:#fff7db !important;
}
body .admission-page-stack input::placeholder,
body .admission-page-stack textarea::placeholder{
  color:rgba(232,213,163,.68) !important;
}
body .admission-page-stack .btn-gold{
  background:linear-gradient(135deg,#c9961a,#f0c040) !important;
  color:#04080f !important;
}


/* === AD ASTRA VERIFIED FINAL PUBLIC PAGE GAP + FORM FIX (2026-07-02) ===
   Fixes the excessive blank space on Contact/About/Faculty/Test Series pages opened from Admin links,
   keeps the public admission card on the same dark premium theme, and prevents mobile CTA text overflow. */
main.page-main{
  padding-top:86px!important;
  min-height:auto!important;
}
main.page-main>.page-hero{
  padding:54px 6% 34px!important;
  min-height:0!important;
  margin:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#050a13 0%,#071020 100%)!important;
}
main.page-main>.content-wrap{
  padding:34px 6% 64px!important;
  margin:0!important;
}
main.page-main section+section{margin-top:0!important;}
main.page-main .faculty-grid,
main.page-main .tests-grid,
main.page-main .card-grid-3,
main.page-main .stats-band{
  margin-top:0!important;
}
.public-shell{
  padding-top:108px!important;
  background:linear-gradient(180deg,#04080f,#080f1e 58%,#04080f)!important;
}
.public-shell .grid-2{align-items:stretch!important;}
.public-shell .panel,
.public-shell .form-card,
.public-shell .glass-card{
  background:linear-gradient(180deg,rgba(12,24,48,.88),rgba(8,15,30,.96))!important;
  border-color:rgba(226,180,87,.34)!important;
  color:var(--star)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
.public-shell .panel h1,
.public-shell .panel h2,
.public-shell .panel h3,
.public-shell .form-card h3,
.public-shell .glass-card h3{color:var(--star)!important;}
.public-shell .panel p,
.public-shell .small-muted,
.public-shell .glass-card p{color:var(--muted)!important;}
.public-shell input,
.public-shell select,
.public-shell textarea,
.page-main input,
.page-main select,
.page-main textarea{
  background:#050c18!important;
  border-color:rgba(226,180,87,.45)!important;
  color:var(--star)!important;
}
.public-shell input::placeholder,
.public-shell textarea::placeholder,
.page-main input::placeholder,
.page-main textarea::placeholder{color:rgba(235,216,164,.56)!important;}
@media (max-width:700px){
  main.page-main{padding-top:78px!important;}
  main.page-main>.page-hero{padding:34px 20px 22px!important;}
  main.page-main>.content-wrap{padding:22px 16px 48px!important;}
  .public-shell{padding:92px 12px 30px!important;}
}
@media (max-width:560px){
  .btn.btn-gold.btn-lg,
  .hero-card .btn-gold,
  .modal-box .btn-gold,
  #contact-section .btn-gold,
  .page-main .btn-gold,
  .public-shell .btn-gold{
    font-size:clamp(14px,3.65vw,16px)!important;
    line-height:1.16!important;
    padding:15px 18px!important;
    white-space:normal!important;
    text-align:center!important;
    min-height:0!important;
  }
}

/* === AD ASTRA TARGETED MOBILE FOOTER DESCRIPTION FIT - FINAL OVERRIDE === */
@media (max-width: 768px){
  html, body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  #footer,
  .public-footer{
    width:100% !important;
    max-width:100vw !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
  #footer .footer-grid,
  .public-footer .footer-grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #footer .footer-brand-col,
  .public-footer .footer-brand-col{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }
  #footer .footer-logo-wrap,
  .public-footer .footer-logo-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #footer .brand-footer-logo,
  .public-footer .brand-footer-logo{
    display:block !important;
    width:min(100%, 390px) !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    object-fit:contain !important;
  }
  #footer .footer-brand-col p,
  .public-footer .footer-brand-col p{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:12px 0 0 0 !important;
    padding:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    box-sizing:border-box !important;
    font-size:15px !important;
    line-height:1.75 !important;
  }
}
@media (max-width: 420px){
  #footer,
  .public-footer{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  #footer .brand-footer-logo,
  .public-footer .brand-footer-logo{
    width:min(100%, 335px) !important;
  }
  #footer .footer-brand-col p,
  .public-footer .footer-brand-col p{
    font-size:14px !important;
    line-height:1.72 !important;
  }
}



/* AD ASTRA targeted fix: Exam Result question/option rendering parity with Actual Exam. */
body.portal-theme.student-portal .question-review-card .result-question-review-main{flex:1 1 720px;min-width:0;}
body.portal-theme.student-portal .question-review-card .result-question-meta{margin-bottom:10px;}
body.portal-theme.student-portal .question-review-card .result-exam-question-card{width:100%;margin:0;}
body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-block{display:flex;flex-direction:column;gap:16px;}
body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block{font-family:"Syne","Segoe UI",Arial,sans-serif!important;font-size:17px!important;line-height:1.72!important;font-weight:600!important;letter-spacing:0!important;word-spacing:0!important;color:#f6e4a8!important;-webkit-text-fill-color:#f6e4a8!important;}
body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container,
body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-math{font-family:"Cambria Math","STIX Two Math","Times New Roman",serif!important;font-weight:400!important;}
body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container[jax="CHTML"]{font-size:1em!important;line-height:1.28!important;}
body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] > svg{height:1.18em!important;width:auto!important;}
body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .inline-equation mjx-container{margin:0 .03em!important;vertical-align:-.03em!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity{padding:0!important;overflow:hidden;}
body.portal-theme.student-portal .question-review-card .result-review-option-layout{display:grid!important;grid-template-columns:22px 46px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;width:100%!important;min-height:70px!important;padding:18px 20px!important;}
body.portal-theme.student-portal .question-review-card .result-review-radio{display:inline-block!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;border:2px solid rgba(255,255,255,.72)!important;box-shadow:0 0 0 1px rgba(0,0,0,.25) inset!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-badge{width:46px!important;height:46px!important;font-size:1.12rem!important;font-weight:800!important;line-height:1!important;align-self:center!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy{padding-top:0!important;display:flex!important;align-items:center!important;min-height:46px!important;color:#f6e4a8!important;-webkit-text-fill-color:#f6e4a8!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy .question-part{display:flex!important;align-items:center!important;min-height:46px!important;width:100%!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy .question-text-block{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:0!important;min-height:46px!important;width:100%!important;font-family:"Syne","Segoe UI",Arial,sans-serif!important;font-size:15px!important;line-height:1.62!important;font-weight:600!important;color:#f6e4a8!important;-webkit-text-fill-color:#f6e4a8!important;letter-spacing:0!important;word-spacing:0!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy .question-text-block mjx-container,
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy .question-text-block mjx-math{font-family:"Cambria Math","STIX Two Math","Times New Roman",serif!important;font-weight:400!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy .question-text-block mjx-container[jax="CHTML"]{font-size:1em!important;line-height:1.28!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy .question-text-block mjx-container[jax="SVG"] > svg{height:1.08em!important;width:auto!important;}
body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy .question-text-block .inline-equation mjx-container{margin:0 .03em!important;vertical-align:-.03em!important;}
@media (max-width:700px){body.portal-theme.student-portal .question-review-card .result-review-option-layout{grid-template-columns:22px 42px minmax(0,1fr)!important;gap:14px!important;padding:14px!important;}body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-badge{width:42px!important;height:42px!important;font-size:1rem!important;}body.portal-theme.student-portal .question-review-card .result-review-option-parity .nta-option-copy .question-text-block{font-size:14px!important;}body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block{font-size:16px!important;}}

/* AD ASTRA targeted fix: result explanation containment + mobile review compact parity */
body.portal-theme.student-portal .question-review-card .question-preview-card,
body.portal-theme.student-portal .question-review-card .question-preview-card *{
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}
body.portal-theme.student-portal .question-review-card .question-preview-card{
  overflow:hidden!important;
}
body.portal-theme.student-portal .question-review-card .question-preview-card .question-block,
body.portal-theme.student-portal .question-review-card .question-preview-card .question-part,
body.portal-theme.student-portal .question-review-card .question-preview-card .question-text-block,
body.portal-theme.student-portal .question-review-card .question-preview-card .math-content{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
body.portal-theme.student-portal .question-review-card .question-preview-card mjx-container,
body.portal-theme.student-portal .question-review-card .question-preview-card svg,
body.portal-theme.student-portal .question-review-card .question-preview-card img{
  max-width:100%!important;
  height:auto!important;
}
@media (max-width:900px){
  body.portal-theme.student-portal .question-review-card .question-preview-card{
    padding:14px 16px!important;
    border-radius:18px!important;
  }
  body.portal-theme.student-portal .question-review-card .question-preview-card .question-text-block{
    font-size:13px!important;
    line-height:1.45!important;
  }
}
@media (max-width:700px){
  body.portal-theme.student-portal .question-review-card > .stats-strip,
  body.portal-theme.student-portal .panel > .stats-strip:first-of-type{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.portal-theme.student-portal .question-review-card > .stats-strip .stats-tile,
  body.portal-theme.student-portal .panel > .stats-strip:first-of-type .stats-tile{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:14px 16px!important;
    border-radius:18px!important;
  }
  body.portal-theme.student-portal .question-review-card > .stats-strip .stats-tile strong,
  body.portal-theme.student-portal .panel > .stats-strip:first-of-type .stats-tile strong{
    font-size:18px!important;
    line-height:1.15!important;
  }
  body.portal-theme.student-portal .question-review-card > .stats-strip .stats-tile .muted,
  body.portal-theme.student-portal .panel > .stats-strip:first-of-type .stats-tile .muted{
    font-size:13px!important;
    line-height:1.35!important;
  }
}


/* AD ASTRA student portal/account polish: dark inputs, autofill fix, warm Home-page scheme */
body.portal-theme input,
body.portal-theme select,
body.portal-theme textarea,
.admin-shell input,
.admin-shell select,
.admin-shell textarea,
.public-shell input,
.public-shell select,
.public-shell textarea,
.form-field input,
.form-field select,
.form-field textarea,
.form-control,
.form-select{
  background:rgba(4,8,15,.86)!important;
  color:#fff0bf!important;
  -webkit-text-fill-color:#fff0bf!important;
  border:1px solid rgba(226,178,42,.38)!important;
  box-shadow:none!important;
  caret-color:#ffd664!important;
}
body.portal-theme input::placeholder,
body.portal-theme textarea::placeholder,
.admin-shell input::placeholder,
.admin-shell textarea::placeholder,
.public-shell input::placeholder,
.public-shell textarea::placeholder,
.form-field input::placeholder,
.form-field textarea::placeholder{
  color:rgba(255,232,178,.58)!important;
  -webkit-text-fill-color:rgba(255,232,178,.58)!important;
}
body.portal-theme input:-webkit-autofill,
body.portal-theme input:-webkit-autofill:hover,
body.portal-theme input:-webkit-autofill:focus,
.admin-shell input:-webkit-autofill,
.admin-shell input:-webkit-autofill:hover,
.admin-shell input:-webkit-autofill:focus,
.public-shell input:-webkit-autofill,
.public-shell input:-webkit-autofill:hover,
.public-shell input:-webkit-autofill:focus,
.form-field input:-webkit-autofill,
.form-field input:-webkit-autofill:hover,
.form-field input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #050a12 inset!important;
  box-shadow:0 0 0 1000px #050a12 inset!important;
  -webkit-text-fill-color:#fff0bf!important;
  border-color:rgba(226,178,42,.52)!important;
  transition:background-color 9999s ease-out 0s!important;
}
body.portal-theme input:focus,
body.portal-theme select:focus,
body.portal-theme textarea:focus,
.admin-shell input:focus,
.admin-shell select:focus,
.admin-shell textarea:focus,
.public-shell input:focus,
.public-shell select:focus,
.public-shell textarea:focus,
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
  border-color:#ffd664!important;
  box-shadow:0 0 0 3px rgba(255,214,100,.14)!important;
}
body.portal-theme select option,
.admin-shell select option,
.public-shell select option,
.form-field select option{
  background:#050a12!important;
  color:#fff0bf!important;
}
body.portal-theme .muted,
.admin-shell .muted,
.public-shell .muted,
body.portal-theme .text-small,
.admin-shell .text-small,
.public-shell .text-small,
body.portal-theme .help-text,
.admin-shell .help-text,
.public-shell .help-text{
  color:rgba(255,232,178,.76)!important;
  -webkit-text-fill-color:rgba(255,232,178,.76)!important;
}
body.portal-theme .empty,
.admin-shell .empty,
.public-shell .empty{
  color:rgba(255,232,178,.82)!important;
  border-color:rgba(226,178,42,.30)!important;
  background:rgba(4,8,15,.52)!important;
}
body.portal-theme .info-card,
.admin-shell .info-card,
.public-shell .info-card{
  background:linear-gradient(135deg,rgba(9,23,45,.94),rgba(5,12,24,.96))!important;
  border-color:rgba(226,178,42,.34)!important;
  color:#fff0bf!important;
}
body.portal-theme .info-card h4,
.admin-shell .info-card h4,
.public-shell .info-card h4,
body.portal-theme .panel h2,
body.portal-theme .panel h3,
.admin-shell .panel h2,
.admin-shell .panel h3{
  color:#fff3c7!important;
  -webkit-text-fill-color:#fff3c7!important;
}
body.portal-theme input[type="checkbox"],
.admin-shell input[type="checkbox"],
.public-shell input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  accent-color:#e2b22a!important;
  background:#050a12!important;
  border:1px solid rgba(226,178,42,.55)!important;
}
.credential-check{display:flex;align-items:center;gap:10px;color:#fff0bf;font-weight:700;letter-spacing:.02em;}
.reset-link-card,.reset-password-card{max-width:640px!important;width:min(92vw,640px)!important;margin-left:auto!important;margin-right:auto!important;}
.reset-link-card .form-field input,.reset-password-card .form-field input{width:100%!important;}
@media(max-width:700px){.reset-link-card,.reset-password-card{padding:24px 18px!important;border-radius:22px!important}.reset-link-card .form-actions,.reset-password-card .form-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}}


/* =====================================================
   AD ASTRA FINAL GOLD-NAVY THEME SWEEP
   Fixes remaining white autofill fields and blue/cyan UI in
   public Home forms and admin/student portal cards/buttons.
   ===================================================== */
:root{
  --aa-final-bg:#020812;
  --aa-final-panel:#081223;
  --aa-final-panel2:#0b1a32;
  --aa-final-field:#020812;
  --aa-final-gold:#f0c040;
  --aa-final-gold2:#ffdc6b;
  --aa-final-cream:#fff1b8;
  --aa-final-muted:#cdbf91;
  --aa-final-border:rgba(240,192,64,.48);
}
html body:not(.print-mode) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body:not(.print-mode) textarea,
html body:not(.print-mode) select,
html body:not(.print-mode) .form-control,
html body:not(.print-mode) .form-select,
html body:not(.print-mode) .input-control,
html body:not(.print-mode) .form-field input,
html body:not(.print-mode) .form-field textarea,
html body:not(.print-mode) .form-field select,
html body:not(.print-mode) .public-shell input,
html body:not(.print-mode) .public-shell textarea,
html body:not(.print-mode) .public-shell select,
html body:not(.print-mode) .page-main input,
html body:not(.print-mode) .page-main textarea,
html body:not(.print-mode) .page-main select,
html body:not(.print-mode) .modal-box input,
html body:not(.print-mode) .modal-box textarea,
html body:not(.print-mode) .modal-box select,
html body:not(.print-mode) .modal-card input,
html body:not(.print-mode) .modal-card textarea,
html body:not(.print-mode) .modal-card select,
html body:not(.print-mode) .login-card input,
html body:not(.print-mode) .login-card textarea,
html body:not(.print-mode) .login-card select,
html body:not(.print-mode) .card input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body:not(.print-mode) .card textarea,
html body:not(.print-mode) .card select,
html body:not(.print-mode) .panel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body:not(.print-mode) .panel textarea,
html body:not(.print-mode) .panel select{
  background:var(--aa-final-field)!important;
  background-color:var(--aa-final-field)!important;
  background-image:none!important;
  color:var(--aa-final-cream)!important;
  -webkit-text-fill-color:var(--aa-final-cream)!important;
  caret-color:var(--aa-final-gold2)!important;
  border:1px solid var(--aa-final-border)!important;
  box-shadow:none!important;
  outline:none!important;
  opacity:1!important;
}
html body:not(.print-mode) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
html body:not(.print-mode) textarea:focus,
html body:not(.print-mode) select:focus,
html body:not(.print-mode) .form-control:focus,
html body:not(.print-mode) .form-select:focus{
  background:var(--aa-final-field)!important;
  background-color:var(--aa-final-field)!important;
  color:var(--aa-final-cream)!important;
  -webkit-text-fill-color:var(--aa-final-cream)!important;
  border-color:var(--aa-final-gold)!important;
  box-shadow:0 0 0 4px rgba(240,192,64,.18)!important;
}
html body:not(.print-mode) input:-webkit-autofill,
html body:not(.print-mode) input:-webkit-autofill:hover,
html body:not(.print-mode) input:-webkit-autofill:focus,
html body:not(.print-mode) textarea:-webkit-autofill,
html body:not(.print-mode) textarea:-webkit-autofill:hover,
html body:not(.print-mode) textarea:-webkit-autofill:focus,
html body:not(.print-mode) select:-webkit-autofill,
html body:not(.print-mode) select:-webkit-autofill:hover,
html body:not(.print-mode) select:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--aa-final-field) inset!important;
  box-shadow:0 0 0 1000px var(--aa-final-field) inset!important;
  -webkit-text-fill-color:var(--aa-final-cream)!important;
  caret-color:var(--aa-final-gold2)!important;
  border-color:var(--aa-final-border)!important;
  transition:background-color 999999s ease-in-out 0s!important;
}
html body:not(.print-mode) input::placeholder,
html body:not(.print-mode) textarea::placeholder{
  color:rgba(255,241,184,.52)!important;
  -webkit-text-fill-color:rgba(255,241,184,.52)!important;
  opacity:1!important;
}
html body:not(.print-mode) select option{background:#020812!important;color:#fff1b8!important;}

/* Replace remaining cyan/blue helpers, question text, status badges and buttons with the Home-page gold/cream scheme. */
body.portal-theme .text-info,
body.portal-theme .text-primary,
body.portal-theme [class*="text-info"],
body.portal-theme [class*="text-primary"],
body.portal-theme .math-helper,
body.portal-theme .helper,
body.portal-theme .help-text,
body.portal-theme .hint,
body.portal-theme .small-note,
body.portal-theme .subtle,
body.portal-theme .q-table td,
body.portal-theme .q-table td *,
body.portal-theme .data-table td,
body.portal-theme .data-table td *,
body.portal-theme table td,
body.portal-theme table td .question-text,
body.portal-theme table td .question-copy,
body.portal-theme table td .inline-equation{
  color:var(--aa-final-cream)!important;
  -webkit-text-fill-color:var(--aa-final-cream)!important;
}
body.portal-theme .text-info a,
body.portal-theme .text-primary a,
body.portal-theme a.text-info,
body.portal-theme a.text-primary,
body.portal-theme .help-text a,
body.portal-theme .helper a{
  color:var(--aa-final-gold2)!important;
  -webkit-text-fill-color:var(--aa-final-gold2)!important;
}
body.portal-theme .btn-info,
body.portal-theme .btn-primary,
body.portal-theme .badge-info,
body.portal-theme .badge-primary,
body.portal-theme .q-badge,
body.portal-theme .status-live,
body.portal-theme .live-ready,
body.portal-theme .pill-live,
body.portal-theme .badge-live,
body.portal-theme [class*="btn-info"],
body.portal-theme [class*="bg-info"],
body.portal-theme [class*="bg-primary"],
body.portal-theme [class*="badge-info"],
body.portal-theme [class*="badge-primary"]{
  background:linear-gradient(135deg,#e0ad18 0%,#ffdc6b 100%)!important;
  background-color:#e0ad18!important;
  border-color:rgba(240,192,64,.76)!important;
  color:#020812!important;
  -webkit-text-fill-color:#020812!important;
  box-shadow:0 14px 32px rgba(224,173,24,.23)!important;
}
body.portal-theme .proctor-filter-chips .proctor-chip,
body.portal-theme .filter-chip,
body.portal-theme .chip,
body.portal-theme .nav-pill,
body.portal-theme .segmented-control button,
body.portal-theme .tab-filter button{
  min-width:82px!important;
  padding-left:24px!important;
  padding-right:24px!important;
  background:rgba(255,220,107,.10)!important;
  border:1px solid rgba(240,192,64,.44)!important;
  color:var(--aa-final-gold2)!important;
  -webkit-text-fill-color:var(--aa-final-gold2)!important;
}
body.portal-theme .proctor-filter-chips .proctor-chip.active,
body.portal-theme .filter-chip.active,
body.portal-theme .chip.active,
body.portal-theme .nav-pill.active,
body.portal-theme .segmented-control button.active,
body.portal-theme .tab-filter button.active,
body.portal-theme .proctor-filter-chips .proctor-chip:first-child{
  min-width:82px!important;
  background:linear-gradient(135deg,#e0ad18,#ffdc6b)!important;
  border-color:rgba(240,192,64,.78)!important;
  color:#020812!important;
  -webkit-text-fill-color:#020812!important;
}
body.portal-theme input[type="checkbox"]{accent-color:var(--aa-final-gold)!important;}
@media print{
  html body input,html body textarea,html body select{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;box-shadow:none!important;}
}

/* AD ASTRA final neutralization for Question Bank blue text/button remnants */
body.portal-theme.admin-portal .question-bank-shell .saved-question-render,
body.portal-theme.admin-portal .question-bank-shell .saved-question-render *,
body.portal-theme.admin-portal .question-bank-shell .saved-question-render mjx-container{
  font-family:var(--font-sans,"Syne","Inter","Segoe UI",Arial,sans-serif)!important;
  font-size:15.5px!important;
  font-weight:600!important;
  color:#f7e8b8!important;
  -webkit-text-fill-color:#f7e8b8!important;
}
body.portal-theme.admin-portal #openQuestionPreviewTop,
body.portal-theme.admin-portal .question-bank-shell .btn-soft,
body.portal-theme.admin-portal .question-bank-shell .btn-outline,
body.portal-theme.admin-portal .question-bank-shell .btn-primary-strong{
  font-family:var(--font-sans,"Syne","Inter","Segoe UI",Arial,sans-serif)!important;
  font-size:14px!important;
  font-weight:700!important;
}

/* AD ASTRA targeted action button text color only fix */
body.portal-theme.admin-portal .data-table a.btn.btn-gold,
body.portal-theme.admin-portal .data-table button.btn.btn-gold,
body.portal-theme.admin-portal .data-table a.btn.btn-gold:hover,
body.portal-theme.admin-portal .data-table button.btn.btn-gold:hover,
body.portal-theme.admin-portal .data-table a.btn.btn-gold:focus,
body.portal-theme.admin-portal .data-table button.btn.btn-gold:focus{
  color:#04080f!important;
  -webkit-text-fill-color:#04080f!important;
}



/* astra-result-desktop-tablet-equation-parity-final */
/* AD ASTRA FINAL TARGETED FIX: Exam Result desktop/tablet question-equation size parity.
   Only math/equation rendering inside the Result question statement is reduced to
   match option equations. No fonts, text sizes, colors, spacing, or mobile rules changed. */
@media (min-width:701px){
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .inline-equation,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .mathjson-render,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .MathJax,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-math{
    font-size:0.8823529412em!important;
    line-height:1.28!important;
  }
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container[jax="CHTML"]{
    font-size:0.8823529412em!important;
    line-height:1.28!important;
  }
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] > svg{
    height:0.8823529412em!important;
    width:auto!important;
  }
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .mathtype-equation-inline img,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .astra-inline-math-img{
    height:0.8823529412em!important;
    max-height:0.8823529412em!important;
    width:auto!important;
  }
}




/* AD ASTRA targeted result question TEXT size parity fix
   Desktop/tablet only: match question statement text size to option text size.
   Keeps existing fonts/colors/settings unchanged and preserves equation parity. */
@media (min-width:701px){
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block > :not(mjx-container):not(.MathJax):not(.inline-equation):not(.mathjson-render),
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .math-content{
    font-size:15px!important;
    line-height:1.62!important;
  }
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .inline-equation,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .mathjson-render,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .MathJax,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-math,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container[jax="CHTML"]{
    font-size:1em!important;
    line-height:1.28!important;
  }
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block mjx-container[jax="SVG"] > svg{
    height:1em!important;
    width:auto!important;
  }
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .mathtype-equation-inline img,
  body.portal-theme.student-portal .question-review-card .result-exam-question-card .question-part-question_text .question-text-block .astra-inline-math-img{
    height:1em!important;
    max-height:1em!important;
    width:auto!important;
  }
}