/* Dukhoon V95 compact header: menu directly beside branding, bell visible for all signed-in accounts */
html body header.top, html body header.top .wrap.nav {max-height:none!important;height:auto!important;min-height:0!important;overflow:visible!important}
html body header.top .wrap.nav {width:min(1320px,calc(100% - 24px))!important;padding:6px 0!important;gap:0!important;display:flex!important;align-items:center!important}
html body header.top .dk95-header-inner {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important}
html body header.top .dk95-header-inner .brand {display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;max-width:unset!important;gap:9px!important;margin:0!important}
html body header.top .dk95-header-inner .brand-logo {width:52px!important;height:44px!important;max-width:52px!important;max-height:44px!important;object-fit:contain!important}
html body header.top .dk95-header-inner .brand-text strong {font-size:15px!important;white-space:nowrap!important}
html body header.top .dk95-header-inner .brand-text small {font-size:10px!important;white-space:nowrap!important}
html body header.top .dk95-header-inner .dk94-nav-area {display:flex!important;gap:8px!important;flex:0 1 auto!important;align-items:center!important;min-width:0!important;justify-content:flex-start!important;position:static!important}
html body header.top .dk95-header-inner .dk94-user-name {padding:6px 10px!important;font-size:11px!important}
html body header.top .dk95-header-inner .dk94-menu {position:static!important}
html body header.top .dk95-header-inner .dk94-toggle {padding:7px 12px!important;font-size:13px!important;min-height:38px!important}
html body header.top .dk95-header-inner .dk94-menu>.nav-links {inset-inline-start:0!important;inset-inline-end:auto!important;top:calc(100% + 2px)!important}
html body header.top .dk95-bell {position:relative;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #a8865a;border-radius:12px;background:linear-gradient(135deg,#322318,#62432e);font-size:20px;text-decoration:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body header.top .dk95-bell:is(:hover,:focus-visible) {background:#674832!important;outline-offset:2px}
html body header.top .dk95-bell-count:not([hidden]) {position:absolute;top:-7px;inset-inline-end:-5px;display:grid;place-items:center;font-size:10px;line-height:1;color:#fff!important;-webkit-text-fill-color:#fff!important;min-width:19px;height:19px;border-radius:10px;background:#b33226;padding:2px 3px;box-shadow:0 2px 6px #0008}
@media(max-width:760px){
 html body header.top .wrap.nav {padding:4px 0!important}
 html body header.top .dk95-header-inner {gap:6px!important}
 html body header.top .dk95-header-inner .brand {max-width:none!important;gap:4px!important}
 html body header.top .dk95-header-inner .brand-logo {width:35px!important;height:34px!important;max-width:35px!important;max-height:34px!important}
 html body header.top .dk95-header-inner .brand-text strong {font-size:11px!important}
 html body header.top .dk95-header-inner .brand-text small {display:none!important}
 html body header.top .dk95-header-inner .dk94-nav-area {gap:5px!important}
 html body header.top .dk95-header-inner .dk94-user-name {display:none!important}
 html body header.top .dk95-header-inner .dk94-toggle {min-height:36px!important;font-size:11px!important;padding:6px 8px!important;gap:4px!important}
 html body header.top .dk95-bell {width:35px;height:35px;flex-basis:35px;font-size:18px}
 html body header.top .dk95-header-inner .dk94-menu>.nav-links {max-height:75dvh!important}
}
@media(max-width:360px){html body header.top .dk95-header-inner .brand-text strong {font-size:10px!important}html body header.top .dk95-header-inner .dk94-toggle {font-size:10px!important}}

/* Place menu directly after logo/title; keep account label secondary. */
html body header.top .dk95-header-inner .dk94-menu {order:-1!important}
html body header.top .dk95-header-inner .dk94-user-name {order:2!important}

/* DUKHOON V96: logo, menu and bell as a single compact right-aligned cluster. */
html body header.top .wrap.nav {direction:rtl!important;justify-content:flex-start!important;}
html body header.top .dk95-header-inner {display:flex!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;direction:rtl!important;}
html body header.top .dk96-heading-cluster {display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:auto!important;max-width:100%!important;min-width:0!important;direction:rtl!important;}
html body header.top .dk96-action-cluster {display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex:0 0 auto!important;min-width:0!important;direction:rtl!important;}
html body header.top .dk96-action-cluster .dk94-nav-area {position:relative!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;gap:0!important;}
html body header.top .dk96-action-cluster .dk94-menu {position:relative!important;order:0!important;}
html body header.top .dk96-action-cluster .dk94-menu > .nav-links {position:absolute!important;inset-inline-start:0!important;inset-inline-end:auto!important;top:calc(100% + 9px)!important;}
html body header.top .dk96-action-cluster .dk95-bell {flex:0 0 40px!important;}
@media(max-width:760px){
 html body header.top .wrap.nav {min-height:0!important; padding:6px 0!important;}
 html body header.top .dk96-heading-cluster {gap:7px!important;}
 html body header.top .dk96-heading-cluster .brand {flex:0 1 auto!important;max-width:none!important;gap:5px!important;}
 html body header.top .dk96-heading-cluster .brand-logo {height:36px!important;width:36px!important;max-height:36px!important;max-width:36px!important;}
 html body header.top .dk96-heading-cluster .brand-text strong {font-size:12px!important;white-space:nowrap!important;}
 html body header.top .dk96-action-cluster {gap:5px!important;}
 html body header.top .dk96-action-cluster .dk94-toggle {min-height:35px!important;padding:6px 9px!important;font-size:12px!important;}
 html body header.top .dk96-action-cluster .dk95-bell {height:35px!important;width:35px!important;flex-basis:35px!important;}
 html body header.top .dk96-action-cluster .dk94-menu > .nav-links {
   position:fixed!important;top:56px!important;left:10px!important;right:10px!important;
   inset-inline-start:auto!important;inset-inline-end:auto!important;
   width:auto!important;max-width:none!important;max-height:calc(100dvh - 72px)!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:390px){
 html body header.top .dk96-heading-cluster {gap:4px!important;}
 html body header.top .dk96-heading-cluster .brand-logo {width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;}
 html body header.top .dk96-heading-cluster .brand-text strong {font-size:10px!important;}
 html body header.top .dk96-action-cluster .dk94-toggle {padding:6px!important;font-size:11px!important;}
 html body header.top .dk96-action-cluster .dk95-bell {height:33px!important;width:33px!important;flex-basis:33px!important;}
}
