@charset "UTF-8";
/* Public navigation retains the existing header/mobile interaction. */
.library-site .desktop-nav.nav-configured-navigation .nav-mobile-only { display: none; }
.library-site .mobile-nav a.active { background: var(--accent-soft); color: var(--accent); }
@media (max-width: 580px) {
  .library-site .desktop-nav.nav-configured-navigation a:nth-child(2),
  .library-site .desktop-nav.nav-configured-navigation .nav-mobile-only { display: flex; }
  .library-site .desktop-nav.nav-configured-navigation a.nav-desktop-only { display: none; }
  .library-site .mobile-nav { max-height: min(65vh, 520px); overflow-y: auto; max-width: calc(100vw - 24px); }
}
/* Admin styles are scoped; the rest of the blue/white dashboard is unchanged. */
.navigation-page-heading .button { flex-shrink: 0; }
.navigation-warning { margin-bottom: 20px; overflow-wrap: anywhere; }
.navigation-panel-heading { display: flex; gap: 18px; justify-content: space-between; align-items: center; padding: 21px 22px; }
.navigation-panel-heading h2 { font-size: 17px; margin: 0 0 6px; }
.navigation-panel-heading p { font-size: 12px; margin: 0; color: var(--muted); }
.navigation-panel-heading > .text-link { flex-shrink: 0; }
.navigation-table-scroll { position: relative; }
.navigation-table { min-width: 900px; }
.navigation-table th { white-space: nowrap; }
.navigation-table td:nth-child(1) { max-width: 190px; white-space: normal; overflow-wrap: anywhere; }
.navigation-table td:nth-child(2) { max-width: 260px; white-space: normal; overflow-wrap: anywhere; }
.navigation-secondary, .navigation-url { display: block; color: var(--muted); font-size: 12px; margin-top: 4px; }
.navigation-url { max-width: 240px; overflow-wrap: anywhere; }
.navigation-missing { color: #ad374d; }
.navigation-counts, .navigation-location { font-size: 12px; white-space: nowrap; line-height: 1.9; color: var(--muted); }
.navigation-counts b { color: var(--ink); margin-left: 6px; font-variant-numeric: tabular-nums; }
.navigation-row-actions { flex-wrap: wrap; min-width: 145px; gap: 8px 13px; }
.navigation-row-actions .navigation-delete { color: #a33648; }
.navigation-empty { text-align: center; padding: 36px 22px; background: var(--surface-soft); border-top: 1px solid var(--line); }
.navigation-empty h3 { margin: 0 0 8px; }
.navigation-empty p { color: var(--muted); margin: 0; }
.navigation-explainer { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.navigation-explainer > div { border: 1px solid var(--line); border-radius: 10px; background: var(--surface); padding: 19px; min-width: 0; }
.navigation-explainer span { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.navigation-explainer .icon { color: var(--accent); width: 17px; height: 17px; }
.navigation-explainer p { font-size: 12px; color: var(--muted); margin: 9px 0 0; line-height: 1.9; }
.navigation-explainer a, .navigation-form-grid small a { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; }
.navigation-create, .navigation-editor { margin-top: 20px; scroll-margin-top: 18px; }
.navigation-create > summary { cursor: pointer; padding: 19px 22px; color: var(--ink); font-weight: 600; }
.navigation-create > summary > .icon { width: 17px; height: 17px; margin: 0 5px; }
.navigation-create > summary > span { margin-left: 14px; color: var(--muted); font-size: 12px; font-weight: 400; }
.navigation-create[open] > summary { border-bottom: 1px solid var(--line); }
.navigation-editor .panel-heading { flex-wrap: wrap; }
.navigation-editor .panel-heading p { margin: 0; }
.navigation-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
.navigation-form-grid > label { min-width: 0; }
.navigation-form-grid input:not([type=checkbox]), .navigation-form-grid select { width: 100%; }
.navigation-switches { border: 1px solid var(--line); padding: 12px 15px; border-radius: 9px; margin: 0 0 20px; min-width: 0; }
.navigation-switches legend { font-size: 12px; padding: 0 5px; color: var(--muted); }
.navigation-switches label { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: 12px; }
.navigation-switches label:last-child { margin-bottom: 0; }
.navigation-switches input[type=checkbox] { margin: 0; width: 15px; height: 15px; }
.navigation-safe-note { margin: 0 0 20px; overflow-wrap: anywhere; }
.navigation-reset { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; }
.navigation-reset p { font-size: 12px; color: var(--muted); margin: 0; }
@media (max-width: 1000px) { .navigation-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .navigation-explainer { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 600px) {
  .navigation-page-heading { flex-wrap: wrap; gap: 13px; }
  .navigation-panel-heading { align-items: flex-start; flex-wrap: wrap; padding: 18px 17px; }
  .navigation-form-grid { grid-template-columns: minmax(0,1fr); }
  .navigation-create > summary { padding: 17px; }
  .navigation-create > summary > span { display: block; margin: 5px 0 0; }
}
@media (max-width: 360px) { .navigation-metrics { gap: 10px; } .navigation-metrics .metric-card { padding: 13px 11px; } .navigation-metrics .metric-card > span { font-size: 12px; } .navigation-metrics .metric-card > strong { font-size: 28px; } }