/* 0.9.76 — the sign-in sheet for the UAE pages (copied from theme-dark.css V21.11–V22.40) */
/* ═══ V21.11 — phone sign-in sheet (Log in | Register) ═══ */
.as{position:fixed; inset:0; z-index:2000; font-family:Inter,system-ui,sans-serif} .as[hidden]{display:none}
html.as-lock, html.as-lock body{overflow:hidden}
.as-back{position:absolute; inset:0; background:rgba(8,8,12,.6); opacity:0; transition:opacity .25s ease}
.as.is-open .as-back{opacity:1}
.as-box{position:absolute; left:0; right:0; bottom:0; max-height:92vh; overflow-y:auto; overscroll-behavior:contain; background:#fff; color:#1F2329;
  border-radius:24px 24px 0 0; padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px)); box-shadow:0 -20px 60px rgba(0,0,0,.35);
  transform:translateY(100%); transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.as.is-open .as-box{transform:none}
@media (min-width:901px){ .as-box{left:50%; right:auto; width:440px; bottom:auto; top:50%; border-radius:22px; transform:translate(-50%,-40%); opacity:0; transition:transform .25s, opacity .25s} .as.is-open .as-box{transform:translate(-50%,-50%); opacity:1} .as-grab{display:none} }
.as-grab{width:42px; height:5px; border-radius:99px; background:#D2CCBF; margin:0 auto 12px}
.as-x{position:absolute; top:14px; right:14px; width:36px; height:36px; border-radius:50%; border:0; background:#F0EDE7; color:#4A505A; display:grid; place-items:center; cursor:pointer}
.as-x svg{width:18px; height:18px}
.as h2{margin:6px 0 4px; font-size:23px; font-weight:800; letter-spacing:-.02em; display:flex; align-items:baseline}
.as h2 .pw-d{width:.26em; height:.26em; border-radius:50%; background:#2B2F36; display:inline-block; margin-left:.08em}
.as-sub{margin:0 0 16px; color:#5E636B; font-size:14.5px; line-height:1.4}
.as-seg{position:relative; display:grid; grid-template-columns:1fr 1fr; background:#F0EDE7; border-radius:14px; padding:4px; margin-bottom:18px}
.as-seg button{position:relative; z-index:1; height:44px; border:0; background:none; font:800 15px Inter,system-ui,sans-serif; color:#5E636B; cursor:pointer; transition:color .2s}
.as-seg button[aria-selected=true]{color:#1F2329}
.as-ind{position:absolute; top:4px; bottom:4px; left:4px; width:calc(50% - 4px); background:#fff; border-radius:11px; box-shadow:0 2px 8px rgba(31,35,41,.1); transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.as[data-tab=register] .as-ind{transform:translateX(100%)}
.as-f{margin-bottom:14px}
.as-f label{display:block; font-size:13px; font-weight:700; color:#3A3F48; margin-bottom:6px}
.as-in{position:relative; display:flex; align-items:center; border:1.5px solid #DDD8CC; border-radius:14px; background:#fff; transition:border-color .15s, box-shadow .15s}
.as-in:focus-within{border-color:#1F2329; box-shadow:0 0 0 4px rgba(31,35,41,.06)}
.as-in input{flex:1; min-width:0; height:52px; border:0; outline:0; background:none; padding:0 44px 0 14px; font:500 16px Inter,system-ui,sans-serif; color:#1F2329; border-radius:14px}
.as-in input::placeholder{color:#A4A9B2}


.as-ok{position:absolute; right:14px; width:20px; height:20px; border-radius:50%; background:#16A34A; opacity:0; transform:scale(.6); transition:opacity .18s, transform .18s}
.as-ok::after{content:""; position:absolute; left:6.5px; top:3.5px; width:5px; height:10px; border:solid #fff; border-width:0 2.2px 2.2px 0; transform:rotate(45deg)}
.as-f.is-ok .as-in{border-color:#16A34A} .as-f.is-ok .as-ok{opacity:1; transform:none}
.as-f.is-bad .as-in{border-color:#B42318; box-shadow:0 0 0 4px rgba(180,35,24,.08)} .as-f.is-warn .as-in{border-color:#D97706}
.as-msg{display:block; min-height:0; margin-top:6px; font-size:12.8px; line-height:1.35; color:#5E636B} .as-msg:empty{display:none}
.as-f.is-bad .as-msg{color:#B42318} .as-f.is-warn .as-msg{color:#B45309} .as-f.is-ok .as-msg{color:#127A45}
.as-msg a{color:inherit; font-weight:800}
.as-eye{position:absolute; right:8px; width:38px; height:38px; border:0; background:none; color:#5E636B; display:grid; place-items:center; cursor:pointer; border-radius:10px}
.as-eye svg{width:21px; height:21px} .as-eye.is-on{color:#1F2329}
.as-meter{display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:8px} .as-meter i{height:4px; border-radius:4px; background:#E3DED3; transition:background .2s}
.as-f[data-lvl="1"] .as-meter i:nth-child(-n/**/+1){background:#2B2F36} .as-f[data-lvl="2"] .as-meter i:nth-child(-n/**/+2){background:#D97706}
.as-f[data-lvl="3"] .as-meter i:nth-child(-n/**/+3){background:#65A30D} .as-f[data-lvl="4"] .as-meter i{background:#16A34A}
.as-row{display:flex; justify-content:space-between; align-items:center; margin:2px 0 16px; font-size:14px} .as-row a{color:#2B2F36; font-weight:700; text-decoration:none}
.as-chk{display:flex; align-items:center; gap:8px; color:#3A3F48} .as-chk input{width:18px; height:18px; accent-color:#2B2F36}
.as-err{background:#FDECEA; color:#B42318; border-radius:12px; padding:10px 12px; font-size:13.5px; margin-bottom:12px}
.as-go{position:relative; width:100%; height:54px; border:0; border-radius:14px; background:#1F2329; color:#fff; font:800 16px Inter,system-ui,sans-serif; cursor:pointer; opacity:.55; transition:opacity .2s, background .2s, transform .1s}
.as-go.is-ready{opacity:1; background:#2B2F36; box-shadow:0 10px 24px rgba(43,47,54,.28)} .as-go:active{transform:scale(.99)}
.as-go.is-busy span{visibility:hidden} .as-go.is-busy::after{content:""; position:absolute; left:50%; top:50%; width:22px; height:22px; margin:-11px 0 0 -11px; border:2.5px solid rgba(255,255,255,.35); border-top-color:#fff; border-radius:50%; animation:asSpin .7s linear infinite}
.as-go.is-done{background:#16A34A; opacity:1}
@keyframes asSpin{to{transform:rotate(360deg)}}
.as-fine{margin:12px 0 0; text-align:center; font-size:12.5px; color:#5E636B} .as-fine a{color:#5E636B; font-weight:700}

/* V22.36 — Register: "Which describes you?" + attorney claim + firm, inside the sheet */
.as-q{margin:4px 0 12px;font-size:16px;font-weight:800;color:#1F2329} .as-q small{display:block;margin-top:3px;font-size:13px;font-weight:500;color:#5E636B;line-height:1.45}
.as-role{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 10px;padding:12px;border:1.5px solid #DDD8CC;border-radius:14px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#1F2329;transition:border-color .15s,background .15s}
.as-role:hover,.as-role:focus-visible{border-color:#2B2F36;background:#F4F5F6;outline:0} .as-role > span:nth-child(2){flex:1;min-width:0}
.as-role b{display:block;font-size:15px} .as-role small{display:block;margin-top:2px;font-size:12.5px;color:#5E636B;line-height:1.35}
.as-role > svg{width:18px;height:18px;color:#8B9099;flex:none}
.as-ri{width:42px;height:42px;border-radius:12px;background:#E1E2E5;color:#2B2F36;display:grid;place-items:center;flex:none} .as-ri svg{width:21px;height:21px}
.as-return{display:inline-flex;align-items:center;gap:4px;margin:0 0 6px -4px;padding:4px;border:0;background:none;font:700 13.5px Inter,system-ui,sans-serif;color:#5E636B;cursor:pointer} .as-return svg{width:17px;height:17px} .as-return:hover{color:#1F2329}
.as-found{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#F0FAF4;border:1px solid #B7E4C7} .as-found b{display:block;font-size:14px} .as-found small{display:block;font-size:12px;color:#5E636B}
.as-fav{width:38px;height:38px;border-radius:50%;background:#E8EEF7;color:#42464E;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.as-link{margin-top:6px;padding:0;border:0;background:none;font:700 13px Inter,system-ui,sans-serif;color:#2B2F36;cursor:pointer} .as-link:disabled{color:#8B9099;cursor:default}
[data-as-form="attorney"] .as-go,[data-as-form="firm"] .as-go{opacity:1;margin-bottom:10px}
.as-go--a{display:flex;align-items:center;justify-content:center;text-decoration:none} .as-go--ghost{background:#fff;color:#1F2329;border:1.5px solid #DDD8CC}
[data-as-form="attorney"] .as-go:not(.as-go--ghost),[data-as-form="firm"] .as-go:not(.as-go--ghost){background:#2B2F36;box-shadow:0 10px 24px rgba(43,47,54,.22)}
/* V22.39 — sheet sign-up: international phone picker + email code */
#authSheet .as-in--intl{padding:0;border:0;background:none;box-shadow:none} #authSheet .as-in--intl .ip{width:100%} #authSheet .ip-msg{display:none!important}
#authSheet .ip{display:flex;align-items:stretch;height:52px;border:1.5px solid #DDD8CC;border-radius:14px;background:#fff;position:relative} #authSheet .ip:focus-within{border-color:#1F2329}
#authSheet .ip input[type=tel]{flex:1;min-width:0;border:0;outline:0;background:none;font:500 16px Inter,system-ui,sans-serif;color:#1F2329;padding:0 12px}
#authSheet .ip-menu{z-index:30}
.as-otp{margin:-4px 0 14px} .as-otp-send{width:100%;height:44px;border:1.5px solid #2B2F36;border-radius:12px;background:#F4F5F6;color:#2B2F36;font:800 14.5px Inter,system-ui,sans-serif;cursor:pointer} .as-otp-send:disabled{opacity:.6}
.as-otp-row{display:flex;gap:8px} .as-otp-row input{flex:1;min-width:0;height:48px;border:1.5px solid #DDD8CC;border-radius:12px;padding:0 14px;font:700 18px Inter,system-ui,sans-serif;letter-spacing:.3em;color:#1F2329} .as-otp-row input:focus{outline:0;border-color:#1F2329}
.as-otp-ok{height:48px;padding:0 16px;border:0;border-radius:12px;background:#1F2329;color:#fff;font:800 14px Inter,system-ui,sans-serif;cursor:pointer}
.as-otp-msg{display:block;margin-top:6px;font-size:12.5px;color:#5E636B} .as-otp-msg.is-bad{color:#B42318}
.as-otp-done{display:flex;align-items:center;gap:6px;margin:-4px 0 14px;padding:10px 12px;border-radius:12px;background:#E7F7EE;color:#127A45;font-size:14px;font-weight:800} .as-otp-done svg{width:18px;height:18px}
/* V22.40 — sheet: reset password, new-country code, success */
.as-note{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#F7F5F0;font-size:13.5px;color:#3A3F48}
.as-note-ok{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#E7F7EE;color:#127A45;font-size:13.5px;font-weight:700}
[data-as-form="forgot"] .as-go,[data-as-form="code"] .as-go{opacity:1;background:#2B2F36;margin-bottom:10px}
.as-done{text-align:center;padding:26px 8px 18px} .as-done-ic{width:64px;height:64px;border-radius:50%;background:#E7F7EE;color:#16A34A;display:grid;place-items:center;margin:0 auto 12px;animation:asPop .35s ease-out}
.as-done-ic svg{width:34px;height:34px} .as-done-t{margin:0 0 4px;font-size:20px;font-weight:800;color:#1F2329} .as-done-s{margin:0;font-size:14px;color:#5E636B}
@keyframes asPop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
#authSheet[data-view="done"] .as-seg,#authSheet[data-view="done"] #asSub{display:none}
/* V22.41 — desktop: the sign-in form is a centred window; long steps scroll inside it */
@media (min-width:901px){ .as-box{max-height:92vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 80px rgba(31,35,41,.28)} }
/* V22.42 — Remember this device */
.as-remember{margin:-6px 0 12px;font-size:12px;color:#5E636B}
#authSheet[data-view="login"] .as-remember{display:block}
a.as-role{text-decoration:none}
body.uae-site .as{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}body.uae-site .as .as-return{display:none}body.uae-site .as h2 .pw-d{background:#C9962B}body.uae-site .as-go.is-ready{background:#2B2F36}
html.as-lock .th-chat-btn,html.as-lock .tc{display:none!important}