/* ================================================================
   ExamPro CSS v7 — sidebar matches reference screenshot exactly
   ================================================================ */
:root{
  --B:#1565C0;--BD:#0D47A1;--BL:#1976D2;
  --G:#43A047;--GD:#2E7D32;
  --R:#E53935;--RD:#C62828;
  --O:#E65100;--OBG:#FFF3E0;
  --P:#7B1FA2;--PBG:#F3E5F5;
  --T:#00897B;--TL:#00BCD4; /* teal - subject bar */
  --GR:#9E9E9E;
  --bdr:#E0E0E0;--bg:#F5F7FA;
  --wh:#fff;--tx:#212121;
  --fnt:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --sh:0 2px 8px rgba(0,0,0,.10);
}
.ep,.ep *{box-sizing:border-box;margin:0;padding:0;}
.ep{font-family:var(--fnt);color:var(--tx);background:var(--bg);}

.ep-dsk{display:flex;}
.ep-mob{display:none!important;}

/* ── LOADING ── */
.ep-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#666;}
.ep-spin{width:40px;height:40px;border:4px solid #eee;border-top-color:var(--B);border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── SHELL ── */
#ep-shell{border:1px solid var(--bdr);border-radius:8px;overflow:hidden;background:var(--wh);box-shadow:var(--sh);}

/* ================================================================
   TOP BAR
   ================================================================ */
.ep-top{
  background:var(--T);
  display:flex;align-items:center;justify-content:space-between;
  height:46px;padding:0 14px;
}
.ep-top-left{display:flex;height:46px;}
.ep-stab{
  display:inline-flex;align-items:center;gap:5px;
  height:46px;padding:0 16px;
  font-size:.88rem;font-weight:700;
  color:rgba(255,255,255,.72);
  background:none;border:none;border-bottom:3px solid transparent;
  cursor:pointer;font-family:var(--fnt);transition:all .15s;white-space:nowrap;
}
.ep-stab.on{color:#fff;border-bottom-color:#fff;background:rgba(255,255,255,.15);}
.ep-stab-num{
  background:rgba(255,255,255,.3);color:#fff;
  min-width:20px;height:20px;border-radius:3px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.68rem;font-weight:800;padding:0 4px;
}
.ep-stab.on .ep-stab-num{background:var(--T);}

/* Timer in top bar */
.ep-top-mid{display:flex;align-items:center;gap:4px;}
.ep-timer-lbl{font-size:.75rem;color:rgba(255,255,255,.7);}
.ep-timer-val{font-family:'Courier New',monospace;font-size:1rem;font-weight:700;color:#fff;letter-spacing:1px;}
.ep-timer-val.red{color:#FF5252;}

/* Student name right of top bar (desktop) */
.ep-top-right{display:flex;align-items:center;}
.ep-topname{color:#fff;font-size:.84rem;font-weight:700;}
.ep-burger{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;padding:4px;}

/* ================================================================
   DESKTOP SECONDARY BAR
   ================================================================ */
.ep-bar2{
  background:#fff;border-bottom:2px solid var(--bdr);
  display:flex;align-items:center;height:38px;padding:0 14px;gap:0;
}
.ep-qtab{
  height:38px;padding:0 16px;
  font-size:.85rem;font-weight:700;color:#555;
  background:none;border:none;border-bottom:3px solid transparent;
  cursor:pointer;font-family:var(--fnt);transition:all .15s;white-space:nowrap;
}
.ep-qtab.ep-qtab-on{color:var(--B);border-bottom-color:var(--B);}
.ep-bar2-info{font-size:.78rem;color:#555;margin-left:16px;}
.ep-bar2-info b{color:var(--B);}

/* ================================================================
   MOBILE NUMBER STRIP
   ================================================================ */
.ep-strip{
  background:#fff;border-bottom:1px solid var(--bdr);
  display:flex;align-items:center;
  padding:6px 10px;gap:5px;overflow-x:auto;scrollbar-width:none;
}
.ep-strip::-webkit-scrollbar{display:none;}
.ep-sq{
  width:30px;height:30px;min-width:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.7rem;font-weight:700;cursor:pointer;
  color:#333;background:#E0E0E0;border:2px solid transparent;flex-shrink:0;
}
.ep-sq.a  {background:#43A047;color:#fff;}
.ep-sq.n  {background:#E53935;color:#fff;}
.ep-sq.m  {background:#7B1FA2;color:#fff;}
.ep-sq.ma {background:#7B1FA2;color:#fff;border-color:#43A047;}
.ep-sq.cur{outline:2px solid #000;outline-offset:1px;}
.ep-strip-gear{margin-left:auto;flex-shrink:0;background:none;border:none;font-size:1.1rem;cursor:pointer;color:#666;padding:4px;}

/* ================================================================
   BODY
   ================================================================ */
.ep-body{display:flex;align-items:flex-start;background:var(--bg);}

/* ── MAIN QUESTION PANEL ── */
.ep-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px;}

/* Mobile MCQ tabs */
.ep-mob-tabs{display:none;border-bottom:1px solid var(--bdr);padding:0;height:38px;align-items:center;margin:-14px -14px 0;padding:0 14px;width:calc(100% + 28px);}
.ep-mob-tabs .ep-qtab{height:36px;}

/* Question meta bar: "Qus. No 2  Qus. Type: MCQ Single  Marks: 1  Neg Marks: 0" */
.ep-qmeta{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:#fff;border-radius:6px;padding:8px 12px;
  border:1px solid var(--bdr);font-size:.82rem;
}
.ep-qno{font-weight:800;color:var(--B);font-size:.9rem;}
.ep-qmeta-info{color:#555;margin-left:auto;}
.ep-qmeta-info b{color:var(--tx);}

/* Upload + flag row */
.ep-qhd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

/* Upload Image */
.ep-btn-up{
  display:inline-flex;align-items:center;gap:5px;
  background:#fff;border:1.5px solid var(--P);color:var(--P);
  border-radius:6px;padding:7px 14px;font-size:.78rem;font-weight:700;
  cursor:pointer;font-family:var(--fnt);transition:all .15s;white-space:nowrap;
}
.ep-btn-up:hover{background:var(--P);color:#fff;}

/* Mark for Review */
.ep-btn-flag{
  display:inline-flex;align-items:center;gap:5px;
  background:#fff;border:1.5px solid var(--O);color:var(--O);
  border-radius:6px;padding:7px 14px;font-size:.78rem;font-weight:700;
  cursor:pointer;font-family:var(--fnt);transition:all .15s;white-space:nowrap;
}
.ep-btn-flag:hover,.ep-btn-flag.on{background:var(--O);color:#fff;}

/* Upload zone */
.ep-upzone{display:none;border:2px dashed var(--P);border-radius:7px;background:var(--PBG);overflow:hidden;}
.ep-upinner{padding:18px;text-align:center;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--P);}
.ep-upinner:hover{background:#EDE7F6;}
.ep-upinner small{color:#888;font-weight:400;}

/* Question text */
.ep-qt{background:#fff;border-radius:7px;padding:16px 18px;font-size:.93rem;line-height:1.8;color:#333;border:1px solid #E8E8E8;box-shadow:0 1px 3px rgba(0,0,0,.05);}

/* ── OPTIONS — checkbox style like reference (□ Rs. 135) ── */
.ep-opts{list-style:none;display:flex;flex-direction:column;gap:6px;}
.ep-opt{
  background:#fff;border:1px solid #E0E0E0;border-radius:6px;
  padding:10px 14px;cursor:pointer;
  display:flex;align-items:center;gap:10px;
  transition:border-color .12s,background .12s;
}
.ep-opt:hover{border-color:#BDBDBD;}
.ep-opt.sel{border-color:var(--B);background:#EBF3FF;}

/* Checkbox square */
.ep-chk{
  width:16px;height:16px;min-width:16px;
  border:2px solid #9E9E9E;border-radius:2px;
  background:#fff;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:all .12s;font-size:.7rem;color:transparent;
}
.ep-opt.sel .ep-chk{background:var(--B);border-color:var(--B);color:#fff;}

/* Radio variant */
.ep-radio{
  width:16px;height:16px;min-width:16px;border-radius:50%;
  border:2px solid #9E9E9E;background:#fff;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.ep-radio::after{content:'';width:7px;height:7px;border-radius:50%;background:transparent;transition:background .12s;}
.ep-opt.sel .ep-radio{border-color:var(--B);}
.ep-opt.sel .ep-radio::after{background:var(--B);}

.ep-opt-t{font-size:.9rem;line-height:1.5;color:#333;flex:1;}

/* ── DESKTOP BOTTOM NAV ── */
.ep-dnav{display:flex;align-items:center;gap:8px;padding:10px 0 4px;flex-wrap:wrap;}
.ep-d-rev{padding:9px 16px;border-radius:6px;font-family:var(--fnt);font-size:.82rem;font-weight:700;cursor:pointer;border:none;background:#F5A623;color:#fff;white-space:nowrap;transition:all .15s;}
.ep-d-rev:hover{background:#E09000;}
.ep-d-clr{padding:9px 16px;border-radius:6px;font-family:var(--fnt);font-size:.82rem;font-weight:700;cursor:pointer;border:1.5px solid #BDBDBD;color:#555;background:#F5F5F5;white-space:nowrap;}
.ep-d-clr:hover{background:#E0E0E0;}
.ep-d-sav{padding:9px 20px;border-radius:6px;font-family:var(--fnt);font-size:.82rem;font-weight:700;cursor:pointer;border:none;background:var(--B);color:#fff;white-space:nowrap;}
.ep-d-sav:hover{background:var(--BD);}

/* ================================================================
   RIGHT SIDEBAR — matches reference image exactly
   ================================================================ */
.ep-side{
  width:230px;min-width:230px;flex-shrink:0;
  background:#fff;border-left:1px solid var(--bdr);
  display:flex;flex-direction:column;
  align-self:stretch;
}

/* Block 1: Timer + Student Name */
.ep-side-toprow{
  background:#fff;
  padding:8px 12px;
  border-bottom:1px solid var(--bdr);
  display:flex;flex-direction:column;gap:2px;
}
.ep-side-timer{
  font-size:.8rem;font-weight:700;color:var(--tx);
  font-family:'Courier New',monospace;
}
.ep-side-timer span{color:var(--T);font-size:.88rem;}
.ep-side-name{font-size:.8rem;font-weight:700;color:var(--B);}

/* Block 2: Legend */
.ep-leg{padding:8px 10px;border-bottom:1px solid var(--bdr);display:flex;flex-direction:column;gap:5px;}
.ep-mob-leg{border-bottom:none;padding:10px 12px;}
.ep-leg-row{display:flex;gap:8px;flex-wrap:wrap;}
.ep-leg-item{display:flex;align-items:flex-start;gap:5px;font-size:.69rem;color:#444;flex:1;min-width:80px;line-height:1.3;}
.ep-leg-full{flex:unset;width:100%;min-width:unset;}

/* Legend dots — circular like reference */
.ep-dot{
  width:14px;height:14px;min-width:14px;border-radius:50%;
  display:inline-block;flex-shrink:0;margin-top:1px;
}
.ep-dot-ans    {background:#43A047;}
.ep-dot-notans {background:#E53935;}
.ep-dot-marked {background:#7B1FA2;}
.ep-dot-notvis {background:#9E9E9E;}
.ep-dot-markans{background:#7B1FA2;border:2px solid #43A047;width:14px;height:14px;}

/* Block 3: Subject label bar (teal, full width) + 6-col circle grid */
.ep-side-subj-bar{
  background:var(--T);color:#fff;
  text-align:center;font-size:.82rem;font-weight:800;
  padding:7px 10px;letter-spacing:.5px;
}

/* Number grid — 6 columns, circular bubbles */
.ep-ngrid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:4px;
  padding:8px 10px;
  border-bottom:1px solid var(--bdr);
}
.ep-nb{
  width:100%;aspect-ratio:1;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.68rem;font-weight:700;cursor:pointer;
  border:1.5px solid transparent;
  color:#333;background:#E0E0E0;
  transition:transform .1s;
}
.ep-nb:hover{transform:scale(1.1);}
/* Status colours — match reference screenshot */
.ep-nb.a  {background:#43A047;color:#fff;border-color:#43A047;}    /* answered: green */
.ep-nb.n  {background:#E53935;color:#fff;border-color:#E53935;}    /* not answered: red */
.ep-nb.m  {background:#7B1FA2;color:#fff;border-color:#7B1FA2;}    /* marked: purple */
.ep-nb.ma {background:#7B1FA2;color:#fff;border-color:#43A047;}    /* marked+ans: purple+green border */
.ep-nb.cur{background:var(--T);color:#fff;border-color:var(--T);}  /* current: teal */

/* Block 4: INSTRUCTIONS | QUS. PAPER buttons + SUBMIT TEST bar */
.ep-side-bottom{
  margin-top:auto;border-top:1px solid var(--bdr);
  display:flex;flex-direction:column;
}
.ep-side-btns{display:flex;border-bottom:1px solid var(--bdr);}
.ep-sb-instr,.ep-sb-qpaper{
  flex:1;padding:9px 6px;
  font-family:var(--fnt);font-size:.72rem;font-weight:800;
  cursor:pointer;border:none;background:#fff;color:#555;
  text-transform:uppercase;letter-spacing:.4px;
  border-right:1px solid var(--bdr);transition:background .15s;
}
.ep-sb-instr:last-child,.ep-sb-qpaper{border-right:none;}
.ep-sb-instr:hover,.ep-sb-qpaper:hover{background:#F5F5F5;}
.ep-sb-submit{
  width:100%;padding:12px;
  font-family:var(--fnt);font-size:.85rem;font-weight:800;
  cursor:pointer;border:none;background:var(--G);color:#fff;
  text-transform:uppercase;letter-spacing:.8px;
  transition:background .15s;
}
.ep-sb-submit:hover{background:var(--GD);}

/* ================================================================
   MODAL
   ================================================================ */
.ep-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999999;}
.ep-modal-box{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:92%;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.ep-modal-box h3{font-size:1.1rem;font-weight:900;margin-bottom:6px;}
.ep-modal-box p{font-size:.84rem;color:#777;margin-bottom:12px;}
.ep-modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;}
.ep-ms{border-radius:7px;padding:11px;text-align:center;}
.ep-ms .n{font-size:1.4rem;font-weight:900;}
.ep-ms .l{font-size:.67rem;font-weight:700;margin-top:2px;}
.ep-ms-g{background:#E8F5E9;color:#2E7D32;}
.ep-ms-r{background:#FFEBEE;color:#C62828;}
.ep-ms-gr{background:#F5F5F5;color:#666;}
.ep-ms-o{background:#FFF3E0;color:#E65100;}
.ep-modal-btns{display:flex;gap:8px;}
.ep-mo-cancel{flex:1;padding:10px;border:1.5px solid #ddd;border-radius:7px;background:none;font-family:var(--fnt);font-size:.88rem;font-weight:700;cursor:pointer;color:#555;}
.ep-mo-ok{flex:1;padding:10px;border:none;border-radius:7px;background:#43A047;color:#fff;font-family:var(--fnt);font-size:.88rem;font-weight:800;cursor:pointer;}

/* ================================================================
   RESULTS
   ================================================================ */
.ep-res-card{max-width:480px;margin:0 auto;background:#fff;border-radius:14px;padding:26px;box-shadow:var(--sh);text-align:center;}
.ep-res-h{font-size:1.4rem;font-weight:900;color:var(--BD);}
.ep-res-n{font-size:.86rem;color:#777;margin:4px 0 18px;}
.ep-res-ring{position:relative;width:130px;height:130px;margin:0 auto 16px;}
.ep-res-ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ep-res-pct{font-size:1.7rem;font-weight:900;}
.ep-res-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;}
.ep-res-bx{border-radius:8px;padding:10px 5px;text-align:center;}
.ep-res-bx .n{font-size:1.2rem;font-weight:900;}
.ep-res-bx .l{font-size:.66rem;font-weight:700;margin-top:2px;}
.ep-res-back{display:block;margin-top:12px;background:var(--B);color:#fff;border-radius:8px;padding:11px;text-decoration:none;font-weight:800;font-size:.9rem;text-align:center;}

/* ================================================================
   SUBSCRIBE / DASHBOARD
   ================================================================ */
.exampro-wrap{font-family:var(--fnt);color:var(--tx);}
.exampro-wrap *{box-sizing:border-box;}
.exampro-notice{background:#EFF6FF;border-left:4px solid var(--B);padding:12px 16px;border-radius:6px;margin:12px 0;font-size:.9rem;}
.exampro-notice a{color:var(--B);font-weight:700;}
.ep-sub-hero{text-align:center;padding:24px 16px 10px;background:linear-gradient(135deg,var(--BD),var(--BL));color:#fff;border-radius:12px;margin-bottom:20px;}
.ep-sub-hero h1{font-size:1.8rem;font-weight:900;margin:0 0 5px;}
.ep-sub-hero p{font-size:.9rem;opacity:.85;margin:0;}
.ep-plans-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;}
.ep-plan-card{border:2px solid var(--bdr);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;background:var(--wh);}
.ep-plan-card.sel,.ep-plan-card.pop{border-color:var(--B);background:#EFF6FF;}
.ep-plan-badge{position:absolute;top:10px;right:-20px;background:var(--G);color:#fff;font-size:.6rem;font-weight:800;padding:3px 30px;transform:rotate(35deg);letter-spacing:1px;}
.ep-plan-name{font-size:1rem;font-weight:800;color:var(--BD);margin-bottom:5px;}
.ep-plan-price{font-size:1.7rem;font-weight:900;}
.ep-plan-price sup{font-size:.85rem;vertical-align:super;}
.ep-plan-price sub{font-size:.78rem;color:#777;font-weight:600;}
.ep-plan-features{list-style:none;margin:12px 0 0;text-align:left;padding:0;}
.ep-plan-features li{font-size:.8rem;color:#444;padding:3px 0;display:flex;align-items:center;gap:6px;}
.ep-plan-features li::before{content:'✓';color:var(--G);font-weight:800;flex-shrink:0;}
.ep-sub-form-wrap{background:var(--wh);border-radius:12px;padding:24px;box-shadow:var(--sh);max-width:700px;margin:0 auto 20px;}
.ep-sub-form-wrap h2{font-size:1.1rem;font-weight:800;color:var(--BD);margin:0 0 16px;}
.ep-sub-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ep-field-group{display:flex;flex-direction:column;}
.ep-field-full{grid-column:1/-1;}
.ep-field-group label{font-size:.75rem;font-weight:700;color:#555;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px;}
.ep-field-group input,.ep-field-group select{padding:9px 12px;border:1.5px solid var(--bdr);border-radius:7px;font-family:var(--fnt);font-size:.9rem;outline:none;transition:border-color .2s;}
.ep-field-group input:focus,.ep-field-group select:focus{border-color:var(--B);}
.ep-big-btn{display:block;width:100%;background:var(--B);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-family:var(--fnt);font-size:.95rem;font-weight:800;cursor:pointer;margin-top:14px;text-align:center;transition:background .2s;}
.ep-big-btn:hover{background:var(--BD);}
.ep-sub-login-link{text-align:center;margin-top:10px;font-size:.85rem;color:#777;}
.ep-sub-login-link a{color:var(--B);font-weight:700;}
.ep-msg-success{background:#E8F5E9;color:var(--GD);border-radius:6px;padding:9px 12px;margin-bottom:12px;font-weight:700;font-size:.85rem;}
.ep-msg-error{background:#FFEBEE;color:var(--RD);border-radius:6px;padding:9px 12px;margin-bottom:12px;font-weight:700;font-size:.85rem;}
.ep-dash-header{background:linear-gradient(135deg,var(--BD),var(--BL));color:#fff;border-radius:12px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.ep-dash-header h2{font-size:1.2rem;font-weight:800;margin:0 0 3px;color:#fff;}
.ep-dash-header p{margin:0;opacity:.85;font-size:.88rem;}
.ep-dash-cta{background:#fff;color:var(--BD);border-radius:7px;padding:8px 16px;font-weight:800;font-size:.84rem;text-decoration:none;white-space:nowrap;}
.ep-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.ep-ds-box{background:var(--wh);border-radius:9px;padding:14px 16px;border:1px solid var(--bdr);box-shadow:var(--sh);text-align:center;}
.ep-ds-num{font-size:1.6rem;font-weight:900;color:var(--B);}
.ep-ds-lbl{font-size:.72rem;color:#777;font-weight:600;margin-top:2px;}
.ep-section{background:var(--wh);border-radius:9px;padding:18px;border:1px solid var(--bdr);margin-bottom:16px;box-shadow:var(--sh);}
.ep-section h3{font-size:.95rem;font-weight:800;color:var(--BD);margin:0 0 14px;padding-bottom:9px;border-bottom:1px solid #eee;}
.ep-exam-grid{display:flex;flex-direction:column;gap:10px;}
.ep-exam-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1.5px solid var(--bdr);border-radius:9px;transition:all .15s;}
.ep-exam-card:hover{border-color:var(--B);background:#F8FAFF;}
.ep-exam-locked{opacity:.6;}
.ep-exam-icon{font-size:1.4rem;flex-shrink:0;}
.ep-exam-info{flex:1;}
.ep-exam-title{font-weight:800;font-size:.9rem;}
.ep-exam-meta{font-size:.75rem;color:#888;margin-top:2px;}
.ep-start-btn{background:var(--B);color:#fff;border-radius:6px;padding:7px 16px;font-weight:800;font-size:.8rem;text-decoration:none;white-space:nowrap;}
.ep-locked-btn{background:var(--GR);}
.ep-results-list{display:flex;flex-direction:column;gap:8px;}
.ep-result-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bdr);border-radius:7px;flex-wrap:wrap;}
.ep-result-exam{font-weight:700;font-size:.88rem;flex:1;min-width:140px;}
.ep-result-stats{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:.78rem;}
.ep-rs-green{color:var(--GD);font-weight:700;}
.ep-rs-red{color:var(--RD);font-weight:700;}
.ep-rs-score{color:#333;}
.ep-rs-pct{padding:2px 9px;border-radius:20px;font-size:.72rem;font-weight:800;}
.ep-rs-pct.good{background:#E8F5E9;color:var(--GD);}
.ep-rs-pct.avg{background:#FFF3E0;color:var(--O);}
.ep-rs-pct.poor{background:#FFEBEE;color:var(--RD);}
.ep-result-date{font-size:.72rem;color:#aaa;white-space:nowrap;}

/* ================================================================
   MOBILE ≤ 700px
   ================================================================ */
@media(max-width:700px){
  .ep-dsk{display:none!important;}
  .ep-mob{display:flex!important;}

  .ep-top{height:44px;padding:0 10px;background:var(--BD);}
  .ep-stab{padding:0 10px;font-size:.82rem;}

  .ep-strip{padding:6px 10px;}
  .ep-body{flex-direction:column;}
  .ep-side{display:none!important;}
  .ep-main{padding:10px 12px;gap:10px;background:var(--wh);}

  .ep-mob-tabs{display:flex!important;border-bottom:1px solid var(--bdr);height:38px;align-items:center;margin:-10px -12px 0;padding:0 12px;width:calc(100% + 24px);}
  .ep-mob-tabs .ep-qtab{height:36px;}

  .ep-qmeta{flex-direction:column;gap:4px;align-items:flex-start;}
  .ep-qmeta-info{margin-left:0;font-size:.75rem;}

  .ep-qt{font-size:.93rem;padding:14px;}
  .ep-opt{padding:12px 14px;}
  .ep-opt-t{font-size:.9rem;}

  .ep-mnav{display:flex!important;flex-direction:column;gap:8px;padding:10px 0 4px;}
  .ep-mnav1{display:flex;gap:8px;}
  .ep-mnav2{display:flex;gap:8px;}
  .ep-m-clr{flex:1;padding:10px 8px;border-radius:8px;font-family:var(--fnt);font-size:.8rem;font-weight:700;cursor:pointer;border:1.5px solid var(--O);color:var(--O);background:var(--OBG);}
  .ep-m-rev{flex:1.3;padding:10px 8px;border-radius:8px;font-family:var(--fnt);font-size:.8rem;font-weight:700;cursor:pointer;border:1.5px solid var(--P);color:var(--P);background:var(--PBG);}
  .ep-m-sub{flex:1;padding:12px 8px;border-radius:8px;font-family:var(--fnt);font-size:.85rem;font-weight:800;cursor:pointer;border:none;background:var(--B);color:#fff;}
  .ep-m-sav{flex:1.5;padding:12px 8px;border-radius:8px;font-family:var(--fnt);font-size:.85rem;font-weight:800;cursor:pointer;border:none;background:var(--G);color:#fff;}

  /* Mobile sidebar overlay */
  .ep-mob-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9998;}
  .ep-mob-ov.open{display:block;}
  .ep-mob-side{position:fixed;right:-100%;top:0;height:100%;width:78%;max-width:290px;background:var(--wh);z-index:9999;transition:right .25s ease;box-shadow:-4px 0 20px rgba(0,0,0,.2);overflow-y:auto;display:flex;flex-direction:column;}
  .ep-mob-side.open{right:0;}
  .ep-mob-side-hd{display:flex;align-items:center;justify-content:space-between;background:var(--BD);color:#fff;padding:13px 14px;font-size:.9rem;font-weight:700;}
  .ep-mob-side-hd button{background:none;border:none;color:#fff;font-size:1.1rem;cursor:pointer;}
  .ep-mob-side-info{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;border-bottom:1px solid var(--bdr);}
  #ep-mob-grids{padding:0 12px 16px;}

  /* Mobile sidebar subject bar */
  .ep-mob-side .ep-side-subj-bar{margin:8px 0 0;}
  .ep-mob-side .ep-ngrid{grid-template-columns:repeat(6,1fr);}

  .ep-plans-row{grid-template-columns:1fr;}
  .ep-sub-form{grid-template-columns:1fr;}
  .ep-dash-stats{grid-template-columns:repeat(2,1fr);}
  .ep-res-boxes{grid-template-columns:repeat(2,1fr);}
}