:root{--tem-blue:#3560ff;--tem-purple:#7c3aed;--tem-gradient:linear-gradient(135deg,#3560ff,#7c3aed);--tem-gradient-warm:linear-gradient(135deg,#7c3aed,#db2777);--tem-bg:#eef1fb;--tem-text:#1f2440;--tem-muted:#7a7f9a;--tem-glass-bg:rgba(255,255,255,.65);--tem-glass-bg-strong:rgba(255,255,255,.85);--tem-glass-border:rgba(255,255,255,.7);--tem-success:#16a34a;--tem-danger:#e11d48;--tem-gold:#d97706;--tem-radius:22px;--tem-radius-sm:14px}.tem-exam-page{max-width:1280px;margin:0 auto;padding:18px;color:var(--tem-text);background:radial-gradient(circle at 8% 0,rgba(53,96,255,.08),transparent 40%),radial-gradient(circle at 100% 20%,rgba(124,58,237,.08),transparent 45%),var(--tem-bg);border-radius:var(--tem-radius)}.tem-glass-card{background:var(--tem-glass-bg);border:1px solid var(--tem-glass-border);border-radius:var(--tem-radius);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(31,36,64,.06)}.tem-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--tem-glass-bg-strong);border:1px solid var(--tem-glass-border);border-radius:var(--tem-radius);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(31,36,64,.06);padding:14px 22px;margin-bottom:16px}.tem-topbar-brand{display:flex;align-items:center;gap:10px}.tem-topbar-logo{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--tem-gradient);font-size:1.2em;flex-shrink:0}.tem-topbar-brand-text{display:flex;flex-direction:column;line-height:1.5}.tem-topbar-brand-text strong{font-size:.95em}.tem-topbar-brand-text span{font-size:.78em;color:var(--tem-muted)}.tem-topbar-title{text-align:center;flex:1;min-width:200px}.tem-topbar-title h1{font-size:1.15em;margin:0 0 2px}.tem-topbar-title p{margin:0;font-size:.82em;color:var(--tem-muted)}.tem-exit-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--tem-glass-border);color:var(--tem-text);padding:10px 18px;border-radius:14px;font-size:.85em;text-decoration:none;box-shadow:0 4px 14px rgba(31,36,64,.06);transition:transform .15s,box-shadow .15s;flex-shrink:0}.tem-exit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(31,36,64,.1);color:var(--tem-danger)}.tem-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:12px}.tem-stat-card{background:var(--tem-glass-bg);border:1px solid var(--tem-glass-border);border-radius:var(--tem-radius-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 20px rgba(31,36,64,.05);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:transform .2s,box-shadow .2s}.tem-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(31,36,64,.09)}.tem-stat-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(53,96,255,.1);font-size:1.1em}.tem-stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tem-stat-label{font-size:.75em;color:var(--tem-muted)}.tem-stat-body strong{font-size:1.05em}.tem-progress-wrap{display:flex;align-items:center;gap:12px;margin:0 4px 20px}.tem-progress-track{flex:1;height:8px;border-radius:20px;background:rgba(53,96,255,.12);overflow:hidden}.tem-progress-fill{height:100%;width:0%;border-radius:20px;background:var(--tem-gradient);transition:width .3s}.tem-progress-percent{font-size:.8em;color:var(--tem-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.tem-exam-body{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.tem-exam-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.tem-exam-main{min-width:0}.tem-card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}.tem-card-head h3{margin:0;font-size:1em}.tem-card-head-icon{opacity:.6}.tem-palette-legend{display:flex;flex-wrap:wrap;gap:10px 14px;padding:10px 18px 0;font-size:.72em;color:var(--tem-muted)}.tem-palette-legend span{display:inline-flex;align-items:center;gap:5px}.tem-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.tem-dot-empty{background:#cbd5e1}.tem-dot-flag{background:var(--tem-gold)}.tem-dot-done{background:var(--tem-success)}.tem-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px 18px;margin:0}.tem-palette-item{width:100%;aspect-ratio:1/1;border-radius:12px;border:1px solid var(--tem-glass-border);background:rgba(255,255,255,.55);color:var(--tem-text);font-size:.85em;cursor:pointer;transition:.15s}.tem-palette-item:hover{border-color:var(--tem-blue);transform:translateY(-1px)}.tem-palette-item.tem-palette-answered{background:rgba(22,163,74,.14);border-color:var(--tem-success);color:var(--tem-success);font-weight:700}.tem-palette-item.tem-palette-flagged{box-shadow:inset 0 -3px 0 var(--tem-gold)}.tem-palette-item.tem-palette-current{background:var(--tem-gradient);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(53,96,255,.35)}.tem-finish-btn{display:block;width:calc(100% - 36px);margin:4px 18px 18px;padding:13px;border:none;border-radius:16px;background:var(--tem-gradient-warm);color:#fff;font-size:.95em;font-weight:700;cursor:pointer;box-shadow:0 10px 24px rgba(124,58,237,.3);transition:transform .15s,box-shadow .15s}.tem-finish-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(124,58,237,.4)}.tem-student-info-list{list-style:none;margin:0;padding:12px 18px 18px;display:flex;flex-direction:column;gap:12px}.tem-student-info-list li{display:flex;justify-content:space-between;align-items:center;font-size:.85em;gap:10px}.tem-student-info-list li span{color:var(--tem-muted)}.tem-student-info-list li strong{color:var(--tem-text)}.tem-question-card{padding:22px 24px 26px;position:relative;margin-bottom:14px;min-height:260px}.tem-question-card-head{display:flex;justify-content:flex-end;margin-bottom:10px}.tem-question-badge{background:var(--tem-gradient);color:#fff;font-size:.78em;font-weight:700;padding:7px 16px;border-radius:999px;box-shadow:0 6px 16px rgba(53,96,255,.3)}.tem-question-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.tem-toolbar-btn{display:inline-flex;align-items:center;gap:6px;background:var(--tem-glass-bg-strong);border:1px solid var(--tem-glass-border);color:var(--tem-text);padding:10px 16px;border-radius:14px;font-size:.82em;cursor:pointer;transition:.15s;box-shadow:0 4px 14px rgba(31,36,64,.05)}.tem-toolbar-btn:hover{transform:translateY(-1px);border-color:var(--tem-gold)}.tem-toolbar-btn.tem-flagged{background:var(--tem-gold);border-color:var(--tem-gold);color:#fff}.tem-toolbar-btn-danger:hover{border-color:var(--tem-danger);color:var(--tem-danger)}.tem-navigation{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.tem-nav-btn{display:inline-flex;align-items:center;gap:8px;border:none;padding:13px 26px;border-radius:16px;font-size:.9em;font-weight:600;cursor:pointer;transition:.15s}.tem-nav-btn-ghost{background:#fff;border:1px solid var(--tem-glass-border);color:var(--tem-text)}.tem-nav-btn-ghost:hover{border-color:var(--tem-blue)}.tem-nav-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.tem-nav-btn-primary{background:var(--tem-gradient);color:#fff;box-shadow:0 10px 22px rgba(53,96,255,.3)}.tem-nav-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(53,96,255,.4)}.tem-tip-banner{display:flex;align-items:center;gap:12px;background:var(--tem-gradient);color:#fff;border-radius:var(--tem-radius-sm);padding:14px 20px;font-size:.85em;box-shadow:0 10px 24px rgba(53,96,255,.25)}.tem-tip-icon{font-size:1.2em;flex-shrink:0}.tem-tip-shield{margin-inline-start:auto;font-size:1.2em;opacity:.85;flex-shrink:0}.tem-save-status{display:block;margin-bottom:10px}.tem-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#111827;color:#fff;padding:10px 18px;border-radius:8px;font-size:.9em;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:9999}.tem-toast-visible{opacity:1;transform:translate(-50%,0)}@media (max-width:960px){.tem-exam-body{grid-template-columns:1fr}.tem-exam-sidebar{position:static}.tem-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tem-topbar{flex-direction:column;text-align:center}.tem-stats-row{grid-template-columns:1fr 1fr}.tem-navigation{flex-direction:column}.tem-nav-btn{justify-content:center;width:100%}.tem-palette{grid-template-columns:repeat(5,1fr)}}.ttp-inline-image,.ttp-inline-media{max-width:100%!important;height:auto!important;box-sizing:border-box!important}.ttp-inline-video{display:block!important;width:100%!important;max-width:760px!important;height:auto!important;border-radius:12px!important;background:#111!important}.ttp-inline-audio{display:block!important;width:min(100%,620px)!important;max-width:100%!important}.ttp-inline-file{display:inline-flex!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}.ttp-equation{font-family:Cambria Math,STIX Two Math,serif!important;direction:ltr!important;unicode-bidi:embed!important}.tem-exam-intro-page{max-width:1180px;margin:24px auto 60px;padding:20px;direction:rtl;color:#172033;background:linear-gradient(180deg,#f7fbff 0,#f1f6fb 100%);border:1px solid #e4edf5;border-radius:30px;box-shadow:0 20px 60px rgba(30,70,110,.08)}.tem-intro-hero{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center;padding:26px;border-radius:24px;background:linear-gradient(135deg,#eaf8f6,#eef4ff);border:1px solid #dcebf0;overflow:hidden;position:relative}.tem-intro-hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;left:-80px;top:-100px;background:rgba(53,96,160,.07)}.tem-intro-illustration{width:150px;height:150px;border-radius:34px;background:#fff;display:grid;place-items:center;font-size:72px;position:relative;box-shadow:0 16px 36px rgba(39,82,118,.1);z-index:1}.tem-intro-illustration span{position:absolute;bottom:14px;right:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#16a974;color:#fff;font-size:20px;font-weight:900;border:4px solid #fff}.tem-intro-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#dff6ef;color:#087c61;font-size:11px;font-weight:900}.tem-intro-copy h1{margin:10px 0 7px;font-size:28px;color:#183b5e}.tem-intro-copy p{margin:0;max-width:760px;color:#607086;line-height:2;font-size:13px}.tem-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.tem-intro-info-card{background:#fff;border:1px solid #e3eaf1;border-radius:18px;padding:16px;min-height:104px;box-shadow:0 8px 22px rgba(30,55,80,.045)}.tem-intro-info-card b{display:block;font-size:13px;color:#29415b;margin-bottom:7px}.tem-intro-info-card span{display:block;color:#748195;font-size:11px;line-height:1.9}.tem-prereq-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:16px;padding:17px 18px;border-radius:20px;border:1px solid #dbe7f1;background:#fff;box-shadow:0 10px 28px rgba(30,55,80,.06)}.tem-prereq-card.is-required{background:linear-gradient(135deg,#fff7e8,#fff);border-color:#f4dfb1}.tem-prereq-card.is-optional{background:linear-gradient(135deg,#f4fbff,#fff)}.tem-prereq-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#edf5ff;color:#3560a0;font-size:24px;font-weight:900}.is-required .tem-prereq-icon{background:#fff0d2;color:#d58b00}.tem-prereq-copy span{font-size:10px;font-weight:900;color:#7b8798}.tem-prereq-copy h2{font-size:15px;margin:4px 0;color:#243c55}.tem-prereq-copy p{font-size:11px;color:#728095;margin:0;line-height:1.8}.tem-intro-back,.tem-intro-secondary-btn,.tem-intro-start{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:13px;text-decoration:none!important;font-size:11px;font-weight:900;white-space:nowrap;transition:.2s}.tem-intro-secondary-btn{background:#fff;border:1px solid #cfddea;color:#315b85}.tem-intro-secondary-btn:hover{transform:translateY(-2px);border-color:#3560a0}.tem-prereq-done{padding:9px 12px;border-radius:10px;background:#dcf7ec;color:#087c61;font-size:10px;font-weight:900}.tem-intro-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.tem-intro-back{background:#fff;border:1px solid #d8e2ec;color:#617084}.tem-intro-start{min-width:220px;background:linear-gradient(135deg,#0baa82,#087b67);color:#fff;box-shadow:0 12px 26px rgba(8,123,103,.22)}.tem-intro-start:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(8,123,103,.28);color:#fff}.tem-intro-start.is-disabled{border:0;opacity:.55;cursor:not-allowed;box-shadow:none}@media(max-width:820px){.tem-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tem-intro-hero{grid-template-columns:100px minmax(0,1fr);padding:20px}.tem-intro-illustration{width:95px;height:95px;font-size:48px}.tem-intro-illustration span{width:30px;height:30px;font-size:15px;bottom:7px;right:7px}.tem-prereq-card{grid-template-columns:46px minmax(0,1fr)}.tem-prereq-card>.tem-prereq-done,.tem-prereq-card>a{grid-column:1/-1;width:100%}}@media(max-width:560px){.tem-exam-intro-page{margin:8px 6px 35px;padding:10px;border-radius:22px}.tem-intro-hero{grid-template-columns:1fr;text-align:center;padding:18px}.tem-intro-illustration{margin:0 auto}.tem-intro-copy p{font-size:11px}.tem-intro-grid{grid-template-columns:1fr;gap:9px}.tem-intro-info-card{min-height:0;padding:13px}.tem-prereq-card{grid-template-columns:44px minmax(0,1fr);padding:13px}.tem-prereq-icon{width:44px;height:44px}.tem-intro-footer{flex-direction:column-reverse}.tem-intro-back,.tem-intro-start{width:100%}.tem-intro-start{min-width:0}}/* =========================================================
   TIZNIK — Student Exam Player / Reference Design
   v1.5.89
   RTL, responsive, no external font/network request.
   ========================================================= */
.tem-exam-redesign-v1{
  --ex-bg:#f6f8ff;
  --ex-card:#fff;
  --ex-border:#e7e9f4;
  --ex-text:#202640;
  --ex-muted:#8b90a7;
  --ex-purple:#6b45e8;
  --ex-purple-2:#4f46e5;
  --ex-green:#16a56d;
  --ex-orange:#f59e0b;
  --ex-red:#ef476f;
  --ex-shadow:0 10px 35px rgba(57,55,110,.055);
  direction:rtl;
  width:100%;
  max-width:1540px;
  margin:0 auto;
  padding:18px 22px 28px;
  box-sizing:border-box;
  color:var(--ex-text);
  background:
    radial-gradient(circle at 75% 0,rgba(111,73,232,.045),transparent 30%),
    linear-gradient(180deg,#fafbff 0%,var(--ex-bg) 100%);
  border-radius:28px;
  font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;
}
.tem-exam-redesign-v1 *,
.tem-exam-redesign-v1 *::before,
.tem-exam-redesign-v1 *::after{box-sizing:border-box}

/* ---------- top header ---------- */
.tem-exam-redesign-v1 .tem-topbar{
  display:grid;
  grid-template-columns:230px minmax(0,1fr) 230px;
  align-items:center;
  gap:18px;
  min-height:78px;
  margin:0 0 16px;
  padding:12px 20px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--ex-border);
  border-radius:18px;
  box-shadow:var(--ex-shadow);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.tem-exam-redesign-v1 .tem-topbar-brand{grid-column:3;grid-row:1;justify-content:flex-start;gap:12px}
.tem-exam-redesign-v1 .tem-topbar-logo{
  width:48px;height:48px;border-radius:15px;font-size:21px;
  background:linear-gradient(135deg,#7949ef,#4f46e5);
  box-shadow:0 10px 22px rgba(100,69,232,.22)
}
.tem-exam-redesign-v1 .tem-topbar-brand-text{line-height:1.65}
.tem-exam-redesign-v1 .tem-topbar-brand-text strong{font-size:15px;font-weight:800;color:#24283e}
.tem-exam-redesign-v1 .tem-topbar-brand-text span{font-size:11px;color:#9296a9}
.tem-exam-redesign-v1 .tem-topbar-title{grid-column:2;grid-row:1;min-width:0;text-align:center}
.tem-exam-redesign-v1 .tem-topbar-title h1{margin:0;font-size:22px;font-weight:800;color:#20243a;line-height:1.5}
.tem-exam-redesign-v1 .tem-topbar-title h1::after{
  content:"";display:block;width:42px;height:3px;margin:8px auto 0;border-radius:99px;
  background:linear-gradient(90deg,#6d42ee,#4f46e5)
}
.tem-exam-redesign-v1 .tem-topbar-title p{display:none}
.tem-exam-redesign-v1 .tem-exit-btn{
  grid-column:1;grid-row:1;justify-self:start;
  min-height:48px;padding:0 20px;border:1px solid var(--ex-border);border-radius:13px;
  background:#fff;color:#41465d;font-size:13px;font-weight:700;
  box-shadow:none;transition:.2s;text-decoration:none
}
.tem-exam-redesign-v1 .tem-exit-btn:hover{transform:translateY(-1px);border-color:#cfd2e4;color:#5740d8}

/* ---------- 3-column desktop canvas ---------- */
.tem-exam-redesign-v1 .tem-exam-body{display:contents}
.tem-exam-redesign-v1 .tem-exam-sidebar{display:contents}
.tem-exam-redesign-v1 .tem-exam-main{display:contents}

.tem-exam-redesign-v1{
  display:grid;
  grid-template-columns:240px minmax(0,1fr) 270px;
  grid-template-areas:
    "header header header"
    "left stats right"
    "left progress right"
    "left question right"
    "left actions right"
    "left nav right"
    "left tip right";
  column-gap:14px;
  row-gap:12px;
}
.tem-exam-redesign-v1 .tem-topbar{grid-area:header}
.tem-exam-redesign-v1 .tem-stats-row{grid-area:stats}
.tem-exam-redesign-v1 .tem-progress-wrap{grid-area:progress}
.tem-exam-redesign-v1 .tem-question-card{grid-area:question}
.tem-exam-redesign-v1 .tem-question-actions{grid-area:actions}
.tem-exam-redesign-v1 .tem-navigation{grid-area:nav}
.tem-exam-redesign-v1 .tem-tip-banner{grid-area:tip}
.tem-exam-redesign-v1 .tem-student-card{grid-area:left;align-self:start}
.tem-exam-redesign-v1 .tem-palette-card{grid-area:right;align-self:start}

/* ---------- stats ---------- */
.tem-exam-redesign-v1 .tem-stats-row{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0
}
.tem-exam-redesign-v1 .tem-stat-card{
  min-height:92px;padding:14px 16px;border-radius:16px;background:#fff;
  border:1px solid var(--ex-border);box-shadow:var(--ex-shadow);gap:11px
}
.tem-exam-redesign-v1 .tem-stat-icon{
  width:48px;height:48px;border-radius:15px;flex:0 0 48px;
  background:#f0edff;color:#5e42db;font-size:22px
}
.tem-exam-redesign-v1 .tem-stat-card:nth-child(1) .tem-stat-icon{background:#eee9ff}
.tem-exam-redesign-v1 .tem-stat-card:nth-child(2) .tem-stat-icon{background:#e9f9f1}
.tem-exam-redesign-v1 .tem-stat-card:nth-child(3) .tem-stat-icon{background:#edf1ff}
.tem-exam-redesign-v1 .tem-stat-card:nth-child(4) .tem-stat-icon{background:#fff6e8}
.tem-exam-redesign-v1 .tem-stat-label{font-size:10px;color:#8e93a8;line-height:1.8}
.tem-exam-redesign-v1 .tem-stat-body strong{font-size:16px;color:#252a40;line-height:1.6}

/* ---------- progress ---------- */
.tem-exam-redesign-v1 .tem-progress-wrap{margin:0 4px;gap:9px}
.tem-exam-redesign-v1 .tem-progress-track{height:7px;background:#e9e8f5;border-radius:99px}
.tem-exam-redesign-v1 .tem-progress-fill{background:linear-gradient(90deg,#6b43ed,#4f46e5);box-shadow:0 0 10px rgba(91,67,232,.2)}
.tem-exam-redesign-v1 .tem-progress-percent{font-size:10px;color:#858aa0}

/* ---------- left student info ---------- */
.tem-exam-redesign-v1 .tem-student-card{
  background:#fff;border:1px solid var(--ex-border);border-radius:18px;box-shadow:var(--ex-shadow);overflow:hidden
}
.tem-exam-redesign-v1 .tem-student-card::before{
  content:"";display:block;height:3px;background:linear-gradient(90deg,#6b45e8,#8d6af2)
}
.tem-exam-redesign-v1 .tem-student-card .tem-card-head{padding:18px 16px 12px}
.tem-exam-redesign-v1 .tem-student-card .tem-card-head h3{font-size:13px;color:#252a40}
.tem-exam-redesign-v1 .tem-card-head-icon{font-size:18px}
.tem-exam-redesign-v1 .tem-student-info-list{padding:0 14px 15px;gap:0}
.tem-exam-redesign-v1 .tem-student-info-list li{
  min-height:58px;padding:10px 2px;border-top:1px solid #f0f1f7;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px
}
.tem-exam-redesign-v1 .tem-student-info-list li span{font-size:9px;color:#999eb0}
.tem-exam-redesign-v1 .tem-student-info-list li strong{font-size:11px;color:#30354a;max-width:100%;overflow-wrap:anywhere}

/* ---------- right question palette ---------- */
.tem-exam-redesign-v1 .tem-palette-card{
  background:#fff;border:1px solid var(--ex-border);border-radius:18px;box-shadow:var(--ex-shadow);overflow:hidden
}
.tem-exam-redesign-v1 .tem-palette-card .tem-card-head{padding:17px 16px 10px}
.tem-exam-redesign-v1 .tem-palette-card .tem-card-head h3{font-size:14px}
.tem-exam-redesign-v1 .tem-palette-legend{padding:7px 15px 10px;gap:8px;font-size:8px;line-height:1.7}
.tem-exam-redesign-v1 .tem-dot{width:7px;height:7px}
.tem-exam-redesign-v1 .tem-palette{
  display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 0 14px;margin:0;
  max-height:530px;overflow:auto;scrollbar-width:thin
}
.tem-exam-redesign-v1 .tem-palette-item{
  position:relative;width:42px;height:42px;min-height:42px;aspect-ratio:auto;margin:0;border-radius:50%;
  border:1px solid #e0e2ed;background:#fff;color:#252a40;font-size:12px;font-weight:700;z-index:2
}
.tem-exam-redesign-v1 .tem-palette-item:not(:last-child)::after{
  content:"";position:absolute;top:41px;right:50%;width:1px;height:17px;background:#dfe2ee;z-index:-1
}
.tem-exam-redesign-v1 .tem-palette-item.tem-palette-current{
  background:linear-gradient(135deg,#6843ed,#4e46e5);border-color:#6843ed;color:#fff;
  box-shadow:0 8px 18px rgba(92,67,231,.28)
}
.tem-exam-redesign-v1 .tem-palette-item.tem-palette-answered{background:#fff;border-color:#dfe3ed;color:#252a40}
.tem-exam-redesign-v1 .tem-palette-item.tem-palette-answered::before,
.tem-exam-redesign-v1 .tem-palette-item.tem-palette-flagged::before{
  content:"";position:absolute;left:-5px;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);background:#17b978;border:2px solid #fff
}
.tem-exam-redesign-v1 .tem-palette-item.tem-palette-flagged::before{background:#f59e0b}
.tem-exam-redesign-v1 .tem-palette-item.tem-palette-flagged{box-shadow:none}
.tem-exam-redesign-v1 .tem-finish-btn{
  width:calc(100% - 28px);margin:8px 14px 14px;padding:12px;border-radius:13px;
  background:#fff;border:1px solid #ef6b82;color:#e64967;box-shadow:none;font-size:11px
}
.tem-exam-redesign-v1 .tem-finish-btn:hover{background:#fff6f8;transform:none;box-shadow:none}

/* ---------- question card ---------- */
.tem-exam-redesign-v1 .tem-question-card{
  min-height:490px;margin:0;padding:26px 30px 34px;background:#fff;
  border:1px solid var(--ex-border);border-radius:18px;box-shadow:var(--ex-shadow);overflow:hidden
}
.tem-exam-redesign-v1 .tem-question-card::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;
  background:linear-gradient(180deg,#6b45e8,#4f46e5);opacity:.8
}
.tem-exam-redesign-v1 .tem-question-card-head{margin-bottom:22px}
.tem-exam-redesign-v1 .tem-question-badge{padding:9px 18px;border-radius:999px;background:linear-gradient(135deg,#6943e8,#4f46e5);font-size:11px;box-shadow:0 8px 18px rgba(85,66,226,.2)}
.tem-exam-redesign-v1 .tem-question{max-width:900px;margin:0 auto;text-align:right}
.tem-exam-redesign-v1 .tem-question-text{
  margin:20px 0 30px;text-align:center;font-size:20px;line-height:2.15;font-weight:500;color:#262b40
}
.tem-exam-redesign-v1 .tem-question-media{margin:0 auto 22px;max-width:760px;text-align:center}
.tem-exam-redesign-v1 .tem-question-media img{max-width:100%;height:auto;border-radius:16px}
.tem-exam-redesign-v1 .tem-question-media audio,
.tem-exam-redesign-v1 .tem-question-media video{max-width:100%;border-radius:14px}
.tem-exam-redesign-v1 .tem-options{display:flex;flex-direction:column;gap:12px;max-width:850px;margin:0 auto}
.tem-exam-redesign-v1 .tem-option{
  position:relative;min-height:72px;padding:14px 22px;display:flex;align-items:center;gap:15px;
  background:#fff;border:1px solid #e8e9f1;border-radius:15px;cursor:pointer;transition:.2s
}
.tem-exam-redesign-v1 .tem-option:hover{border-color:#c9c1f6;background:#fcfbff;transform:translateY(-1px)}
.tem-exam-redesign-v1 .tem-option input{width:21px;height:21px;accent-color:#6545e8;flex:0 0 auto}
.tem-exam-redesign-v1 .tem-option span{font-size:14px;color:#3b4054;line-height:1.9}
.tem-exam-redesign-v1 .tem-fill-blank,
.tem-exam-redesign-v1 .tem-essay{
  width:100%;display:block;padding:16px 18px;border:1px solid #dedfeb;border-radius:15px;background:#fff;
  color:#252a40;font-size:14px;line-height:2;outline:none;transition:.2s;resize:vertical
}
.tem-exam-redesign-v1 .tem-fill-blank:focus,
.tem-exam-redesign-v1 .tem-essay:focus{border-color:#7555ed;box-shadow:0 0 0 4px rgba(117,85,237,.09)}

/* ---------- actions/navigation ---------- */
.tem-exam-redesign-v1 .tem-question-actions{display:flex;justify-content:flex-start;gap:9px;margin:0}
.tem-exam-redesign-v1 .tem-toolbar-btn{min-height:42px;padding:0 15px;border:1px solid #e3e4ee;border-radius:12px;background:#fff;color:#6c7185;font-size:10px;box-shadow:none}
.tem-exam-redesign-v1 .tem-toolbar-btn:hover{transform:none;border-color:#c9c2f5;color:#5c43db}
.tem-exam-redesign-v1 .tem-toolbar-btn.tem-flagged{background:#fff3dd;color:#bd7410;border-color:#ffd48e}
.tem-exam-redesign-v1 .tem-navigation{display:flex;justify-content:space-between;gap:12px;margin:0}
.tem-exam-redesign-v1 .tem-nav-btn{min-width:160px;min-height:50px;padding:0 22px;border-radius:14px;font-size:12px}
.tem-exam-redesign-v1 .tem-nav-btn-ghost{background:#fff;border:1px solid #e5e6ef;color:#7a7e91}
.tem-exam-redesign-v1 .tem-nav-btn-primary{background:linear-gradient(135deg,#6a42e8,#4f46e5);box-shadow:0 10px 22px rgba(83,66,226,.2)}
.tem-exam-redesign-v1 .tem-tip-banner{min-height:52px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #e7e8f1;color:#7e8398;box-shadow:none;font-size:10px}
.tem-exam-redesign-v1 .tem-tip-icon{color:#6b45e8}

.tem-exam-redesign-v1 .tem-save-status{font-size:10px;color:#7c8195}
.tem-exam-redesign-v1 .tem-toast{font-family:inherit}

/* animation */
.tem-exam-redesign-v1 .tem-fade-in{animation:temExamFade .24s ease}
@keyframes temExamFade{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}

/* ---------- tablet ---------- */
@media (max-width:1180px){
  .tem-exam-redesign-v1{
    grid-template-columns:210px minmax(0,1fr) 225px;
    padding:14px;
  }
  .tem-exam-redesign-v1 .tem-topbar{grid-template-columns:180px minmax(0,1fr) 180px}
  .tem-exam-redesign-v1 .tem-question-card{padding:24px 20px 28px}
  .tem-exam-redesign-v1 .tem-question-text{font-size:18px}
  .tem-exam-redesign-v1 .tem-palette-item{width:38px;height:38px;min-height:38px}
}

/* ---------- tablet / small laptop: palette below ---------- */
@media (max-width:920px){
  .tem-exam-redesign-v1{
    grid-template-columns:210px minmax(0,1fr);
    grid-template-areas:
      "header header"
      "left stats"
      "left progress"
      "left question"
      "left actions"
      "left nav"
      "left tip"
      "right right";
  }
  .tem-exam-redesign-v1 .tem-palette-card{align-self:stretch}
  .tem-exam-redesign-v1 .tem-palette{flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;max-height:none;padding:12px 15px}
  .tem-exam-redesign-v1 .tem-palette-item{flex:0 0 40px}
  .tem-exam-redesign-v1 .tem-palette-item:not(:last-child)::after{display:none}
}

/* ---------- mobile ---------- */
@media (max-width:680px){
  .tem-exam-redesign-v1{
    display:block;width:100%;margin:0;padding:8px;background:#f7f8fd;border-radius:0
  }
  .tem-exam-redesign-v1 .tem-topbar{
    display:grid;grid-template-columns:1fr auto;grid-template-areas:"title brand" "exit exit";
    gap:10px;padding:12px 13px;margin-bottom:10px;border-radius:16px
  }
  .tem-exam-redesign-v1 .tem-topbar-title{grid-area:title;text-align:right}
  .tem-exam-redesign-v1 .tem-topbar-title h1{font-size:16px}
  .tem-exam-redesign-v1 .tem-topbar-brand{grid-area:brand;justify-content:flex-start}
  .tem-exam-redesign-v1 .tem-topbar-logo{width:42px;height:42px;border-radius:13px}
  .tem-exam-redesign-v1 .tem-topbar-brand-text strong{font-size:11px}
  .tem-exam-redesign-v1 .tem-topbar-brand-text span{font-size:9px}
  .tem-exam-redesign-v1 .tem-exit-btn{grid-area:exit;width:100%;justify-content:center;min-height:42px}

  .tem-exam-redesign-v1 .tem-stats-row{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}
  .tem-exam-redesign-v1 .tem-stat-card{min-height:72px;padding:9px;border-radius:13px}
  .tem-exam-redesign-v1 .tem-stat-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:16px}
  .tem-exam-redesign-v1 .tem-stat-label{font-size:8px}
  .tem-exam-redesign-v1 .tem-stat-body strong{font-size:11px}
  .tem-exam-redesign-v1 .tem-progress-wrap{margin:0 2px 10px}

  .tem-exam-redesign-v1 .tem-student-card{margin-bottom:9px}
  .tem-exam-redesign-v1 .tem-student-info-list{display:grid;grid-template-columns:1fr 1fr}
  .tem-exam-redesign-v1 .tem-student-info-list li{min-height:54px}
  .tem-exam-redesign-v1 .tem-student-info-list li strong{font-size:9px}

  .tem-exam-redesign-v1 .tem-question-card{min-height:0;padding:18px 13px 22px;border-radius:16px;margin-bottom:9px}
  .tem-exam-redesign-v1 .tem-question-card-head{margin-bottom:14px}
  .tem-exam-redesign-v1 .tem-question-badge{font-size:9px;padding:7px 12px}
  .tem-exam-redesign-v1 .tem-question-text{font-size:15px;line-height:2;margin:16px 0 20px}
  .tem-exam-redesign-v1 .tem-option{min-height:58px;padding:10px 12px;border-radius:12px;gap:9px}
  .tem-exam-redesign-v1 .tem-option span{font-size:11px}
  .tem-exam-redesign-v1 .tem-option input{width:18px;height:18px}
  .tem-exam-redesign-v1 .tem-question-actions{margin-bottom:9px}
  .tem-exam-redesign-v1 .tem-toolbar-btn{flex:1;justify-content:center;padding:0 7px;font-size:9px}
  .tem-exam-redesign-v1 .tem-navigation{gap:7px;margin-bottom:9px}
  .tem-exam-redesign-v1 .tem-nav-btn{min-width:0;flex:1;min-height:46px;padding:0 10px;font-size:10px}
  .tem-exam-redesign-v1 .tem-tip-banner{font-size:9px;line-height:1.9}
  .tem-exam-redesign-v1 .tem-palette-card{margin-top:9px}
  .tem-exam-redesign-v1 .tem-palette-card .tem-card-head h3{font-size:11px}
}

@media (max-width:390px){
  .tem-exam-redesign-v1 .tem-topbar-brand-text{display:none}
  .tem-exam-redesign-v1 .tem-stat-card{gap:6px}
  .tem-exam-redesign-v1 .tem-stat-body strong{font-size:10px}
  .tem-exam-redesign-v1 .tem-question-text{font-size:14px}
}
/* ---------- reference left progress card ---------- */
.tem-exam-redesign-v1 .tem-side-progress{
  margin:12px 14px 15px;padding:15px 10px 14px;border-top:1px solid #f0f1f6;text-align:center
}
.tem-exam-redesign-v1 .tem-side-progress-title{font-size:12px;font-weight:800;color:#30354a;margin-bottom:12px}
.tem-exam-redesign-v1 .tem-side-progress-ring{
  --progress:0%;width:112px;height:112px;margin:0 auto 10px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(#6145e8 var(--progress),#eeeef7 0);
  position:relative
}
.tem-exam-redesign-v1 .tem-side-progress-ring::before{
  content:"";position:absolute;inset:9px;border-radius:50%;background:#fff
}
.tem-exam-redesign-v1 .tem-side-progress-inner{position:relative;z-index:1;width:100%;text-align:center}
.tem-exam-redesign-v1 .tem-side-progress-inner strong{font-size:18px;color:#292e45}
.tem-exam-redesign-v1 .tem-side-progress-caption{font-size:9px;color:#8b90a3;line-height:1.9}
.tem-exam-redesign-v1 .tem-side-progress-caption span{color:#4f46e5;font-weight:800}
@media(max-width:680px){
  .tem-exam-redesign-v1 .tem-side-progress{margin-top:8px}
  .tem-exam-redesign-v1 .tem-side-progress-ring{width:92px;height:92px}
}

/* =========================================================
   TIZNIK v1.5.90 — Final reference alignment
   Fixes the header direction and tightens the reference layout.
   No external assets/fonts.
   ========================================================= */
.tem-exam-redesign-v1 .tem-topbar{
  direction:ltr;
  grid-template-columns:230px minmax(0,1fr) 230px;
  min-height:78px;
}
.tem-exam-redesign-v1 .tem-topbar-brand{
  grid-column:3!important;
  grid-row:1!important;
  direction:rtl;
  justify-content:flex-start;
  text-align:right;
}
.tem-exam-redesign-v1 .tem-topbar-title{
  grid-column:2!important;
  grid-row:1!important;
  direction:rtl;
}
.tem-exam-redesign-v1 .tem-exit-btn{
  grid-column:1!important;
  grid-row:1!important;
  direction:rtl;
  justify-self:start;
}

/* Match the reference proportions on large screens. */
@media (min-width:1281px){
  .tem-exam-redesign-v1{
    max-width:1540px;
    padding-left:22px;
    padding-right:22px;
    grid-template-columns:270px minmax(0,1fr) 270px;
    column-gap:16px;
  }
  .tem-exam-redesign-v1 .tem-stats-row{gap:12px}
  .tem-exam-redesign-v1 .tem-stat-card{min-height:96px;padding:14px 17px}
  .tem-exam-redesign-v1 .tem-question-card{min-height:520px;padding:28px 32px 36px}
}

/* Prevent Elementor/theme typography from making the player tiny. */
.tem-exam-redesign-v1 .tem-stat-card,
.tem-exam-redesign-v1 .tem-student-card,
.tem-exam-redesign-v1 .tem-palette-card,
.tem-exam-redesign-v1 .tem-question-card,
.tem-exam-redesign-v1 .tem-navigation,
.tem-exam-redesign-v1 .tem-question-actions{
  font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;
}

/* Better question readability. */
.tem-exam-redesign-v1 .tem-question-text{
  font-size:20px!important;
  font-weight:600!important;
  color:#202640!important;
  letter-spacing:0!important;
}
.tem-exam-redesign-v1 .tem-option span{
  font-size:14px!important;
  font-weight:600;
}
.tem-exam-redesign-v1 .tem-essay,
.tem-exam-redesign-v1 .tem-fill-blank{
  min-height:180px;
  font-size:14px!important;
}

/* Mobile: keep the exact hierarchy without squeezing columns. */
@media(max-width:680px){
  .tem-exam-redesign-v1 .tem-topbar{
    direction:rtl;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:"brand title" "exit exit";
    min-height:0;
  }
  .tem-exam-redesign-v1 .tem-topbar-brand{
    grid-area:brand!important;
    justify-self:end;
  }
  .tem-exam-redesign-v1 .tem-topbar-title{
    grid-area:title!important;
    text-align:right;
  }
  .tem-exam-redesign-v1 .tem-topbar-title h1{font-size:16px!important}
  .tem-exam-redesign-v1 .tem-exit-btn{
    grid-area:exit!important;
    justify-self:stretch;
    width:100%;
  }
}


/* =========================================================
   TIZNIK v1.5.91 — FULL WIDTH / READABLE / RESPONSIVE PLAYER
   ========================================================= */
.tem-exam-redesign-v1{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:24px clamp(16px,3vw,52px) 40px!important;border-radius:0!important;min-height:100vh;background:radial-gradient(circle at 12% 0,rgba(104,67,232,.07),transparent 28%),radial-gradient(circle at 92% 8%,rgba(53,96,255,.06),transparent 25%),#f7f8fc!important;font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif!important;font-size:15px!important}
.tem-exam-redesign-v1 .tem-topbar{width:100%!important;min-height:88px!important;margin-bottom:20px!important;padding:15px 24px!important;border-radius:20px!important;box-shadow:0 8px 30px rgba(36,40,64,.055)!important}
.tem-exam-redesign-v1 .tem-topbar-brand-text strong{font-size:17px!important}.tem-exam-redesign-v1 .tem-topbar-brand-text span{font-size:12px!important}.tem-exam-redesign-v1 .tem-topbar-title h1{font-size:25px!important;line-height:1.6!important}.tem-exam-redesign-v1 .tem-exit-btn{font-size:14px!important;min-height:52px!important;padding:0 24px!important}
.tem-exam-redesign-v1{grid-template-columns:minmax(260px,300px) minmax(560px,1fr) minmax(270px,320px)!important;column-gap:20px!important;row-gap:16px!important}
.tem-exam-redesign-v1 .tem-stats-row{gap:14px!important}.tem-exam-redesign-v1 .tem-stat-card{min-height:108px!important;padding:17px 18px!important;border-radius:18px!important}.tem-exam-redesign-v1 .tem-stat-icon{width:52px!important;height:52px!important;flex-basis:52px!important;font-size:23px!important;border-radius:16px!important}.tem-exam-redesign-v1 .tem-stat-label{font-size:12px!important;line-height:1.8!important}.tem-exam-redesign-v1 .tem-stat-body strong{font-size:19px!important;line-height:1.7!important}.tem-exam-redesign-v1 .tem-progress-wrap{margin:0 5px!important}.tem-exam-redesign-v1 .tem-progress-track{height:9px!important}.tem-exam-redesign-v1 .tem-progress-percent{font-size:12px!important}
.tem-exam-redesign-v1 .tem-student-card,.tem-exam-redesign-v1 .tem-palette-card{border-radius:20px!important;box-shadow:0 8px 28px rgba(36,40,64,.055)!important}.tem-exam-redesign-v1 .tem-student-card .tem-card-head,.tem-exam-redesign-v1 .tem-palette-card .tem-card-head{padding:20px!important}.tem-exam-redesign-v1 .tem-student-card .tem-card-head h3,.tem-exam-redesign-v1 .tem-palette-card .tem-card-head h3{font-size:16px!important;font-weight:800!important}.tem-exam-redesign-v1 .tem-student-info-list{padding:0 18px 18px!important}.tem-exam-redesign-v1 .tem-student-info-list li{min-height:68px!important;padding:12px 3px!important}.tem-exam-redesign-v1 .tem-student-info-list li span{font-size:11px!important}.tem-exam-redesign-v1 .tem-student-info-list li strong{font-size:13px!important;line-height:1.8!important}.tem-exam-redesign-v1 .tem-palette-legend{font-size:10px!important;padding:8px 18px 12px!important}.tem-exam-redesign-v1 .tem-palette-item{width:46px!important;height:46px!important;min-height:46px!important;font-size:14px!important}.tem-exam-redesign-v1 .tem-finish-btn{font-size:13px!important;padding:14px!important}.tem-exam-redesign-v1 .tem-side-progress-title{font-size:14px!important}.tem-exam-redesign-v1 .tem-side-progress-caption{font-size:11px!important}.tem-exam-redesign-v1 .tem-side-progress-inner strong{font-size:21px!important}
.tem-exam-redesign-v1 .tem-question-card{min-height:560px!important;padding:34px 42px 42px!important;border-radius:22px!important;box-shadow:0 10px 34px rgba(36,40,64,.06)!important}.tem-exam-redesign-v1 .tem-question-card-head{margin-bottom:28px!important}.tem-exam-redesign-v1 .tem-question-badge{font-size:13px!important;padding:10px 19px!important}.tem-exam-redesign-v1 .tem-question{max-width:1000px!important}.tem-exam-redesign-v1 .tem-question-text{font-size:24px!important;font-weight:700!important;line-height:2.15!important;margin:28px 0 36px!important}.tem-exam-redesign-v1 .tem-options{max-width:940px!important;gap:15px!important}.tem-exam-redesign-v1 .tem-option{min-height:78px!important;padding:16px 24px!important;border-radius:17px!important;gap:16px!important}.tem-exam-redesign-v1 .tem-option input{width:23px!important;height:23px!important}.tem-exam-redesign-v1 .tem-option span{font-size:16px!important;font-weight:600!important;line-height:2!important}.tem-exam-redesign-v1 .tem-fill-blank,.tem-exam-redesign-v1 .tem-essay{min-height:210px!important;padding:18px 20px!important;font-size:16px!important;line-height:2.1!important}.tem-exam-redesign-v1 .tem-question-actions{gap:11px!important}.tem-exam-redesign-v1 .tem-toolbar-btn{min-height:48px!important;padding:0 18px!important;font-size:13px!important}.tem-exam-redesign-v1 .tem-navigation{gap:14px!important}.tem-exam-redesign-v1 .tem-nav-btn{min-height:56px!important;min-width:190px!important;font-size:14px!important}.tem-exam-redesign-v1 .tem-tip-banner{min-height:58px!important;font-size:12px!important;line-height:2!important}.tem-exam-redesign-v1 .tem-save-status{font-size:12px!important}
@media(min-width:1500px){.tem-exam-redesign-v1{grid-template-columns:320px minmax(700px,1fr) 340px!important}.tem-exam-redesign-v1 .tem-question-text{font-size:26px!important}}
@media(max-width:1100px){.tem-exam-redesign-v1{grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;grid-template-areas:"header header" "stats stats" "progress progress" "question question" "actions actions" "nav nav" "tip tip" "right left"!important}.tem-exam-redesign-v1 .tem-question-card{min-height:480px!important}.tem-exam-redesign-v1 .tem-question-text{font-size:21px!important}}
@media(max-width:680px){.tem-exam-redesign-v1{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;display:block!important;padding:10px!important;min-height:100vh}.tem-exam-redesign-v1 .tem-topbar{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"title brand" "exit exit"!important;gap:12px!important;padding:14px!important;min-height:0!important}.tem-exam-redesign-v1 .tem-topbar-title{grid-area:title!important;text-align:right!important}.tem-exam-redesign-v1 .tem-topbar-brand{grid-area:brand!important;justify-self:end!important}.tem-exam-redesign-v1 .tem-topbar-title h1{font-size:18px!important}.tem-exam-redesign-v1 .tem-topbar-brand-text strong{font-size:12px!important}.tem-exam-redesign-v1 .tem-topbar-brand-text span{font-size:9px!important}.tem-exam-redesign-v1 .tem-exit-btn{grid-area:exit!important;width:100%!important;min-height:46px!important;font-size:13px!important}.tem-exam-redesign-v1 .tem-stats-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.tem-exam-redesign-v1 .tem-stat-card{min-height:82px!important;padding:10px!important}.tem-exam-redesign-v1 .tem-stat-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:17px!important}.tem-exam-redesign-v1 .tem-stat-label{font-size:9px!important}.tem-exam-redesign-v1 .tem-stat-body strong{font-size:13px!important}.tem-exam-redesign-v1 .tem-question-card{min-height:0!important;padding:20px 14px 24px!important;border-radius:18px!important}.tem-exam-redesign-v1 .tem-question-text{font-size:17px!important;line-height:2.2!important;margin:18px 0 24px!important}.tem-exam-redesign-v1 .tem-option{min-height:64px!important;padding:12px 13px!important}.tem-exam-redesign-v1 .tem-option span{font-size:13px!important;line-height:2!important}.tem-exam-redesign-v1 .tem-essay,.tem-exam-redesign-v1 .tem-fill-blank{min-height:170px!important;font-size:14px!important}.tem-exam-redesign-v1 .tem-question-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.tem-exam-redesign-v1 .tem-toolbar-btn{width:100%!important;font-size:11px!important}.tem-exam-redesign-v1 .tem-navigation{display:grid!important;grid-template-columns:1fr 1fr!important}.tem-exam-redesign-v1 .tem-nav-btn{min-width:0!important;width:100%!important;font-size:12px!important}.tem-exam-redesign-v1 .tem-tip-banner{font-size:10px!important}.tem-exam-redesign-v1 .tem-student-info-list{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){.tem-exam-redesign-v1 .tem-topbar-brand-text{display:none!important}.tem-exam-redesign-v1 .tem-topbar-title h1{font-size:16px!important}.tem-exam-redesign-v1 .tem-stat-body strong{font-size:12px!important}.tem-exam-redesign-v1 .tem-question-text{font-size:15px!important}.tem-exam-redesign-v1 .tem-option span{font-size:12px!important}}

/* =========================================================
   TIZNIK v1.5.92 — exam player polish
   ========================================================= */
.tem-exam-redesign-v1 .tem-stat-next-card{padding:8px!important;overflow:hidden!important}
.tem-exam-redesign-v1 .tem-top-next-btn{
  width:100%;height:100%;min-height:76px;border:0;border-radius:15px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;
  direction:rtl;color:#fff;background:linear-gradient(135deg,#6843ed 0%,#4d46e7 100%);
  box-shadow:0 10px 24px rgba(91,67,232,.24);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  font-family:inherit;
}
.tem-exam-redesign-v1 .tem-top-next-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(91,67,232,.32);filter:saturate(1.06)}
.tem-exam-redesign-v1 .tem-top-next-btn:active{transform:translateY(0)}
.tem-exam-redesign-v1 .tem-top-next-btn:disabled{cursor:pointer;opacity:1;background:linear-gradient(135deg,#8b5cf6,#6366f1)}
.tem-exam-redesign-v1 .tem-top-next-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.16);font-size:22px;font-weight:800;flex:0 0 42px}
.tem-exam-redesign-v1 .tem-top-next-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:right}
.tem-exam-redesign-v1 .tem-top-next-copy small{font-size:10px;font-weight:500;opacity:.78;line-height:1.7}
.tem-exam-redesign-v1 .tem-top-next-copy strong{font-size:16px;font-weight:800;line-height:1.7}
.tem-exam-redesign-v1 .tem-stat-card:nth-child(1) .tem-stat-icon{background:#eee9ff}
.tem-exam-redesign-v1 .tem-stat-card:nth-child(2) .tem-stat-icon{background:#e9f9f1}
.tem-exam-redesign-v1 .tem-stat-card:nth-child(3) .tem-stat-icon{background:#edf1ff}
.tem-exam-redesign-v1 .tem-progress-wrap{margin-bottom:14px!important}
.tem-exam-redesign-v1 .tem-question-card{margin-bottom:12px!important}
.tem-exam-redesign-v1 .tem-question-text{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}
.tem-exam-redesign-v1 .tem-option{min-height:74px!important}
.tem-exam-redesign-v1 .tem-navigation{margin-top:2px!important}

@media(max-width:1100px){
  .tem-exam-redesign-v1 .tem-top-next-btn{min-height:70px}
  .tem-exam-redesign-v1 .tem-top-next-copy strong{font-size:14px}
}
@media(max-width:680px){
  .tem-exam-redesign-v1 .tem-stats-row{grid-template-columns:1fr 1fr!important}
  .tem-exam-redesign-v1 .tem-stat-next-card{min-height:82px!important}
  .tem-exam-redesign-v1 .tem-top-next-btn{min-height:62px;padding:8px 10px;gap:8px}
  .tem-exam-redesign-v1 .tem-top-next-icon{width:34px;height:34px;flex-basis:34px;font-size:18px}
  .tem-exam-redesign-v1 .tem-top-next-copy small{font-size:8px}
  .tem-exam-redesign-v1 .tem-top-next-copy strong{font-size:12px}
}


/* v1.5.95 — clean, responsive question media */
.tem-exam-redesign-v1 .tem-question-text{overflow-wrap:anywhere;word-break:normal;}
.tem-exam-redesign-v1 .tem-inline-media-box{
  width:min(100%,720px);
  height:clamp(220px,30vw,340px);
  margin:20px auto;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#f8f9fc;
  border:1px solid #e2e6ef;
  border-radius:14px;
  box-shadow:0 5px 16px rgba(40,45,90,.045);
  box-sizing:border-box;
}
.tem-exam-redesign-v1 .tem-inline-media-box img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:9px!important;
  cursor:zoom-in;
}
.tem-exam-redesign-v1 .tem-question-text>img:not(.tem-inline-media-box img){
  display:block;
  width:min(100%,720px);
  height:clamp(220px,30vw,340px);
  margin:20px auto;
  padding:10px;
  box-sizing:border-box;
  object-fit:contain;
  background:#f8f9fc;
  border:1px solid #e2e6ef;
  border-radius:14px;
}
.tem-exam-redesign-v1 .tem-inline-file-card,
.tem-exam-redesign-v1 .ttp-inline-file{
  display:flex!important;
  align-items:center;
  gap:10px;
  width:min(100%,720px);
  margin:14px auto;
  padding:12px 15px;
  box-sizing:border-box;
  background:#fafbfe;
  border:1px solid #e2e6ef;
  border-radius:12px;
  color:#4654a8!important;
  text-decoration:none!important;
  font-weight:700;
  line-height:1.9;
  overflow-wrap:anywhere;
}
.tem-exam-redesign-v1 .tem-inline-file-card:hover,
.tem-exam-redesign-v1 .ttp-inline-file:hover{border-color:#c9cfff;background:#f6f7ff;}
.tem-exam-redesign-v1 .tem-question-text iframe,
.tem-exam-redesign-v1 .tem-question-text video,
.tem-exam-redesign-v1 .tem-question-text audio{max-width:100%;}
@media(max-width:700px){
  .tem-exam-redesign-v1 .tem-inline-media-box,
  .tem-exam-redesign-v1 .tem-question-text>img:not(.tem-inline-media-box img){
    width:100%;
    height:clamp(180px,55vw,260px);
    margin:14px auto;
    padding:7px;
    border-radius:12px;
  }
  .tem-exam-redesign-v1 .tem-inline-file-card,
  .tem-exam-redesign-v1 .ttp-inline-file{padding:10px 12px;border-radius:10px;}
}
@media(prefers-reduced-motion:reduce){.tem-exam-redesign-v1 *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}

/* =========================================================
   v1.5.96 — Header finish button
   Replace the old "خروج از آزمون" action with a clear,
   high-visibility finish action while keeping the same
   exam layout and responsive behavior.
   ========================================================= */
.tem-exam-redesign-v1 .tem-top-finish-btn{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:54px!important;
  min-width:190px!important;
  padding:7px 13px 7px 10px!important;
  border:1px solid rgba(255,82,112,.20)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff 0%,#fff8fa 100%)!important;
  color:#a92749!important;
  cursor:pointer!important;
  box-shadow:0 8px 22px rgba(226,63,104,.08)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
  text-align:right!important;
}
.tem-exam-redesign-v1 .tem-top-finish-btn:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(239,68,68,.28),rgba(244,63,94,.02));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.tem-exam-redesign-v1 .tem-top-finish-btn:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(239,68,68,.38)!important;
  background:linear-gradient(135deg,#fff,#fff1f4)!important;
  box-shadow:0 14px 30px rgba(226,63,104,.15)!important;
}
.tem-exam-redesign-v1 .tem-top-finish-btn:active{transform:translateY(0)!important}
.tem-exam-redesign-v1 .tem-top-finish-btn:focus-visible{
  outline:3px solid rgba(99,102,241,.22)!important;
  outline-offset:3px!important;
}
.tem-exam-redesign-v1 .tem-top-finish-btn:disabled{
  opacity:.72!important;
  cursor:wait!important;
  transform:none!important;
  box-shadow:none!important;
}
.tem-exam-redesign-v1 .tem-top-finish-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#ff5577,#e93661)!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:900!important;
  box-shadow:0 7px 16px rgba(233,54,97,.22)!important;
}
.tem-exam-redesign-v1 .tem-top-finish-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  min-width:0!important;
  line-height:1.35!important;
}
.tem-exam-redesign-v1 .tem-top-finish-copy small{
  color:#a28a92!important;
  font-size:9px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.tem-exam-redesign-v1 .tem-top-finish-copy strong{
  color:#9e2445!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.tem-exam-redesign-v1 .tem-top-finish-arrow{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#fff0f3!important;
  color:#e33c64!important;
  font-size:16px!important;
  font-weight:900!important;
}

@media(max-width:680px){
  .tem-exam-redesign-v1 .tem-top-finish-btn{
    grid-area:exit!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    justify-content:center!important;
  }
  .tem-exam-redesign-v1 .tem-top-finish-copy strong{font-size:13px!important}
  .tem-exam-redesign-v1 .tem-top-finish-copy small{font-size:8px!important}
}