/* Portal additions */
[dir=rtl] body{font-family:Tajawal,Inter,Arial,sans-serif}
.role-pill{background:#203456;border:1px solid #405171;padding:10px 12px;border-radius:9px;color:#fff;font-weight:700;border-inline-start:3px solid var(--gold)}
.logout-btn{margin-inline-start:auto;border:1px solid #ffffff26;background:#ffffff0d;color:#e6ecf7;width:32px;height:32px;border-radius:9px;font-size:15px;line-height:1}
.logout-btn:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.web-link{color:#51607a;font-weight:600;font-size:12px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:#fff;text-decoration:none;white-space:nowrap}
.web-link:hover{border-color:var(--gold);color:var(--navy)}
@media(max-width:760px){.web-link{display:none}}

/* Login */
.login-body{margin:0;background:#fff;font-family:Inter,Tajawal,Arial,sans-serif;color:var(--ink);font-size:14px}
[dir=rtl] .login-body{font-family:Tajawal,Inter,Arial,sans-serif}
.login-wrap{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}
.login-art{position:relative;background:var(--navy) url(../images/hero-2.svg) center/cover;color:#fff;padding:36px 48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.login-art:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(6,23,58,.93),rgba(10,42,94,.78))}
.login-art>*{position:relative}
.login-brand img{height:64px;width:auto;background:#fff;padding:6px 14px;border-radius:12px}
.login-art h1{font-size:clamp(28px,3.2vw,42px);line-height:1.35;margin:0 0 12px;font-weight:800}
.login-art h1 span{color:#e8b84a}
.login-art p{color:#cbd6ec;max-width:460px;line-height:1.8;margin:0 0 22px;font-size:15px}
.login-art ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.login-art li{display:flex;gap:12px;align-items:center;font-size:15px}
.login-art li i{font-style:normal;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#c8a45d33;color:#e8b84a;font-weight:800}
.login-art small{color:#9fb0cf}
.login-panel{display:flex;flex-direction:column;padding:28px 40px;background:var(--bg)}
.login-top{display:flex;justify-content:space-between;align-items:center}
.login-top a{color:#51607a;font-weight:600;text-decoration:none;font-size:13px}
.login-top a:hover{color:var(--navy)}
.login-top button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 14px;font-weight:700;color:var(--navy)}
.login-top button:hover{border-color:var(--gold)}
.login-card{width:min(440px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:18px;padding:34px;box-shadow:0 20px 50px rgba(18,35,65,.08)}
.login-card h2{margin:0 0 4px;font-size:26px;color:var(--navy)}
.login-card .sub{margin:0 0 20px;color:var(--muted)}
.role-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:var(--bg);padding:5px;border-radius:12px;margin-bottom:20px}
.role-tabs button{border:0;background:transparent;padding:10px 4px;border-radius:9px;font-weight:700;color:#5b6679;font-size:12px}
.role-tabs button.active{background:var(--navy);color:#fff;box-shadow:0 4px 12px rgba(16,31,61,.25)}
.lf{margin-bottom:16px}
.lf label{display:block;font-weight:700;color:var(--navy);margin-bottom:6px;font-size:13px}
.lf input{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:13px 14px;color:var(--ink);outline:0}
.lf input:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px #c8a45d33}
.pw{position:relative}
.pw button{position:absolute;inset-block:0;inset-inline-end:6px;border:0;background:none;color:#6c778a;font-weight:700;font-size:12px;padding:0 10px}
.row{display:flex;justify-content:space-between;align-items:center;margin:2px 0 18px;font-size:13px}
.row label{display:flex;gap:8px;align-items:center;color:#4a566b}
.row a{color:#9a7424;font-weight:700;text-decoration:none}
.submit{width:100%;border:0;background:linear-gradient(135deg,#e8b84a,#c8a45d);color:#101f3d;font-weight:800;padding:14px;border-radius:11px;font-size:15px}
.submit:hover{filter:brightness(1.05)}
.err{display:none;background:#fdecec;color:#a63a40;border:1px solid #f3c5c8;border-radius:10px;padding:10px 12px;margin-bottom:14px;font-weight:600}
.err.show{display:block}
.demo-box{margin-top:20px;background:#f5eddd;border:1px dashed #c8a45d;border-radius:12px;padding:14px 16px;font-size:13px;color:#5d4a1f}
.demo-box strong{display:block;margin-bottom:6px;color:#3d2f0e}
.demo-box code{background:#fff;border-radius:6px;padding:2px 7px;color:#101f3d;direction:ltr;unicode-bidi:isolate}
.demo-box button{margin-top:10px;border:1px solid #c8a45d;background:#fff;border-radius:8px;padding:7px 14px;font-weight:700;color:#101f3d}
.demo-box button:hover{background:#c8a45d}
.signed{display:none;background:#e7f6ef;border:1px solid #b6e2cf;color:#14694c;border-radius:10px;padding:10px 12px;margin-bottom:16px;font-size:13px}
.signed.show{display:block}.signed a,.signed button{color:#0f5a3f;font-weight:800;margin-inline-start:10px;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-art{padding:26px 24px;gap:28px}.login-art ul,.login-art small{display:none}.login-panel{padding:22px 16px}}

a.nav-link{text-decoration:none}
html[lang=ar] .en{display:none!important}html[lang=en] .ar{display:none!important}
.pv-banner{display:flex;gap:12px;align-items:center;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-weight:600;font-size:13px}
.pv-banner.pending{background:#fff5df;color:#8a6516;border:1px solid #f1dca8}
.pv-banner.ok{background:#e7f7f0;color:#16835f;border:1px solid #bfe6d6}
.tag{display:inline-block;background:#f5eddd;color:#7a5b17;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;margin:2px}
.btn-sm{border:1px solid #d8dee9;background:#fff;border-radius:8px;padding:6px 12px;font-weight:700;font-size:11px;color:#172b50}
.btn-sm.go{background:#c8a45d;border-color:#c8a45d;color:#101f3d}
.doc-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f5;font-size:12px}