@font-face{font-family:Darashmana;src:url("/fonts/NotoSansArabic.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
/* Darashmana Exchange — shared web identity. UI copy stays real RTL text. */
:root{--brand-blue:#0785f9;--brand-navy:#09265e;--blue:#0785f9;--navy:#09265e;--ink:#172e4a;--line:#e2e9f3;--bg:#f4f7fc;color-scheme:light}
.identity-brand{display:flex;align-items:center;gap:15px;direction:rtl;text-align:right;min-width:0;color:var(--brand-navy);line-height:1.4}
.identity-symbol{display:block;width:54px;height:54px;flex:0 0 auto;object-fit:contain}
.identity-wordmark{display:flex;flex-direction:column;min-width:0;gap:4px}
.identity-wordmark>strong{font-family:Darashmana,Arial,sans-serif;font-size:30px;font-weight:800;line-height:1.35;white-space:nowrap}
.identity-wordmark>span{font-size:12px;font-weight:500;line-height:1.6;white-space:nowrap;color:#536b8f}
.identity-brand.hero{gap:21px}.identity-brand.hero .identity-symbol{width:85px;height:85px}.identity-brand.hero .identity-wordmark>strong{font-size:clamp(38px,4vw,57px)}.identity-brand.hero .identity-wordmark>span{font-size:clamp(14px,1.3vw,18px)}
.portal-label{display:inline-flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;padding:8px 13px;border:1px solid #d9e7f8;border-radius:30px;background:#edf5ff;color:#2869ab;font-weight:650}.portal-label:before{content:"";width:6px;height:6px;border-radius:50%;background:#0785f9}
.brand-signoff{color:#8191a7;font-size:11px;line-height:1.8;text-align:center;margin-top:24px}.brand-signoff strong{font-weight:650;color:#577092}
input:focus{border-color:#72b6fb;background:#fff}button.primary,.primary{background:var(--brand-blue);box-shadow:0 5px 14px #0785f91a}.primary:hover{background:#006fe3}.primary:active{transform:translateY(1px)}
@media(max-width:420px){.identity-brand{gap:10px}.identity-symbol{width:43px;height:43px}.identity-wordmark>strong{font-size:27px}.identity-wordmark>span{font-size:10px}.identity-brand.hero{gap:14px}.identity-brand.hero .identity-symbol{width:62px;height:62px}.identity-brand.hero .identity-wordmark>strong{font-size:39px}.identity-brand.hero .identity-wordmark>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.primary:active{transform:none}}

/* Staff portal */
:root{background:#f4f7fc}.login-shell{max-width:1170px;gap:75px}.login-art .portal-label{margin-bottom:27px}.login-art .identity-brand{margin-bottom:36px}.login-art h1{font-size:32px;line-height:1.7;color:#1e385b;margin:0 0 15px}.login-art>p{font-size:15px;color:#71839d}.login-art .chip{border:1px solid #e0ecfa;font-size:11px}.login-card{box-shadow:0 20px 70px #193f7410;border-color:#e2e9f3}.login-card input{background:#f8faff}.login-card h2{color:#19395e}.pending{max-width:640px;background:white;border:1px solid #e2e9f3;border-radius:28px;padding:38px}.pending .identity-brand{justify-content:center;margin-bottom:27px}.sidebar .identity-brand{gap:9px;justify-content:center}.sidebar .identity-symbol{width:38px;height:38px}.sidebar .identity-wordmark>strong{font-size:25px}.sidebar .identity-wordmark>span{font-size:9px}.sidebar .portal-label{align-self:center;font-size:10px;margin-top:-5px;padding:5px 10px}.workspace-heading .identity-brand{display:none}.workspace-heading>h1{font-size:27px}.account{box-shadow:0 3px 12px #193f7403}.account .avatar{background:#edf5ff;color:#3986d4}.preview-panel{background:#09265e}.account-select-button{background:#f1f7ff;border-color:#deebfb;color:#245c98}.review-parties>div{background:#f0f6ff}.review-parties small{color:#5c88b4}.side-note{color:#456487}footer{line-height:1.8;gap:16px}#side-links .nav.active{box-shadow:inset -3px 0 #0785f9;background:#edf5ff}#side-links .nav{border-radius:11px}
@media(min-width:851px) and (max-width:1050px){.sidebar .identity-brand{flex-direction:column;gap:10px;text-align:center}.sidebar .identity-wordmark>strong{font-size:27px}.sidebar .identity-wordmark>span{font-size:9px}.sidebar .identity-symbol{width:43px;height:43px}}
@media(max-width:850px){.workspace-heading{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center}.workspace-heading .identity-brand{display:flex}.workspace-heading>h1{font-size:19px;color:#617c9b;font-weight:600}.content>header{flex-wrap:wrap;background:#fff;border:1px solid #e2e9f3;border-radius:20px;padding:18px}.header-actions{width:100%;justify-content:flex-end;padding-top:12px;border-top:1px solid #edf1f7}.header-actions .icon-button{width:39px;height:39px;font-size:21px;background:#f5f8fd}.identity{font-size:11px}.login-shell{gap:30px}.login-art .identity-brand.hero .identity-wordmark>strong{font-size:38px}.login-art .identity-brand.hero .identity-symbol{width:65px;height:65px}}
@media(max-width:700px){.login-shell{padding:30px 20px}.login-art{text-align:center;margin-bottom:25px}.login-art .portal-label{margin-bottom:22px}.login-art .identity-brand{justify-content:center;margin-bottom:20px}.login-art h1{font-size:22px;margin-bottom:12px}.login-art h1 br{display:none}.login-art>p,.login-art>.chip{display:none}.login-card{padding:25px;border-radius:23px}.login-card form{margin:25px 0}.pending{margin:25px 15px;padding:27px 20px}.workspace-heading{align-items:flex-start}.workspace-heading>h1{font-size:14px;max-width:100px;text-align:left;line-height:1.8;padding-top:5px}.workspace-heading .identity-wordmark>strong{font-size:28px}.workspace-heading .identity-wordmark>span{font-size:10px}.workspace-heading .identity-symbol{width:39px;height:39px}.workspace-heading .identity-brand{gap:8px}.content>header{padding:17px 14px}.header-actions{gap:8px;padding-top:11px}.identity{flex-wrap:wrap;line-height:1.8}.header-actions .logout{margin-right:auto}footer{font-size:10px}.brand-signoff{font-size:10px}}
@media(max-width:360px){.content{padding:17px 12px}.workspace-heading>h1{font-size:12px;max-width:75px}.workspace-heading .identity-symbol{width:31px;height:31px}.workspace-heading .identity-wordmark>strong{font-size:25px}.workspace-heading .identity-wordmark>span{font-size:9px}.login-shell{padding:26px 14px}.login-art .identity-brand.hero .identity-symbol{width:50px;height:50px}.login-art .identity-brand.hero .identity-wordmark>strong{font-size:34px}.login-art .identity-brand.hero .identity-wordmark>span{font-size:11px}}

:root{font-family:Darashmana,Arial,sans-serif}input,button,select{font-family:inherit}