/* ====== Gruvbox Light/Dark + layout curat, inspirat de terminal ====== */

/* Palete Gruvbox + tipografie fluidă */
:root{
  --bg:#fbf1c7; --card:#f2e5bc; --text:#3c3836; --muted:#7c6f64;
  --accent:#076678; --accent-2:#d79921;
  --chip: color-mix(in oklab, var(--accent) 10%, #fbf1c7 90%);
  --ring: color-mix(in oklab, var(--accent) 32%, transparent);
  --wrap-max: 1100px; --space: clamp(14px, 1.6vw, 24px); --radius:16px;
  --fs-body: clamp(15px,.4vw+14px,18px); --fs-h1: clamp(26px,2.1vw+18px,44px); --fs-h2: clamp(19px,1.2vw+14px,26px);
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#1d2021; --card:#282828; --text:#ebdbb2; --muted:#a89984;
    --accent:#83a598; --accent-2:#d79921;
    --chip: color-mix(in oklab, var(--accent) 12%, #1d2021 88%);
    --ring: color-mix(in oklab, var(--accent) 38%, transparent);
  }
}
/* forțare manuală */
:root[data-theme="light"]{ color-scheme:light; --bg:#fbf1c7; --card:#f2e5bc; --text:#3c3836; --muted:#7c6f64; --accent:#076678; --accent-2:#d79921; --chip: color-mix(in oklab, var(--accent) 10%, #fbf1c7 90%); --ring: color-mix(in oklab, var(--accent) 32%, transparent); }
:root[data-theme="dark"]{  color-scheme:dark;  --bg:#1d2021; --card:#282828; --text:#ebdbb2; --muted:#a89984; --accent:#83a598; --accent-2:#d79921; --chip: color-mix(in oklab, var(--accent) 12%, #1d2021 88%); --ring: color-mix(in oklab, var(--accent) 38%, transparent); }

/* Bază */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  font-size: var(--fs-body); line-height:1.6;
  background: var(--bg); color: var(--text);
  max-width: var(--wrap-max); margin: 0 auto; padding: var(--space);
}
img,svg,video,canvas{max-width:100%;height:auto}
pre,code{font-family:ui-monospace,Menlo,"Ubuntu Mono",Consolas,monospace;background:color-mix(in oklab,var(--card)70%,var(--bg)30%);padding:.08rem .35rem;border-radius:6px}
:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:8px}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}

/* HERO */
.hero{
  position:relative;border-radius:var(--radius);overflow:clip;margin:0 0 18px;isolation:isolate;
  background:
    linear-gradient(transparent 95%, rgba(0,0,0,.08) 96%) 0 0 / 100% 22px,
    radial-gradient(1200px 420px at 18% -24%, color-mix(in oklab, var(--accent-2) 14%, transparent), transparent 60%),
    linear-gradient(135deg, color-mix(in oklab, var(--accent) 60%, #000 40%), color-mix(in oklab, var(--accent-2) 50%, #000 50%));
}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.term-bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;background:color-mix(in oklab,var(--bg)10%,#000 90%);border-bottom:1px solid color-mix(in oklab,var(--ring)45%,transparent)}
.tb-dot{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 1px rgba(0,0,0,.35) inset,0 1px 2px rgba(0,0,0,.4)}
.tb-red{background:#cc241d}.tb-yellow{background:#d79921}.tb-green{background:#98971a}
.tb-title{margin-left:6px;font-family:ui-monospace,Menlo,"Ubuntu Mono",monospace;font-size:.88rem;color:color-mix(in oklab,var(--text)92%,#fff 8%);opacity:.9}
.hero__inner{padding:clamp(14px,2vw + 6px,26px)}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:rgba(255,255,255,.92);margin-bottom:6px}
.kicker--cli{font-family:ui-monospace,Menlo,"Ubuntu Mono",monospace;display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.95)} .kicker--cli .ps1{opacity:.9}
.caret{display:inline-block;width:.64em;height:1em;margin-left:.15em;translate:0 .15em;background:currentColor;opacity:.65;animation:blink 1.2s steps(1,end) infinite}
@keyframes blink{0%,49%{opacity:.65}50%,100%{opacity:0}}
.hero__title{font-size:var(--fs-h1);line-height:1.15;color:#fff;font-weight:800;text-wrap:balance;position:relative;padding-bottom:.22rem}
.hero__title::after{content:"";position:absolute;left:0;bottom:-.2rem;height:5px;width:min(200px,55%);background:conic-gradient(from 180deg at 20% 50%, color-mix(in oklab,var(--accent)80%,#fff 20%), transparent 60%) no-repeat;border-radius:999px;opacity:.85}
.hero__subtitle{margin-top:8px;font-size:1.03rem;color:rgba(255,255,255,.92)}
.hero__meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:.45em;padding:.28rem .5rem;font-size:.84rem;border-radius:999px;background:var(--chip);color:#0b1220;border:1px solid var(--ring);backdrop-filter:saturate(115%)}
@media (prefers-color-scheme: dark){.chip{color:var(--text)}}
.chip::before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px var(--ring) inset}
.chip:nth-child(odd){background:color-mix(in oklab,var(--chip)70%,#fff 30%)} .chip--soft{background:color-mix(in oklab,var(--accent-2)18%,var(--chip))}

/* NAV — sticky, compact, stabil */
.tabbar{position:sticky;top:10px;z-index:20;background:color-mix(in oklab,var(--bg)92%,#fff 8%);border:1px solid color-mix(in oklab,var(--ring)45%,transparent);border-radius:12px;box-shadow:0 6px 20px -10px rgba(0,0,0,.25);padding:6px 8px;margin:12px 0 18px;backdrop-filter:saturate(120%) blur(2px)}
.tabbar__list{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:720px){.tabbar__list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabbar__list::-webkit-scrollbar{display:none}}
.tabbar__link{display:inline-block;white-space:nowrap;padding:.34rem .62rem;border-radius:999px;text-decoration:none;color:var(--text);border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease;font-size:.95rem}
.tabbar__link:hover{background:color-mix(in oklab,var(--accent-2)12%,transparent);border-color:color-mix(in oklab,var(--accent-2)40%,var(--ring));transform:translateY(-1px)}
.tabbar__link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:var(--accent)}
.tabbar__link.is-active{background:color-mix(in oklab,var(--accent-2)16%,transparent);border-color:var(--accent-2);font-weight:600}

/* Secțiuni */
section{background:var(--card);border:1px solid color-mix(in oklab,var(--ring)40%,transparent);border-radius:12px;padding:1.4rem;margin:1rem 0 1.25rem;box-shadow:0 10px 30px -20px rgba(0,0,0,.35)}
h2{color:var(--text);position:relative;margin:0 0 .65rem;padding-left:1.2rem;padding-bottom:.3rem;border:0;font-size:var(--fs-h2)}
h2::before{content:"#";position:absolute;left:0;top:.03rem;font-family:ui-monospace,"Ubuntu Mono",monospace;font-weight:700;color:var(--accent-2)}
h2::after{content:"";position:absolute;left:1.2rem;bottom:0;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.9}
blockquote{margin:.85rem 0;padding:.75rem 1rem;border-left:4px solid var(--accent-2);background:color-mix(in oklab,var(--chip)80%,var(--bg)20%);border-radius:8px;color:var(--text)}
.quote-author{color:var(--muted);margin-top:.3rem;font-size:.95em}

/* Liste */
ul,ol{margin:.55rem 0 1rem .2rem;padding-left:1.3rem}
ul li,ol li{margin:.22rem 0} ul li::marker{color:var(--accent-2)}
ol{list-style:decimal-leading-zero} ol li::marker{color:var(--accent);font-variant-numeric:tabular-nums;font-family:ui-monospace,"Ubuntu Mono",monospace}
.list-compact li{margin:.12rem 0}

/* Tabele */
.table-wrap{overflow:auto;border-radius:10px;border:1px solid color-mix(in oklab,var(--ring)45%,transparent)}
table{width:100%;border-collapse:collapse;min-width:560px}
thead th{text-align:left;font-weight:700;padding:.6rem .7rem;background:color-mix(in oklab,var(--card)70%,var(--bg)30%);border-bottom:2px solid color-mix(in oklab,var(--ring)55%,transparent)}
tbody td{padding:.55rem .7rem;border-bottom:1px solid color-mix(in oklab,var(--ring)35%,transparent)}
tbody tr:nth-child(odd){background:color-mix(in oklab,var(--card)85%,var(--bg)15%)} tbody tr:hover{background:color-mix(in oklab,var(--accent-2)10%,transparent)}
caption{caption-side:bottom;color:var(--muted);padding:.45rem .2rem;font-size:.95rem}

/* Distribuții */
.distro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.distro-card{display:flex;flex-direction:column;gap:.35rem;background:var(--card);border:1px solid color-mix(in oklab,var(--ring)35%,transparent);border-radius:12px;padding:12px;box-shadow:0 10px 30px -20px rgba(0,0,0,.35)}
.distro-logo{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in oklab,var(--accent-2)18%,transparent);font-size:20px;line-height:1}
.distro-name{font-weight:700}

/* Cronologie */
.timeline{position:relative;margin:.6rem 0 1rem;padding-left:28px}
.timeline::before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:color-mix(in oklab,var(--accent)60%,transparent)}
.timeline-item{position:relative;margin:.4rem 0 .8rem;padding-left:8px}
.timeline-item::before{content:"";position:absolute;left:-2px;top:.25rem;width:10px;height:10px;border-radius:999px;background:var(--accent-2);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent-2)30%,transparent)}
.timeline-year{display:inline-block;font-weight:800;font-family:ui-monospace,"Ubuntu Mono",monospace;padding:.1rem .4rem;border-radius:6px;background:color-mix(in oklab,var(--accent)20%,transparent);margin-bottom:.2rem}
.timeline-content h3{margin:.1rem 0 .15rem;font-size:1rem}

/* Impact */
.impact-grid{display:grid;gap:clamp(12px,1.4vw,18px);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.impact-card{background:var(--card);border:1px solid color-mix(in oklab,var(--ring)35%,transparent);border-radius:12px;padding:16px;box-shadow:0 10px 30px -20px rgba(0,0,0,.35)}
.impact-icon{font-size:1.6rem}.impact-number{font-weight:800;font-size:1.4rem;margin-top:4px}.impact-description{color:var(--muted);font-size:.98rem}
.impact-note{color:var(--muted);margin-top:10px;font-size:.9rem}

/* Footer */
.site-footer{margin-top:24px;background:var(--card);border:1px solid color-mix(in oklab,var(--ring)40%,transparent);border-radius:12px;padding:16px;box-shadow:0 10px 30px -20px rgba(0,0,0,.35)}
.footer__grid{display:grid;gap:14px;grid-template-columns:1.2fr 1fr auto}
.footer__brand p{color:var(--muted);margin-top:4px}
.footer__nav{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.footer__nav a{text-decoration:none;color:var(--text);padding:.2rem .5rem;border-radius:999px;border:1px solid transparent}
.footer__nav a:hover{border-color:var(--ring);background:color-mix(in oklab,var(--accent-2)12%,transparent)}
.footer__meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.footer__meta small{color:var(--muted)}
@media (max-width:820px){.footer__grid{grid-template-columns:1fr}.footer__meta{align-items:flex-start}}

/* Comutator temă (în bară) */
.theme-switch{margin-left:auto;display:inline-flex;gap:4px;background:color-mix(in oklab,var(--bg)75%,#fff 25%);border:1px solid color-mix(in oklab,var(--ring)45%,transparent);padding:3px;border-radius:999px}
.ts-btn{font:inherit;font-size:.84rem;line-height:1;padding:.24rem .48rem;border-radius:999px;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text)}
.ts-btn[aria-pressed="true"]{background:color-mix(in oklab,var(--accent-2)16%,transparent);border-color:var(--accent-2);font-weight:600}

/* To top */
.to-top{position:fixed;right:16px;bottom:18px;z-index:100; width:40px;height:40px;border-radius:999px;display:grid;place-items:center;cursor:pointer;border:1px solid color-mix(in oklab,var(--ring)60%,transparent);background:color-mix(in oklab,var(--card)90%,var(--bg)10%);color:var(--text);box-shadow:0 8px 24px -12px rgba(0,0,0,.28);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}
.to-top:hover{background:color-mix(in oklab,var(--accent-2)14%,transparent)}

/* Mic polish */
section + section{scroll-margin-top: 80px}
p + ul, p + ol{margin-top:.4rem} li > p{margin:.2rem 0}

/* === Căutare în pagină (Gruvbox) === */
#siteSearch{ 
  margin: 8px 0 14px; 
}
#siteSearch input{
  width: 100%;
  padding: .55rem .7rem;
  border-radius: 10px;
  border: 1px solid color-mix(in oklab, var(--ring) 45%, transparent);
  background: var(--card);
  color: var(--text);
  box-shadow: 0 6px 18px -14px rgba(0,0,0,.35);
}
#siteSearch input::placeholder{ color: var(--muted) }

/* evidențiere rezultate */
mark.hl{
  background: color-mix(in oklab, var(--accent-2) 35%, transparent);
  border-radius: 4px;
  padding: 0 .12em;
}

/* fără rezultate */
.no-results{
  margin: .8rem 0;
  padding: .75rem 1rem;
  border: 1px dashed color-mix(in oklab, var(--ring) 55%, transparent);
  border-radius: 10px;
  background: color-mix(in oklab, var(--card) 80%, var(--bg) 20%);
  color: var(--muted);
}

/* doar pentru accesibilitate vizuală invizibilă */
.sr-only{
  position:absolute !important;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* === TOC lateral (Gruvbox) === */
.toc{
  position: sticky;
  top: 12px;                 /* sub nav-ul tău sticky */
  max-height: calc(100dvh - 24px);
  overflow: auto;
  padding: 12px;
  margin: 12px 0 18px;
  border: 1px solid color-mix(in oklab, var(--ring) 45%, transparent);
  border-radius: 12px;
  background: color-mix(in oklab, var(--card) 92%, var(--bg) 8%);
  box-shadow: 0 6px 20px -12px rgba(0,0,0,.25);
}
.toc__title{
  font-weight: 800; font-size: .95rem; margin-bottom: 6px;
  color: var(--text);
}
.toc__list{ list-style: none; display: grid; gap: 2px }
.toc__list a{
  display: block; text-decoration: none; color: var(--text);
  padding: .36rem .5rem; border-radius: 8px; border: 1px solid transparent;
  font-size: .94rem; line-height: 1.25;
}
.toc__list a:hover{
  background: color-mix(in oklab, var(--accent-2) 12%, transparent);
  border-color: color-mix(in oklab, var(--accent-2) 40%, var(--ring));
}
.toc__list a.is-active{
  background: color-mix(in oklab, var(--accent-2) 18%, transparent);
  border-color: var(--accent-2);
  font-weight: 700;
}

/* Layout: TOC + conținut side-by-side pe ecrane late */
@media (min-width: 1024px){
  .layout{
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 16px;
    align-items: start;
  }
}
/* pe mobil/tabletă: ascund TOC-ul (poți face un buton dacă vrei) */
@media (max-width: 1023.98px){
  .toc{ display: none }
}

/* Nav: sticky doar pe ecrane mici; pe desktop devine static */
@media (min-width: 1024px){
  .tabbar{
    position: static;     /* era: sticky */
    top: auto;
    box-shadow: none;     /* mai discret când nu e sticky */
    margin: 12px 0 18px;
  }

  /* la ancore nu mai e nevoie de offset mare când nav nu e sticky */
  section + section{
    scroll-margin-top: 16px;  /* era 80px */
  }
}

/* === Skip link (accesibilitate) === */
.skip-link{
  position:absolute; left:-9999px; top:0;
  padding:.5rem .8rem; border-radius:10px; z-index:10000;
  background: color-mix(in oklab, var(--card) 92%, var(--bg) 8%);
  border:1px solid color-mix(in oklab, var(--ring) 55%, transparent);
  color: var(--text); text-decoration:none; box-shadow:0 6px 18px -12px rgba(0,0,0,.35);
}
.skip-link:focus{
  left:50%; transform:translateX(-50%); margin-top:8px;
}

/* === Link-uri ancoră pe h2 (¶) === */
h2{ position: relative; }
h2 .anchor{
  margin-left:.4rem; text-decoration:none; font-size:.9em;
  opacity:0; transition:opacity .15s ease; color: var(--muted);
}
h2:hover .anchor, h2:focus-within .anchor{ opacity:.7 }
h2 .anchor:hover{ color: var(--accent-2); }

/* === Copy button pe <pre> === */
pre{ position:relative; padding: .9rem 1rem; }
.copy-btn{
  position:absolute; right:6px; top:6px;
  font-size:.82rem; line-height:1; cursor:pointer;
  border:1px solid color-mix(in oklab, var(--ring) 45%, transparent);
  background: var(--card); color: var(--text);
  border-radius:8px; padding:.18rem .46rem;
}
.copy-btn:hover{ background: color-mix(in oklab, var(--accent-2) 14%, transparent); }

/* Icon helper */
.icon { width: 1em; height: 1em; display:inline-block; vertical-align:-0.125em; fill: currentColor; }

/* Anchor „¶/link” devine icon svg */
h2 .anchor{
  display:inline-flex; align-items:center; justify-content:center;
  width: 1.2em; height: 1.2em;
  margin-left:.4rem; text-decoration:none;
  opacity:0; transition:opacity .15s ease; color: var(--muted);
}
h2:hover .anchor, h2:focus-within .anchor{ opacity:.75 }
h2 .anchor:hover{ color: var(--accent-2); }

/* Copy button doar cu icon */
.copy-btn{
  display:grid; place-items:center; width:28px; height:28px; padding:0;
}
.copy-btn svg{ width:18px; height:18px; }

/* === Hamburger & Drawer mobil === */

/* buton hamburger în bară */
.nav-toggle{
  display:none; /* desktop: ascuns */
  margin-left:8px; margin-right:6px;
  width:34px; height:28px; border-radius:8px;
  border:1px solid color-mix(in oklab,var(--ring) 45%, transparent);
  background: color-mix(in oklab,var(--bg) 75%, #fff 25%);
  color: var(--text); cursor:pointer;
  display:inline-grid; place-items:center;
}
.nav-toggle:hover{ background: color-mix(in oklab,var(--accent-2) 12%, transparent); }

/* container overlay */
.nav-sheet{
  position:fixed; inset:0; z-index:70;
  background: rgba(0,0,0,.35);
  display:none;
}
.nav-sheet.open{ display:block; }

/* panoul lateral */
.nav-panel{
  position:absolute; left:0; top:0; bottom:0; width:min(86vw, 360px);
  background: color-mix(in oklab, var(--card) 96%, var(--bg) 4%);
  border-right:1px solid color-mix(in oklab, var(--ring) 55%, transparent);
  box-shadow: 8px 0 30px -16px rgba(0,0,0,.45);
  transform: translateX(-12px); opacity:.0;
  transition: transform .18s ease, opacity .18s ease;
  display:flex; flex-direction:column; gap:8px; padding:10px;
}
.nav-sheet.open .nav-panel{ transform:none; opacity:1; }

.nav-head{ display:flex; align-items:center; justify-content:space-between; padding:4px 2px 8px; }
.nav-head #navTitle{ font-weight:800; }
.nav-close{
  width:32px; height:32px; border-radius:8px; cursor:pointer;
  border:1px solid color-mix(in oklab, var(--ring) 45%, transparent);
  background: var(--card); color: var(--text); display:grid; place-items:center;
}
.nav-close:hover{ background: color-mix(in oklab, var(--accent-2) 12%, transparent); }

/* lista din meniu */
.nav-panel .tabbar{ position:static; box-shadow:none; border:none; background:transparent; padding:0; margin:0; }
.nav-panel .tabbar__list{ display:grid; gap:4px; max-height:calc(100% - 40px); overflow:auto; }
.nav-panel .tabbar__link{ border-radius:10px; padding:.5rem .7rem; }

/* vizibilitate: desktop ascunde drawer + buton */
@media (min-width:1024px){
  #mobileNav{ display:none !important; }
  .nav-toggle{ display:none !important; }
}
/* pe mobil: arată buton, ascunde TOC (deja ai) */
@media (max-width:1023.98px){
  .nav-toggle{ display:inline-grid; }
}

/* === Buton hamburger flotant (mobil) === */
.nav-toggle-fab{
  position: fixed; right: 16px; bottom: 74px; z-index: 85;
  width: 48px; height: 48px; border-radius: 999px;
  display: none; /* desktop: ascuns */
  border: 1px solid color-mix(in oklab, var(--ring) 60%, transparent);
  background: color-mix(in oklab, var(--card) 90%, var(--bg) 10%);
  color: var(--text); box-shadow: 0 10px 24px -12px rgba(0,0,0,.35);
}
.nav-toggle-fab:hover{ background: color-mix(in oklab, var(--accent-2) 14%, transparent); }

/* arată FAB doar pe mobil/tabletă */
@media (max-width: 1023.98px){ .nav-toggle-fab{ display: grid; place-items: center; } }
@media (min-width: 1024px){ .nav-toggle-fab{ display: none !important; } }

/* === Drawer: scroll intern stabil (fără salt) === */
.nav-sheet{
  position: fixed; inset: 0; z-index: 80;
  background: rgba(0,0,0,.35);
  display: none;
  overscroll-behavior: contain; /* oprește chaining-ul spre body */
  touch-action: none;
}
.nav-sheet.open{ display: block; }

.nav-panel{
  position: absolute; left: 0; top: 0; bottom: 0; width: min(86vw, 360px);
  background: color-mix(in oklab, var(--card) 96%, var(--bg) 4%);
  border-right: 1px solid color-mix(in oklab, var(--ring) 55%, transparent);
  box-shadow: 8px 0 30px -16px rgba(0,0,0,.45);
  transform: translateX(-12px); opacity: 0;
  transition: transform .18s ease, opacity .18s ease;

  /* Important pentru scroll lin și stabil pe mobil */
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.nav-sheet.open .nav-panel{ transform: none; opacity: 1; }

/* lista din meniu — lasă să ocupe toată înălțimea și să ruleze */
.nav-panel .tabbar__list{
  display: grid; gap: 4px;
  max-height: none; /* elimină limitarea veche */
  overflow: visible; /* scroll-ul e pe .nav-panel */
  padding-bottom: 8px;
}