/* Sayyarati V86.69 — simplified, high-legibility driving test modal */
body.license-test-is-open{overflow:hidden!important}

.license-test-modal{
  position:fixed;inset:0;z-index:2147483500;display:none;
  align-items:center;justify-content:center;padding:18px;
}
.license-test-modal.is-open{display:flex}
.license-test-backdrop{
  position:absolute;inset:0;border:0;background:rgba(12,34,67,.58);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.license-test-dialog{
  position:relative;width:min(720px,calc(100vw - 32px));max-height:94dvh;
  overflow:hidden;direction:rtl;background:#fff;border:1px solid #d9e4f2;
  border-radius:28px;box-shadow:0 28px 85px rgba(4,25,55,.28);
}
.license-test-dialog-head{
  min-height:92px;display:grid;grid-template-columns:58px minmax(0,1fr) 58px;
  align-items:center;gap:14px;padding:16px 20px;background:#fff;
  border-bottom:1px solid #e2e9f2;
}
.license-test-dialog-head>div{text-align:center;min-width:0}
.license-test-dialog-head>div>span{
  display:block;margin-bottom:2px;color:#1264f3;font-size:11px;line-height:1.25;font-weight:1000;
}
.license-test-dialog-head h2{
  margin:0;color:#102140;font-size:28px;line-height:1.15;font-weight:1000;letter-spacing:-.3px;
}
.license-test-close,.license-test-head-icon{
  width:52px;height:52px;border-radius:17px;
}
.license-test-close{
  display:grid;place-items:center;border:1px solid #d5e1ee;background:#fff;color:#31425d;
  font-size:31px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(19,50,91,.04);
}
.license-test-head-icon{
  display:grid;place-items:center;background:linear-gradient(145deg,#1b70ff,#0758e3);
  box-shadow:0 8px 20px rgba(18,100,243,.18);
}
.license-test-head-icon svg{
  width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;
}
.license-test-body{
  max-height:calc(94dvh - 92px);overflow:auto;padding:24px 30px 22px;background:#fff;
  scrollbar-width:thin;scrollbar-color:#c9d8ea transparent;
}
.license-test-view{display:none}.license-test-view.is-active{display:block}

/* chooser */
.license-test-intro{text-align:center;padding:0 0 16px}
.license-test-intro strong{
  display:block;color:#102140;font-size:30px;line-height:1.25;font-weight:1000;letter-spacing:-.25px;
}
.license-test-intro p{margin:6px 0 0;color:#7b8799;font-size:12px;font-weight:800;line-height:1.6}
.license-test-facts{
  display:grid;grid-template-columns:repeat(3,1fr);min-height:64px;margin-bottom:18px;
  border:1px solid #d9e5f3;border-radius:18px;background:#fbfdff;overflow:hidden;
}
.license-test-facts>div{
  min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;
  color:#18304f;font-size:12.5px;font-weight:900;
}
.license-test-facts>div+div{border-inline-start:1px solid #dfe7f1}
.license-test-facts i{color:#1264f3;font-size:17px}
.license-test-facts strong{color:#102140;font-size:16px;font-weight:1000}
.license-test-types{display:grid;gap:10px}
.license-test-type{
  width:100%;min-height:88px;display:grid;grid-template-columns:60px minmax(0,1fr) 38px;
  align-items:center;gap:12px;padding:11px 14px;border:1.5px solid #d9e4f1;border-radius:18px;
  background:#fff;color:#102140;text-align:right;cursor:pointer;transition:.16s ease;
}
.license-test-type:hover{border-color:#aecaef;background:#fbfdff}
.license-test-type.is-selected{
  border-color:#1264f3;background:linear-gradient(135deg,#fbfdff,#edf5ff);
  box-shadow:0 7px 20px rgba(18,100,243,.07);
}
.license-test-type-icon{
  width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#edf5ff;font-size:29px;
}
.license-test-type-copy{min-width:0;display:grid;gap:3px}
.license-test-type-copy strong{color:#102140;font-size:18px;font-weight:1000;line-height:1.25}
.license-test-type-copy small{color:#7c899b;font-size:11px;font-weight:800;line-height:1.4}
.license-test-type-check{
  width:34px;height:34px;display:grid;place-items:center;border:1.5px solid #ccd8e7;border-radius:50%;
  background:#fff;color:transparent;font-size:13px;
}
.license-test-type.is-selected .license-test-type-check{border-color:#1264f3;background:#1264f3;color:#fff}
.license-test-parts-summary{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;
}
.license-test-parts-summary>div{
  min-height:92px;display:grid;justify-items:center;align-content:center;gap:3px;padding:8px 5px;
  border:1px solid #dce6f2;border-radius:16px;background:#fff;text-align:center;
}
.license-test-parts-summary b{
  width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:#1264f3;font-size:15px;
}
.license-test-parts-summary span{color:#21334f;font-size:11px;font-weight:1000}
.license-test-parts-summary small{color:#77869b;font-size:10px;font-weight:900}
.license-test-start{
  width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;margin-top:16px;
  border:0;border-radius:16px;background:linear-gradient(145deg,#1b70ff,#0758e3);color:#fff;
  box-shadow:0 10px 24px rgba(18,100,243,.17);font-size:17px;font-weight:1000;cursor:pointer;
}
.license-test-disclaimer{
  display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 2px 0;
  color:#8895a7;font-size:9.5px;font-weight:800;line-height:1.5;text-align:center;
}
.license-test-disclaimer i{color:#7d8ca1}

/* exam */
.license-test-stepper{
  display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:0 auto 18px;padding:0 6px;
}
.license-test-stepper>span{
  width:70px;display:grid;justify-items:center;gap:5px;flex:0 0 auto;
}
.license-test-stepper b{
  width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#edf1f6;color:#8290a4;
  font-size:13px;font-weight:1000;
}
.license-test-stepper small{color:#8794a6;font-size:9px;font-weight:900;line-height:1.2}
.license-test-stepper i{
  display:block;flex:1;max-width:64px;height:3px;margin-top:18px;border-radius:999px;background:#e0e8f3;
}
.license-test-stepper span.is-active b,.license-test-stepper span.is-done b{background:#1264f3;color:#fff}
.license-test-stepper span.is-active small,.license-test-stepper span.is-done small{color:#1264f3}
.license-test-stepper span.is-done+i{background:#8fbbff}
.license-test-exam-meta{
  display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:10px;margin-bottom:20px;
  padding:12px;border:1px solid #dce6f2;border-radius:18px;background:#fff;
}
.license-test-part-count-pill,.license-test-kind,.license-test-timer{
  min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;
  border-radius:13px;font-size:12px;font-weight:1000;white-space:nowrap;
}
.license-test-part-count-pill{direction:ltr;border:1px solid #dbe5f1;background:#fff;color:#475a76}
.license-test-kind{background:#eaf3ff;color:#0d64ee}
.license-test-kind i{font-size:13px}.license-test-timer{direction:ltr;background:#fff0ee;color:#cc372e;font-variant-numeric:tabular-nums}
.license-test-timer i{font-size:14px}.license-test-timer b{font-size:18px;font-weight:1000}
.license-test-section-head{text-align:center;margin-bottom:12px}
.license-test-section-head>div{display:grid;justify-items:center;gap:2px}
.license-test-section-head strong{color:#102140;font-size:25px;line-height:1.25;font-weight:1000}
.license-test-question-card{
  position:relative;padding:18px;border:1px solid #dbe6f5;border-radius:22px;background:#fff;
  box-shadow:0 5px 18px rgba(29,60,108,.035);
}
.license-test-question-number{display:none!important}
.license-test-visual{
  display:grid;place-items:center;min-height:270px;margin:0 0 15px;padding:18px;
  border:1px solid #dbe6f5;border-radius:19px;background:#fbfdff;overflow:hidden;
}
.license-test-visual[hidden]{display:none!important}
.license-test-visual img{display:block;width:auto;max-width:82%;height:230px;object-fit:contain}
.license-test-visual.is-scene{min-height:270px;padding:0}
.license-test-visual.is-scene img{width:100%;max-width:100%;height:270px;object-fit:cover}
.license-test-question-card h3{
  margin:4px 0 16px;color:#102140;font-size:19px;line-height:1.55;font-weight:1000;text-align:center;
}
.license-test-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;
}
.license-test-option{
  width:100%;min-height:92px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;
  padding:12px 14px;border:1px solid #dce6f2;border-radius:17px;background:#fff;color:#182b48;
  text-align:right;cursor:pointer;transition:.15s ease;
}
.license-test-option:hover{border-color:#b8cff0;background:#fbfdff}
.license-test-option.is-selected{border-color:#1264f3;background:#eef6ff;box-shadow:inset 0 0 0 1px rgba(18,100,243,.05)}
.license-test-option-marker{
  width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2f6fb;color:#334761;
  font-size:12px;font-weight:1000;
}
.license-test-option.is-selected .license-test-option-marker{background:#1264f3;color:#fff}
.license-test-option-text{font-size:14px;line-height:1.55;font-weight:900}
.license-test-progress{height:4px;margin:13px 2px 0;border-radius:999px;background:#e6edf6;overflow:hidden}
.license-test-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1264f3,#27a4ff);transition:width .2s ease}
.license-test-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;
}
.license-test-nav-btn{
  min-height:54px;border-radius:15px;font-size:15px;font-weight:1000;cursor:pointer;
}
.license-test-nav-btn.is-primary{border:0;background:linear-gradient(145deg,#1b70ff,#0758e3);color:#fff;box-shadow:0 8px 20px rgba(18,100,243,.14)}
.license-test-nav-btn.is-secondary{border:1.5px solid #1264f3;background:#fff;color:#1a3151}
.license-test-nav-btn:disabled{opacity:.44;cursor:not-allowed;box-shadow:none}

/* result */
.license-test-view[data-license-test-view="result"]{text-align:center;padding:2px 0 4px}
.license-test-result-badge{
  width:72px;height:72px;margin:8px auto 10px;display:grid;place-items:center;border-radius:22px;
  background:#e8f9f0;color:#08794e;font-size:34px;font-weight:1000;
}
.license-test-result-badge.is-fail{background:#fff0ef;color:#d43d32}
.license-test-result-label{color:#748197;font-size:10px;font-weight:900}
.license-test-view[data-license-test-view="result"] h3{margin:4px 0 0;color:#102140;font-size:26px;font-weight:1000}
.license-test-score{display:block;margin:4px 0;color:#1264f3;font-size:42px;font-weight:1000}
.license-test-view[data-license-test-view="result"]>p{max-width:560px;margin:8px auto 18px;color:#69798f;font-size:12px;font-weight:800;line-height:1.7}
.license-test-section-results,.license-test-result-grid{
  display:grid;gap:9px;margin-top:12px;
}
.license-test-section-results{grid-template-columns:repeat(3,1fr)}
.license-test-result-grid{grid-template-columns:repeat(3,1fr)}
.license-test-section-results>div,.license-test-result-grid>div{
  min-height:80px;display:grid;align-content:center;gap:3px;padding:10px;border:1px solid #dce6f2;border-radius:16px;background:#fff;
}
.license-test-section-results small,.license-test-result-grid small{color:#7b8799;font-size:10px;font-weight:900}
.license-test-section-results strong,.license-test-result-grid strong{color:#102140;font-size:19px;font-weight:1000}
.license-test-result-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:16px}

@media(max-width:680px){
  .license-test-modal{padding:10px}
  .license-test-dialog{width:calc(100vw - 20px);max-height:95dvh;border-radius:24px}
  .license-test-dialog-head{min-height:76px;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;padding:11px 13px}
  .license-test-dialog-head>div>span{font-size:9px}.license-test-dialog-head h2{font-size:22px}
  .license-test-close,.license-test-head-icon{width:44px;height:44px;border-radius:14px}
  .license-test-close{font-size:27px}.license-test-head-icon svg{width:27px;height:27px}
  .license-test-body{max-height:calc(95dvh - 76px);padding:16px 13px 14px}
  .license-test-intro{padding-bottom:11px}.license-test-intro strong{font-size:23px}.license-test-intro p{font-size:10px;margin-top:4px}
  .license-test-facts{min-height:54px;margin-bottom:12px;border-radius:14px}
  .license-test-facts>div{gap:5px;padding:8px 3px;font-size:9.5px}.license-test-facts i{font-size:13px}.license-test-facts strong{font-size:12px}
  .license-test-types{gap:8px}.license-test-type{min-height:70px;grid-template-columns:50px minmax(0,1fr) 30px;gap:8px;padding:8px 10px;border-radius:15px}
  .license-test-type-icon{width:44px;height:44px;border-radius:13px;font-size:24px}.license-test-type-copy strong{font-size:14.5px}.license-test-type-copy small{font-size:8.8px}.license-test-type-check{width:28px;height:28px;font-size:11px}
  .license-test-parts-summary{gap:5px;margin-top:10px}.license-test-parts-summary>div{min-height:68px;padding:5px 2px;border-radius:13px}.license-test-parts-summary b{width:27px;height:27px;font-size:12px}.license-test-parts-summary span{font-size:8.5px}.license-test-parts-summary small{font-size:8px}
  .license-test-start{min-height:50px;margin-top:11px;border-radius:14px;font-size:15px}.license-test-disclaimer{margin-top:8px;font-size:8px}

  .license-test-stepper{gap:3px;margin-bottom:12px;padding:0}.license-test-stepper>span{width:48px;gap:3px}.license-test-stepper b{width:31px;height:31px;font-size:10px}.license-test-stepper small{font-size:7.5px}.license-test-stepper i{max-width:43px;height:2px;margin-top:15px}
  .license-test-exam-meta{grid-template-columns:1fr 1.2fr 1fr;gap:6px;margin-bottom:14px;padding:8px;border-radius:15px}
  .license-test-part-count-pill,.license-test-kind,.license-test-timer{min-height:38px;padding:0 7px;border-radius:11px;font-size:9.5px;gap:4px}.license-test-timer b{font-size:14px}.license-test-kind i{font-size:10px}
  .license-test-section-head{margin-bottom:8px}.license-test-section-head strong{font-size:20px}
  .license-test-question-card{padding:12px;border-radius:18px}.license-test-visual{min-height:205px;margin-bottom:12px;padding:12px;border-radius:15px}.license-test-visual img{height:180px;max-width:88%}.license-test-visual.is-scene{min-height:210px}.license-test-visual.is-scene img{height:210px}
  .license-test-question-card h3{margin:2px 0 12px;font-size:15px;line-height:1.5}
  .license-test-options{gap:8px}.license-test-option{min-height:78px;grid-template-columns:29px minmax(0,1fr);gap:7px;padding:9px 9px;border-radius:14px}.license-test-option-marker{width:27px;height:27px;border-radius:8px;font-size:10px}.license-test-option-text{font-size:11.5px;line-height:1.48}
  .license-test-progress{margin-top:9px}.license-test-nav{gap:8px;margin-top:10px}.license-test-nav-btn{min-height:47px;border-radius:12px;font-size:12px}
  .license-test-section-results>div,.license-test-result-grid>div{min-height:68px;padding:8px;border-radius:14px}.license-test-section-results strong,.license-test-result-grid strong{font-size:16px}
}

@media(max-width:390px){
  .license-test-dialog{width:calc(100vw - 12px)}
  .license-test-body{padding-inline:10px}
  .license-test-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .license-test-option{min-height:76px;padding:8px 7px;grid-template-columns:26px minmax(0,1fr)}
  .license-test-option-marker{width:24px;height:24px}.license-test-option-text{font-size:10.5px}
  .license-test-part-count-pill,.license-test-kind,.license-test-timer{font-size:8.7px;padding-inline:4px}
}


/* Sayyarati V86.70 — clearer exam question + answers without option letters */
.license-test-question-card h3{
  margin:10px 0 20px!important;
  color:#0e2142!important;
  font-size:26px!important;
  line-height:1.48!important;
  font-weight:1000!important;
  text-align:center!important;
  letter-spacing:-.25px!important;
}
.license-test-option{
  min-height:94px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px 18px!important;
  border:1px solid #dce6f2!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#182b48!important;
  text-align:center!important;
}
.license-test-option-marker{
  display:none!important;
}
.license-test-option-text{
  width:100%!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  font-weight:900!important;
  text-align:center!important;
}
.license-test-option.is-selected{
  border-color:#1264f3!important;
  background:#eef6ff!important;
  box-shadow:inset 0 0 0 1px rgba(18,100,243,.05)!important;
}

@media(max-width:680px){
  .license-test-question-card h3{
    margin:8px 0 16px!important;
    font-size:20px!important;
    line-height:1.48!important;
  }
  .license-test-option{
    min-height:82px!important;
    padding:11px 12px!important;
    border-radius:14px!important;
  }
  .license-test-option-text{
    font-size:13px!important;
    line-height:1.48!important;
  }
}
@media(max-width:390px){
  .license-test-question-card h3{
    font-size:18px!important;
    line-height:1.45!important;
  }
  .license-test-option{
    min-height:78px!important;
    padding:9px 10px!important;
  }
  .license-test-option-text{
    font-size:12px!important;
  }
}


/* Sayyarati V86.71 — clean traffic-sign framing with no gray empty padding */
.license-test-visual{
  min-height:270px!important;
  margin-bottom:15px!important;
  padding:6px!important;
  background:#fff!important;
  border:1px solid #dbe6f5!important;
  border-radius:19px!important;
}
.license-test-visual:not(.is-scene) img{
  width:auto!important;
  max-width:96%!important;
  height:252px!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:10px!important;
}
.license-test-visual.is-scene{
  padding:0!important;
  background:#fff!important;
}
.license-test-visual.is-scene img{
  width:100%!important;
  max-width:100%!important;
  height:270px!important;
  object-fit:cover!important;
  border-radius:0!important;
}

@media(max-width:680px){
  .license-test-visual{
    min-height:214px!important;
    padding:5px!important;
    margin-bottom:12px!important;
  }
  .license-test-visual:not(.is-scene) img{
    max-width:97%!important;
    height:202px!important;
  }
  .license-test-visual.is-scene{
    min-height:210px!important;
    padding:0!important;
  }
  .license-test-visual.is-scene img{
    height:210px!important;
  }
}
@media(max-width:390px){
  .license-test-visual{
    min-height:198px!important;
  }
  .license-test-visual:not(.is-scene) img{
    height:188px!important;
  }
}


/* Sayyarati V86.72 — tighter answer options to reduce empty space */
.license-test-option{
  min-height:76px!important;
  padding:8px 10px!important;
  border-radius:15px!important;
}
.license-test-option-text{
  font-size:14px!important;
  line-height:1.42!important;
}
@media(max-width:680px){
  .license-test-option{
    min-height:66px!important;
    padding:6px 8px!important;
    border-radius:13px!important;
  }
  .license-test-option-text{
    font-size:12px!important;
    line-height:1.38!important;
  }
}
@media(max-width:390px){
  .license-test-option{
    min-height:62px!important;
    padding:5px 7px!important;
  }
  .license-test-option-text{
    font-size:11.5px!important;
    line-height:1.35!important;
  }
}


/* Sayyarati V86.73 — reduce traffic-sign image height only */
.license-test-visual:not(.is-scene){
  min-height:230px!important;
}
.license-test-visual:not(.is-scene) img{
  height:214px!important;
  max-height:214px!important;
}

@media(max-width:680px){
  .license-test-visual:not(.is-scene){
    min-height:180px!important;
  }
  .license-test-visual:not(.is-scene) img{
    height:168px!important;
    max-height:168px!important;
  }
}

@media(max-width:390px){
  .license-test-visual:not(.is-scene){
    min-height:164px!important;
  }
  .license-test-visual:not(.is-scene) img{
    height:154px!important;
    max-height:154px!important;
  }
}


/* Sayyarati V86.74 — unify custom market-test icon */
.license-test-head-icon{
  padding:6px!important;
  overflow:hidden!important;
}
.license-test-head-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:14px!important;
}


/* Sayyarati v8776 — final market-test result: numeric score + pass/fail status */
.license-test-result-status{
  display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;
  margin:2px auto 0!important;padding:5px 15px;border-radius:999px;
  font-size:20px!important;line-height:1.2!important;
}
.license-test-result-status.is-pass{background:#e8f9f0;color:#08794e!important}
.license-test-result-status.is-fail{background:#fff0ef;color:#d43d32!important}
.license-test-score{direction:ltr;unicode-bidi:isolate;letter-spacing:.3px}
@media(max-width:680px){.license-test-result-status{font-size:18px!important;min-height:35px}.license-test-score{font-size:38px!important}}

/* Sayyarati v8777 — keep percentage alongside raw score */
.license-test-percent{
  display:block;
  margin:0 auto 4px;
  color:#1268e3;
  font-size:24px;
  font-weight:1000;
  direction:ltr;
  unicode-bidi:isolate;
}
@media(max-width:680px){.license-test-percent{font-size:21px}}

/* Sayyarati v8793 — two-stage licence exam: improved vision screening + current theory exam */
.license-exam-phases{
  display:flex;align-items:flex-start;justify-content:center;gap:10px;margin:0 0 20px;padding:0 8px;
}
.license-exam-phases>span{width:130px;display:grid;justify-items:center;gap:5px;color:#8390a2}
.license-exam-phases>span b{
  width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#edf1f6;color:#8290a4;
  font-size:13px;font-weight:1000;
}
.license-exam-phases>span small{font-size:11px;font-weight:1000;line-height:1.3;text-align:center}
.license-exam-phases>i{display:block;flex:1;max-width:120px;height:3px;margin-top:18px;border-radius:999px;background:#e0e8f3}
.license-exam-phases>span.is-active b,.license-exam-phases>span.is-done b{background:#1264f3;color:#fff}
.license-exam-phases>span.is-active small,.license-exam-phases>span.is-done small{color:#1264f3}
.license-exam-phases>span.is-done+i{background:#8fbbff}

.license-vision-screen{display:none}
.license-vision-screen.is-active{display:block}
.license-vision-stage-kicker{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin-bottom:8px;padding:0 12px;border-radius:999px;
  background:#eaf3ff;color:#1264f3;font-size:10px;font-weight:1000;
}
.license-vision-stage-kicker.is-stage-two{background:#e9f8f1;color:#08794e}
.license-vision-instructions{
  display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding:14px 16px;
  border:1px solid #dbe6f3;border-radius:18px;background:#fbfdff;
}
.license-vision-instruction-icon{
  width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#eaf3ff;color:#1264f3;font-size:22px;
}
.license-vision-instructions strong{display:block;color:#102140;font-size:15px;font-weight:1000}
.license-vision-instructions p{margin:4px 0 0;color:#6f7f94;font-size:11px;line-height:1.7;font-weight:800}
.license-vision-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.license-vision-facts>div{
  min-height:72px;display:grid;align-content:center;justify-items:center;gap:3px;padding:8px;border:1px solid #dce6f2;border-radius:15px;background:#fff;
}
.license-vision-facts strong{color:#102140;font-size:18px;font-weight:1000}
.license-vision-facts span{color:#7b8799;font-size:9.5px;font-weight:900}
.license-vision-start{margin-top:14px}

.license-vision-test-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.license-vision-test-head>div{display:grid;gap:2px}
.license-vision-test-head span{color:#1264f3;font-size:10px;font-weight:1000}
.license-vision-test-head strong{color:#102140;font-size:20px;font-weight:1000}
.license-vision-counter{
  direction:ltr;min-width:72px;min-height:38px;display:grid;place-items:center;padding:0 10px;border:1px solid #dbe5f1;border-radius:12px;
  background:#fff;color:#475a76!important;font-size:12px!important;font-weight:1000!important;
}
.license-vision-optotype-card{
  min-height:260px;display:grid;place-items:center;border:1px solid #dbe6f5;border-radius:22px;background:#fff;overflow:hidden;
  box-shadow:0 5px 18px rgba(29,60,108,.035);
}
.license-vision-optotype{
  --vision-size:104px;display:block;color:#05090e;font-family:Arial,Helvetica,sans-serif;font-size:var(--vision-size);font-weight:900;
  line-height:1;transform-origin:center;transition:font-size .18s ease,transform .18s ease;user-select:none;-webkit-user-select:none;
}
.license-vision-progress{height:5px;margin:12px 2px 0;border-radius:999px;background:#e6edf6;overflow:hidden}
.license-vision-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1264f3,#27a4ff);transition:width .2s ease}
.license-vision-prompt{margin:14px 0 10px;text-align:center;color:#102140;font-size:14px;font-weight:1000}
.license-vision-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.license-vision-directions button{
  min-height:72px;display:grid;place-items:center;align-content:center;gap:5px;border:1.5px solid #d9e4f1;border-radius:16px;background:#fff;color:#17304f;
  cursor:pointer;font-weight:1000;transition:.15s ease;
}
.license-vision-directions button i{color:#1264f3;font-size:20px}
.license-vision-directions button span{font-size:11px}
.license-vision-directions button:hover{border-color:#aecaef;background:#fbfdff}
.license-vision-directions button.is-correct{border-color:#23a66a;background:#ebfaf2;color:#08794e}
.license-vision-directions button.is-correct i{color:#08794e}
.license-vision-directions button.is-wrong{border-color:#e05b50;background:#fff0ef;color:#b52e26}
.license-vision-directions button.is-wrong i{color:#d43d32}
.license-vision-directions button:disabled{cursor:default;opacity:1}
.license-vision-feedback{min-height:20px;margin:9px 0 0;text-align:center;color:#66778d;font-size:11px;font-weight:900}

.license-vision-screen[data-license-vision-screen="result"]{text-align:center;padding:10px 4px 4px}
.license-vision-result-icon{
  width:76px;height:76px;margin:4px auto 10px;display:grid;place-items:center;border-radius:23px;background:#e8f9f0;color:#08794e;
  font-size:36px;font-weight:1000;
}
.license-vision-result-icon.is-fail{background:#fff0ef;color:#d43d32}
.license-vision-result-label{display:block;color:#748197;font-size:10px;font-weight:900}
.license-vision-result-score{display:block;margin:5px 0;color:#1264f3;font-size:38px;font-weight:1000;direction:ltr}
.license-vision-screen[data-license-vision-screen="result"] h3{margin:2px 0 6px;color:#102140;font-size:24px;font-weight:1000}
.license-vision-screen[data-license-vision-screen="result"] p{max-width:520px;margin:0 auto 12px;color:#69798f;font-size:12px;font-weight:800;line-height:1.7}
.license-vision-retry{
  width:100%;min-height:52px;margin-top:10px;border:1.5px solid #1264f3;border-radius:15px;background:#fff;color:#1a3151;font-size:14px;font-weight:1000;cursor:pointer;
}
.license-test-vision-passed{
  width:min(340px,100%);min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 10px;padding:0 13px;
  border:1px solid #cbead9;border-radius:13px;background:#f0fbf5;color:#08794e;font-size:11px;font-weight:900;
}
.license-test-vision-passed i{font-size:14px}.license-test-vision-passed strong{font-weight:1000}

@media(max-width:680px){
  .license-exam-phases{margin-bottom:14px;gap:5px}.license-exam-phases>span{width:100px}.license-exam-phases>span b{width:32px;height:32px;font-size:10px}.license-exam-phases>span small{font-size:8.5px}.license-exam-phases>i{margin-top:15px}
  .license-vision-instructions{grid-template-columns:48px minmax(0,1fr);gap:9px;padding:11px 12px;border-radius:15px}.license-vision-instruction-icon{width:44px;height:44px;border-radius:13px;font-size:19px}.license-vision-instructions strong{font-size:13px}.license-vision-instructions p{font-size:9px}
  .license-vision-facts{gap:5px}.license-vision-facts>div{min-height:62px;border-radius:13px}.license-vision-facts strong{font-size:15px}.license-vision-facts span{font-size:8px}
  .license-vision-test-head strong{font-size:17px}.license-vision-optotype-card{min-height:220px;border-radius:18px}
  .license-vision-directions{grid-template-columns:repeat(2,1fr)}.license-vision-directions button{min-height:64px;border-radius:14px}.license-vision-directions button i{font-size:18px}
  .license-vision-result-score{font-size:32px}.license-vision-screen[data-license-vision-screen="result"] h3{font-size:21px}
}

/* Sayyarati v8793 — realistic multi-stage vision screening flow */
.license-vision-checklist{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;
}
.license-vision-checklist>div{
  min-height:84px;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #dce6f2;border-radius:15px;background:#fff;
}
.license-vision-checklist>div>i{
  flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eef5ff;color:#1264f3;font-size:14px;
}
.license-vision-checklist span{min-width:0;display:grid;gap:2px}.license-vision-checklist strong{color:#142640;font-size:11px;font-weight:1000}.license-vision-checklist small{color:#7b8799;font-size:8.5px;line-height:1.5;font-weight:800}

.license-vision-switch-card{max-width:510px;margin:8px auto 0;text-align:center;padding:8px 6px 4px}
.license-vision-switch-step{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#eef5ff;color:#1264f3;font-size:10px;font-weight:1000;direction:rtl}
.license-vision-switch-icon{width:86px;height:86px;margin:14px auto 10px;display:grid;place-items:center;border-radius:27px;background:linear-gradient(145deg,#eaf3ff,#f8fbff);border:1px solid #d7e6fb;color:#1264f3;font-size:35px;box-shadow:0 9px 25px rgba(34,92,177,.08)}
.license-vision-switch-card h3{margin:0;color:#102140;font-size:27px;font-weight:1000}.license-vision-switch-card>p{max-width:440px;margin:8px auto 12px;color:#64758c;font-size:13px;line-height:1.8;font-weight:850}
.license-vision-switch-note{display:flex;align-items:flex-start;gap:8px;max-width:440px;margin:0 auto 14px;padding:10px 12px;border:1px solid #f0dfb7;border-radius:13px;background:#fffaf0;color:#6f5b2d;text-align:start;font-size:10px;line-height:1.6;font-weight:850}
.license-vision-switch-note i{margin-top:2px;color:#b8861f}.license-vision-switch-card .license-test-start{max-width:440px;margin-inline:auto}

.license-vision-substeps{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:0 0 13px;padding:0 5px}
.license-vision-substeps>span{width:105px;display:grid;justify-items:center;gap:3px;color:#8b97a8}
.license-vision-substeps>span b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#edf1f6;color:#8190a4;font-size:9px;font-weight:1000}
.license-vision-substeps>span small{font-size:8.5px;font-weight:1000;text-align:center;line-height:1.3}
.license-vision-substeps>i{display:block;flex:1;max-width:65px;height:2px;margin-top:14px;border-radius:999px;background:#e0e8f3}
.license-vision-substeps>span.is-active b,.license-vision-substeps>span.is-done b{background:#1264f3;color:#fff}.license-vision-substeps>span.is-active small,.license-vision-substeps>span.is-done small{color:#1264f3}.license-vision-substeps>span.is-done+i{background:#8fbbff}

.license-vision-optotype-card{position:relative;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)}
.license-vision-optotype-card::before,.license-vision-optotype-card::after{content:"";position:absolute;pointer-events:none;background:#edf2f8}
.license-vision-optotype-card::before{width:1px;height:34px;top:18px;left:50%}.license-vision-optotype-card::after{height:1px;width:34px;top:35px;left:calc(50% - 17px)}
.license-vision-optotype{
  --vision-size:98px;width:var(--vision-size);height:var(--vision-size);display:block;font-size:0;line-height:0;fill:#05090e;transform-origin:center;transition:width .14s ease,height .14s ease,transform .16s ease;filter:contrast(1.08);user-select:none;-webkit-user-select:none;
}
.license-vision-directions button.is-selected{border-color:#1264f3;background:#eef5ff;color:#123e82;transform:scale(.985)}.license-vision-directions button.is-selected i{color:#1264f3}
.license-vision-feedback{color:#7d8a9c}

.license-vision-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:520px;margin:10px auto 12px}
.license-vision-result-grid>div{min-height:72px;display:grid;align-content:center;justify-items:center;gap:4px;padding:8px;border:1px solid #dce6f2;border-radius:14px;background:#fff}
.license-vision-result-grid span{color:#748197;font-size:9px;font-weight:900}.license-vision-result-grid strong{direction:ltr;color:#17304f;font-size:16px;font-weight:1000}

@media(max-width:680px){
  .license-vision-checklist{grid-template-columns:1fr}.license-vision-checklist>div{min-height:60px}.license-vision-checklist small{font-size:8px}
  .license-vision-switch-card h3{font-size:23px}.license-vision-switch-card>p{font-size:11px}.license-vision-switch-icon{width:72px;height:72px;border-radius:23px;font-size:29px}
  .license-vision-substeps{gap:3px}.license-vision-substeps>span{width:82px}.license-vision-substeps>span b{width:25px;height:25px}.license-vision-substeps>span small{font-size:7.5px}.license-vision-substeps>i{margin-top:12px}
  .license-vision-result-grid{gap:5px}.license-vision-result-grid>div{min-height:62px;border-radius:12px}.license-vision-result-grid strong{font-size:13px}.license-vision-result-grid span{font-size:7.5px}
}

/* Sayyarati v8794 — harder vision challenge + in-app exit confirmation */
.license-vision-optotype{
  --vision-opacity:1;
  --vision-blur:0px;
  opacity:var(--vision-opacity);
  filter:blur(var(--vision-blur)) contrast(1.02)!important;
  will-change:width,height,transform,opacity,filter;
}
.license-vision-optotype-card{
  min-height:275px!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,255,255,.98) 0 32%,rgba(247,250,254,.96) 78%,rgba(241,246,252,.96) 100%)!important;
}
.license-vision-optotype-card::before,.license-vision-optotype-card::after{opacity:.58}
.license-vision-directions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.license-vision-directions button{min-height:66px!important;padding:7px 4px!important}
.license-vision-directions button i{
  width:30px;height:30px;display:grid;place-items:center;color:#1264f3;font-style:normal!important;font-size:24px!important;line-height:1!important;
}
.license-vision-directions button span{font-size:9.5px!important;line-height:1.25!important}

.license-test-exit-confirm{
  position:fixed;inset:0;z-index:2147483600;display:none;place-items:center;padding:18px;direction:rtl;
}
.license-test-exit-confirm.is-open{display:grid}
.license-test-exit-backdrop{
  position:absolute;inset:0;border:0;background:rgba(7,25,49,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);cursor:default;
}
.license-test-exit-card{
  position:relative;width:min(460px,calc(100vw - 30px));overflow:hidden;padding:25px 24px 21px;
  border:1px solid rgba(215,227,242,.95);border-radius:27px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 30px 90px rgba(4,24,52,.34);text-align:center;
  animation:licenseExitPop .18s ease-out both;
}
@keyframes licenseExitPop{from{opacity:0;transform:translateY(9px) scale(.975)}to{opacity:1;transform:none}}
.license-test-exit-icon{
  width:70px;height:70px;margin:0 auto 11px;display:grid;place-items:center;border-radius:22px;
  border:1px solid #ffd9d5;background:linear-gradient(145deg,#fff3f1,#fff9f8);color:#d9473e;font-size:27px;
  box-shadow:0 9px 23px rgba(217,71,62,.10);
}
.license-test-exit-kicker{
  display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 11px;margin-bottom:7px;
  border-radius:999px;background:#fff1ef;color:#bf3b33;font-size:9.5px;font-weight:1000;
}
.license-test-exit-card h3{margin:0;color:#102140;font-size:25px;line-height:1.35;font-weight:1000;letter-spacing:-.2px}
.license-test-exit-card>p{max-width:390px;margin:8px auto 13px;color:#69798f;font-size:12px;line-height:1.75;font-weight:850}
.license-test-exit-context{
  display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin:0 0 14px;border:1px solid #dbe8f8;border-radius:14px;
  background:#f4f8ff;color:#39506f;text-align:right;font-size:10.5px;line-height:1.6;font-weight:900;
}
.license-test-exit-context i{flex:0 0 auto;margin-top:2px;color:#1264f3}
.license-test-exit-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:9px}
.license-test-exit-actions button{
  min-height:52px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:15px;font-size:12px;font-weight:1000;cursor:pointer;
}
.license-test-exit-stay{border:0;background:linear-gradient(145deg,#1b70ff,#0758e3);color:#fff;box-shadow:0 9px 20px rgba(18,100,243,.16)}
.license-test-exit-leave{border:1.5px solid #efc7c3;background:#fff;color:#b33831}
.license-test-exit-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;color:#9a6a66;font-size:8.7px;line-height:1.5;font-weight:850}
.license-test-exit-note i{color:#d85a51}

@media(max-width:680px){
  .license-vision-optotype-card{min-height:235px!important}
  .license-vision-directions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .license-vision-directions button{min-height:58px!important;border-radius:12px!important;padding:5px 2px!important}
  .license-vision-directions button i{width:25px;height:25px;font-size:20px!important}
  .license-vision-directions button span{font-size:7.7px!important}
  .license-test-exit-confirm{padding:10px}
  .license-test-exit-card{width:min(420px,calc(100vw - 20px));padding:21px 17px 17px;border-radius:23px}
  .license-test-exit-icon{width:61px;height:61px;border-radius:19px;font-size:23px}
  .license-test-exit-card h3{font-size:21px}.license-test-exit-card>p{font-size:10.5px}.license-test-exit-context{font-size:9.5px}
  .license-test-exit-actions{grid-template-columns:1fr;gap:7px}.license-test-exit-actions button{min-height:49px;font-size:11px}
}