/* Shared header system for Masjid Utsman Bin Affan: public site, proposal, finance. */
:root{--uba-green:#123c31;--uba-green-2:#216e53;--uba-gold:#e2bd68;--uba-ink:#20372d;--uba-muted:#68786f;--uba-line:#dce7df;--uba-soft:#f3f7f4}
html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.uba-site-header{position:sticky;top:0;z-index:100;display:block!important;padding:0!important;background:rgba(255,255,255,.96)!important;color:var(--uba-ink)!important;border-bottom:1px solid var(--uba-line)!important;box-shadow:0 3px 14px rgba(18,60,49,.045);backdrop-filter:blur(12px)}
.uba-header-inner{width:min(1160px,calc(100% - 40px));min-height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.uba-brand{display:flex;align-items:center;gap:11px;min-width:215px;flex:0 0 auto;color:var(--uba-green)!important;text-decoration:none!important;font-weight:800}
.uba-brand-mark{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:14px;background:var(--uba-green);color:#f1d99a;font-size:23px;line-height:1}
.uba-brand-copy{display:block;min-width:0}.uba-brand-copy strong{display:block;font-size:14px;line-height:1.25;letter-spacing:.005em;color:var(--uba-green)}.uba-brand-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.3;font-weight:500;color:#6b7b72}
.uba-global-nav{position:static!important;display:flex!important;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin-left:auto;flex-direction:row!important;padding:0!important;border:0!important;box-shadow:none!important}.uba-site-header .menu-toggle{display:none!important}
.uba-global-nav>a{display:inline-flex;align-items:center;justify-content:center;padding:9px 10px;border:1px solid transparent;border-radius:999px;color:#33483d!important;text-decoration:none!important;font-size:12.5px!important;line-height:1.25;font-weight:750!important;white-space:nowrap;background:transparent}
.uba-global-nav>a:hover,.uba-global-nav>a:focus-visible{background:#eef5f0;color:var(--uba-green)!important;outline:none}
.uba-global-nav>a.uba-cta,.uba-global-nav>a.navcta{padding:11px 15px;background:var(--uba-green)!important;border-color:var(--uba-green)!important;color:#fff!important}
.uba-global-nav>a.uba-cta:hover,.uba-global-nav>a.navcta:hover{background:#1b5a46!important;color:#fff!important}
.uba-login-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid #d6e4da;border-radius:999px;background:#fff;color:#24483a!important;text-decoration:none!important;font-size:12.5px;font-weight:750;white-space:nowrap}
.uba-login-btn:hover,.uba-login-btn:focus-visible{background:#eef5f0;outline:2px solid #c5dbcd;outline-offset:1px}
.uba-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.uba-account{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.uba-account-toggle{display:inline-flex;align-items:center;gap:8px;max-width:230px;padding:6px 10px;border:1px solid #d6e4da;border-radius:999px;background:#fff;color:#24483a;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.uba-account-toggle:hover,.uba-account-toggle:focus-visible,.uba-account-toggle[aria-expanded="true"]{background:#eef5f0;outline:2px solid #c5dbcd;outline-offset:1px}
.uba-account-avatar{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:#dff2e8;color:#176b50;font-weight:850}
.uba-account-name{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uba-account-chevron{font-size:10px}
.uba-account-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:1000;width:225px;padding:6px;border:1px solid var(--uba-line);border-radius:12px;background:#fff;color:#21372c;box-shadow:0 12px 30px #071d1430}
.uba-account-menu[hidden]{display:none!important}.uba-account-menu a{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:8px;color:#263d31!important;text-decoration:none!important;font-size:13px!important;font-weight:600!important;white-space:normal}.uba-account-menu a:hover,.uba-account-menu a:focus-visible{background:#eef6f1;outline:none}.uba-account-menu .uba-logout{color:#b42318!important}.uba-account-menu .uba-logout:hover{background:#fff0ef}
/* Compatibility selectors keep legacy account dropdowns functional during transition. */
.uba-site-header .site-account{position:relative;display:inline-flex;align-items:center}.uba-site-header .site-account-toggle{font-family:inherit}.uba-site-header .site-account-menu{top:calc(100% + 9px)}
.uba-site-header .profile{position:relative;display:inline-flex;align-items:center}.uba-site-header .profile-trigger{background:#fff!important;color:#24483a!important;border:1px solid #d6e4da!important;border-radius:999px!important;padding:6px 10px!important}.uba-site-header .profile-trigger:hover,.uba-site-header .profile-trigger:focus-visible,.uba-site-header .profile-trigger[aria-expanded="true"]{background:#eef5f0!important;border-color:#c5dbcd!important}.uba-site-header .profile-role{color:#6b7b72!important}.uba-site-header .profile-menu{top:calc(100% + 9px)}
/* App-specific finance navigation stays as a second row, but uses the same typography and palette. */
.uba-app-nav{display:flex;gap:8px;flex-wrap:wrap;padding:10px max(20px,calc((100% - 1160px)/2));background:#fff;border-bottom:1px solid var(--uba-line)}.uba-app-nav a{padding:8px 11px;border-radius:8px;text-decoration:none;color:#29463a;font:700 13px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.uba-app-nav a:hover{background:#eaf4ee}
@media(max-width:980px){.uba-header-inner{gap:10px}.uba-brand{min-width:190px}.uba-global-nav>a{padding:8px 7px;font-size:11.5px!important}.uba-brand-copy strong{font-size:13px}}
@media(max-width:760px){.uba-header-inner{width:calc(100% - 28px);padding:10px 0;min-height:unset;flex-wrap:wrap}.uba-brand{min-width:0;flex:1 1 auto}.uba-brand-mark{width:39px;height:39px;flex-basis:39px}.uba-brand-copy strong{font-size:13px}.uba-brand-copy small{font-size:10px}.uba-header-actions{margin-left:auto}.uba-global-nav{order:3;width:100%;margin:0;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0 4px;scrollbar-width:thin}.uba-global-nav>a{flex:0 0 auto;font-size:12px!important}.uba-account-toggle{max-width:190px}.uba-account-name{max-width:95px}.uba-app-nav{padding:8px 14px;gap:5px}.uba-app-nav a{font-size:12px}}
@media(max-width:420px){.uba-brand{gap:8px}.uba-brand-copy strong{max-width:185px}.uba-brand-copy small{max-width:185px}.uba-header-actions{gap:5px}.uba-login-btn{padding:8px 10px;font-size:11px}.uba-account-toggle{padding:5px 7px;gap:5px}.uba-account-name{max-width:70px}}