/* admin-shell.css — Admin console shell (2026-09 redesign). Loaded after admin.html's inline styles. */
:root { --sidebar-w: 240px; }

/* Sidebar */
.admin-nav { top: 58px; padding: 0 10px 16px; gap: 2px; }
.admin-nav .nav-header {
  padding: 16px 10px 6px; font-size: 11px; letter-spacing: .08em; color: #56655D;
}
.admin-nav .nav-link {
  height: 36px; padding: 0 10px; border-radius: 8px; font-size: 14px; color: #15201A; gap: 10px;
}
.admin-nav .nav-link:hover { background: #F3F5F4; color: #005C2E; }
.admin-nav .nav-link.active { background: #E6F2EC; color: #005C2E; font-weight: 600; }
.admin-nav .nav-link .badge { font-size: 11px; font-weight: 600; border-radius: 10px; }
.admin-nav .nav-link .badge:not(.d-none) { margin-left: auto; }
.admin-nav .nav-link .badge:not(.d-none) ~ .badge:not(.d-none) { margin-left: 4px; }
.admin-nav .bf-nav-foot { margin-top: auto; padding: 14px 10px 0; font-size: 12px; color: #56655D; }

/* Section bar: group › destination + tabs */
#bf-section-bar {
  position: sticky; top: -1.5rem; z-index: 20;
  margin: -1.5rem -1.75rem 0; padding: 14px 28px 0;
  background: #fff; border-bottom: 1px solid #DCE3DF;
}
#bf-section-bar[hidden] { display: none; }
#bf-section-bar .bf-crumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #56655D; padding-bottom: 12px; }
#bf-section-bar .bf-crumb strong { color: #15201A; font-size: 16px; font-weight: 600; }
#bf-section-bar .bf-crumb .bi { font-size: 11px; }
#bf-section-bar .bf-tabs { display: flex; gap: 4px; overflow-x: auto; margin-top: -4px; }
#bf-section-bar .bf-tab {
  height: 40px; padding: 0 14px; border: 0; background: transparent; white-space: nowrap;
  font-size: 14px; font-weight: 500; color: #56655D; border-bottom: 2px solid transparent; margin-bottom: -1px;
  display: inline-flex; align-items: center; gap: 6px;
}
#bf-section-bar .bf-tab:hover { color: #005C2E; }
#bf-section-bar .bf-tab.active { color: #005C2E; font-weight: 600; border-bottom-color: #007A3D; }
#bf-section-bar .bf-tab:focus-visible { outline: 2px solid rgba(0,122,61,.45); outline-offset: -2px; border-radius: 6px; }
.bf-tab-badge { font-size: 11px; font-weight: 600; padding: 1px 7px; border-radius: 10px; background: #FDF1E3; color: #9A4A07; }
/* Pages below the bar keep their own padding; give them a little air */
#bf-section-bar:not([hidden]) ~ .admin-page.active { margin-top: 8px; }

/* Needs attention (Dashboard) */
#bf-attention { background: #fff; border: 1px solid #DCE3DF; border-radius: 10px; margin-bottom: 1.5rem; overflow: hidden; }
#bf-attention:empty { display: none; }
.bf-attn-head { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-bottom: 1px solid #DCE3DF; }
.bf-attn-head h2 { margin: 0; font-size: 15px; font-weight: 600; }
.bf-attn-total { font-size: 12px; font-weight: 600; padding: 2px 10px; border-radius: 11px; background: #FDF1E3; color: #9A4A07; }
.bf-attn-refresh { margin-left: auto; color: #56655D; }
.bf-attn-loading { padding: 14px 18px; font-size: 13px; color: #56655D; }
.bf-attn-item { display: flex; align-items: center; gap: 16px; padding: 12px 18px; border-top: 1px solid #EEF2EF; }
.bf-attn-item:first-child { border-top: 0; }
.bf-attn-main { flex: 1; min-width: 0; }
.bf-attn-title { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #15201A; }
.bf-attn-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: #9AA8A0; }
.bf-tone-high .bf-attn-dot { background: #B42318; }
.bf-tone-med  .bf-attn-dot { background: #D97706; }
.bf-tone-low  .bf-attn-dot { background: #1D4ED8; }
.bf-attn-count { font-size: 12px; font-weight: 600; padding: 1px 8px; border-radius: 10px; background: #F3F5F4; color: #15201A; }
.bf-tone-high .bf-attn-count { background: #FDECEA; color: #B42318; }
.bf-tone-med  .bf-attn-count { background: #FDF1E3; color: #9A4A07; }
.bf-attn-sub { font-size: 13px; color: #56655D; margin-top: 2px; line-height: 1.5; }
.bf-attn-sub a { color: #005C2E; font-weight: 500; }
.bf-muted { color: #56655D; }
.bf-attn-btn { flex-shrink: 0; }
.bf-attn-clear { padding: 10px 18px; font-size: 12px; color: #56655D; background: #F8FAF9; border-top: 1px solid #EEF2EF; }
.bf-attn-clear .bi { color: #007A3D; margin-right: 4px; }