/* ══════════════════════════════════════════════════════════════
   Tatami Atlas · navegación y uso diario
   Menú «Más», buscador, ayuda, barra inferior, Inicio compacto,
   biblioteca en lista y ajustes finos para el móvil.
   ══════════════════════════════════════════════════════════════ */
/* Restos del panel de clases con datos de ejemplo */
[data-nav="Clases"]{display:none!important}
.ta-fab{display:none!important}

/* Acceso */
.remember-me{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px;font-weight:600!important;font-size:14px!important;cursor:pointer}
.remember-me input{width:20px!important;height:20px;padding:0!important;accent-color:var(--ta-blue);flex:none}

/* Menú «Más» */
.more-view.has-menu>.quick-work-actions,.more-view.has-menu>.pro-actions,.more-view.has-menu>.page-intro:not(.ta-head),.more-view.has-menu>.tools-grid,.more-view.has-menu>.backup-card{display:none!important}
.ta-search-bar{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;border-radius:16px;border:1px solid var(--ta-line);background:var(--ta-surface);color:var(--ta-muted);font:600 15px var(--ta-text);cursor:text;text-align:left;margin-bottom:22px}
.ta-search-bar:hover{border-color:var(--ta-blue-300)}
.ta-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px 18px;align-items:start}
.ta-menu h3{font:800 11px var(--ta-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ta-muted);margin:0 0 8px 4px}
.ta-menu-list{border:1px solid var(--ta-line);border-radius:18px;background:var(--ta-surface);overflow:hidden;box-shadow:var(--ta-shadow)}
.ta-menu-item{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:11px 14px;border:0;border-bottom:1px solid var(--ta-line-2);background:none;color:var(--ta-ink);text-align:left;cursor:pointer;font:inherit;transition:background .12s}
.ta-menu-item:last-child{border-bottom:0}
.ta-menu-item:hover{background:var(--ta-surface-2)}
.ta-menu-item:active{background:var(--ta-blue-50)}
.ta-menu-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ta-blue-50);color:var(--ta-blue);flex:none}
.ta-menu-text{flex:1;min-width:0}
.ta-menu-text b{display:block;font-size:15.5px}
.ta-menu-text small{display:block;color:var(--ta-muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ta-menu-item>i{font-style:normal;font-size:22px;color:var(--ta-muted)}
.ta-menu .soon-pill{position:static;margin-left:6px;vertical-align:middle}

/* Buscador */
dialog.ta-search-sheet{align-self:start;margin-top:8vh}
.ta-search-input{display:flex;align-items:center;gap:10px;padding:4px 14px;border-radius:14px;border:1px solid var(--ta-line);background:var(--ta-surface-2);color:var(--ta-muted);margin-right:48px}
.ta-search-input input{flex:1;min-width:0;min-height:46px;border:0;background:none;color:var(--ta-ink);font:600 16px var(--ta-text);outline:none}
.ta-results{margin-top:14px;max-height:60dvh;overflow:auto}
.ta-results h4{font:800 11px var(--ta-text);letter-spacing:.12em;text-transform:uppercase;color:var(--ta-muted);margin:14px 4px 6px}
.ta-result{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 12px;border:0;border-radius:12px;background:none;color:var(--ta-ink);text-align:left;cursor:pointer;font:inherit}
.ta-result:hover{background:var(--ta-surface-2)}
.ta-result span{flex:1;min-width:0}
.ta-result b{display:block;font-size:15px}
.ta-result small{display:block;color:var(--ta-muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ta-result i{font-style:normal;color:var(--ta-muted);font-size:20px}
.ta-result em{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#E5484D;color:#fff;font-style:normal;font-size:13px;flex:none}

/* Ayuda */
.ta-faq details{border-top:1px solid var(--ta-line-2);padding:4px 0}
.ta-faq details:first-of-type{border-top:0}
.ta-faq summary{cursor:pointer;font-weight:800;font-size:15.5px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.ta-faq summary::-webkit-details-marker{display:none}
.ta-faq summary::after{content:"＋";color:var(--ta-blue);font-size:18px;flex:none}
.ta-faq details[open] summary::after{content:"−"}
.ta-faq details p{margin:0 0 12px;color:var(--ta-ink-2);font-size:14.5px;line-height:1.6}
.ta-faq+.ta-faq{margin-top:14px}

/* Aviso de conexión */
#ta-offline{position:fixed;left:50%;top:max(8px,env(safe-area-inset-top));transform:translateX(-50%);z-index:2500;max-width:calc(100vw - 24px);padding:9px 16px;border-radius:999px;background:#E89611;color:#1a1200;font:800 12.5px var(--ta-text);box-shadow:0 8px 24px #0006;text-align:center}

/* Registro rápido */
.ta-more-toggle{justify-self:start;min-height:44px;padding:10px 16px;border-radius:12px;border:1px dashed var(--ta-blue-300);background:var(--ta-blue-50);color:var(--ta-blue);font:800 14px var(--ta-text);cursor:pointer}
.ta-more{display:grid;gap:16px}
.ta-more[hidden]{display:none}

/* Primeros pasos, compacto */
details.ta-check-card{padding:0;overflow:hidden}
details.ta-check-card>summary{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;list-style:none;min-height:64px}
details.ta-check-card>summary::-webkit-details-marker{display:none}
.ta-check-ring{--p:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--ta-blue) calc(var(--p)*360deg),var(--ta-line) 0);flex:none}
.ta-check-ring b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ta-surface);font:800 12px var(--ta-text)}
.ta-check-sum{flex:1;min-width:0}
.ta-check-sum small{display:block;font:800 10.5px var(--ta-text);letter-spacing:.12em;color:var(--ta-blue)}
.ta-check-sum b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
details.ta-check-card>summary>i{font-style:normal;font-size:22px;color:var(--ta-muted);transition:transform .2s}
details.ta-check-card[open]>summary>i{transform:rotate(90deg)}
details.ta-check-card>.ta-steps{padding:0 18px}
details.ta-check-card>.text-link{margin:6px 18px 12px;font-size:12.5px}

/* Edición de vídeo (admin) y cifras del panel */
.jd-video-admin{margin:4px 0 12px;padding:10px 14px;border-radius:14px;border:1px dashed var(--ta-line)}
.jd-video-admin summary{cursor:pointer;font-weight:800;font-size:13.5px;color:var(--ta-blue);min-height:30px}
.ta-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 18px}
.ta-admin-stats div{padding:14px 16px;border-radius:16px;border:1px solid var(--ta-line);background:var(--ta-card-hi)}
.ta-admin-stats b{display:block;font-family:var(--ta-display);font-size:34px;line-height:1}
.ta-admin-stats span{font-size:12px;color:var(--ta-muted);font-weight:700}

/* Texto mínimo legible */
.ta-heat-months,.ta-bar em,.ta-bar span,.ta-session-date span,.ta-hist small,.ta-subs h4{font-size:11px!important}
.jd-node-label small{font-size:9px}
.jd-orb{font-size:11px}
.rules-view small,.rules-view .rules-status,.rules-row small{font-size:max(11px,1em)}

@media (max-width:850px){
  /* Barra superior: solo buscar, avisos y cuenta */
  .top-actions .lang-toggle,.top-actions #theme-toggle{display:none!important}
  /* Barra inferior con «＋» central */
  .mobile-nav{display:grid!important;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:end}
  .mobile-nav .nav-plus{align-self:center;justify-self:center;width:56px;height:56px;min-height:56px!important;margin-top:-22px;border-radius:19px;border:0!important;background:var(--ta-blue)!important;color:#fff!important;display:grid;place-items:center;box-shadow:0 10px 26px -8px #1F6BFF,0 0 0 5px var(--ta-bg);cursor:pointer;padding:0}
  .mobile-nav .nav-plus i{font-style:normal;font-size:28px;line-height:1}
  .mobile-nav .nav-plus:active{transform:scale(.93)}
  /* Inicio: lo esencial arriba */
  [data-view="Hoy"] .journey-heading{min-height:0!important;padding:16px 18px!important}
  [data-view="Hoy"] .journey-heading h2{font-size:28px!important;margin:0!important}
  [data-view="Hoy"] .journey-heading p{display:none}
  [data-view="Hoy"] .journey-stats,[data-view="Hoy"] .journey-shortcuts,[data-view="Hoy"] .personal-map{display:none!important}
  [data-view="Hoy"] .journey-workspace{display:block!important}
  .ta-today-wrap{margin-top:12px}
  .ta-menu{grid-template-columns:minmax(0,1fr);gap:18px}
  dialog.ta-search-sheet{margin:auto 0 0;min-height:70dvh}
  /* Biblioteca en lista compacta */
  .technique-grid{gap:8px!important}
  .technique-card{display:grid!important;grid-template-columns:118px minmax(0,1fr);align-items:stretch;border-radius:14px!important;overflow:hidden;min-height:0!important}
  .technique-card .tech-image{height:auto!important;min-height:86px!important;border-radius:0!important}
  .technique-card .tech-image img{height:100%;object-fit:cover}
  .technique-card .play-chip,.technique-card .media-count,.technique-card .soon-chip{display:none!important}
  .technique-card .type-chip{left:6px!important;top:6px!important;font-size:10px!important;padding:2px 6px!important}
  .technique-card .video-admin-chip{grid-column:1/-1;order:3}
  .technique-card .tech-card-copy{padding:8px 10px!important;display:grid;gap:2px;align-content:center;min-width:0}
  .technique-card .tech-card-copy>div{display:flex;align-items:center;justify-content:space-between;gap:6px}
  .technique-card .tech-card-copy>div span{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .technique-card .tech-name{font-size:17px!important;line-height:1.1;text-align:left;min-height:36px;display:flex;align-items:center}
  .technique-card .tech-card-copy p,.technique-card .tech-card-copy footer{display:none!important}
  .technique-card .favorite{min-width:36px!important;min-height:36px!important}
  /* Plantillas y sistemas: carrusel horizontal */
  .template-cards,.system-cards{display:flex!important;grid-template-columns:none!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 10px;scrollbar-width:none}
  .template-cards::-webkit-scrollbar,.system-cards::-webkit-scrollbar{display:none}
  .template-cards>*,.system-cards>*{flex:0 0 82%;scroll-snap-align:center}
}