/* site name removed from the masthead → keep account links right-aligned */
#masthead { justify-content: flex-end !important; }

/* roomier navbar (overrides the theme's compact #navbar); flex so the alerts/
   messages/toggle cluster can right-align like the account row */
#navbar { padding: 9px 14px !important; font-size: 13px !important; display: flex; align-items: center; flex-wrap: wrap; }
/* both clusters use spacing (no pipe separators); right cluster pushes to the edge */
.nav-left { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 11px; }
.nav-right { margin-left: auto; display: inline-flex; align-items: center; gap: 11px; }

/* grouped navbar dropdowns */
.navgrp { position: relative; display: inline-block; }
.navgrp-btn { font: inherit; color: inherit; background: none; border: none; padding: 0; cursor: pointer; }
.navgrp-btn:hover { text-decoration: none; opacity: .8; } /* no underline on the dropdown triggers */
.navgrp-avatar { height: 18px; width: 18px; border-radius: 3px; object-fit: cover; vertical-align: -4px; margin-right: 5px; }
/* dropdown caret (▾ → ▴ when open) */
.navgrp-ind::after { content: '\25BE'; font-size: 1.35em; opacity: .9; margin-left: 5px; vertical-align: -1px; }
.navgrp.open .navgrp-ind::after { content: '\25B4'; }
.navgrp-icon { height: 15px; width: auto; vertical-align: -2px; }
.navgrp-panel { display: none; position: absolute; left: 0; top: 100%; margin-top: 6px; min-width: 178px;
  border: 1px solid rgba(127,127,127,.5); box-shadow: 0 6px 18px rgba(0,0,0,.45); z-index: 1000; padding: 4px 0; }
.navgrp.is-right .navgrp-panel { left: auto; right: 0; } /* far-right menus open leftward so they stay on-screen */
.navgrp.open .navgrp-panel { display: block; }
.navgrp-item { display: block !important; padding: 7px 16px; white-space: nowrap; text-decoration: none; font-size: 13px; line-height: 1.5; }
.navgrp-item:hover { background: rgba(127,127,127,.22); }
/* a moved <form> button (logout) styled as a menu item */
button.navgrp-item { width: 100%; text-align: left; background: none; border: none; color: inherit; font: inherit; cursor: pointer; }

/* secondary navbar — breadcrumb bar below the main navbar (Radio › Board index › trail) */
#fb-subnav { display: flex; align-items: center; flex-wrap: wrap; padding: 5px 14px; font-size: 12px;
  background: rgba(127,127,127,.10); border-bottom: 1px solid rgba(127,127,127,.22); }
#fb-subnav a { text-decoration: none; }
#fb-subnav a:hover { text-decoration: underline; }
#fb-subnav-radio:not(:empty)::after { content: '\203A'; opacity: .45; margin: 0 8px; } /* › after Radio */
#fb-subnav-radio a { display: inline-flex; align-items: center; }
.subnav-home { font-weight: bold; }
.subnav-sep { opacity: .45; margin: 0 8px; }
.subnav-cur { opacity: .8; }

/* ACP */
.navmenu-row { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
.navmenu-row label { font-size: 12px; }
.navmenu-up { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.navmenu-prev { display: inline-flex; align-items: center; min-width: 26px; font-size: 18px; }
.navmenu-prev img { height: 18px; width: auto; vertical-align: middle; }