/* FlatcastX V3.5 | Public sidebar navigation only | 2026-10-30.
   No changes to menus' href/onclick, icons, user data, the player, or admin UI. */
.page > .layout > .sidebar {
  --fx-menu-accent: #1795de;
  --fx-menu-line: #d9e5f0;
  --fx-menu-text: #154770;
}
.page > .layout > .sidebar > .menu-block {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid #b1cce0 !important;
  box-shadow: 0 4px 12px rgba(18,73,117,.08) !important;
  margin-bottom: 14px !important;
}
.page > .layout > .sidebar > .menu-block > .menu-title {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 10px 13px !important;
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(115deg,#00559a,#087cc1) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.12);
  letter-spacing: .15px;
}
.page > .layout > .sidebar > .menu-block > .menu-content {padding: 9px !important;}
.page > .layout > .sidebar > .menu-block > .menu-content > a:not(.auth-link) {
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-height:37px;
  padding: 8px 10px !important;
  margin: 2px 0 !important;
  width:100%;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow:none !important;
  color:var(--fx-menu-text) !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transform:none !important;
  transition: background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease !important;
}
.page > .layout > .sidebar > .menu-block > .menu-content > a:not(.auth-link) > i:first-child {
  display:inline-flex !important;
  flex:0 0 22px;
  width:22px;
  height:24px;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:13px;
  color:#1379bc;
  background:#e7f4ff;
  border-radius:6px;
  transition:background-color .16s ease,color .16s ease;
}
.page > .layout > .sidebar > .menu-block > .menu-content > a:not(.auth-link):is(:hover,:focus-visible) {
  color:#064d7a !important;
  background:#eaf5fd !important;
  border-color:#badbf3 !important;
  box-shadow: inset 3px 0 0 #29a7ee !important;
}
.page > .layout > .sidebar > .menu-block > .menu-content > a.fx-menu-current:not(.auth-link) {
  background:linear-gradient(105deg,#e0f3ff,#edf8ff) !important;
  border-color:#94c9ec !important;
  box-shadow:inset 3px 0 0 #1292dd !important;
  color:#004e81 !important;
}
.page > .layout > .sidebar > .menu-block > .menu-content > a.fx-menu-current:not(.auth-link) > i:first-child {
  color:#fff !important;
  background:#087fc5 !important;
}
.page > .layout > .sidebar > .menu-block > .menu-content > a:focus-visible {outline:2px solid #65c8ff !important;outline-offset:1px;}
/* Danger links remain clearly distinct from navigation and retain their functions. */
.page > .layout > .sidebar > .menu-block > .menu-content > a.admin-link:not(.auth-link),
.page > .layout > .sidebar > .menu-block > .menu-content > a.admin-link:is(:hover,:focus-visible):not(.auth-link) {
  color:#fff !important;
  background:linear-gradient(110deg,#d52c37,#bd2430) !important;
  border-color:#dc5660 !important;
  box-shadow:none !important;
}
.page > .layout > .sidebar > .menu-block > .menu-content > a.admin-link > i:first-child {background:#ffffff26 !important;color:#fff !important;}
.page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link) {color:#bc2c36 !important;}
.page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link) > i:first-child {color:#c73c45 !important;background:#fff0f1 !important;}
.page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:is(:hover,:focus-visible):not(.auth-link) {background:#fff0f1 !important;border-color:#f4c4c7 !important;box-shadow:none !important;}
/* Retain the add-radio green semantic in both themes. */
.page > .layout > .sidebar > .menu-block > .menu-content > a[onclick*="loadCreateRadioForm"] > i:first-child {color:#0f9e5f !important;background:#e5f8ef !important;}
.page > .layout > .sidebar > .menu-block > .menu-content > a .fx-support-badge {margin-left:auto;}
/* Stats are informational, not navigation. */
.page > .layout > .sidebar .stat-line {padding:7px 2px !important;}
@media (prefers-reduced-motion:reduce) {
  .page > .layout > .sidebar .menu-content > a {transition:none!important;}
}
/* Dark theme: same button geometry with restrained navy/cyan contrast. */
html[data-fx-site-theme="dark"] .page > .layout > .sidebar {
  --fx-menu-text:#d6e9fa;
  --fx-menu-line:#3d5873;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block {
  background:#1b2d43 !important;
  border-color:#3a5878 !important;
  box-shadow:0 4px 14px #0a15253d !important;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-title {
  background:linear-gradient(110deg,#28435f,#243e5a) !important;
  border-bottom:1px solid #416183 !important;
  color:#e8f4ff !important;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content {background:#1d3048 !important;}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a:not(.auth-link) {
  color:#d5e6f8 !important;
  background:#233951 !important;
  border-color:#2e4762 !important;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a:not(.auth-link) > i:first-child {
  background:#304d6c !important;
  color:#87cbfa !important;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a:is(:hover,:focus-visible):not(.auth-link) {
  background:#315474 !important;
  color:#fff !important;
  border-color:#5684a6 !important;
  box-shadow:inset 3px 0 0 #48b7f8 !important;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a.fx-menu-current:not(.auth-link) {
  background:linear-gradient(105deg,#145d91,#194b73) !important;
  color:#fff !important;
  border-color:#3e97cd !important;
  box-shadow:inset 3px 0 0 #70d3ff !important;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a.fx-menu-current:not(.auth-link) > i:first-child {background:#0d7fc5 !important;color:#fff !important;}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a.admin-link:not(.auth-link),
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a.admin-link:is(:hover,:focus-visible):not(.auth-link) {
  background:linear-gradient(110deg,#c52b36,#a62331) !important;
  border-color:#d95160 !important;
  color:#fff !important;
  box-shadow:none !important;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a.admin-link > i:first-child {background:#ffffff24 !important;color:#fff !important;}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link) {
  color:#ffd6da !important;
  background:#3c2838 !important;
  border-color:#673c50 !important;
}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link) > i:first-child {background:#623746 !important;color:#ffbdc5 !important;}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:is(:hover,:focus-visible):not(.auth-link) {background:#563244 !important;border-color:#97566e !important;box-shadow:none !important;}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar > .menu-block > .menu-content > a[onclick*="loadCreateRadioForm"] > i:first-child {background:#1e584d !important;color:#76efbd !important;}