/* WAHEB Cloud — authentication-first shell.
   Hiding the app is a UX guard, not a substitute for Supabase RLS. */
body:not(.waheb-authorized) > .app{display:none!important}
body.waheb-authorized > #wahebLoginGate{display:none!important}
#wahebLoginGate{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);
background:#07111e;color:#eef6ff;font-family:Tahoma,"Segoe UI",Arial,sans-serif;direction:ltr}
#wahebLoginGate *{box-sizing:border-box}
/* Keep Arabic fields RTL while positioning the brand LEFT and login RIGHT. */
#wahebLoginGate .waheb-brand-side,#wahebLoginGate .waheb-form-side{direction:rtl}
#wahebLoginGate .waheb-brand-side{display:flex;justify-content:center;align-items:center;text-align:center;
background:radial-gradient(ellipse at 50% 120%,#0d3c48 0%,transparent 65%),linear-gradient(145deg,#081625 5%,#152f47 70%,#102435);
position:relative;overflow:hidden;padding:40px 8%}
#wahebLoginGate .waheb-brand-side:before,#wahebLoginGate .waheb-brand-side:after{
content:"";position:absolute;width:300px;height:300px;border-radius:100%;border:1px solid #b3d9e21a;pointer-events:none}
#wahebLoginGate .waheb-brand-side:before{left:-145px;bottom:-175px}
#wahebLoginGate .waheb-brand-side:after{right:-165px;top:-185px}
#wahebLoginGate .waheb-identity{max-width:580px;z-index:1}
#wahebLoginGate .waheb-square{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 20px;
background:#fff;border-radius:19px;color:#164458;font-size:34px;font-weight:900;box-shadow:0 20px 45px #0003}
#wahebLoginGate .waheb-overline{font-size:11px;font-weight:900;letter-spacing:1.4px;color:#addaff}
#wahebLoginGate .waheb-identity h1{font-size:clamp(27px,3.1vw,45px);line-height:1.5;margin:23px 0}
#wahebLoginGate .waheb-identity p{font-size:13px;color:#bad2e8;line-height:2.2}
#wahebLoginGate .waheb-tags{display:flex;justify-content:center;gap:9px;margin-top:23px;flex-wrap:wrap}
#wahebLoginGate .waheb-tags span{border:1px solid #bedaea27;padding:9px 14px;border-radius:40px;
font-size:11px;color:#ddebf8}
#wahebLoginGate .waheb-form-side{background:#070f1a;display:flex;align-items:center;justify-content:center;padding:34px 9%}
#wahebLoginGate .waheb-login-box{width:100%;max-width:410px;border-left:1px solid #aec0d267;padding:20px 0 20px 32px}
#wahebLoginGate .waheb-login-eyebrow{font-size:11px;color:#54a7ff;font-weight:800}
#wahebLoginGate h2{font-size:26px;line-height:1.5;margin:12px 0 3px}
#wahebLoginGate .waheb-login-caption{font-size:12px;color:#91a7bd;line-height:1.9;margin:0 0 28px}
#wahebLoginGate label{display:block;color:#b9cee3;font-size:12px;font-weight:700;margin:13px 0 6px}
#wahebLoginGate input{width:100%;min-width:0;min-height:45px;background:#10202f;color:#f4f8ff;
border:1px solid #284255;border-radius:8px;text-align:left;direction:ltr;padding:11px 13px;font-size:14px}
#wahebLoginGate input:focus{outline:2px solid #398fe4;outline-offset:1px}
#wahebLoginGate button.waheb-login-submit{width:100%;border:1px solid #3485d7;background:#2783dc;
color:white;font-size:13px;font-weight:800;border-radius:9px;padding:14px;margin-top:20px;cursor:pointer}
#wahebLoginGate button[disabled]{opacity:.55;cursor:wait}
#wahebLoginGate .waheb-login-status{font-size:12px;line-height:1.9;min-height:35px;color:#c4d8eb;margin:13px 0}
#wahebLoginGate .waheb-login-status.error{color:#ffb2aa}
#wahebLoginGate details{margin-top:15px;border-top:1px solid #274054;padding-top:13px;font-size:11px}
#wahebLoginGate summary{cursor:pointer;color:#8bbce7}
#wahebLoginGate .waheb-public-note{font-size:11px;line-height:2;color:#86a4bc;padding-top:8px}
#wahebLoginGate .waheb-form-side .waheb-public-note a{color:#8fc9ff;text-decoration:underline}
#wahebLoginGate .waheb-config-btn{border:1px solid #3b6782;background:#12263b;color:#ebf4ff;
font-size:12px;padding:10px 13px;border-radius:8px;cursor:pointer;margin-top:10px}
#wahebLoginGate .waheb-config-note{font-size:11px;line-height:1.9;color:#a0bbcd}
@media(max-width:820px){
#wahebLoginGate{display:flex;flex-direction:column}
#wahebLoginGate .waheb-brand-side{padding:36px 15px;min-height:220px}
#wahebLoginGate .waheb-square{width:57px;height:57px;font-size:25px;border-radius:15px;margin-bottom:8px}
#wahebLoginGate .waheb-identity h1{font-size:24px;margin:12px 0 8px}
#wahebLoginGate .waheb-identity p{font-size:11px;margin:0}
#wahebLoginGate .waheb-tags{margin-top:12px}
#wahebLoginGate .waheb-form-side{flex:1;padding:28px 20px 35px}
#wahebLoginGate .waheb-login-box{padding:0 20px;border-left:0}
}
@media(max-width:440px){
#wahebLoginGate .waheb-tags span{padding:6px 9px;font-size:10px}
#wahebLoginGate .waheb-brand-side{min-height:185px}
#wahebLoginGate .waheb-form-side{padding:20px 16px}
#wahebLoginGate .waheb-login-box{padding:0 13px}
}