/* ════════════════════════════════════════════════════════════════════
   Hospital Portal V2 — التصميم المشترك (مصدر واحد للحقيقة)
   ألوان المستشفى: navy #1C4064, medium #356390, light #E8F0F7, gold #C8A951
   ════════════════════════════════════════════════════════════════════ */
@font-face{font-family:'JannaLT';src:url('/assets/fonts/JannaLT-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'JannaLT';src:url('/assets/fonts/JannaLT-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  --navy:#1C4064; --blue:#356390; --light:#E8F0F7; --row:#F5F9FC;
  --gold:#C8A951; --err:#B3261E; --ink:#0C3252; --muted:#5C7086;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'JannaLT',Tahoma,Arial,sans-serif;direction:rtl;color:var(--ink);background:var(--row)}

/* إخفاء محتوى اللوحة حتى تُجتاز البوّابة */
body.hp-pending .hp-protected{display:none !important}

/* ── البوّابة ── */
.hp-gate{position:fixed;inset:0;z-index:90;background:var(--navy);display:flex;align-items:center;justify-content:center;padding:22px}
.hp-box{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:370px;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.hp-brand{text-align:center;margin-bottom:14px}
.hp-brand img{height:40px}
.hp-title{font-size:1.15rem;margin:0 0 4px;color:var(--navy);text-align:center;font-weight:800}
.hp-sub{font-size:.82rem;color:var(--muted);margin:0 0 16px;text-align:center;line-height:1.7}
.hp-box label{display:block;font-size:.78rem;font-weight:700;color:var(--navy);margin:0 0 5px}
.hp-box input{width:100%;padding:13px;border:1.5px solid #D6E2EE;border-radius:10px;font-family:inherit;font-size:1rem;margin-bottom:12px;box-sizing:border-box}
.hp-btn{width:100%;min-height:50px;border:0;border-radius:10px;background:var(--navy);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer}
.hp-btn:disabled{opacity:.6}
.hp-err{color:var(--err);font-size:.82rem;font-weight:600;margin-bottom:10px;display:none}
.hp-note{font-size:.78rem;color:var(--muted);text-align:center;margin-top:12px}
.hp-link{color:var(--blue);font-weight:700;cursor:pointer;background:none;border:0;min-height:auto;width:auto;padding:0;font-size:.82rem;display:inline;font-family:inherit}
.hp-wait{text-align:center;color:var(--muted);font-size:.9rem;padding:20px 0}
.hp-deny{text-align:center}
.hp-deny-i{color:var(--err);font-weight:800;font-size:1rem;margin-bottom:14px;line-height:1.7}

/* ── هيدر موحّد للّوحات ── */
.hp-header{background:var(--navy);color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hp-header .hp-h-title{font-weight:800;font-size:1.05rem}
.hp-header .hp-h-sub{font-size:.8rem;opacity:.85}
.hp-header img{height:34px;background:#fff;border-radius:8px;padding:2px 6px}
.hp-logout{background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-family:inherit;font-weight:700;cursor:pointer}