/* ===== Step 11: student side of password reset (Tasdiqlanganlar) ===== */
#f11Link{ display:none; margin-top:8px; font-size:13px; font-weight:700;
  color:#15803d; cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
#f11Link.show{ display:inline-block; }
.f11-ov{ position:fixed; inset:0; z-index:210; display:none; align-items:center; justify-content:center;
  padding:20px; background:rgba(18,11,7,.82); backdrop-filter:blur(8px); }
.f11-ov.show{ display:flex; }
.f11-card{ background:#fff; color:#1d2a33; border-radius:22px; max-width:460px; width:100%; padding:28px; }
.f11-card h3{ margin:0 0 6px; font-size:20px; font-weight:800; }
.f11-card .note{ font-size:12px; line-height:1.5; color:#6a7683; background:#f5f2ef; border-radius:12px; padding:11px 13px; margin:10px 0 14px; }
.f11-card .field{ margin-bottom:12px; }
.f11-card label{ display:block; font-size:12.5px; font-weight:700; color:#55606b; margin-bottom:5px; }
.f11-card input{ width:100%; border:1.5px solid #dfe3e8; border-radius:12px; padding:11px; font:inherit; font-size:14px; }
.f11-checks{ margin:8px 0 4px; display:grid; gap:4px; }
.f11-checks .c{ display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:#9a8c7f; }
.f11-checks .c .b{ width:15px; height:15px; border-radius:50%; border:2px solid #d8cec4; flex:none;
  display:grid; place-items:center; }
.f11-checks .c .b::after{ content:''; width:6px; height:6px; border-radius:50%; background:#fff; opacity:0; }
.f11-checks .c.ok{ color:#15803d; }
.f11-checks .c.ok .b{ background:#22c55e; border-color:#22c55e; }
.f11-checks .c.ok .b::after{ opacity:1; }
.f11-count{ font-size:13px; font-weight:800; color:#2563eb; margin:6px 0 2px; }
.f11-actions{ display:flex; gap:10px; margin-top:16px; }
.f11-actions button{ flex:1; border:0; border-radius:13px; padding:13px; font:inherit; font-weight:800; font-size:14.5px; cursor:pointer; }
.f11-actions .back{ background:#eef1f4; color:#33404c; }
.f11-actions .go{ background:linear-gradient(135deg,#22c55e,#15803d); color:#fff; }
.f11-msg{ margin-top:10px; font-size:13px; font-weight:700; }
.f11-msg.err{ color:#b91c1c; } .f11-msg.ok{ color:#15803d; }
/* eye toggle inside the reset password fields */
.f11-pw{ position:relative; }
.f11-pw input{ padding-right:44px; }
.f11-eye{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:34px; height:34px;
  border:0; background:transparent; cursor:pointer; color:#6a7683; display:grid; place-items:center; padding:0; }
.f11-eye:hover{ color:#2563eb; }
.f11-eye svg{ width:22px; height:22px; }
/* congrats popup after a successful reset */
.f11-cong-ov{ position:fixed; inset:0; z-index:230; display:none; align-items:center; justify-content:center;
  padding:20px; background:rgba(10,26,58,.82); backdrop-filter:blur(8px); }
.f11-cong-ov.show{ display:flex; }
.f11-cong{ background:#fff; color:#1d2a33; border-radius:22px; max-width:420px; width:100%; padding:30px 26px; text-align:center;
  animation:f11CongIn .32s ease both; box-shadow:0 40px 90px -30px rgba(0,0,0,.5); }
@keyframes f11CongIn{ from{opacity:0; transform:translateY(14px) scale(.97)} to{opacity:1; transform:none} }
.f11-cong .ic{ width:64px; height:64px; border-radius:18px; margin:0 auto 16px; display:grid; place-items:center;
  background:linear-gradient(135deg,#22c55e,#15803d); color:#fff; }
.f11-cong .ic svg{ width:34px; height:34px; }
.f11-cong h3{ margin:0 0 8px; font-size:21px; font-weight:800; }
.f11-cong p{ margin:0 0 16px; font-size:14px; line-height:1.6; color:#5d6a75; }
.f11-cong .pwbox{ display:flex; align-items:center; gap:8px; background:#f5f7fa; border:1.5px solid #e2e8f0;
  border-radius:13px; padding:11px 12px; margin-bottom:16px; }
.f11-cong .pwbox code{ flex:1; text-align:left; font-size:15px; font-weight:700; letter-spacing:.5px;
  color:#1d2a33; word-break:break-all; font-family:ui-monospace,Menlo,Consolas,monospace; }
.f11-cong .cbtn{ border:0; border-radius:10px; padding:9px 13px; font:inherit; font-weight:800; font-size:13px;
  cursor:pointer; color:#fff; background:linear-gradient(135deg,#2563eb,#1d4ed8); flex:none; }
.f11-cong .cbtn.done{ background:linear-gradient(135deg,#22c55e,#15803d); }
.f11-cong .go{ width:100%; border:0; border-radius:13px; padding:14px; font:inherit; font-weight:800; font-size:15px;
  cursor:pointer; color:#fff; background:linear-gradient(135deg,#22c55e,#15803d); }