/* fs-nav.css · TrailLab · Barra de navegación inferior "Dock" (móvil < 761 px)
 * Solo variables del tema. Prefijo fs-. Sin clases ad-/ads/adv/banner/sponsor/promo.
 * Tokens que usa: --bg --ink --muted --lime --surface2 --line  (+ --lime-ink en tema claro para texto)
 */
.fs-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:68px;z-index:60;
  display:flex;align-items:center;justify-content:space-around;padding:0 10px;
  border-radius:20px;background:var(--surface2);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:0 10px 30px rgba(0,0,0,.28)}
[data-theme="light"] .fs-nav{background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(19,39,12,.14)}
@supports not (backdrop-filter:blur(1px)){.fs-nav{background:var(--bg)}}   /* sin cristal → fondo sólido */
@media (min-width:761px){.fs-nav{display:none}}                          /* en escritorio sigue el menú lateral */

/* el contenido no puede quedar debajo: quien pinte la vista añade este padding al scroller */
.fs-nav-pad{padding-bottom:calc(68px + 10px + 16px + env(safe-area-inset-bottom))}

.fs-nav__it{position:relative;flex:1;height:60px;padding-bottom:6px;box-sizing:border-box;max-width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:none;border:0;padding:0;color:var(--muted);border-radius:14px;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:color .18s,transform .12s,filter .18s}
.fs-nav__it svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fs-nav__it:active{transform:scale(.9)}
.fs-nav__it:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

/* activo: lima + halo + punto */
.fs-nav__it[aria-current="page"]{color:var(--lime);filter:drop-shadow(0 0 8px var(--lime))}
.fs-nav__it[aria-current="page"]::after{content:"";position:absolute;bottom:3px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:99px;background:var(--lime)}
[data-theme="light"] .fs-nav__it[aria-current="page"]{filter:drop-shadow(0 0 6px rgba(95,148,0,.55))}

/* etiqueta visible: 12 px mínimo (regla de la auditoría), Saira 600 */
.fs-nav__lbl{font:600 12px/1 Saira,sans-serif;letter-spacing:.03em;white-space:nowrap}
[data-theme="light"] .fs-nav__it[aria-current="page"] .fs-nav__lbl{color:var(--lime-ink,#4d7a00)}

/* aviso (novedades en Refugi, mensaje del Coach…) */
.fs-nav__dot{position:absolute;top:8px;right:calc(50% - 16px);width:8px;height:8px;border-radius:99px;background:var(--orange);box-shadow:0 0 0 2px var(--bg)}
[data-theme="light"] .fs-nav__dot{box-shadow:0 0 0 2px #fff}

/* botón + (acción principal) */
.fs-nav__plus{flex:none;width:48px;height:48px;border-radius:15px;gap:0;background:var(--lime);color:var(--bg);filter:none;
  box-shadow:0 6px 18px rgba(166,232,44,.35)}
[data-theme="light"] .fs-nav__plus{color:#fff;box-shadow:0 6px 18px rgba(95,148,0,.35)}
.fs-nav__plus svg{stroke-width:2.6}
.fs-nav__plus[aria-expanded="true"]{transform:rotate(45deg)}
.fs-nav__plus:active{transform:scale(.9)}

/* se esconde con el teclado (JS añade .fs-nav--hidden cuando visualViewport encoge) */
.fs-nav--hidden{transform:translateY(120%);opacity:0;pointer-events:none}
.fs-nav{transition:transform .22s ease,opacity .22s ease}

/* hoja del + ("¿Qué quieres hacer?") */
.fs-sheet{position:fixed;left:12px;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:59;max-height:calc(100vh - 140px);overflow:auto;
  border-radius:20px;background:var(--bg);border:1px solid var(--line);padding:10px 8px 8px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.fs-sheet__ttl{font:400 20px/1 'Bebas Neue',sans-serif;letter-spacing:.04em;color:var(--ink);padding:4px 10px 8px}
/* bloque 1 · acciones fijas (Iniciar actividad, Habilidades, Coach, Importar GPX): fila con icono lima */
.fs-sheet__it{display:flex;align-items:center;gap:14px;width:100%;padding:11px 12px;border:0;background:none;color:var(--ink);border-radius:14px;text-align:left;cursor:pointer;font:600 15px/1.2 Archivo,sans-serif}
.fs-sheet__it:active{background:var(--surface2)}
.fs-sheet__it svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--lime);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fs-sheet__it small{display:block;font:400 12px/1.3 Archivo,sans-serif;color:var(--muted);margin-top:2px}
/* bloque 2 · accesos que ha elegido el usuario: rejilla de fichas */
.fs-sheet__k{font:800 11px/1 Saira,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 12px 6px;border-top:1px solid var(--line);margin-top:6px}
.fs-sheet__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:0 4px}
.fs-sheet__chip{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:600 13px/1.2 Archivo,sans-serif;text-align:left;cursor:pointer;min-height:44px}
.fs-sheet__chip:active{background:var(--surface2)}
.fs-sheet__chip svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--muted);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* bloque 3 · editar accesos: enlace discreto, siempre al final */
.fs-sheet__edit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:11px;border:0;background:none;color:var(--muted);font:600 13px/1 Archivo,sans-serif;cursor:pointer;border-radius:12px}
.fs-sheet__edit:active{background:var(--surface2)}
.fs-sheet__edit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fs-scrim{position:fixed;inset:0;z-index:58;background:rgba(0,0,0,.35)}

@media (prefers-reduced-motion:reduce){.fs-nav,.fs-nav__it,.fs-nav__plus{transition:none}}