/* Shared website navigation; native app layout remains unchanged. */
body.wafaq-2026:not(.wf-native-app) .wf-header-tools{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
body.wafaq-2026:not(.wf-native-app) .wf-nav-tool{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#ffffff0c;color:#fff;font-size:22px;line-height:1;text-decoration:none;box-shadow:none}
body.wafaq-2026:not(.wf-native-app) .wf-nav-tool:hover{background:#ffffff24;color:#fff}
body.wafaq-2026:not(.wf-native-app) .wf-nav-tool:focus-visible{outline:2px solid #fff;outline-offset:3px}
.wf-header-tools .wf-nav-notification-menu{min-width:260px;width:max-content;max-width:calc(100vw - 24px);padding:8px;background:#fff;border:1px solid #e7dfea;border-radius:14px;box-shadow:0 8px 28px #33253a18;inset-inline-end:0;inset-inline-start:auto;text-align:start}
.wf-nav-menu-title{font-size:13px;font-weight:600;color:#76667d;margin:0;padding:8px 10px}
.wf-nav-notification-menu>a{display:flex;align-items:center;gap:10px;padding:12px 10px;min-height:44px;font-size:14px;color:#49364f;border-radius:9px;text-decoration:none}
.wf-nav-notification-menu>a:hover,.wf-nav-notification-menu>a:focus-visible{background:#f3edf6;color:#70407b}
.wf-nav-notification-menu>a>i{font-size:21px;color:#70407b}
.wf-nav-notification-menu>a>.wf-nav-count{margin-inline-start:auto}
.wf-nav-count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:#eee5f2;color:#70407b;font-size:12px;line-height:1;font-weight:600}
.wf-nav-count[hidden]{display:none!important}
.wf-account-navigation{list-style:none;margin:0;padding:0}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation>.sidebar-menu-list__item{margin-bottom:3px}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .sidebar-menu-list__link{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;width:100%;text-align:start;line-height:1.5;font-size:14px!important;color:#55475b!important;text-decoration:none;border-radius:10px;border:0}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .sidebar-menu-list__link>.icon{display:inline-flex;align-items:center;justify-content:center;width:22px;flex:0 0 22px;font-size:21px;margin:0!important;color:#70407b}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .sidebar-menu-list__link>.text{flex:1;min-width:0;font-size:inherit;line-height:inherit;white-space:normal}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .active>.sidebar-menu-list__link,body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .sidebar-menu-list__link:hover{background:#f0e9f4!important;color:#70407b!important}
.wf-account-navigation .wf-nav-section{font-size:11px;line-height:1.5;letter-spacing:.02em;color:#83748a;padding:18px 12px 7px;border-top:1px solid #eee8f1;margin-top:12px}
body.wafaq-2026:not(.wf-native-app) .dashboard .sidebar-menu__inner{padding-inline:16px}
body.wafaq-2026:not(.wf-native-app) .dashboard .sidebar-logo{margin:14px 0 12px;padding-bottom:12px}
body.wafaq-2026:not(.wf-native-app) .dashboard .sidebar-logo img{width:125px;height:42px}
body.wafaq-2026:not(.wf-native-app) .dashboard .wf-account-navigation{margin-top:12px}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .dashboard-profile-card{display:flex;align-items:center;gap:12px;padding:16px 12px;margin-bottom:14px;min-height:94px;text-align:start;border-radius:12px;background:#faf7fc}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .dashboard-profile-avatar{width:60px!important;height:60px!important;flex:0 0 60px;margin:0!important}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .dashboard-profile-card .team-card__body{padding:0!important;min-width:0}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .dashboard-profile__id{font-size:12px;line-height:1.6;color:#74627d}
body.wafaq-2026:not(.wf-native-app) .wf-account-navigation .profile-picture{width:24px;height:24px;font-size:14px;bottom:-3px;right:-3px}
.wf-site-brand{display:flex;align-items:center;gap:10px;flex:none}
body.wafaq-2026:not(.wf-native-app) .wf-site-header>.container{column-gap:12px}
.wf-account-drawer{--bs-offcanvas-width:320px;width:min(320px,90vw)!important;background:#fffdfa;color:#49364f}
.wf-account-drawer .offcanvas-header{padding:20px;border-bottom:1px solid #eee8f1}
.wf-account-drawer .offcanvas-header h2{font-size:18px;font-weight:600;margin:0;color:#5c3667}
.wf-account-drawer .offcanvas-body{padding:16px}
.wf-nav-profile{display:flex;align-items:center;gap:12px;padding:14px 10px;margin-bottom:12px;border:1px solid #eee8f1;border-radius:12px;color:#49364f;text-decoration:none}
.wf-nav-profile img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.wf-nav-profile>span{display:grid;gap:3px;min-width:0;flex:1}
.wf-nav-profile strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-nav-profile small{font-size:11px;color:#70407b}
html[dir=rtl] .wf-account-drawer.offcanvas-start{left:auto;right:0;transform:translateX(100%);border-left:1px solid #eee8f1;border-right:0}
html[dir=rtl] .wf-account-drawer.offcanvas-start.show,html[dir=rtl] .wf-account-drawer.offcanvas-start.showing{transform:none}
html[dir=rtl] .wf-account-drawer .btn-close{margin-left:0;margin-right:auto}
@media(max-width:991px){body.wafaq-2026:not(.wf-native-app) .dashboard .sidebar-logo{margin-top:42px}body.wafaq-2026:not(.wf-native-app) .wf-header-tools{gap:7px}body.wafaq-2026:not(.wf-native-app) .wf-nav-tool{width:36px;height:36px;flex-basis:36px;font-size:20px}}
@media(max-width:480px){.wf-site-brand{gap:8px}body.wafaq-2026.wf-discovery-page:not(.wf-native-app) .wf-site-logo img{width:100px!important}}