/* الدخول بتليجرام — application/views/partial/tglogin.php (المالك 2026-10-19).
   صفحات الدخول قوالب مستقلّة لا تحمّل modern-theme ولا صدفة اللوحة: هذا الملف وحده، وأزرار الإرسال تأخذ .btn الصفحة نفسها. */
.tgl{margin-block-start:14px}
.tgl-or{display:flex;align-items:center;gap:12px;color:#8a97a6;font-size:13px;margin-block:2px 14px}
.tgl-or:before,.tgl-or:after{content:"";flex:1;height:1px;background:#e3e9f0}
.tgl-start{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:1.6px solid #229ed9;border-radius:12px;background:#fff;color:#156d9c;font:inherit;font-weight:800;font-size:15px;cursor:pointer;padding:0 12px}
.tgl-start:hover,.tgl-start:focus-visible{background:#eef8fd;outline:0}
.tgl-ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:#229ed9}
.tgl-ico svg{margin-inline-start:-2px}

.tgl-panel{display:none}
body.tgl-on .tgl-panel{display:block}
body.tgl-on .login-form,body.tgl-on .gauthenticate-form,body.tgl-on .forgot,body.tgl-on .lg-forgot,
body.tgl-on .tgl > .tgl-or,body.tgl-on .tgl-start{display:none !important}
/* زرّ اسم المستخدم وكلمة السر تحت رقم الموبايل (المالك 2026-10-21): زرٌّ كامل لا رابطٌ صغير. */
.tgl-or-pw{margin-block:18px 14px}
.tgl-pw{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border:1.6px solid #c9d4e0;border-radius:12px;background:#fff;color:#0a3d62;font:inherit;font-weight:800;font-size:15px;cursor:pointer;padding:6px 12px;text-align:center}
.tgl-pw:hover,.tgl-pw:focus-visible{border-color:#0a3d62;background:#f2f6fb;outline:0}

.tgl-panel label{display:block;font-weight:700;color:#1c2b3a;font-size:14px;margin-block-end:8px;text-align:start}
.tgl-panel input[dir=ltr]{text-align:center;font-size:17px}
.tgl-panel .tgl-code{letter-spacing:10px;font-size:24px !important;font-weight:800;padding-inline:8px !important}
.tgl-note{color:#2a3b4c;font-size:14px;margin-block:0 12px;text-align:center}
.tgl-msg{color:#c0392b;font-size:13px;font-weight:700;margin-block:0 10px;text-align:center}
.tgl-msg[hidden]{display:none}
.tgl-tap{color:#156d9c;font-size:14px;font-weight:700;text-align:center;margin-block:14px 4px}
.tgl-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;margin-block-start:8px}
.tgl-link{background:none;border:0;padding:6px 2px;color:#0a3d62;font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.tgl-link:hover{color:#f58001}
.tgl-link:disabled{color:#8a97a6;cursor:default}
.tgl-bot{text-align:center;color:#5d6d7e;font-size:13px;margin-block:10px 0}
.tgl-bot a{color:#156d9c;font-weight:700}
.tgl-step[hidden]{display:none}

/* اختيار الحساب بعد الكود: موظّفٌ ووليّ أمر برقمٍ واحد (المالك 2026-10-19). */
.tgl-pick[hidden]{display:none}
.tgl-pick .tgl-note{font-weight:700}
.tgl-acct{display:block;width:100%;min-height:50px;margin-block-end:10px;padding:8px 14px;border:1.6px solid #0a3d62;border-radius:12px;background:#fff;color:#0a3d62;font:inherit;font-weight:800;font-size:15px;cursor:pointer;text-align:center}
.tgl-acct:hover,.tgl-acct:focus-visible{background:#f2f6fb;outline:0}
.tgl-acct:disabled{opacity:.6;cursor:default}

/* شاشة النسيان: الرابط هو المحتوى نفسه، بلا زرّ فتح. */
.tgl-reset .tgl-panel{display:block}
.tgl-reset{margin-block-start:4px}

/* صفحة «حط كلمة سر جديدة» من رابط البوت (Tglogin::reset). */
.tgr-page{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;font-family:'Cairo','Segoe UI',sans-serif;
  background:linear-gradient(135deg,#001a33 0%,#002147 55%,#0a3d62 100%)}
.tgr-card{width:100%;max-width:430px;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.4);padding:36px 28px;text-align:center}
.tgr-logo{height:62px;margin-block-end:14px}
.tgr-card h1{color:#002147;font-weight:900;font-size:24px;margin:0 0 14px}
.tgr-who{color:#2a3b4c;font-size:15px;font-weight:700;margin-block-end:18px}
.tgr-card label{display:block;text-align:start;font-weight:700;color:#1c2b3a;font-size:14px;margin-block-end:8px}
.tgr-card .form-control{height:52px;border:1.6px solid #dde5ee;border-radius:12px;background:#f8fafc;padding:0 16px;box-shadow:none;font-size:16px}
.tgr-card .form-control:focus{border-color:#0a3d62;background:#fff;box-shadow:0 0 0 4px rgba(10,61,98,.08)}
.tgr-card .btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:0;border-radius:12px;color:#fff;font-weight:800;font-size:16px;margin-block-start:6px;
  background:linear-gradient(90deg,#f58001,#ff9a2e);box-shadow:0 10px 24px rgba(245,128,1,.3)}
.tgr-card .btn:hover,.tgr-card .btn:focus{color:#fff;text-decoration:none}
.tgr-ok{color:#1e7e34;font-size:16px;font-weight:800;margin-block:6px 18px}
.tgr-ok .fa{font-size:20px}