/* =====================================================================
   Blog Automation – admin area (#/admin, js/admin-shell.js + pages/admin*.js), loaded last.
   The admin area always uses the Blog Automation look and the normal sidebar (js/appearance.js); colours from theme.css tokens.
   ===================================================================== */

/* sidebar: badge for open plan requests as a real round pill (was squeezed into a thin line) */
.adm-shell .nav a .count { display: inline-flex; align-items: center; justify-content: center; flex: none; min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 1; }
.adm-shell .nav a.active .count { background: var(--coral); color: #fff; }
.adm-shell .nav a { min-height: 40px; }
.adm-shell .nav a:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.adm-foot { border-top: 1px solid rgba(255, 255, 255, .12); }

/* tables: buttons in the actions column on one line and vertically centred; dates never break inside */
.adm-shell .tbl td { vertical-align: middle; }
.adm-shell .tbl .actions { white-space: nowrap; }
.adm-shell .tbl .actions .btn { vertical-align: middle; }
.adm-shell .tbl .actions .btn + .btn { margin-left: 6px; }
.tbl .nowrap { white-space: nowrap; }
.adm-shell .tbl code, .adm-shell .tbl .mono { vertical-align: middle; }

/* toggles: no capital letters (design rule) – applies everywhere */
.tgl-on, .tgl-off { text-transform: none; letter-spacing: 0; font-size: 11px; }