/* Fahim Connect / Fahim.ai — presentation only. Logo images are never filtered or cropped. */
:root{--fahim-blue:#2453eb;--fahim-onyx:#202328;--fahim-white:#fff}
body{font-family:Cairo,'Segoe UI',Arial,sans-serif;color:var(--fahim-onyx);background:#f7f8fb}
.brand{gap:11px;align-items:center;color:var(--fahim-onyx);padding:0 8px}
.brand-copy{display:flex;flex-direction:column;min-width:0;gap:5px;text-align:start}
.brand-product{font-size:20px;line-height:1.4;letter-spacing:-.45px;font-weight:750;color:var(--fahim-onyx);white-space:nowrap}
.brand-parent{font-size:10px!important;letter-spacing:.5px!important;font-weight:650;color:var(--fahim-blue);margin:0!important;align-self:flex-start}
.brand-original{display:block;width:64px;height:48px;object-fit:contain;flex-shrink:0}
.sidebar .brand{justify-content:center;padding:4px 12px;min-height:112px}
.sidebar .brand-original{width:164px;max-width:100%;height:auto;object-fit:contain}
.sidebar .nav-label{margin-block-start:18px}
.sidebar{border-inline-end-color:#e6e8ee;background:white}
.sidebar nav a.active{background:#edf2ff;border-color:#dce5ff;color:#2048ce}
.sidebar nav a:hover{background:#f4f6fc}
.sidebar-footer{border-top-color:#e8eaf0}
.primary{background:var(--fahim-blue);border-color:var(--fahim-blue);color:white;box-shadow:0 3px 10px #2453eb15}
.primary:hover{background:#1d43c6;border-color:#1d43c6;color:white}
.page-heading h1,.card h2,.dashboard-welcome h2{color:var(--fahim-onyx)}
.eyebrow{color:#65708a;letter-spacing:1.3px}
.page-footer{color:#8790a2;gap:12px;align-items:center;flex-wrap:wrap}
.footer-brand{font-size:11px;font-weight:750;color:#333944}
.footer-parent{font-weight:500;color:#6b7485;direction:ltr;unicode-bidi:isolate}
.auth-page{min-height:100vh;background:radial-gradient(ellipse at 50% 0,#edf2ff 0,transparent 60%),#f8f9fc;padding:1px 16px 32px}
.auth-page .login{width:min(100%,450px);max-width:450px;margin:9vh auto 0;border:1px solid #e1e5ef;border-radius:20px;padding:38px;box-shadow:0 20px 70px #20232809;background:#fff}
.login .brand{flex-direction:column;padding:0 0 24px;margin:0 0 28px;border-bottom:1px solid #eceef3;gap:4px}
.login .brand-copy{align-items:center;text-align:center;gap:4px}
.login .brand-product{font-size:14px;letter-spacing:0;font-weight:600;color:#65708a}
.login .brand-parent{align-self:center;font-size:9px!important;font-weight:500;color:#8790a2}
.login .brand-original{width:220px;max-width:100%;height:auto}
.login h1{font-size:25px;letter-spacing:-.5px;color:#202328}
.login>p{color:#737c8c;font-size:13px;line-height:1.9}
.login .form{margin-top:25px;gap:19px}
.login .form label{font-size:12px;color:#414956}
.login input{background:#fcfcfe;border-color:#dce1ec;min-height:45px}
.login .primary{min-height:45px;border-radius:9px;font-size:13px}
.login>small{color:#969dad;line-height:1.9}
html[dir=rtl] .brand-product{letter-spacing:0;font-size:20px}
html[dir=rtl] .login .brand-product{font-size:14px}
html[dir=rtl] .brand-parent{align-self:flex-start}
.error-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.auth-page .login{padding:24px 23px;margin:4vh auto 0}.login .brand-original{width:196px}.page-footer{align-items:flex-start}.page-footer>span{display:block}}
@media(max-width:360px){.login .brand-original{width:180px}.brand-parent{letter-spacing:.2px!important}}
html[dir=rtl] .login .brand-parent{align-self:center}