/* nav.css — Κύμα 2, πλοήγηση (design-arena/nav-lab, εγκεκριμένο). Φορτώνει μετά το jason.css. Μόνο εμφάνιση της στήλης (desktop),
   του μενού (κινητό) και της παλέτας ⌘K. Τέσσερις ζώνες, ένας ρόλος η καθεμία: ενέργειες · 3 προορισμοί · Πρόσφατα (το μόνο που κυλά) ·
   εργαλεία + λογαριασμός/Ρυθμίσεις κάτω. Όλα τα selectors κάτω από #nvRail / #nvDrawer / .nav-pal, ώστε να μην αγγίζουν τίποτα άλλο. */
:root{--nv-ink:#151816;--nv-sub:#5a615c;--nv-ink3:#5f665a;--nv-hair:#e6e8e3;--nv-soft:#eef0ec;--nv-surface:#f8f9f7;--nv-bg:#fff;
  --nv-accent:#08756e;--nv-active-bg:#eaf5ef;--nv-active-ink:#075e59;--nv-active-line:#d5e8dd;--nv-skel:#eceee9;
  --nv-tip-bg:#151816;--nv-tip-ink:#fff;--nv-scrim:rgba(23,33,27,.18);--nv-shadow:0 18px 50px rgba(20,38,27,.12)}
html[data-theme="dark"]{--nv-ink:#edf1ec;--nv-sub:#98a29a;--nv-ink3:#a3ada4;--nv-hair:#2a302c;--nv-soft:#1d2520;--nv-surface:#1b211d;--nv-bg:#101311;
  --nv-accent:#6fc7b5;--nv-active-bg:#1d302a;--nv-active-ink:#d8eee4;--nv-active-line:#29473e;--nv-skel:#262d29;
  --nv-tip-bg:#edf1ec;--nv-tip-ink:#101311;--nv-scrim:rgba(0,0,0,.5);--nv-shadow:0 18px 50px rgba(0,0,0,.45)}

/* ---------- κοινά: σειρές, Πρόσφατα, λογαριασμός ---------- */
:is(#nvRail,#nvDrawer) button{font:inherit;color:inherit;background:none;border:0;box-shadow:none;text-transform:none;letter-spacing:normal;cursor:pointer;-webkit-tap-highlight-color:transparent}
:is(#nvRail,#nvDrawer) .nv-row{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:auto;min-height:40px;padding:0 10px;border-radius:10px;color:var(--nv-sub);font-size:var(--fs-label)!important;font-weight:400;text-align:start;white-space:nowrap}
:is(#nvRail,#nvDrawer) .nv-row>.l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
:is(#nvRail,#nvDrawer) .nv-row>svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--nv-ink3);transform:none}
:is(#nvRail,#nvDrawer) .nv-row>.brand-symbol{width:20px;height:20px}
:is(#nvRail,#nvDrawer) .nv-act>svg{color:var(--nv-accent)}
:is(#nvRail,#nvDrawer) .nv-row:hover,:is(#nvRail,#nvDrawer) .nv-rc:hover{background:var(--nv-soft);color:var(--nv-ink)}
/* ενεργή κατάσταση μόνο σε προορισμούς· η «Νέα συζήτηση» είναι ενέργεια (nav-lab #6) */
:is(#nvRail,#nvDrawer) .nv-row.active:not(.nv-act),:is(#nvRail,#nvDrawer) .nv-rc.active{background:var(--nv-active-bg);color:var(--nv-active-ink);font-weight:500;border:0;box-shadow:none}
:is(#nvRail,#nvDrawer) .nv-row.nv-act.active{background:none;color:var(--nv-sub);font-weight:400;border:0;box-shadow:none}
:is(#nvRail,#nvDrawer) .nv-row.nv-act.active:hover{background:var(--nv-soft);color:var(--nv-ink)}
:is(#nvRail,#nvDrawer) .nv-kb{margin-left:auto;font-family:inherit;font-size:12px;line-height:1.4;color:var(--nv-ink3);border:1px solid var(--nv-hair);border-bottom-width:2px;border-radius:6px;padding:0 6px;background:var(--nv-bg);opacity:0;transition:opacity .15s}
:is(#nvRail,#nvDrawer) .nv-row:hover .nv-kb,:is(#nvRail,#nvDrawer) .nv-row:focus-visible .nv-kb,:is(#nvRail,#nvDrawer) .nv-kb.on{opacity:1}
:is(#nvRail,#nvDrawer) .nv-label{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 10px;font-size:var(--fs-cap);font-weight:500;color:var(--nv-ink3)}
:lang(en) :is(#nvRail,#nvDrawer) .nv-label>span{text-transform:uppercase;letter-spacing:.06em}
:is(#nvRail,#nvDrawer) .nv-lk{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;min-height:44px;margin:-6px -8px -6px 0;padding:0 8px;border-radius:10px;font-size:var(--fs-cap)!important;font-weight:500;color:var(--nv-accent)}
:is(#nvRail,#nvDrawer) .nv-lk:hover{background:var(--nv-soft)}
:is(#nvRail,#nvDrawer) .nv-lk.active{background:none}
:is(#nvRail,#nvDrawer) .nv-recents:not(:has(.nv-rc)) .nv-lk{display:none}
:is(#nvRail,#nvDrawer) .nv-grp{padding:10px 10px 4px;font-size:var(--fs-cap);color:var(--nv-ink3)}
:is(#nvRail,#nvDrawer) .nv-rc{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:auto;min-height:40px;padding:0 10px;border-radius:10px;color:var(--nv-sub);font-size:var(--fs-label)!important;text-align:start}
:is(#nvRail,#nvDrawer) .nv-rc>.l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#nvRail,#nvDrawer) .nv-all{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-height:40px;padding:0 10px;border-radius:10px;font-size:var(--fs-sub)!important;font-weight:500;color:var(--nv-accent)}
:is(#nvRail,#nvDrawer) .nv-all svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
:is(#nvRail,#nvDrawer) .nv-all:hover{background:var(--nv-soft)}
:is(#nvRail,#nvDrawer) .nv-all.active{background:none;border:0;box-shadow:none;color:var(--nv-accent)}
:is(#nvRail,#nvDrawer) .nv-more{display:none}
:is(#nvRail,#nvDrawer) .nv-empty{padding:4px 10px 10px;font-size:var(--fs-label);line-height:1.5;color:var(--nv-ink3)}
:is(#nvRail,#nvDrawer) .nv-empty p{margin:0}
:is(#nvRail,#nvDrawer) .nv-empty button{display:flex;align-items:center;width:auto;min-height:44px;padding:0;font-size:var(--fs-label)!important;font-weight:500;color:var(--nv-accent);text-align:start;white-space:normal}
:is(#nvRail,#nvDrawer) .nv-skel{display:grid;gap:6px;padding:4px 10px;animation:nv-pulse 1.4s ease-in-out infinite}
:is(#nvRail,#nvDrawer) .nv-skel i{display:flex;align-items:center;gap:10px;height:34px}
:is(#nvRail,#nvDrawer) .nv-skel i::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--nv-skel)}
:is(#nvRail,#nvDrawer) .nv-skel i::after{content:"";flex:0 0 var(--w,70%);height:10px;border-radius:6px;background:var(--nv-skel)}
@keyframes nv-pulse{50%{opacity:.45}}
:is(#nvRail,#nvDrawer) .nv-retry{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;font-size:var(--fs-label);color:var(--nv-ink3)}
:is(#nvRail,#nvDrawer) .nv-retry button{width:auto;min-height:44px;padding:0 4px;font-size:var(--fs-label)!important;font-weight:500;color:var(--nv-accent)}
:is(#nvRail,#nvDrawer) .nv-acct-row{display:flex;align-items:center;gap:4px;margin-top:4px}
:is(#nvRail,#nvDrawer) .nv-acct{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex:1;min-width:0;width:auto;min-height:52px;padding:0 6px 0 8px;border-radius:12px;color:var(--nv-ink);text-align:start}
:is(#nvRail,#nvDrawer) .nv-acct:hover{background:var(--nv-soft)}
:is(#nvRail,#nvDrawer) .nv-acct.active{background:var(--nv-active-bg);border:0;box-shadow:none}
:is(#nvRail,#nvDrawer) .nv-acct .nv-av,:is(#nvRail,#nvDrawer) .nv-acct .rail-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--nv-active-bg);color:var(--nv-active-ink);font-size:13px;font-weight:600}
:is(#nvRail,#nvDrawer) .nv-acct .nv-av{background:var(--nv-soft);color:var(--nv-sub)}
:is(#nvRail,#nvDrawer) .nv-acct .nv-av svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
:is(#nvRail,#nvDrawer) .nv-acct>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-label);font-weight:500}
:is(#nvRail,#nvDrawer) .nv-acct .nv-who{display:flex;flex-direction:column;font-weight:400}
:is(#nvRail,#nvDrawer) .nv-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-label);font-weight:500;color:var(--nv-ink)}
:is(#nvRail,#nvDrawer) .nv-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--nv-ink3)}
:is(#nvRail,#nvDrawer) .nv-gear{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:0;padding:0;border-radius:12px}
:is(#nvRail,#nvDrawer) .nv-gear:hover{background:var(--nv-soft)}
:is(#nvRail,#nvDrawer) .nv-gear.active{background:var(--nv-active-bg);border:0;box-shadow:none}
:is(#nvRail,#nvDrawer) .nv-gear .brand-symbol{width:20px;height:20px}
:is(#nvRail,#nvDrawer) .nv-gear>.l,.design-rail .rail-toggle>.l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(#nvRail,#nvDrawer) :is(button,a):focus-visible{outline:2px solid var(--nv-accent);outline-offset:-2px}

/* ---------- desktop: η στήλη (ανοιχτή 248 / κλειστή 72) ---------- */
@media(min-width:950px){
  .design-rail{padding:18px 12px 12px}
  .design-rail .rail-head{height:44px;margin:0 0 12px;padding:0 4px 0 10px}
  .design-rail .rail-toggle{position:relative;width:36px;height:36px;border:0;border-radius:10px;color:var(--nv-sub);background:none}
  .design-rail .rail-toggle:hover{background:var(--nv-soft);color:var(--nv-ink)}
  .design-rail .rail-toggle svg,body.desktop-nav-collapsed .design-rail .rail-toggle svg{width:20px;height:20px;transform:none;stroke-width:1.6}
  html[data-theme="dark"] .design-rail .rail-toggle{background:none;border:0}
  #nvRail{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
  #nvRail .nv-top,#nvRail .nv-dest{display:flex;flex-direction:column;gap:2px;flex:none}
  #nvRail .nv-dest{margin-top:14px}
  /* Γ · το μόνο που κυλά, με native λεπτή μπάρα (όχι custom scrollbar) */
  #nvRail .nv-mid{position:relative;flex:1 1 auto;min-height:0;margin-top:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--nv-hair) transparent;
    -webkit-mask-image:linear-gradient(transparent 0,#000 10px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(transparent 0,#000 10px,#000 calc(100% - 18px),transparent)}
  #nvRail .nv-recents .nv-label{position:sticky;top:0}
  #nvRail .nv-foot{display:flex;flex-direction:column;gap:2px;flex:none;margin-top:6px;padding-top:8px;border-top:1px solid var(--nv-hair)}
  #nvRail .nv-foot .nv-label{min-height:28px}
  #nvRail .nv-gear{width:44px;height:44px;border-radius:10px}
  /* 22/10 (Iris, desktop): σειρές ≥44px· το κενό 2px ανάμεσά τους φεύγει, ώστε η πυκνότητα να μένει σχεδόν ίδια */
  #nvRail .nv-top,#nvRail .nv-dest,#nvRail .nv-foot{gap:0}
  #nvRail .nv-row,#nvRail .nv-rc,#nvRail .nv-all{min-height:44px}
  /* το κρυφό ⌘⇧O της «Νέας συζήτησης» δεν πιάνει χώρο· στο hover/εστίαση εμφανίζεται πάνω από το τέλος της σειράς */
  #nvRail .nv-kb:not(.on){position:absolute;top:50%;right:10px;transform:translateY(-50%)}
  /* ο υπότιτλος του λογαριασμού διαβάζεται ολόκληρος: έως δύο γραμμές αντί για αποκοπή */
  #nvRail .nv-who small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.3}
  /* 22/10 (George): ένας ρυθμός για τις ζώνες. Μέσα σε ζώνη 0px· ανάμεσα σε ζώνες λεπτή γραμμή με 8px πάνω και 8px κάτω
     (ίδια με τη γραμμή πάνω από τα «Εργαλεία»). Οι ετικέτες ζώνης έχουν όλες 32px. */
  #nvRail .nv-dest{margin-top:8px;padding:8px 0;border-top:1px solid var(--nv-hair);border-bottom:1px solid var(--nv-hair)}
  #nvRail .nv-mid{margin-top:8px}
  #nvRail .nv-foot{margin-top:8px}
  #nvRail .nv-foot .nv-label{min-height:32px}
  #nvRail .nv-acct-row{margin-top:0}

  /* κλειστή στήλη: ίδια σειρά, τίποτα δεν χάνεται — 5 bots + ⋯, tooltips σε hover και εστίαση */
  body.desktop-nav-collapsed .design-rail{padding:18px 12px 12px;overflow:visible}
  body.desktop-nav-collapsed .design-rail .rail-head{justify-content:center;margin:0 0 12px;padding:0}
  body.desktop-nav-collapsed .design-rail .rail-toggle{width:44px;height:44px}
  body.desktop-nav-collapsed #nvRail .nv-row,body.desktop-nav-collapsed #nvRail .nv-rc{justify-content:center;width:48px;min-height:44px;margin:0 auto;padding:0}
  body.desktop-nav-collapsed #nvRail .nv-kb,body.desktop-nav-collapsed #nvRail .nv-label,body.desktop-nav-collapsed #nvRail .nv-grp,body.desktop-nav-collapsed #nvRail .nv-all,body.desktop-nav-collapsed #nvRail .nv-empty,body.desktop-nav-collapsed #nvRail .nv-retry span,body.desktop-nav-collapsed #nvRail .nv-rc-x{display:none}
  body.desktop-nav-collapsed #nvRail .nv-mid{overflow:visible;-webkit-mask-image:none;mask-image:none;padding-top:8px;border-top:1px solid var(--nv-hair)}
  body.desktop-nav-collapsed #nvRail .nv-more{position:relative;display:grid;place-items:center;width:48px;height:44px;margin:0 auto;border-radius:10px;color:var(--nv-ink3)}
  body.desktop-nav-collapsed #nvRail .nv-more svg{width:20px;height:20px;stroke:currentColor;fill:none}
  body.desktop-nav-collapsed #nvRail .nv-more:hover{background:var(--nv-soft);color:var(--nv-ink)}
  body.desktop-nav-collapsed #nvRail .nv-skel{justify-items:center;padding:0}
  body.desktop-nav-collapsed #nvRail .nv-skel i::after{display:none}
  body.desktop-nav-collapsed #nvRail .nv-retry{justify-content:center;padding:0}
  body.desktop-nav-collapsed #nvRail .nv-acct-row{flex-direction:column;gap:2px}
  body.desktop-nav-collapsed #nvRail .nv-acct{position:relative;flex:none;justify-content:center;width:48px;padding:0}
  body.desktop-nav-collapsed #nvRail .nv-gear{width:48px;height:44px}
  body.desktop-nav-collapsed #nvRail .nv-who small{display:none}
  /* η ετικέτα της σειράς γίνεται το tooltip (μεταφράζεται μαζί με τη σελίδα) */
  body.desktop-nav-collapsed :is(#nvRail .nv-row>.l,#nvRail .nv-rc>.l,#nvRail .nv-more>.l,#nvRail .nv-gear>.l,#nvRail .nv-acct>span:last-child,.design-rail .rail-toggle>.l){position:absolute;left:calc(100% + 10px);top:50%;z-index:20;width:auto;height:auto;max-width:280px;clip:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);padding:8px 10px;border-radius:8px;background:var(--nv-tip-bg);color:var(--nv-tip-ink);font-size:13px;font-weight:500;line-height:1;box-shadow:0 6px 20px rgba(0,0,0,.18);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s}
  body.desktop-nav-collapsed :is(#nvRail .nv-row,#nvRail .nv-rc,#nvRail .nv-more,#nvRail .nv-gear,#nvRail .nv-acct,.design-rail .rail-toggle):is(:hover,:focus-visible)>:is(.l,span:last-child){opacity:1;visibility:visible}
  body.desktop-nav-collapsed #nvRail .nv-acct .nv-who b{color:inherit;font-size:13px}
  body.desktop-nav-collapsed #nvRail .nv-mid{padding-top:0;border-top:0}   /* η γραμμή είναι ήδη κάτω από τους προορισμούς */
}
/* χαμηλές οθόνες: η κλειστή στήλη κρατά 3 bots ώστε να χωρά χωρίς scroll (τα tooltips θέλουν overflow:visible) */
@media(min-width:950px) and (max-height:820px){body.desktop-nav-collapsed #nvRail .nv-rc:nth-child(n+4 of .nv-rc){display:none}}

/* ---------- κινητό: ίδιο συρτάρι, βάρος στον αντίχειρα ---------- */
#nvDrawer{display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top,0px)) 0 0;border-radius:0 22px 22px 0;overflow:hidden}
#nvDrawer .drawer-head{min-height:52px;margin:0;padding:0 8px 0 20px}
#nvDrawer .nv-search{display:flex;align-items:center;gap:10px;min-height:44px;margin:4px 16px 0;padding:0 14px;border-radius:14px;background:var(--nv-soft);color:var(--nv-ink3);font-size:var(--fs-ui);text-align:start;flex:none}
#nvDrawer .nv-search svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
#nvDrawer .nv-new{flex:none;width:calc(100% - 16px);min-height:48px;margin:8px 8px 0;padding:0 12px;font-size:var(--fs-ui)!important;color:var(--nv-ink)}
#nvDrawer .nv-mid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 8px 12px;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(transparent 0,#000 8px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(transparent 0,#000 8px,#000 calc(100% - 22px),transparent)}
#nvDrawer .nv-mid::-webkit-scrollbar{display:none}
#nvDrawer .nv-label{padding:0 12px}
#nvDrawer .nv-grp{padding:10px 12px 4px}
#nvDrawer .nv-rc{min-height:44px;padding:0 12px;font-size:var(--fs-ui)!important}
#nvDrawer .nv-all{min-height:44px;padding:0 12px}
#nvDrawer .nv-empty,#nvDrawer .nv-retry{padding-left:12px;padding-right:12px}
#nvDrawer .nv-foot{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--nv-hair)}
#nvDrawer .nv-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
/* 29/10 «Η μέρα σου»: τέσσερα tiles σε 2×2, χωρίς κομμένες λέξεις στα 360 */
#nvDrawer .nv-tiles:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}#nvDrawer .nv-tiles:has(>:nth-child(4)) .nv-tile{min-height:64px}
#nvDrawer .nv-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:72px;padding:8px 4px;border:1px solid var(--nv-hair);border-radius:16px;background:var(--nv-surface);color:var(--nv-ink);font-size:var(--fs-cap);font-weight:500;line-height:1.2;text-align:center;overflow-wrap:anywhere;hyphens:auto}
#nvDrawer .nv-tile .brand-symbol{width:24px;height:24px}
#nvDrawer .nv-tile:hover{background:var(--nv-soft)}
#nvDrawer .nv-tile.active{background:var(--nv-active-bg);border-color:var(--nv-active-line);color:var(--nv-active-ink)}
#nvDrawer .nv-tools{display:grid;grid-template-columns:1fr 1fr;gap:4px}
#nvDrawer .nv-tools .nv-row{min-height:44px;padding:0 8px;gap:8px}
#nvDrawer .nv-tools .nv-row>.brand-symbol{width:18px;height:18px}
#nvDrawer .nv-acct-row{margin:0}
/* 31/10 George (W6): γραμμή γλώσσας πάνω από τον λογαριασμό (app-account.js drawerLangRow) — ίδια με τις γραμμές των εργαλείων, 44px */
#nvDrawer .nv-lang{min-height:44px;padding:0 8px;gap:8px}

/* ---------- παλέτα ⌘K ---------- */
.nav-pal-wrap{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;background:var(--nv-scrim)}
.nav-pal{width:560px;max-width:calc(100% - 24px);margin-top:110px;overflow:hidden;border:1px solid var(--nv-hair);border-radius:20px;background:var(--nv-bg);color:var(--nv-ink);box-shadow:var(--nv-shadow)}
.nav-pal-in{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--nv-hair)}
.nav-pal-in:focus-within{box-shadow:inset 0 -2px 0 var(--nv-accent)}
.nav-pal-in svg{width:20px;height:20px;flex:none;color:var(--nv-ink3);stroke:currentColor;fill:none;stroke-width:1.6}
.nav-pal-in input{flex:1;min-width:0;height:54px;border:0;background:transparent;color:var(--nv-ink);font:inherit;font-size:max(16px,var(--fs-ui));outline:none}
.nav-pal-in input::placeholder{color:var(--nv-ink3)}
.nav-pal-list{max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 10px}
.nav-pal-g{padding:10px 10px 4px;font-size:var(--fs-cap);font-weight:500;color:var(--nv-ink3)}
:lang(en) .nav-pal-g{text-transform:uppercase;letter-spacing:.06em}
.nav-pal-o{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px;border-radius:10px;font-size:var(--fs-ui);color:var(--nv-ink);cursor:pointer}
.nav-pal-o svg{width:20px;height:20px;flex:none;color:var(--nv-accent);stroke:currentColor;fill:none;stroke-width:1.6}
.nav-pal-o .brand-symbol{width:20px;height:20px}
.nav-pal-o canvas{width:22px;height:22px;flex:none}
.nav-pal-o .l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-pal-o small{font-size:12px;color:var(--nv-ink3)}
.nav-pal-o:hover{background:var(--nv-soft)}
.nav-pal-o[aria-selected="true"]{background:var(--nv-active-bg);color:var(--nv-active-ink)}
.nav-pal-none{margin:0;padding:18px 12px;font-size:var(--fs-label);color:var(--nv-ink3)}
.nav-pal-foot{display:flex;flex-wrap:wrap;gap:14px;padding:10px 16px;border-top:1px solid var(--nv-hair);font-size:12px;color:var(--nv-ink3)}
@media(max-width:949px){.nav-pal{margin-top:calc(12px + env(safe-area-inset-top,0px))}.nav-pal-list{max-height:min(560px,calc(100dvh - 170px))}.nav-pal-foot{display:none}}

@media(prefers-reduced-motion:reduce){:is(#nvRail,#nvDrawer) .nv-skel{animation:none;opacity:.8}:is(#nvRail,#nvDrawer) .nv-kb{transition:none}}
@media(forced-colors:active){:is(#nvRail,#nvDrawer) :is(.nv-row,.nv-rc,.nv-tile).active:not(.nv-act),.nav-pal-o[aria-selected="true"]{outline:2px solid CanvasText}}