/* Back (nav.js): the shared button and the leave-without-saving dialog. Tokens come from the host app; both themes follow. */
.nb-bar { display: flex; align-items: center; padding: 2px 0 10px; }
.nb { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; min-width: 44px; padding: 0 14px 0 10px; border-radius: 12px;
  border: 1px solid var(--line, rgba(255,255,255,.12)); background: var(--wash, transparent); color: var(--ink, inherit);
  font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.nb svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.nb:hover { border-color: var(--accent, #F7A11A); }
.nb:focus-visible { outline: 2px solid var(--accent, #F7A11A); outline-offset: 2px; }
:root[dir="rtl"] .nb svg, [dir="rtl"] .nb svg { transform: scaleX(-1); }
@media (max-width: 520px) { .nb { padding: 0 12px 0 8px; } }
@media print { .nb-bar, .nv-dlg { display: none !important; } }

.nv-dlg { position: fixed; inset: 0; z-index: 9800; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0,0,0,.6); }
.nv-dlg__box { width: min(420px, 100%); border-radius: 16px; padding: 20px; background: var(--e2, var(--card, #1b1d20)); color: var(--ink, #fff);
  border: 1px solid var(--line, rgba(255,255,255,.14)); box-shadow: 0 20px 60px rgba(0,0,0,.5); }
:root[data-scheme="light"] .nv-dlg__box { background: #fff; color: #1d1a16; border-color: rgba(18,20,23,.14); }
.nv-dlg__box h2 { margin: 0 0 8px; font-size: 18px; font-weight: 800; }
.nv-dlg__box p { margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: var(--steel, #a9b1ba); }
:root[data-scheme="light"] .nv-dlg__box p { color: #5f5a52; }
.nv-dlg__acts { display: flex; flex-direction: column; gap: 8px; }
.nv-btn { min-height: 46px; padding: 0 16px; border-radius: 12px; font: inherit; font-weight: 800; cursor: pointer; border: 1px solid var(--line, rgba(255,255,255,.2)); background: transparent; color: inherit; }
.nv-btn--stay { background: var(--accent, #F7A11A); border-color: var(--accent, #F7A11A); color: var(--ink-on-accent, #1A1205); }
.nv-btn--leave:hover { border-color: var(--danger, #E5645A); color: var(--danger, #E5645A); }
.nv-btn:focus-visible { outline: 2px solid var(--accent, #F7A11A); outline-offset: 2px; }