/* Bazaid Question Bank — مبني على النموذج التفاعلي. كل القواعد داخل .bzq-app */
.bzq-app{
      --navy:#20385f;
      --navy-2:#0b223d;
      --cyan:#1eb6d5;
      --cyan-2:#0aa0c2;
      --yellow:#ffc928;
      --bg:#f4f8fc;
      --card:#ffffff;
      --text:#1f3559;
      --muted:#6f7f94;
      --line:#dfe8f1;
      --soft:#eef6fb;
      --green:#19a463;
      --green-soft:#eaf8f1;
      --red:#e45454;
      --red-soft:#fff0f0;
      --shadow:0 16px 45px rgba(28,53,91,.10);
    }
.bzq-app, .bzq-app *{box-sizing:border-box}
.bzq-app{
      margin:0;
      font-family:var(--bzq-font);
      background:var(--bg);
      color:var(--text);
      min-height:100vh;
    }
.bzq-app button{font:inherit}
.bzq-app .topbar{
      background:var(--navy);
      color:#fff;
      border-bottom:4px solid var(--yellow);
    }
.bzq-app .topbar-inner{
      max-width:var(--bzq-w,1220px);
      margin:auto;
      min-height:74px;
      padding:14px 22px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }
.bzq-app .brand{
      display:flex;
      align-items:center;
      gap:12px;
      font-weight:800;
    }
.bzq-app .brand-mark{
      width:42px;height:42px;border-radius:calc(14px * var(--bzq-r,1));
      display:grid;place-items:center;
      background:linear-gradient(135deg,#0d2947,#1dc0db);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
    }
.bzq-app .brand-mark svg{width:24px;height:24px}
.bzq-app .brand small{display:block;color:#b9c8dc;font-weight:500;font-size:11px;margin-top:1px}
.bzq-app .top-actions{display:flex;gap:8px;align-items:center}
.bzq-app .ghost{
      border:1px solid rgba(255,255,255,.24);
      color:#fff;background:rgba(255,255,255,.06);
      padding:9px 13px;border-radius:calc(12px * var(--bzq-r,1));cursor:pointer;
    }
.bzq-app .prototype{
      color:#06273b;background:var(--cyan);
      padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px;
    }
.bzq-app .hero{
      background:var(--navy);
      color:#fff;
      padding:42px 22px 96px;
    }
.bzq-app .hero-inner{max-width:var(--bzq-w,1220px);margin:auto}
.bzq-app .breadcrumb{color:#a9bad0;font-size:13px;margin-bottom:13px}
.bzq-app .hero h1{
      font-size:clamp(28px,4vw,46px);
      margin:0 0 8px;
      line-height:1.35;
    }
.bzq-app .hero h1 span{color:var(--cyan)}
.bzq-app .hero p{margin:0;max-width:760px;color:#cad5e4;font-size:16px;line-height:1.9}
.bzq-app .page{
      max-width:var(--bzq-w,1220px);
      margin:-58px auto 50px;
      padding:0 22px;
      position:relative;
      z-index:2;
    }
.bzq-app .filters{
      background:var(--card);
      border-radius:calc(24px * var(--bzq-r,1));
      padding:22px;
      box-shadow:var(--shadow);
      border:1px solid rgba(32,56,95,.08);
      margin-bottom:20px;
    }
.bzq-app .section-head{
      display:flex;align-items:center;justify-content:space-between;
      gap:16px;margin-bottom:17px;
    }
.bzq-app .section-head h2{font-size:18px;margin:0}
.bzq-app .section-head p{margin:0;color:var(--muted);font-size:12px}
.bzq-app .category-grid{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:12px;
    }
.bzq-app .cat-btn{
      background:var(--card);
      border:1px solid var(--line);
      border-radius:calc(18px * var(--bzq-r,1));
      padding:15px 10px 13px;
      cursor:pointer;
      color:var(--text);
      transition:.22s ease;
      min-height:112px;
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      gap:8px;
    }
.bzq-app .cat-btn:hover{transform:translateY(-2px);border-color:#9fdae9;box-shadow:0 9px 22px rgba(21,99,132,.08)}
.bzq-app .cat-btn.active{
      color:#fff;
      border-color:transparent;
      background:linear-gradient(135deg,var(--navy-2),var(--cyan));
      box-shadow:0 12px 28px rgba(13,86,120,.18);
    }
.bzq-app .cat-icon{
      width:43px;height:43px;border-radius:calc(14px * var(--bzq-r,1));
      display:grid;place-items:center;
      color:var(--cyan);
      background:#edf9fc;
    }
.bzq-app .active .cat-icon{color:#fff;background:rgba(255,255,255,.13)}
.bzq-app .cat-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bzq-app .cat-title{font-weight:800;font-size:13px}
.bzq-app .cat-count{font-size:10px;color:var(--muted)}
.bzq-app .active .cat-count{color:#dff8ff}
.bzq-app .workspace{
      display:grid;
      grid-template-columns:minmax(0,1fr) 300px;
      gap:20px;
      align-items:start;
    }
.bzq-app .question-card{
      background:var(--card);
      border:1px solid rgba(32,56,95,.08);
      border-radius:calc(24px * var(--bzq-r,1));
      box-shadow:var(--shadow);
      overflow:hidden;
    }
.bzq-app .question-top{
      display:flex;align-items:center;justify-content:space-between;gap:14px;
      padding:18px 22px;
      background:#fbfdff;
      border-bottom:1px solid var(--line);
    }
.bzq-app .q-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bzq-app .badge{
      border-radius:999px;padding:6px 10px;font-weight:700;font-size:11px;
      background:#e8f8fc;color:#0985a1;
    }
.bzq-app .badge.soft{background:#eef2f6;color:#65758a}
.bzq-app .q-number{font-weight:800;font-size:13px}
.bzq-app .question-body{padding:26px 26px 10px}
.bzq-app .question-text{
      font-size:20px;line-height:1.95;font-weight:700;color:#1a3155;
      margin:0 0 22px;
    }
.bzq-app .formula{
      background:#f4f8fb;border:1px dashed #bfd5e4;
      border-radius:calc(15px * var(--bzq-r,1));padding:13px 15px;margin:-7px 0 21px;
      font-size:21px;font-weight:800;text-align:center;direction:ltr;
    }
.bzq-app .answers{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      margin-bottom:18px;
    }
.bzq-app .answer{
      border:1.5px solid var(--line);
      background:var(--card);
      border-radius:calc(16px * var(--bzq-r,1));
      min-height:62px;
      padding:12px 14px;
      display:flex;align-items:center;gap:12px;
      cursor:pointer;color:var(--text);
      transition:.18s ease;text-align:right;
    }
.bzq-app .answer:hover:not(:disabled){border-color:#8fcfe0;background:#f8fdff;transform:translateY(-1px)}
.bzq-app .answer:disabled{cursor:default}
.bzq-app .choice-letter{
      flex:0 0 34px;width:34px;height:34px;border-radius:50%;
      display:grid;place-items:center;background:#eef5fa;color:#43617f;
      font-weight:800;font-size:13px;
    }
.bzq-app .answer.correct{
      border-color:var(--green);background:var(--green-soft);color:#107a4a;
      box-shadow:0 0 0 3px rgba(25,164,99,.08);
    }
.bzq-app .answer.correct .choice-letter{background:var(--green);color:#fff}
.bzq-app .answer.wrong{
      border-color:var(--red);background:var(--red-soft);color:#b23838;
      box-shadow:0 0 0 3px rgba(228,84,84,.07);
    }
.bzq-app .answer.wrong .choice-letter{background:var(--red);color:#fff}
.bzq-app .feedback{
      margin-top:4px;border-radius:calc(16px * var(--bzq-r,1));padding:14px 15px;
      display:none;align-items:flex-start;gap:10px;
      font-size:13px;line-height:1.75;
    }
.bzq-app .feedback.show{display:flex}
.bzq-app .feedback.good{background:var(--green-soft);color:#116e46}
.bzq-app .feedback.bad{background:var(--red-soft);color:#a63d3d}
.bzq-app .feedback b{display:block;margin-bottom:2px}
.bzq-app .question-footer{
      padding:18px 22px 22px;
      display:flex;align-items:center;justify-content:space-between;gap:14px;
    }
.bzq-app .nav-group{display:flex;gap:8px}
.bzq-app .btn{
      border:0;border-radius:calc(13px * var(--bzq-r,1));padding:11px 17px;cursor:pointer;font-weight:800;
      transition:.16s ease;
    }
.bzq-app .btn:hover{transform:translateY(-1px)}
.bzq-app .btn.primary{background:var(--cyan);color:#fff}
.bzq-app .btn.secondary{background:#edf3f7;color:#3e5672}
.bzq-app .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.bzq-app .sidebar{
      position:sticky;top:18px;
      display:flex;flex-direction:column;gap:16px;
    }
.bzq-app .progress-card, .bzq-app .navigator-card{
      background:var(--card);border:1px solid rgba(32,56,95,.08);
      border-radius:calc(24px * var(--bzq-r,1));padding:20px;box-shadow:var(--shadow);
    }
.bzq-app .progress-card h3, .bzq-app .navigator-card h3{font-size:15px;margin:0 0 16px}
.bzq-app .ring-wrap{display:grid;place-items:center;margin:4px 0 18px}
.bzq-app .ring{
      --pct:0%;
      width:154px;height:154px;border-radius:50%;
      display:grid;place-items:center;
      background:conic-gradient(var(--cyan) var(--pct),#e7eef4 0);
      position:relative;
    }
.bzq-app .ring:after{
      content:"";position:absolute;inset:13px;background:var(--card);border-radius:50%;
      box-shadow:inset 0 0 0 1px #edf2f6;
    }
.bzq-app .ring-center{position:relative;z-index:2;text-align:center}
.bzq-app .ring-center strong{display:block;font-size:31px;color:var(--navy)}
.bzq-app .ring-center span{font-size:11px;color:var(--muted)}
.bzq-app .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bzq-app .stat{background:#f6f9fc;border-radius:calc(13px * var(--bzq-r,1));padding:10px 5px;text-align:center}
.bzq-app .stat b{display:block;font-size:18px}
.bzq-app .stat span{font-size:10px;color:var(--muted)}
.bzq-app .stat.good b{color:var(--green)}
.bzq-app .stat.bad b{color:var(--red)}
.bzq-app .q-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.bzq-app .q-dot{
      height:34px;border-radius:calc(9px * var(--bzq-r,1));border:1px solid var(--line);background:#f8fafc;
      color:#60728a;font-weight:800;font-size:11px;cursor:pointer;
    }
.bzq-app .q-dot.current{border-color:var(--cyan);background:#e9fafd;color:#0789a8}
.bzq-app .q-dot.answered-correct{background:var(--green-soft);border-color:#a6dfc3;color:var(--green)}
.bzq-app .q-dot.answered-wrong{background:var(--red-soft);border-color:#f2bbbb;color:var(--red)}
.bzq-app .hint{
      display:flex;gap:9px;align-items:flex-start;
      margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
      color:var(--muted);font-size:10.5px;line-height:1.7;
    }
.bzq-app .hint svg{width:16px;flex:0 0 16px;color:var(--cyan)}
.bzq-app .mini-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:10px}
.bzq-app .legend-item{display:flex;align-items:center;gap:5px}
.bzq-app .legend-dot{width:8px;height:8px;border-radius:50%;background:#d8e2eb}
.bzq-app .legend-dot.g{background:var(--green)}
.bzq-app .legend-dot.r{background:var(--red)}
.bzq-app .legend-dot.c{background:var(--cyan)}
@media(max-width:980px){
  .bzq-app .category-grid{grid-template-columns:repeat(3,1fr)}
  .bzq-app .workspace{grid-template-columns:1fr}
  .bzq-app .sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .bzq-app .topbar-inner{align-items:flex-start}
  .bzq-app .top-actions .ghost{display:none}
  .bzq-app .hero{padding-top:30px}
  .bzq-app .category-grid{grid-template-columns:repeat(2,1fr)}
  .bzq-app .answers{grid-template-columns:1fr}
  .bzq-app .sidebar{display:flex}
  .bzq-app .question-text{font-size:17px}
  .bzq-app .page{padding:0 13px}
  .bzq-app .hero{padding-left:16px;padding-right:16px}
  .bzq-app .question-body{padding:20px 16px 8px}
  .bzq-app .question-top, .bzq-app .question-footer{padding-left:16px;padding-right:16px}
}
/* ===== إضافات البلاجن ===== */
.bzq-app{line-height:1.5}
.bzq-app .bzq-top-end{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bzq-app .bzq-timer{display:inline-flex;align-items:center;gap:6px;direction:ltr;font-weight:800;font-size:13px;padding:6px 11px;border-radius:999px;background:var(--bg);color:var(--navy);font-variant-numeric:tabular-nums;border:1px solid var(--line)}
.bzq-app .bzq-timer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bzq-app .bzq-timer.warn{background:var(--red-soft);color:var(--red);border-color:transparent}
.bzq-app .bzq-timer.idle{opacity:.6}
.bzq-app .bzq-timer-bar{height:4px;background:var(--line)}
.bzq-app .bzq-timer-bar i{display:block;height:100%;width:100%;background:var(--cyan);transition:width .5s linear}
.bzq-app .bzq-timer-bar i.warn{background:var(--red)}
.bzq-app .bzq-qimg{display:none;max-width:100%;max-height:340px;margin:0 auto 22px;border-radius:calc(15px * var(--bzq-r,1));border:1px solid var(--line);background:#fff}
.bzq-app .question-text,.bzq-app .answer span:last-child{white-space:pre-line}
.bzq-app .workspace.bzq-solo{grid-template-columns:minmax(0,1fr)}
.bzq-app.bzq-no-hero .page{margin-top:28px}
.bzq-app .brand-mark.has-logo{background:transparent;box-shadow:none}
.bzq-app .brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.bzq-app .cat-btn,.bzq-app .answer,.bzq-app .btn,.bzq-app .q-dot,.bzq-app .ghost{font-family:inherit}
.bzq-app .bzq-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;background:rgba(11,34,61,.55)}
.bzq-app .bzq-modal[hidden]{display:none}
.bzq-app .bzq-modal-box{width:100%;max-width:440px;max-height:92vh;overflow:auto;background:var(--card);color:var(--text);border-radius:calc(24px * var(--bzq-r,1));padding:28px 24px;text-align:center;box-shadow:var(--shadow)}
.bzq-app .bzq-modal-box h3{margin:0 0 6px;font-size:20px}
.bzq-app .bzq-modal-box p{margin:0 0 16px;color:var(--muted);font-size:13px}
.bzq-app .bzq-score{font-size:46px;font-weight:800;color:var(--navy);line-height:1.2;margin:6px 0 16px}
.bzq-app .bzq-modal-box .stats{margin-bottom:20px}
.bzq-app .bzq-modal-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
@media(max-width:680px){.bzq-app .bzq-top-end{gap:8px}}
@media(prefers-reduced-motion:reduce){.bzq-app *{transition:none!important}}

/* ===== القوالب (v1.1) ===== */
/* شكل السؤال: classic = الافتراضي (عمودان) */
.bzq-app.bzq-qt-list .answers{grid-template-columns:1fr}
.bzq-app.bzq-qt-compact .question-body{padding:18px 20px 6px}
.bzq-app.bzq-qt-compact .question-text{font-size:17px;line-height:1.8;margin-bottom:14px}
.bzq-app.bzq-qt-compact .answers{gap:8px;margin-bottom:12px}
.bzq-app.bzq-qt-compact .answer{min-height:46px;padding:8px 12px;font-size:14px}
.bzq-app.bzq-qt-compact .choice-letter{flex-basis:28px;width:28px;height:28px;font-size:12px}
.bzq-app.bzq-qt-exam .question-text{font-size:21px;padding-bottom:14px;border-bottom:2px solid var(--navy)}
.bzq-app.bzq-qt-exam .answers{grid-template-columns:1fr;gap:0}
.bzq-app.bzq-qt-exam .answer{border:0;border-bottom:1px dashed var(--line);border-radius:0;background:transparent;min-height:52px;padding:10px 6px}
.bzq-app.bzq-qt-exam .answer:hover:not(:disabled){background:transparent;border-color:var(--cyan);transform:none}
.bzq-app.bzq-qt-exam .choice-letter{background:transparent;border:1.5px solid var(--navy);color:var(--navy)}
.bzq-app.bzq-qt-exam .answer.correct,.bzq-app.bzq-qt-exam .answer.wrong{border-radius:calc(10px * var(--bzq-r,1));border-bottom-color:transparent}

/* شكل التقدّم */
.bzq-app .bzq-pbar,.bzq-app .bzq-pbar-text{display:none}
.bzq-app.bzq-pt-bar .ring-wrap,.bzq-app.bzq-pt-minimal .ring-wrap,.bzq-app.bzq-pt-minimal .mini-legend{display:none}
.bzq-app.bzq-pt-bar .bzq-pbar{display:block;height:12px;border-radius:999px;background:#e7eef4;overflow:hidden;margin:2px 0 16px}
.bzq-app .bzq-pbar i{display:block;height:100%;width:0;background:var(--cyan);border-radius:inherit;transition:width .4s ease}
.bzq-app.bzq-pt-bar .bzq-pbar-text,.bzq-app.bzq-pt-minimal .bzq-pbar-text{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:10px}
.bzq-app.bzq-pt-minimal .bzq-pbar-text{font-size:22px;margin-bottom:16px}
.bzq-app .bzq-pts{margin-top:12px;font-size:12px;font-weight:700;color:var(--navy);text-align:center}

/* مكان التقدّم: أعلى السؤال */
.bzq-app .bzq-progress-top{margin-bottom:20px}
.bzq-app.bzq-pp-top .bzq-progress-top .progress-card{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:16px 22px}
.bzq-app.bzq-pp-top .bzq-progress-top .progress-card h3{margin:0}
.bzq-app.bzq-pp-top .bzq-progress-top .ring-wrap{margin:0}
.bzq-app.bzq-pp-top .bzq-progress-top .ring{width:84px;height:84px}
.bzq-app.bzq-pp-top .bzq-progress-top .ring:after{inset:8px}
.bzq-app.bzq-pp-top .bzq-progress-top .ring-center strong{font-size:17px}
.bzq-app.bzq-pp-top .bzq-progress-top .ring-center span{display:none}
.bzq-app.bzq-pp-top .bzq-progress-top .stats{flex:1;min-width:220px;max-width:420px}
.bzq-app.bzq-pp-top .bzq-progress-top .bzq-success{flex:1;min-width:180px;max-width:320px;margin:0}
.bzq-app.bzq-pp-top .bzq-progress-top .bzq-time{flex:1;min-width:200px;max-width:300px;margin:0}
.bzq-app.bzq-pp-top .bzq-progress-top .bzq-pbar{flex:1;min-width:160px;margin:0}
.bzq-app.bzq-pp-top .bzq-progress-top .bzq-pbar-text,.bzq-app.bzq-pp-top .bzq-progress-top .bzq-pts,.bzq-app.bzq-pp-top .bzq-progress-top .mini-legend{margin:0}

/* شكل النتيجة */
.bzq-app .bzq-score-ring{--pct:0%;position:relative;width:140px;height:140px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) var(--pct),#e7eef4 0)}
.bzq-app .bzq-score-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 1px #edf2f6}
.bzq-app .bzq-score-ring strong{position:relative;z-index:2;font-size:28px;color:var(--navy)}
.bzq-app .bzq-grade{font-size:18px;font-weight:800;color:var(--navy);margin-bottom:6px}
.bzq-app .bzq-pts-line{font-size:14px;font-weight:700;color:var(--muted);margin-bottom:16px}
.bzq-app.bzq-st-detailed .bzq-modal-box{max-width:560px}
.bzq-app .bzq-cats{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 20px}
.bzq-app .bzq-cats th,.bzq-app .bzq-cats td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:right}
.bzq-app .bzq-cats th{color:var(--muted);font-weight:700;font-size:12px}
.bzq-app .bzq-cats td:not(:first-child),.bzq-app .bzq-cats th:not(:first-child){text-align:center;white-space:nowrap}

/* ===== فلتر التصنيفات داخل "الكل" (v1.2) ===== */
.bzq-app .bzq-allfilter{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}
.bzq-app .bzq-allfilter[hidden]{display:none}
.bzq-app .bzq-allfilter-title{font-size:13px;font-weight:800;color:var(--navy)}
.bzq-app .bzq-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.bzq-app .bzq-chip{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}
.bzq-app .bzq-chip em{font-style:normal;font-size:11px;opacity:.75}
.bzq-app .bzq-chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.bzq-app .bzq-chip:hover{border-color:var(--cyan)}
.bzq-app .bzq-chip-reset{border:0;background:transparent;color:var(--cyan-2);font-size:13px;font-weight:800;cursor:pointer;text-decoration:underline}
.bzq-app .bzq-chip-reset[hidden]{display:none}

/* ===== المعادلات والأسس ===== */
.bzq-app sup.bzq-sup{font-size:.72em;line-height:0;vertical-align:super;padding-inline-start:1px}
.bzq-app bdi.bzq-eq{unicode-bidi:isolate;direction:ltr;white-space:pre-wrap}

/* ===== حماية المحتوى ===== */
.bzq-app.bzq-nocopy,.bzq-app.bzq-nocopy *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.bzq-app.bzq-nocopy img{-webkit-user-drag:none;user-drag:none}
.bzq-app.bzq-blur>*:not(.bzq-wm){filter:blur(18px);pointer-events:none}
.bzq-app .bzq-wm{position:fixed;inset:0;z-index:100000;pointer-events:none;background-repeat:repeat}
@media print{
  .bzq-app.bzq-noprint *{display:none!important}
  .bzq-app.bzq-noprint:before{content:"الطباعة غير متاحة لهذا المحتوى.";display:block;padding:60px 20px;font-size:22px;text-align:center}
}

/* ===== نسبة النجاح (v1.3) ===== */
.bzq-app .bzq-success{margin-top:12px;background:#f6f9fc;border-radius:calc(13px * var(--bzq-r,1));padding:10px 12px}
.bzq-app .bzq-success-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:var(--muted)}
.bzq-app .bzq-success-head b{font-size:18px;color:var(--navy)}
.bzq-app .bzq-success-bar{height:8px;border-radius:999px;background:#e1e9f0;overflow:hidden;margin-top:8px}
.bzq-app .bzq-success-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--cyan);transition:width .4s ease}
.bzq-app .bzq-success.ok .bzq-success-head b{color:var(--green)}
.bzq-app .bzq-success.ok .bzq-success-bar i{background:var(--green)}
.bzq-app .bzq-success.low .bzq-success-head b{color:var(--red)}
.bzq-app .bzq-success.low .bzq-success-bar i{background:var(--red)}
.bzq-app .bzq-success.none .bzq-success-head b{color:var(--muted)}

/* ===== التخطيط المخصّص (v1.3): الشبكة وقوالب الأعمدة تُولَّد لكل شاشة من الإعدادات ===== */
.bzq-app .bzq-grid{display:grid;align-items:start;padding-bottom:30px}
.bzq-app .bzq-c{min-width:0}
.bzq-app .bzq-c-banner{align-self:stretch}
.bzq-app .bzq-c-content{position:relative;z-index:2;margin-bottom:20px}
.bzq-app .bzq-c-filters .filters{margin-bottom:0}

/* ترتيب أزرار بطاقة السؤال: كلها في جهة واحدة */
.bzq-app .question-footer.bzq-btns-together{justify-content:flex-start}
.bzq-app .nav-group{flex-wrap:wrap}

/* ===== نسبة النجاح العامة وترقيم الأقسام (v1.4) ===== */
.bzq-app .bzq-overall{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;background:#f6f9fc;border:1px solid var(--line);border-radius:calc(16px * var(--bzq-r,1));padding:12px 16px;margin:-4px 0 16px}
.bzq-app .bzq-overall-main{display:flex;align-items:baseline;gap:10px}
.bzq-app .bzq-overall-label{font-size:13px;font-weight:800;color:var(--navy)}
.bzq-app .bzq-overall-main b{font-size:22px;color:var(--navy)}
.bzq-app .bzq-overall-bar{height:9px;border-radius:999px;background:#e1e9f0;overflow:hidden}
.bzq-app .bzq-overall-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--cyan);transition:width .4s ease}
.bzq-app .bzq-overall-meta{grid-column:1/-1;font-size:12px;color:var(--muted)}
.bzq-app .bzq-overall.ok .bzq-overall-main b{color:var(--green)}
.bzq-app .bzq-overall.ok .bzq-overall-bar i{background:var(--green)}
.bzq-app .bzq-overall.low .bzq-overall-main b{color:var(--red)}
.bzq-app .bzq-overall.low .bzq-overall-bar i{background:var(--red)}
.bzq-app .bzq-overall.none .bzq-overall-main b{color:var(--muted)}
@media(max-width:680px){.bzq-app .bzq-overall{grid-template-columns:1fr}}
.bzq-app .cat-btn.bzq-cat-off{display:none}
.bzq-app .bzq-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:16px}
.bzq-app .bzq-pager[hidden]{display:none}
.bzq-app .bzq-pg-btn{min-width:36px;height:36px;padding:0 12px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:calc(10px * var(--bzq-r,1));font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;transition:.15s}
.bzq-app .bzq-pg-btn:hover:not(:disabled){border-color:var(--cyan)}
.bzq-app .bzq-pg-btn:disabled{opacity:.4;cursor:not-allowed}
.bzq-app .bzq-pg-btn.on{background:var(--navy);border-color:var(--navy);color:#fff}
.bzq-app .bzq-pg-gap{color:var(--muted);padding:0 2px}
.bzq-app .bzq-pg-info{margin-inline-start:10px;font-size:12px;color:var(--muted)}

/* ===== صور أسرع + مؤقّت تصاعدي + بطاقة PDF (v1.5) ===== */
.bzq-app .bzq-qimg{height:auto;object-fit:contain;transition:opacity .2s ease}
.bzq-app .bzq-qimg.is-loading{opacity:.35;background:#eef3f8;min-height:120px}
.bzq-app .bzq-c[hidden]{display:none}

.bzq-app .bzq-sw{display:inline-flex;align-items:center;gap:6px;direction:ltr;font-weight:800;font-size:13px;padding:6px 11px;border-radius:999px;background:var(--bg);color:var(--muted);border:1px solid var(--line);font-variant-numeric:tabular-nums}
.bzq-app .bzq-sw svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bzq-app .bzq-sw.run{color:var(--navy);border-color:#b9e3ee;background:#effafd}
.bzq-app .bzq-sw.run svg{animation:bzq-pulse 1.6s ease-in-out infinite}
.bzq-app .bzq-sw.done{opacity:.75}
@keyframes bzq-pulse{50%{opacity:.35}}
.bzq-app .bzq-time{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.bzq-app .bzq-time>div{background:#f6f9fc;border-radius:calc(13px * var(--bzq-r,1));padding:9px 6px;text-align:center}
.bzq-app .bzq-time span{display:block;font-size:10px;color:var(--muted);margin-bottom:2px}
.bzq-app .bzq-time b{font-size:16px;color:var(--navy);font-variant-numeric:tabular-nums}

.bzq-app .bzq-pdf{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;margin-bottom:20px;border-radius:calc(22px * var(--bzq-r,1));color:#fff;background:linear-gradient(135deg,var(--navy-2),var(--navy) 55%,var(--cyan-2));box-shadow:var(--shadow)}
.bzq-app .bzq-pdf[hidden]{display:none}
.bzq-app .bzq-pdf:before{content:"";position:absolute;inset-inline-end:-50px;top:-70px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.bzq-app .bzq-pdf-ico{position:relative;flex:0 0 54px;width:54px;height:64px;display:grid;place-items:center;color:#fff}
.bzq-app .bzq-pdf-ico svg{width:54px;height:64px}
.bzq-app .bzq-pdf-ico em{position:absolute;bottom:11px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.5px;background:var(--red);border-radius:4px;padding:1px 6px}
.bzq-app .bzq-pdf-body{position:relative;flex:1;min-width:160px;display:flex;flex-direction:column;gap:3px}
.bzq-app .bzq-pdf-body strong{font-size:16px;line-height:1.5}
.bzq-app .bzq-pdf-body span{font-size:12.5px;color:#cfe0f0;line-height:1.7}
.bzq-app .bzq-pdf-btn{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#1b2a44;font-weight:800;font-size:14px;padding:11px 20px;border-radius:calc(13px * var(--bzq-r,1));text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.2);transition:.16s ease}
.bzq-app .bzq-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.26)}
.bzq-app .bzq-pdf-btn svg{width:18px;height:18px}
.bzq-app .sidebar .bzq-pdf,.bzq-app .bzq-c-pdf .bzq-pdf,.bzq-app .bzq-pdf-below .bzq-pdf{margin-bottom:0}
.bzq-app .bzq-pdf-below{margin-top:20px}
@media(max-width:680px){.bzq-app .bzq-pdf-btn{width:100%;justify-content:center}}

.bzq-app .bzq-pdf-btn[hidden],.bzq-app .bzq-pdf-list[hidden]{display:none}
.bzq-app .bzq-pdf-list{position:relative;flex:1 1 100%;display:flex;flex-wrap:wrap;gap:8px}
.bzq-app .bzq-pdf-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:.15s}
.bzq-app .bzq-pdf-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.bzq-app .bzq-pdf-chip:hover{background:var(--yellow);color:#1b2a44;border-color:var(--yellow)}

/* شريط النتيجة (عند إلغاء النافذة المنبثقة) */
.bzq-app .bzq-finish{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:calc(16px * var(--bzq-r,1));background:var(--soft,#f3f7fb);border:1px solid var(--line,#dfe8f1)}
.bzq-app .bzq-finish[hidden]{display:none}
.bzq-app .bzq-finish-info{display:flex;flex-direction:column;gap:2px}
.bzq-app .bzq-finish-info strong{font-size:17px}
.bzq-app .bzq-finish-info span{font-size:13px;color:var(--muted)}
@media(max-width:680px){.bzq-app .bzq-finish .btn{width:100%}}

/* تسجيل الطالب */
html.bzq-lock{overflow:hidden}
.bzq-app .bzq-reg[hidden]{display:none}
.bzq-app .bzq-reg .bzq-modal-box{text-align:start}
.bzq-app .bzq-reg h3,.bzq-app .bzq-reg>.bzq-modal-box>p{text-align:center}
.bzq-app .bzq-reg-form{display:flex;flex-direction:column;gap:12px}
.bzq-app .bzq-f{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0;min-width:0}
.bzq-app .bzq-f[hidden]{display:none}
.bzq-app .bzq-f>span,.bzq-app .bzq-f legend{font-size:13px;font-weight:700;color:var(--text);padding:0}
.bzq-app .bzq-f input[type=text],.bzq-app .bzq-f input[type=tel],.bzq-app .bzq-f input[type=email]{width:100%;box-sizing:border-box;padding:12px 14px;font:inherit;font-size:15px;color:var(--text);background:var(--card);border:1.5px solid var(--line,#dfe8f1);border-radius:calc(12px * var(--bzq-r,1));outline:0}
.bzq-app .bzq-f input:focus{border-color:var(--cyan,#1db5d6);box-shadow:0 0 0 3px rgba(29,181,214,.18)}
.bzq-app .bzq-sub{gap:8px}
.bzq-app .bzq-sub label{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--line,#dfe8f1);border-radius:calc(12px * var(--bzq-r,1));cursor:pointer;font-weight:600}
.bzq-app .bzq-sub label:has(input:checked){border-color:var(--cyan,#1db5d6);background:rgba(29,181,214,.08)}
.bzq-app .bzq-reg-err{padding:10px 12px;border-radius:calc(10px * var(--bzq-r,1));background:#fdecec;color:#b32d2e;font-size:13px;font-weight:600}
.bzq-app .bzq-reg-err[hidden]{display:none}
.bzq-app .bzq-reg-btn{width:100%;justify-content:center;padding:13px}
.bzq-app .bzq-reg-note{text-align:center;color:var(--muted);font-size:12px}