/* Admin area: top strip, left sidebar, and the "signed in" strip on the public site. */
body.admin { padding: 0; background: #f6f7f9; }
.admin-top { background: #212529; color: #fff; padding: .5rem 1rem; display: flex; align-items: center; gap: 1rem; }
.admin-top a { color: #cfd4da; text-decoration: none; }
.admin-top a:hover { color: #fff; }
.admin-top .brand { font-weight: 600; color: #fff; }
.admin-shell { display: flex; min-height: calc(100vh - 44px); }
.admin-side { width: 220px; flex: 0 0 220px; background: #fff; border-right: 1px solid #dee2e6; padding: 1rem .75rem; }
.admin-main { flex: 1 1 auto; min-width: 0; padding: 1.5rem; }
.admin-nav-group { text-transform: uppercase; font-size: .72rem; letter-spacing: .05em; color: #6c757d; margin: .25rem .5rem; }
.admin-side .nav-link { color: #212529; padding: .35rem .5rem; border-radius: .375rem; }
.admin-side .nav-link:hover { background: #f1f3f5; }
.admin-side .nav-link.active { background: #0d6efd; color: #fff; }
.admin-toggle { display: none; }
@media (max-width: 767.98px) {
  .admin-shell { display: block; }
  .admin-side { display: none; width: auto; border-right: 0; border-bottom: 1px solid #dee2e6; }
  .admin-side.show { display: block; }
  .admin-toggle { display: inline-block; }
}
.admin-strip { background: #212529; color: #cfd4da; font-size: .85rem; padding: .3rem 1rem; display: flex; gap: 1rem; margin: -20px -20px 1rem; }
.admin-strip a { color: #fff; }