/* Navigation v10 (v3/nav10.js, nav10-view.js): the answer strip every tab opens on, and the sidebar section heads. */
.nv10-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; padding: 12px 14px; border-radius: 10px;
  border: 1px solid var(--lpx-line, var(--line, rgba(127,127,127,.25))); background: var(--lpx-raised, var(--panel, transparent)); }
.nv10-col h3 { margin: 0 0 6px; font: 700 11px/1.2 inherit; letter-spacing: .08em; text-transform: uppercase; color: var(--lpx-mute, var(--mute, #888)); display: flex; gap: 8px; }
.nv10-col h3 a { margin-left: auto; text-transform: none; letter-spacing: 0; }
.nv10-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13px; }
.nv10-col li.bad b, .nv10-col li.bad small { color: var(--lpx-bad, var(--bad, #d55)); }
.nv10-col small { color: var(--lpx-mute, var(--mute, #888)); }
.nv10-nm { margin: 0; font-size: 12.5px; color: var(--lpx-mute, var(--mute, #888)); }
.nv10-more { grid-column: 1 / -1; font-size: 12.5px; color: var(--lpx-mute, var(--mute, #888)); border-top: 1px solid var(--lpx-line, var(--line, rgba(127,127,127,.25))); padding-top: 8px; }
.navsec { font: 700 10.5px/1 inherit; letter-spacing: .1em; text-transform: uppercase; color: var(--mute, #888); padding: 12px 10px 4px; }
.lpx-tabbar .nv10-more-menu { position: fixed; left: 8px; right: 8px; bottom: 64px; max-height: 70vh; overflow: auto; z-index: 60; padding: 8px; border-radius: 12px;
  background: var(--lpx-raised, #222); border: 1px solid var(--lpx-line, rgba(127,127,127,.3)); display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.lpx-tabbar .nv10-more-menu .lpx-sec { grid-column: 1 / -1; }
@media (max-width: 760px) { .nv10-strip { grid-template-columns: 1fr; gap: 10px; padding: 10px 12px; } }
/* Customer mode (v3/customer.js): the v10 sections in the top bar, a label over each group. */
.cw-navsec { display: inline-flex; align-items: center; gap: 2px; padding-left: 8px; border-left: 1px solid var(--lpx-line, rgba(127,127,127,.25)); }
.cw-navsec:first-child { border-left: 0; padding-left: 0; }
.cw-navsec small { font: 700 9.5px/1 var(--lpx-font, inherit); letter-spacing: .08em; text-transform: uppercase; color: var(--lpx-faint, #888); margin-right: 4px; }
.cw-nav a .n, .cw-tabbar a .n { margin-left: 6px; background: var(--lpx-accent, #c9a); color: #111; border-radius: 999px; font: 700 10px/1 var(--lpx-font, inherit); padding: 2px 6px; }
.cw-ws { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.nv10-subs { margin: 0 0 12px; overflow-x: auto; }
.lpx-tabbar .nv10-more-menu a { flex-direction: row; justify-content: flex-start; gap: 10px; min-height: 44px; height: auto; padding: 0 10px; font: 600 13px/1.2 var(--lpx-font, inherit); color: var(--lpx-ink2, inherit); border-radius: 8px; }
.lpx-tabbar .nv10-more-menu a[aria-current="page"] { background: var(--lpx-accent-wash, rgba(127,127,127,.15)); color: var(--lpx-ink, inherit); }
.lpx-tabbar .nv10-more-menu .lpx-sec { padding: 8px 10px 2px; }
.nv10-close { grid-column: 1 / -1; font-size: 13px; border-top: 1px solid var(--lpx-line, var(--line, rgba(127,127,127,.25))); padding-top: 8px; }
.nv10-close h3 { margin: 0 0 4px; }
.nv10-close ul { margin: 4px 0 0; padding-left: 18px; }
/* The app bar's More sheet (?app=1, mobile-bridge.js; Naja 11-14: "the more tab and options gets cut off on the phone"):
   never taller than the space above the bar, scrolls inside itself, one column on a narrow phone so long names fit,
   rows at least 44 px. decide-phone.css draws the bar; these rules only bound the sheet. */
html.lp-app .lp-app-more { max-height: calc(100vh - 76px - max(env(safe-area-inset-top, 0px), 12px) - env(safe-area-inset-bottom, 0px));
  overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; grid-auto-rows: minmax(44px, auto); }
@supports (height: 100dvh) { html.lp-app .lp-app-more { max-height: calc(100dvh - 76px - max(env(safe-area-inset-top, 0px), 12px) - env(safe-area-inset-bottom, 0px)); } }
html.lp-app .lp-app-more-item { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 359px) { html.lp-app .lp-app-more { grid-template-columns: 1fr; } }