/* Full original font files supplied by the user, served locally with the app. */
@font-face{font-family:"Al-Mohanad UI";src:url('/brand/fonts/Al-Mohanad.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Al-Mohanad UI";src:url('/brand/fonts/Al-Mohanad-Bold.ttf') format('truetype');font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Al-Mohanad UI";src:url('/brand/fonts/Al-Mohanad-ExtraBold.ttf') format('truetype');font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:"Al-Mateen UI";src:url('/brand/fonts/Al-Mateen.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
:root{--brand-dark:#506056;--brand-olive:#9e9856;--brand-font:"Al-Mohanad UI","Al-Mohanad","Segoe UI",Tahoma,Arial,sans-serif;--ink:#26332c;--muted:#616c63;--green:#506056;--green2:#3e4c43;--pale:#f1f2e9;--gold:#9e9856;--line:#d8ddd5;--border:#d8ddd5;--white:#fff;--bg:#f5f5f0;--surface:#fff;--surface-soft:#f7f7f2;--surface-alt:#f1f2e9;--accent:#506056;--service-accent:#506056;--focus:#69642f;--shadow:0 8px 26px #3745350a}
:root[data-theme=dark]{--ink:#e8ece4;--muted:#b0b9ab;--green:#ccd39f;--green2:#dbe2b7;--pale:#303b2f;--line:#465145;--border:#465145;--white:#202b23;--bg:#172019;--surface:#202b23;--surface-soft:#28332a;--surface-alt:#303b2f;--accent:#ccd39f;--service-accent:#ccd39f;--focus:#ccc787;--shadow:0 8px 26px #0002}
html,body,button,input,select,textarea{font-family:var(--brand-font)}
.office-logo-panel{background:#fff;line-height:0;flex-shrink:0;border:1px solid #e4e5db;border-radius:4px;overflow:hidden}
.office-logo{display:block;width:144px;height:auto;max-width:100%;object-fit:contain}
.auth-logo{width:168px;margin:0 auto 18px}.auth-logo .office-logo{width:168px}
.sidebar .brand{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:0 8px 22px;border-bottom:2px solid var(--brand-olive)}
.sidebar .brand b{font-size:17px}.sidebar .brand small{font-size:11px;letter-spacing:0}
.sidebar{background:var(--surface);border-inline-end-color:var(--line)}.sidebar nav{margin-top:18px;gap:5px}.sidebar nav button{padding-block:11px}
.sidebar nav button.active,.sidebar nav button.active:hover{background:var(--brand-dark);color:#fff;box-shadow:inset -3px 0 var(--brand-olive)}
[dir=ltr] .sidebar nav button.active{box-shadow:inset 3px 0 var(--brand-olive)}
.sidebar nav button:hover{background:var(--pale);color:var(--green)}
.hero{background:var(--brand-dark);border-radius:12px;border-bottom:5px solid var(--brand-olive);padding-bottom:40px}
.hero::after{content:"";width:100%;height:24px;left:0;top:auto;bottom:0;border:0;border-radius:0;background:url('/brand/identity-pattern.png') center/100% 100% no-repeat;pointer-events:none}
.hero .eyebrow,.hero p{color:#edf0e1}.hero .primary{background:#fff;color:#3e4c43}.hero .primary:hover{background:#f1f2e9}
.stat{border-block-start-color:var(--brand-olive)}
.primary,.language-switch button.active{background:var(--brand-dark);color:#fff}.primary:hover{background:#3e4c43}
.secondary{background:var(--pale);color:var(--green);border-color:var(--line)}
.auth-screen{background:radial-gradient(ellipse at 15% 10%,#9e985624,transparent 60%),var(--bg)}
.auth-card{padding:28px 38px;border-radius:14px;border-top:4px solid var(--brand-olive)}.auth-language-switch{margin-bottom:14px}.auth-card h1{font-size:25px}.auth-card .eyebrow{color:var(--muted);letter-spacing:0}
.eyebrow{letter-spacing:0}.topbar{border-bottom-color:var(--line)}
.clickable-row:hover,.clickable-row:focus-visible{outline-color:var(--focus)}
input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #9e985622}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-dark)}
@media(max-width:760px){.sidebar .office-logo{width:126px}.sidebar .brand{gap:10px;padding-bottom:16px}.sidebar nav{margin-top:14px}.auth-card{padding:24px}.auth-logo,.auth-logo .office-logo{width:144px}.hero{padding-bottom:36px}}
@media print{:root,[data-theme=dark]{--ink:#26332c;--muted:#506056;--green:#506056;--pale:#f1f2e9;--surface:#fff;--surface-soft:#fff;--bg:#fff;--line:#d8ddd5}.hero::after{display:none}}

[data-theme=dark] .custody-chip small{color:var(--muted)}

.sidebar nav button[data-view="banks"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.7%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27M3 10h18M7 15h4%27/%3E%3C/svg%3E")}

h1,h2,h3,h4,h5,h6,.sidebar .brand b{font-family:"Al-Mateen UI","Al-Mateen",Tahoma,Arial,sans-serif;font-weight:700}
body{font-size:17px}label{font-size:16px}.sidebar nav button{font-size:16px}table{font-size:16px}th{font-size:15px}.panel p,.panel-head p{font-size:16px}.filters label{font-size:16px}.stat small{font-size:15px}.stat b,.amount,.monthly-date,bdi[dir=ltr],input[type=date],input[type=month]{font-family:"Al-Mohanad UI","Segoe UI",Tahoma,sans-serif}

/* Comfortable reading at normal browser zoom; keep full values and local table scrolling. */
html{line-height:1.65}body{font-size:18px}
button,input,select,textarea{font-size:18px}input,select,textarea{min-height:46px;line-height:1.55}
label,.filters label{font-size:18px}.sidebar nav button{font-size:18px;line-height:1.5}
h1{font-size:30px}h2,.topbar h2{font-size:27px}h3,.panel-head h3{font-size:24px}h4{font-size:22px}
table{font-size:18px}th{font-size:17px}.panel p,.panel-head p{font-size:18px;line-height:1.8}
small,.stat small,.stat span,.eyebrow,.type-tag,.status-badge{font-size:15px}
.cell-actions button,.ui-toolbar button{font-size:16px}.auth-card small{font-size:15px}
@media(max-width:760px){.topbar h2{font-size:24px}.panel-head h3{font-size:23px}.hero h3{font-size:25px}.hero p{font-size:17px}.sidebar nav button{font-size:18px}.ui-toolbar button{font-size:15px}.table-wrap{overflow-x:auto}}

.stat small,.stat span,.panel small,.type-tag,.status-badge{font-size:17px}.auth-card small{font-size:16px}.topbar .eyebrow{font-size:14px}

/* Combined fund balance: same currency, main and cash custody only. */
.custody-chip.custody-total{border:2px solid #9e9856;background:#f1f2e9}

/* Use the complete viewport; the whole sidebar scrolls, never a cropped navigation list. */
@media screen{.sidebar{height:100vh;height:100dvh;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.sidebar>.brand,.sidebar>nav,.sidebar>.sidebar-foot{flex-shrink:0}.sidebar>nav{max-height:none;overflow:visible;align-content:start}.sidebar>.sidebar-foot{margin-top:auto;padding-top:18px;padding-bottom:env(safe-area-inset-bottom,0px)}}
@media screen and (min-width:761px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:260px;z-index:25}.workspace{grid-column:2;min-width:0}}