/* =====================================================================
   EduVerify dashboard v1.6 — LIGHT ONLY · 100% full width · flat / light-weight
   Scope: .evm-dash (student + teacher dashboards). Loaded after premium.css.
   v1.7 layout rule:  main container = 100% wide, 0 left / 0 right.
                      every child section inside it (hero, banner, stats, sidebar+content) = --dz-pad (40px) left / right.
   ===================================================================== */
html[data-evm-theme] body .evm-dash{
  --dz-pad:40px;                 /* left/right padding of every section INSIDE the full-width dashboard */
  --dz-bg:#ffffff; --dz-soft:#f7f9fb; --dz-line:#e8ecf1; --dz-text:#0b0d10; --dz-muted:#667085;
  --dz-acc:var(--evm-accent,#17fef6); --dz-acc-ink:#0a7d78; --dz-acc-soft:rgba(23,254,246,.14);
  --pm-bg:#fff; --pm-surface:#fff; --pm-surface2:var(--dz-soft); --pm-hover:#f1f4f8;
  --pm-text:var(--dz-text); --pm-muted:var(--dz-muted); --pm-line:var(--dz-line); --pm-line2:#d5dbe3;
  --pm-soft:var(--dz-acc-soft); --pm-field:#fff; --pm-shadow:none; --pm-glow:rgba(23,254,246,.3); --pm-onacc:#03191a;
  --evm-ink:var(--dz-text); --evm-bg:var(--dz-soft); --evm-line:var(--dz-line); --evm-muted:var(--dz-muted);
}

/* ---------- 100% width, edge to edge ---------- */
html[data-evm-theme] body.evm-bg{background:#fff!important;overflow-x:hidden}
html[data-evm-theme] body .evm-wrap.evm-dash{
  max-width:none!important;width:100vw!important;margin:0 0 0 calc(50% - 50vw)!important;padding:0!important;box-sizing:border-box;
  background:var(--dz-bg);color:var(--dz-text);border-radius:0;min-height:60vh}

/* theme toggle is gone — light only */
html[data-evm-theme] .evm-dash .evm-hero-tools,html[data-evm-theme] .evm-dash .evm-theme-toggle{display:none!important}

/* ---------- Hero: light strip, no dark box ---------- */
html[data-evm-theme] body .evm-dash .evm-hero{
  background:linear-gradient(100deg,var(--dz-acc-soft) 0%,#fff 55%)!important;border:0;border-bottom:1px solid var(--dz-line);
  border-radius:0;box-shadow:none;margin:0;color:var(--dz-text)!important;overflow:visible}
html[data-evm-theme] .evm-dash .evm-hero:before,html[data-evm-theme] .evm-dash .evm-hero:after{display:none}
html[data-evm-theme] body .evm-dash .evm-hero-main{padding:22px var(--dz-pad);gap:18px}
html[data-evm-theme] .evm-dash .evm-hero h2{color:var(--dz-text)!important;font-size:24px;margin:6px 0 8px;letter-spacing:-.02em}
html[data-evm-theme] .evm-dash .evm-hero-av,html[data-evm-theme] .evm-dash .evm-hero-av .evm-av{width:76px!important;height:76px!important}
html[data-evm-theme] .evm-dash .evm-hero-av .evm-av{font-size:30px;line-height:68px!important;border:3px solid #fff!important;box-shadow:0 0 0 2px var(--dz-acc)!important}
html[data-evm-theme] .evm-dash .evm-cam{width:28px;height:28px;border:2px solid #fff;background:var(--dz-acc);color:var(--dz-text)}
html[data-evm-theme] .evm-dash .evm-role{background:#fff;border:1px solid var(--dz-line);color:var(--dz-acc-ink);font-size:11px;padding:2px 10px}
html[data-evm-theme] .evm-dash .evm-hero-chips span{background:transparent;border:0;padding:0 14px 0 0;color:var(--dz-muted);font-size:13px}
html[data-evm-theme] .evm-dash .evm-hero-chips .evm-i{color:var(--dz-acc-ink)}
html[data-evm-theme] .evm-dash .evm-hero .evm-btn-ghost,html[data-evm-theme] .evm-dash .evm-hero .evm-btn-ghost:focus{color:var(--dz-text)!important;border-color:var(--dz-line)!important;background:#fff!important}
html[data-evm-theme] .evm-dash .evm-hero .evm-btn-ghost:hover{background:var(--dz-text)!important;color:var(--dz-acc)!important;border-color:var(--dz-text)!important}
html[data-evm-theme] .evm-dash .evm-thero{background:var(--dz-soft)!important;border:0;border-radius:0;padding:20px var(--dz-pad)}
html[data-evm-theme] .evm-dash .evm-thero h2{color:var(--dz-text)!important}.evm-dash .evm-thero p{color:var(--dz-muted)}
html[data-evm-theme] .evm-dash .evm-thero:before{display:none}

/* ---------- Banner: thin full-width line ---------- */
html[data-evm-theme] body .evm-dash .evm-banner{border-radius:0;border:0;border-bottom:1px solid var(--dz-line);border-left:0;margin:0;padding:11px var(--dz-pad);font-size:14px}
html[data-evm-theme] .evm-dash .evm-b-ok{background:var(--dz-acc-soft)}
html[data-evm-theme] .evm-dash .evm-b-info{background:var(--dz-soft)}
html[data-evm-theme] .evm-dash .evm-b-warn{background:#fff8e6;border-bottom-color:#f6e2a8;box-shadow:inset 3px 0 0 #f5b301}

/* ---------- Stats: one clean strip with dividers (no separate boxes) ---------- */
html[data-evm-theme] body .evm-dash .evm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin:0;padding:0 var(--dz-pad);border-bottom:1px solid var(--dz-line);background:#fff}
html[data-evm-theme] body .evm-dash .evm-stat{background:transparent;border:0;border-right:1px solid var(--dz-line);border-radius:0;box-shadow:none;padding:16px 20px;transform:none}
html[data-evm-theme] .evm-dash .evm-stat:first-child{padding-left:0}
html[data-evm-theme] .evm-dash .evm-stat:last-child{border-right:0}
html[data-evm-theme] .evm-dash .evm-stat:hover{box-shadow:none;border-color:var(--dz-line);background:var(--dz-soft);transform:none}
html[data-evm-theme] .evm-dash .evm-stat-i{width:36px;height:36px;border-radius:10px;border:0;background:var(--dz-acc-soft);color:var(--dz-acc-ink)}
html[data-evm-theme] .evm-dash .evm-stat b{font-size:20px;color:var(--dz-text)}
html[data-evm-theme] .evm-dash .evm-stat small{color:var(--dz-muted)}

/* ---------- Layout: flat sidebar flush-left + content flush-right ---------- */
html[data-evm-theme] body .evm-dash .evm-dlayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;align-items:stretch;min-height:60vh;padding:0 var(--dz-pad);box-sizing:border-box}
html[data-evm-theme] body .evm-dash .evm-dnav{position:sticky;top:0;align-self:start;background:#fff;border:0;border-right:1px solid var(--dz-line);border-radius:0;box-shadow:none;padding:20px 12px 20px 0;gap:2px;max-height:100vh;overflow-y:auto}
html[data-evm-theme] body .evm-dash .evm-dnav button{border-radius:10px!important;padding:10px 12px!important;color:var(--dz-muted)!important;font-weight:600!important}
html[data-evm-theme] body .evm-dash .evm-dnav button:hover{background:var(--dz-soft)!important;color:var(--dz-text)!important}
html[data-evm-theme] body .evm-dash .evm-dnav button.on,html[data-evm-theme] body .evm-dash .evm-dnav button.on:focus,html[data-evm-theme] body .evm-dash .evm-dnav button.on:hover{
  background:var(--dz-acc-soft)!important;color:var(--dz-text)!important;box-shadow:inset 3px 0 0 var(--dz-acc)!important}
html[data-evm-theme] .evm-dash .evm-dnav button.on .evm-i{color:var(--dz-acc-ink)}
html[data-evm-theme] body .evm-dash .evm-dmain{padding:28px 0 28px 32px;min-width:0;background:#fff}

/* ---------- Cards: no boxes — just spacing + a hairline between sections ---------- */
html[data-evm-theme] body .evm-dash .evm-card,
html[data-evm-theme] body .evm-dash .evm-card-form,
html[data-evm-theme] body .evm-dash .evm-pane>.evm-rev{
  background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--dz-line)}
html[data-evm-theme] .evm-dash .evm-pane>.evm-card:last-child,
html[data-evm-theme] .evm-dash .evm-pane>.evm-card-form:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
html[data-evm-theme] .evm-dash .evm-card h3{font-size:16px;letter-spacing:-.01em}
html[data-evm-theme] .evm-dash .evm-card-h{margin-bottom:14px}
html[data-evm-theme] .evm-dash .evm-grid2{gap:0 32px}
html[data-evm-theme] .evm-dash .evm-grid2 .evm-card{margin-bottom:22px}
/* delete-account block keeps a quiet dashed hint */
html[data-evm-theme] body .evm-dash .evm-card.evm-danger{border:0;border-top:1px dashed #f0b4ba!important;padding-top:20px;border-bottom:0}

/* ---------- List rows (requests, teachers, KYC, contacts) = flat rows ---------- */
html[data-evm-theme] body .evm-dash .evm-req,
html[data-evm-theme] body .evm-dash .evm-tc,
html[data-evm-theme] body .evm-dash .evm-kyc{
  background:transparent;border:0;border-bottom:1px solid var(--dz-line);border-radius:0;box-shadow:none;margin:0;padding:16px 8px;transform:none;transition:background .15s}
html[data-evm-theme] .evm-dash .evm-req:hover,
html[data-evm-theme] .evm-dash .evm-tc:hover,
html[data-evm-theme] .evm-dash .evm-kyc:hover{background:var(--dz-soft);border-color:var(--dz-line);box-shadow:none;transform:none}
html[data-evm-theme] .evm-dash .evm-kyc.is-locked{background:transparent}
html[data-evm-theme] .evm-dash .evm-kyc-i{background:var(--dz-acc-soft);color:var(--dz-acc-ink);border:0}
html[data-evm-theme] body .evm-dash .evm-contact{background:var(--dz-soft);border:0;border-radius:12px}
html[data-evm-theme] .evm-dash .evm-contact.is-open{background:var(--dz-acc-soft);border:0}
html[data-evm-theme] body .evm-dash .evm-notice,
html[data-evm-theme] body .evm-dash .evm-empty,
html[data-evm-theme] body .evm-dash .evm-lockpane{background:var(--dz-soft);border:0;border-radius:12px;box-shadow:none}

/* ---------- Small stuff: lighter chips, pills, progress ---------- */
html[data-evm-theme] .evm-dash .evm-tags span,html[data-evm-theme] .evm-dash .evm-meta span{background:var(--dz-soft);border:0;color:var(--dz-text)}
html[data-evm-theme] .evm-dash .evm-bar{height:8px;border:0;background:#edf0f4}
html[data-evm-theme] .evm-dash .evm-bar i{background:var(--dz-acc)}
html[data-evm-theme] .evm-dash .evm-info{gap:18px 32px}
html[data-evm-theme] .evm-dash .evm-info dt{font-size:11px}
html[data-evm-theme] .evm-dash .evm-pill-ok{background:var(--dz-acc-soft);border:0;color:var(--dz-acc-ink)}
html[data-evm-theme] .evm-dash .evm-pill-warn{background:#fff4d6;border:0;color:#8a5a00}
html[data-evm-theme] .evm-dash .evm-pill-bad{background:#ffe5e8;border:0;color:#b4202e}
html[data-evm-theme] .evm-dash .evm-pill-muted{background:#eef1f5;border:0;color:#5b6577}
/* inputs: keep a thin outline so fields stay usable */
html[data-evm-theme] body .evm-dash .evm-form input[type=text],html[data-evm-theme] body .evm-dash .evm-form input[type=email],
html[data-evm-theme] body .evm-dash .evm-form input[type=tel],html[data-evm-theme] body .evm-dash .evm-form input[type=number],
html[data-evm-theme] body .evm-dash .evm-form input[type=password],html[data-evm-theme] body .evm-dash .evm-form select,
html[data-evm-theme] body .evm-dash .evm-form textarea{background:#fff;border-radius:10px;padding:11px 14px}
/* buttons: flat, no glow */
html[data-evm-theme] .evm-dash .evm-btn,html[data-evm-theme] .evm-dash .evm-btn:hover{box-shadow:none!important}

/* ---------- Mobile ---------- */
@media(max-width:820px){
  html[data-evm-theme] body .evm-dash{--dz-pad:20px}
  html[data-evm-theme] body .evm-dash .evm-dlayout{grid-template-columns:1fr;padding:0}
  html[data-evm-theme] body .evm-dash .evm-dmain{padding:20px var(--dz-pad)}
  html[data-evm-theme] body .evm-dash .evm-dnav{position:sticky;top:0;z-index:5;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;border-right:0;border-bottom:1px solid var(--dz-line);padding:6px var(--dz-pad);scrollbar-width:none}
  html[data-evm-theme] body .evm-dash .evm-dnav button{width:auto!important;flex:none}
  html[data-evm-theme] body .evm-dash .evm-dnav button.on,html[data-evm-theme] body .evm-dash .evm-dnav button.on:hover{box-shadow:inset 0 -3px 0 var(--dz-acc)!important;border-radius:8px 8px 0 0!important}
  html[data-evm-theme] body .evm-dash .evm-stats{grid-template-columns:repeat(2,1fr)}
  html[data-evm-theme] .evm-dash .evm-stat:nth-child(2n){border-right:0}
  html[data-evm-theme] .evm-dash .evm-grid2{grid-template-columns:1fr}
}

@media(max-width:600px){html[data-evm-theme] body .evm-dash{--dz-pad:16px}}