/* Owner App two-tier navigation (2026-09-22) — only the Owner Home and the bookings workspace load this.
   Builds on .spl-appnav in spl-ui.css. Loaded before spl-ui.css (the design system stays last), so the
   container rules use .spl-appnav.spl-appnav--two-tier to outrank the base .spl-appnav rules. */
/* Two-tier owner navigation (2026-09-22): row 1 = Home · Bookings · Business · Tools,
   row 2 = AI Check · Settings · Availability · Services, smaller and visually subordinate.
   The divider is the row break on phones and a hairline between the groups on desktop. */
.spl-nav-two-tier { --spl-nav-h: 112px; }
.spl-appnav.spl-appnav--two-tier { flex-wrap: wrap; justify-content: space-between; row-gap: 0; padding-top: 4px; }
.spl-appnav--two-tier .spl-appnav__item { flex: 1 1 0; min-width: 0; max-width: none; min-height: 50px; }
.spl-appnav__divider { display: none; }
.spl-appnav--two-tier .spl-appnav__divider { display: block; flex: 0 0 100%; height: 1px; margin: 2px 4px 2px; background: var(--spl-border); }
.spl-appnav--two-tier .spl-appnav__item--sub { flex-direction: row; gap: 4px; min-height: 44px; padding: 0 2px; font-size: var(--spl-t-caption); font-weight: 500; letter-spacing: 0; white-space: nowrap; color: var(--spl-ink-3); }
.spl-appnav--two-tier .spl-appnav__item--sub .spl-icon { width: 14px; height: 14px; flex: none; }
.spl-appnav--two-tier .spl-appnav__item--sub[aria-current="page"] { color: var(--spl-accent); background: var(--spl-accent-wash); }
.spl-appnav__item:focus-visible { outline: 2px solid var(--spl-accent-strong, var(--spl-accent)); outline-offset: -2px; }
@media (max-width: 399.98px) { .spl-appnav--two-tier .spl-appnav__item--sub .spl-icon { display: none; } }
@media (min-width: 1024px) {
  .spl-nav-two-tier { --spl-nav-h: 64px; }
  .spl-appnav.spl-appnav--two-tier { flex-wrap: nowrap; justify-content: flex-start; row-gap: 4px; }
  .spl-appnav--two-tier .spl-appnav__item { flex: none; min-height: 48px; }
  .spl-appnav--two-tier .spl-appnav__divider { flex: none; height: 1px; margin: var(--spl-s-3) var(--spl-s-3); }
  .spl-appnav--two-tier .spl-appnav__item--sub { min-height: 44px; gap: 12px; padding: 0 var(--spl-s-3); font-size: var(--spl-t-helper); font-weight: 500; }
  .spl-appnav--two-tier .spl-appnav__item--sub .spl-icon { width: 18px; height: 18px; }
}

/* Solo Mode (2026-10-01): hide navigation and reset body padding so conversational assistant has full focus */
body.is-solo-mode #nav { display: none !important; }
body.is-solo-mode.spl-has-bottom-nav { padding-left: 0 !important; padding-bottom: env(safe-area-inset-bottom, 0px) !important; }