/* =====================================================================
   EduVerify dashboard theme v1.5 — dark (default) + light. Applies ONLY inside .evm-dash (student/teacher dashboards).
   Loaded after style.css. Switch via <html data-evm-theme="dark|light">.
   ===================================================================== */
html[data-evm-theme=dark] .evm-dash{
  --pm-bg:#06070a; --pm-bg2:#0b0d12; --pm-surface:#101319; --pm-surface2:#161a22; --pm-hover:#1b202a;
  --pm-text:#f3f5f8; --pm-muted:#8d97a8; --pm-line:rgba(255,255,255,.08); --pm-line2:rgba(255,255,255,.14);
  --pm-glow:rgba(23,254,246,.16); --pm-shadow:0 10px 40px rgba(0,0,0,.55); --pm-soft:rgba(23,254,246,.1);
  --pm-onacc:#031314; --pm-field:#0b0d12;
  --evm-ink:var(--pm-text); --evm-bg:var(--pm-field); --evm-line:var(--pm-line); --evm-muted:var(--pm-muted);
}
html[data-evm-theme=light] .evm-dash{
  --pm-bg:#f3f5f8; --pm-bg2:#ffffff; --pm-surface:#ffffff; --pm-surface2:#f6f7fa; --pm-hover:#eef1f5;
  --pm-text:#0b0d10; --pm-muted:#667085; --pm-line:#e4e7ec; --pm-line2:#cfd4dc;
  --pm-glow:rgba(23,254,246,.35); --pm-shadow:0 10px 34px rgba(16,24,40,.1); --pm-soft:rgba(23,254,246,.16);
  --pm-onacc:#03191a; --pm-field:#f6f7fa;
  --evm-ink:var(--pm-text); --evm-bg:var(--pm-field); --evm-line:var(--pm-line); --evm-muted:var(--pm-muted);
}

/* Page background (only on pages that contain EduVerify screens) */
html[data-evm-theme] body.evm-bg{background:var(--pm-bg)!important;color:var(--pm-text)}
html[data-evm-theme] .evm-dash{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--pm-text)}
html[data-evm-theme] .evm-dash .evm-muted,html[data-evm-theme] .evm-dash .evm-fine{color:var(--pm-muted)}
html[data-evm-theme] .evm-dash .evm-fine a,html[data-evm-theme] .evm-dash .evm-card-h a:not(.evm-btn),html[data-evm-theme] .evm-dash a:not(.evm-btn){color:var(--evm-accent)}
html[data-evm-theme=light] .evm-dash .evm-fine a,html[data-evm-theme=light] .evm-dash .evm-card-h a:not(.evm-btn),html[data-evm-theme=light] .evm-dash a:not(.evm-btn){color:#0a7d78}
html[data-evm-theme] .evm-dash h1,html[data-evm-theme] .evm-dash h2,html[data-evm-theme] .evm-dash h3,html[data-evm-theme] .evm-dash h4{color:var(--pm-text);letter-spacing:-.015em}

/* ---------- Buttons ---------- */
html[data-evm-theme] .evm-dash .evm-btn{background:linear-gradient(135deg,var(--evm-accent),#7dfff9);color:var(--pm-onacc)!important;border:0;font-weight:700;letter-spacing:.01em;box-shadow:0 6px 22px -6px var(--evm-accent);transition:transform .15s,box-shadow .2s,filter .2s}
html[data-evm-theme] .evm-dash .evm-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 10px 28px -6px var(--evm-accent)}
html[data-evm-theme] .evm-dash .evm-btn-ghost,html[data-evm-theme] .evm-dash .evm-btn-ghost:focus{background:transparent!important;color:var(--pm-text)!important;border:1px solid var(--pm-line2)!important;box-shadow:none}
html[data-evm-theme] .evm-dash .evm-btn-ghost:hover{border-color:var(--evm-accent)!important;background:var(--pm-soft)!important;box-shadow:none}
html[data-evm-theme] .evm-dash .evm-btn-soft{background:var(--pm-soft);color:var(--pm-text)!important;border:1px solid var(--pm-line2);box-shadow:none}
html[data-evm-theme] .evm-dash .evm-btn-danger,html[data-evm-theme] .evm-dash .evm-btn-danger:focus,html[data-evm-theme] .evm-dash .evm-btn-danger:active{background:transparent!important;color:#ff6b7a!important;border:1px solid rgba(255,107,122,.5)!important;box-shadow:none}
html[data-evm-theme] .evm-dash .evm-btn-danger:hover{background:#ff4d5e!important;color:#fff!important}
html[data-evm-theme] .evm-dash .evm-btn[disabled]{filter:grayscale(.4);opacity:.55}

/* ---------- Theme toggle ---------- */
.evm-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--pm-line2,#ccc);background:var(--pm-surface2,#fff);color:var(--pm-text,#000);cursor:pointer;padding:0;transition:.2s;flex:none}
.evm-theme-toggle:hover{border-color:var(--evm-accent);box-shadow:0 0 0 4px var(--pm-soft,transparent)}
html[data-evm-theme=dark] .evm-ico-moon{display:none}
html[data-evm-theme=light] .evm-ico-sun{display:none}
.evm-hero-tools{position:absolute;right:18px;top:16px;z-index:3}

/* ---------- Forms ---------- */
html[data-evm-theme] .evm-dash .evm-form label,html[data-evm-theme] .evm-dash .evm-lbl{color:var(--pm-text);font-weight:600;font-size:13px}
html[data-evm-theme] .evm-dash .evm-form input[type=text],html[data-evm-theme] .evm-dash .evm-form input[type=email],html[data-evm-theme] .evm-dash .evm-form input[type=password],html[data-evm-theme] .evm-dash .evm-form input[type=tel],html[data-evm-theme] .evm-dash .evm-form input[type=number],html[data-evm-theme] .evm-dash .evm-form input[type=search],html[data-evm-theme] .evm-dash .evm-form select,html[data-evm-theme] .evm-dash .evm-form textarea,html[data-evm-theme] .evm-dash .evm-filters input,html[data-evm-theme] .evm-dash .evm-filters select,html[data-evm-theme] .evm-dash .evm-sbox input{background:var(--pm-field);color:var(--pm-text);border:1px solid var(--pm-line2);border-radius:12px;padding:13px 16px;transition:border .15s,box-shadow .15s}
html[data-evm-theme] .evm-dash .evm-form input::placeholder,html[data-evm-theme] .evm-dash .evm-form textarea::placeholder{color:var(--pm-muted);opacity:.7}
html[data-evm-theme] .evm-dash .evm-form input:focus,html[data-evm-theme] .evm-dash .evm-form select:focus,html[data-evm-theme] .evm-dash .evm-form textarea:focus,html[data-evm-theme] .evm-dash .evm-sbox input:focus,html[data-evm-theme] .evm-dash .evm-filters input:focus,html[data-evm-theme] .evm-dash .evm-filters select:focus{border-color:var(--evm-accent);box-shadow:0 0 0 4px var(--pm-glow);background:var(--pm-field)}
html[data-evm-theme] .evm-dash .evm-form select option{background:var(--pm-surface);color:var(--pm-text)}
html[data-evm-theme] .evm-dash .evm-form input[type=file]{color:var(--pm-muted)}
html[data-evm-theme] .evm-dash .evm-chip span{background:var(--pm-field);border-color:var(--pm-line2);color:var(--pm-text)}
html[data-evm-theme] .evm-dash .evm-chip input:checked+span{background:var(--evm-accent);color:var(--pm-onacc);border-color:var(--evm-accent)}
html[data-evm-theme] .evm-dash .evm-msg.err{color:#ff7b88;border-left-color:#ff4d5e}
html[data-evm-theme] .evm-dash .evm-msg.ok{color:var(--evm-accent);border-left-color:var(--evm-accent)}
html[data-evm-theme=light] .evm-dash .evm-msg.ok{color:#0a7d78}
html[data-evm-theme=light] .evm-dash .evm-msg.err{color:#c0212f}
html[data-evm-theme] .evm-dash .evm-locked{background:var(--pm-soft);border:1px solid var(--evm-accent);color:var(--pm-text)}

/* ---------- Cards / surfaces ---------- */
html[data-evm-theme] .evm-dash .evm-card,html[data-evm-theme] .evm-dash .evm-card-form,html[data-evm-theme] .evm-dash .evm-req,html[data-evm-theme] .evm-dash .evm-stat,html[data-evm-theme] .evm-dash .evm-kyc,html[data-evm-theme] .evm-dash .evm-tc,html[data-evm-theme] .evm-dash .evm-pane>.evm-rev,html[data-evm-theme] .evm-dash .evm-dnav{background:var(--pm-surface);border:1px solid var(--pm-line);box-shadow:var(--pm-shadow)}
html[data-evm-theme] .evm-dash .evm-card{border-radius:20px;padding:24px}
html[data-evm-theme] .evm-dash .evm-req,html[data-evm-theme] .evm-dash .evm-tc{transition:transform .2s,border-color .2s}
html[data-evm-theme] .evm-dash .evm-req:hover,html[data-evm-theme] .evm-dash .evm-tc:hover{border-color:var(--evm-accent);transform:translateY(-2px)}
html[data-evm-theme] .evm-dash .evm-notice,html[data-evm-theme] .evm-dash .evm-empty,html[data-evm-theme] .evm-dash .evm-lockpane{background:var(--pm-surface);border:1px dashed var(--pm-line2);color:var(--pm-muted)}
html[data-evm-theme] .evm-dash .evm-lockpane h3{color:var(--pm-text)}
html[data-evm-theme] .evm-dash .evm-kyc.is-locked{background:var(--pm-surface2)}
html[data-evm-theme] .evm-dash .evm-kyc-i{background:var(--pm-soft);color:var(--evm-accent)}
html[data-evm-theme] .evm-dash-empty{color:var(--pm-muted);opacity:.6}
html[data-evm-theme] .evm-dash .evm-info dt,html[data-evm-theme] .evm-dash .evm-dl dt{color:var(--pm-muted)}
html[data-evm-theme] .evm-dash .evm-info dd,html[data-evm-theme] .evm-dash .evm-dl dd{color:var(--pm-text)}
html[data-evm-theme] .evm-dash .evm-tags span,html[data-evm-theme] .evm-dash .evm-meta span{background:var(--pm-surface2);border:1px solid var(--pm-line);color:var(--pm-text)}
html[data-evm-theme] .evm-dash details summary{color:var(--evm-accent);cursor:pointer}
html[data-evm-theme=light] .evm-dash details summary{color:#0a7d78}

/* ---------- Hero ---------- */
html[data-evm-theme] .evm-dash .evm-hero{background:radial-gradient(1200px 400px at 85% -20%,rgba(23,254,246,.28),transparent 60%),linear-gradient(135deg,#0a0d12 0%,#12161e 60%,#0a0d12 100%);border:1px solid var(--pm-line2);border-radius:28px;box-shadow:var(--pm-shadow)}
html[data-evm-theme] .evm-dash .evm-hero,html[data-evm-theme] .evm-dash .evm-hero h2{color:#fff!important}
html[data-evm-theme] .evm-dash .evm-hero:before{opacity:.14;filter:blur(40px)}
html[data-evm-theme] .evm-dash .evm-hero .evm-theme-toggle{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25)}
html[data-evm-theme] .evm-dash .evm-hero .evm-btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.35)!important}
html[data-evm-theme] .evm-dash .evm-cam{border-color:#0a0d12}
html[data-evm-theme] .evm-dash .evm-role{background:rgba(23,254,246,.12);border-color:rgba(23,254,246,.45);color:var(--evm-accent)}

/* ---------- Stats ---------- */
html[data-evm-theme] .evm-dash .evm-stat{border-radius:18px}
html[data-evm-theme] .evm-dash .evm-stat-i{background:var(--pm-soft);color:var(--evm-accent);border:1px solid rgba(23,254,246,.25)}
html[data-evm-theme=light] .evm-dash .evm-stat-i{color:#0a7d78}
html[data-evm-theme] .evm-dash .evm-stat b{color:var(--pm-text)}

/* ---------- Sidebar nav ---------- */
html[data-evm-theme] .evm-dash .evm-dnav{border-radius:20px;padding:10px}
html[data-evm-theme] .evm-dash .evm-dnav button{color:var(--pm-muted);border-radius:12px}
html[data-evm-theme] .evm-dash .evm-dnav button:hover{background:var(--pm-hover)!important;color:var(--pm-text)!important}
html[data-evm-theme] .evm-dash .evm-dnav button.on,html[data-evm-theme] .evm-dash .evm-dnav button.on:focus,html[data-evm-theme] .evm-dash .evm-dnav button.on:hover{background:linear-gradient(135deg,var(--evm-accent),#7dfff9)!important;color:var(--pm-onacc)!important;box-shadow:0 6px 20px -8px var(--evm-accent)}

/* ---------- Pills, banners, bars ---------- */
html[data-evm-theme] .evm-dash .evm-pill-ok{background:rgba(23,254,246,.14);color:var(--evm-accent);border:1px solid rgba(23,254,246,.4)}
html[data-evm-theme] .evm-dash .evm-pill-warn{background:rgba(255,184,0,.12);color:#ffc233;border:1px solid rgba(255,184,0,.4)}
html[data-evm-theme] .evm-dash .evm-pill-bad{background:rgba(255,77,94,.14);color:#ff7b88;border:1px solid rgba(255,77,94,.4)}
html[data-evm-theme] .evm-dash .evm-pill-muted{background:var(--pm-surface2);color:var(--pm-muted);border:1px solid var(--pm-line)}
html[data-evm-theme=light] .evm-dash .evm-pill-ok{color:#0a7d78}html[data-evm-theme=light] .evm-pill-warn{color:#8a5a00}html[data-evm-theme=light] .evm-pill-bad{color:#b4202e}
html[data-evm-theme] .evm-dash .evm-banner{border-radius:14px;color:var(--pm-text)}
html[data-evm-theme] .evm-dash .evm-b-ok{background:rgba(23,254,246,.1);border:1px solid rgba(23,254,246,.35)}
html[data-evm-theme] .evm-dash .evm-b-info{background:var(--pm-surface2);border:1px solid var(--pm-line)}
html[data-evm-theme] .evm-dash .evm-b-warn{background:rgba(255,184,0,.09);border:1px solid rgba(255,184,0,.3);border-left:4px solid #ffb800}
html[data-evm-theme] .evm-dash .evm-bar{background:var(--pm-surface2)}
html[data-evm-theme] .evm-dash .evm-bar i{background:linear-gradient(90deg,var(--evm-accent),#7dfff9)}
html[data-evm-theme] .evm-dash .evm-pct{color:var(--evm-accent)}
html[data-evm-theme=light] .evm-dash .evm-pct{color:#0a7d78}

/* ---------- Search / teacher cards / reviews / stars ---------- */
html[data-evm-theme] .evm-dash .evm-thero{background:linear-gradient(135deg,#0a0d12,#151a23)!important;border:1px solid var(--pm-line2)}
html[data-evm-theme] .evm-dash .evm-contact{background:var(--pm-surface2);border-color:var(--pm-line)}
html[data-evm-theme] .evm-dash .evm-contact.is-open{background:rgba(23,254,246,.08);border-color:var(--evm-accent)}
html[data-evm-theme] .evm-dash .evm-rev{color:var(--pm-text)}
html[data-evm-theme] .evm-dash .evm-badge{background:var(--pm-soft);color:var(--evm-accent);border:1px solid rgba(23,254,246,.35)}
html[data-evm-theme=light] .evm-dash .evm-badge{color:#0a7d78}
html[data-evm-theme] .evm-dash .evm-steps li span{color:var(--pm-muted)}
html[data-evm-theme] .evm-dash .evm-steps li b{color:var(--pm-text)}

/* ---------- Motion + responsive ---------- */
@keyframes evm-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html[data-evm-theme] .evm-dash .evm-pane:not([hidden]),html[data-evm-theme] .evm-dash .evm-modal{animation:evm-rise .35s ease both}
@media(max-width:700px){
html[data-evm-theme] .evm-dash .evm-hero-main{padding:24px 18px;padding-top:44px}
html[data-evm-theme] .evm-dash .evm-modal{padding:28px 20px;border-radius:22px}
.evm-modes a{font-size:11px;padding:5px 9px}
}
@media(prefers-reduced-motion:reduce){html[data-evm-theme] *{animation:none!important;transition:none!important}}