/*!
 * ISNADIA Navigation Engine — shared presentation layer (Wave 2).
 * Uses each host's own CSS custom properties (--surface, --line, --ink,
 * --ink-2, --muted, --accent, --accent-soft, --shadow) so it drops into any
 * ISNADIA surface without a visual clash. No host is redesigned by this file
 * — it only styles the navigation primitives themselves.
 */
.nav-crumb-bar{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:0.8rem; color:var(--muted, #75817c); }
.nav-crumb-step{ white-space:nowrap; }
.nav-crumb-step.is-last{ color:var(--ink, #161e1b); font-weight:650; }
.nav-crumb-sep{ opacity:0.55; }

.nav-fav-star{
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  width:24px; height:24px; border-radius:8px; color:var(--muted, #75817c);
  border:1px solid transparent; font-size:0.95rem; user-select:none;
}
.nav-fav-star:hover{ border-color:var(--accent, #1f5a4b); color:var(--accent, #1f5a4b); }
.nav-fav-star.is-active{ color:#c9971f; }

.nav-search-results{
  position:absolute; left:0; right:0; top:100%; margin-top:6px; background:var(--surface, #fff);
  border:1px solid var(--line, #dde1df); border-radius:12px; box-shadow:var(--shadow, 0 10px 30px rgba(20,30,25,0.06));
  padding:8px; z-index:60; max-height:360px; overflow:auto; display:none;
}
.nav-search-results.open{ display:block; }
.nav-search-scope{ padding:6px 8px 2px; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.05em; color:var(--muted, #75817c); font-weight:700; }
.nav-search-item{ padding:7px 8px; border-radius:8px; font-size:0.86rem; cursor:pointer; }
.nav-search-item:hover{ background:var(--surface-2, #f0f2f1); }
.nav-search-empty{ padding:8px; font-size:0.8rem; color:var(--muted, #75817c); }
.nav-search-unavailable{ padding:6px 8px; font-size:0.76rem; color:var(--muted, #75817c); font-style:italic; }

.nav-panel-list{ display:flex; flex-direction:column; gap:2px; }
.nav-panel-item{ padding:8px; border-radius:9px; font-size:0.84rem; cursor:pointer; display:flex; justify-content:space-between; gap:10px; align-items:center; }
.nav-panel-item:hover{ background:var(--surface-2, #f0f2f1); }
.nav-panel-item .when{ color:var(--muted, #75817c); font-size:0.72rem; white-space:nowrap; }
.nav-panel-empty{ padding:10px 8px; font-size:0.8rem; color:var(--muted, #75817c); }