/* Jeffrey Services World Radio 7.1.1 — single, intentional header layout.
   Loaded after legacy Signature/6.4/7.0 CSS on direct loads and SPA transitions.
   Presentation only; user/role visibility still comes from authenticated API. */
#js-universe .ru-nav {
  display:grid !important;
  grid-template-columns: minmax(190px,245px) minmax(0,1fr) minmax(330px,365px) !important;
  grid-template-areas: "brand search account" "primary primary actions" !important;
  gap: 12px 22px !important;
  align-items:center !important;
  padding: 16px max(22px,calc((100vw - 1440px)/2)) 14px !important;
  width:100% !important; height:auto !important; min-height:0 !important;
  box-sizing:border-box !important; isolation:isolate;
  background:#0c0e12f7; border-bottom:1px solid #48402f;
}
#js-universe .ru-nav > * { min-width:0; box-sizing:border-box; order:initial !important; }
#js-universe .ru-nav > .ru-brand { grid-area:brand !important; align-self:center; justify-self:start; width:auto; max-width:100%; min-width:0; }
#js-universe .ru-brand strong { line-height:1.18; }
#js-universe .ru-brand small { line-height:1.35; overflow-wrap:anywhere; }
#js-universe .ru-nav > .sig-command {
  grid-area:search !important; align-self:center; justify-self:stretch;
  display:flex !important; min-height:46px; width:100% !important;
  max-width:100% !important; min-width:0; margin:0 !important;
  flex:none !important; position:relative;
}
#js-universe .sig-command input { min-width:0 !important; width:100%; }
#js-universe .ru-nav > .ru-auth-slot {
  grid-area:account !important; display:flex; align-items:center; justify-content:flex-end;
  justify-self:end; align-self:center; width:100%; max-width:100%; min-width:0;
  margin:0 !important;
}
#js-universe .ru-nav > .ru-signature-nav {
  grid-area:primary !important; display:flex !important; flex-wrap:wrap !important;
  align-items:center; justify-content:flex-start !important; align-self:center;
  gap:6px !important; width:100% !important; min-width:0;
  padding:8px 0 0 !important; margin:0 !important;
  border-top:1px solid #ffffff18;
  overflow:visible !important;
}
#js-universe .ru-signature-nav > a {
  display:inline-flex; align-items:center; justify-content:center;
  white-space:nowrap; min-height:40px; padding:9px 12px;
  font-size:12px; line-height:1.2; flex:0 0 auto;
}
#js-universe .ru-nav > .ru-nav-tools {
  grid-area:actions !important; display:flex !important; justify-content:flex-end !important;
  align-items:center; flex-wrap:wrap !important; justify-self:end; align-self:center;
  width:auto; max-width:100%; min-width:0; gap:7px !important;
  padding:8px 0 0 !important; margin:0 !important;
  border-top:1px solid #ffffff18;
}
#js-universe .ru-nav-tools > .ru-live,
#js-universe .ru-nav-tools > .ru-role-link { white-space:nowrap; min-height:38px; padding:8px 11px; font-size:11px; }
#js-universe .ru-nav > nav.js7-extra-links { display:none !important; } /* legacy nav inserted by old cached JS */
#js-universe .ru-signature-nav > details.js7-extra-links { display:block !important; position:relative; flex:0 0 auto; }
#js-universe .js7-extra-links > summary,
#js-universe .js7-mobile-more > summary {
  display:inline-flex; align-items:center; justify-content:center; min-height:40px;
  padding:9px 13px; color:#ead0a6; font-size:12px; font-weight:700;
  background:#1b1d20; border:1px solid #5b4c36; border-radius:10px;
  cursor:pointer; list-style:none; white-space:nowrap;
}
#js-universe .js7-extra-links > summary::-webkit-details-marker,
#js-universe .js7-mobile-more > summary::-webkit-details-marker { display:none; }
#js-universe .js7-more-menu {
  display:grid !important; gap:3px !important; flex-wrap:nowrap !important;
  position:absolute; z-index:110; top:calc(100% + 8px); left:0;
  width:226px; max-width:calc(100vw - 30px); padding:8px;
  background:#181b20; border:1px solid #89714a; border-radius:14px;
  box-shadow:0 18px 45px #000a;
}
#js-universe .js7-more-menu a {
  display:block; padding:12px 13px !important; min-height:42px; border-radius:8px;
  font-size:13px !important; line-height:1.2; white-space:normal; color:#f2dfc2;
}
#js-universe .js7-more-menu a:hover,
#js-universe .js7-more-menu a:focus-visible { background:#342918; }
#js-universe .ru-nav > .js7-mobile-more { display:none !important; }
#js-universe .ru-auth-slot .ru-account-pill {max-width:100%;min-width:0;}
#js-universe .ru-auth-slot .ru-account-copy { max-width:180px; min-width:0; }
#js-universe .ru-auth-slot .ru-account-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#js-universe .ru-nav [hidden] {display:none!important;}

@media (max-width:1199px) and (min-width:851px) {
  #js-universe .ru-nav {
    grid-template-columns:minmax(185px,235px) minmax(0,1fr) minmax(165px,205px) !important;
    grid-template-areas:"brand search account" "primary primary primary" "actions actions actions" !important;
    gap:10px 16px !important;
    padding:14px 24px !important;
  }
  #js-universe .ru-nav > .ru-nav-tools {justify-self:start; justify-content:flex-start!important; padding-top:4px!important;border-top:0;}
}
@media (max-width:850px) {
  #js-universe .ru-nav {
    display:grid!important; grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand account" "search search" "actions actions" "more more" !important;
    padding:12px 16px !important; gap:9px 10px !important;
    position:relative;
  }
  #js-universe .ru-nav > .ru-signature-nav { display:none !important; }
  #js-universe .ru-nav > .sig-command {min-height:44px;margin:0!important;}
  #js-universe .ru-nav > .ru-nav-tools {justify-self:stretch; justify-content:flex-start!important; gap:7px!important; border-top:0; padding:0!important;}
  #js-universe .ru-nav > .js7-mobile-more {display:block!important;grid-area:more!important;position:relative;}
  #js-universe .js7-mobile-more > summary {width:100%;justify-content:space-between;min-height:40px;}
  #js-universe .js7-mobile-more .js7-more-menu {position:static;width:100%;max-width:none;margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr));}
  #js-universe .ru-auth-slot .ru-account-copy { max-width:126px; }
}
@media (max-width:420px) {
  #js-universe .ru-nav {padding:11px 10px!important;gap:8px!important;}
  #js-universe .ru-nav > .ru-brand img {width:35px;height:35px;}
  #js-universe .ru-brand strong {font-size:10px;letter-spacing:.08em;}
  #js-universe .ru-brand small {font-size:8px;letter-spacing:.06em;}
  #js-universe .ru-auth-slot .ru-account-pill { padding:6px!important; }
  #js-universe .ru-auth-slot .ru-account-copy {max-width:100px;}
  #js-universe .ru-nav-tools > .ru-live,
  #js-universe .ru-nav-tools > .ru-role-link {font-size:10px;min-height:36px;padding:7px 9px;}
  #js-universe .js7-mobile-more .js7-more-menu {grid-template-columns:1fr;}
}