/* Merowe sign-in screen: split layout (brand panel + form card). */
:root{--ink:#0F3B3A;--brand:#1F7A74;--paper:#F4F2EC;--line:#E3DFD3;--line-strong:#D4CFBF;--text:#1B2A29;--muted:#55625F;--accent:#C98A1B;--on-ink:#F0DDB0}
*{box-sizing:border-box}
body.auth-page{margin:0;font-family:'Manrope',system-ui,sans-serif;color:var(--text);background:var(--paper)}
.auth-wrap{display:flex;flex-wrap:wrap;min-height:100vh}
.auth-hero{flex:1 1 480px;background:var(--ink);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:360px}
.auth-hero svg.deco{position:absolute;right:-60px;bottom:-40px;opacity:.12;pointer-events:none}
.auth-brand{display:flex;align-items:center;gap:12px;position:relative;font-weight:700;font-size:16px}
.auth-brand img{width:40px;height:40px;border-radius:10px}
.auth-hero h1{margin:0 0 14px;font-size:44px;line-height:1.1;letter-spacing:-.02em;font-weight:800;position:relative;max-width:480px}
.auth-hero p{margin:0;color:#BFD3D0;font-size:16px;line-height:1.6;position:relative;max-width:480px}
.auth-hero small{position:relative;color:#8FB0AC;font-size:13px}
.auth-side{flex:1 1 480px;display:grid;place-items:center;padding:40px 24px}
.auth-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 12px 32px -12px rgba(15,59,58,.2)}
.auth-card h2{margin:0 0 6px;font-size:26px;font-weight:800;letter-spacing:-.01em}
.auth-card .sub{margin:0 0 26px;color:var(--muted);font-size:14px}
.auth-card label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.auth-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:10px;height:48px;padding:0 14px;color:var(--muted);margin-bottom:18px;background:#fff}
.auth-field input{border:0;outline:0;flex:1;font:inherit;font-size:15px;background:none;color:var(--text);min-width:0}
.auth-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(31,122,116,.18)}
.auth-alert{display:flex;gap:8px;align-items:center;background:#F5DEDC;color:#8E2A23;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;margin-bottom:18px}
.auth-go{width:100%;height:48px;border:0;border-radius:10px;background:var(--accent);color:var(--ink);font:inherit;font-weight:800;font-size:15px;cursor:pointer}
.auth-go:hover{background:#D79A2B}

/* Language toggle + RTL */
.auth-lang{display:flex;justify-content:flex-end;margin-bottom:8px}
.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.lang-toggle-btn{border:0;background:#fff;color:var(--muted);font:inherit;font-size:13px;font-weight:700;min-width:44px;height:40px;padding:0 14px;cursor:pointer}
.lang-toggle-btn:hover:not(.active){background:var(--paper);color:var(--ink)}
.lang-toggle-btn.active{background:var(--ink);color:#fff}
.lang-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
html[dir="rtl"] body.auth-page,html[dir="rtl"] .lang-toggle-btn,html[dir="rtl"] .auth-field input,html[dir="rtl"] .auth-go{font-family:'Cairo','Manrope',sans-serif}
html[dir="rtl"] .auth-hero svg.deco{right:auto;left:-60px;transform:scaleX(-1)}