/* inicio-bandeja.css -- la BANDEJA de «Para ti» (plan PLAN-inicio-perfecto-2026-10, F2; tableros 15, 18 y 19). Solo tokens de Cuarto Oscuro (cero #hex, rgb() ni font-size en px). Todo cuelga de `.inicio-v3 .inb` (el bloque) o de `.inb-*` (las hojas, que
   viven en #modal y no dentro del Inicio): sin `estudio.pantallas_simple` nada de esto se pinta. El ancho que decide el acomodo es el del BLOQUE (`#ini-hoy` es el contenedor `ini-hoy`, cuarto-oscuro.css): con el chat abierto un bloque de mitad mide ~296 a ~420 px
   aunque la ventana mida 1280. Con menos de 440 px la fila apila: titulo, por que, y debajo el boton con su verbo y el ⋯ a 44 px (tablero 18). */
:root[data-theme] .inicio-v3 .inb{ min-width:0; }

/* Las filas: la de siempre (`.xb-fila`), SIN el icono de categoria (el tablero 15 no lo dibuja: el verbo ya dice que hacer). Solo el lote lleva su pila. */
:root[data-theme] .inicio-v3 .inb .inb-fila:not(.inb-lote) .xb-ico{ display:none; }
:root[data-theme] .inicio-v3 .inb .inb-fila{ max-height:240px; }
:root[data-theme] .inicio-v3 .inb .inb-pila{ flex:none; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; margin:0 var(--e-3) 0 0; border-radius:var(--r); background:var(--piedra-on); color:var(--medio); }
:root[data-theme] .inicio-v3 .inb .inb-lote .xb-s{ color:var(--medio); }   /* un lote NUNCA va en rojo: las atrasadas se manejan sin verguenza (Daniel, tablero 15) */

/* La fila que se va (el verbo ya se toco): un fundido corto antes de la red. Con movimiento reducido solo se oculta. */
:root[data-theme] .inicio-v3 .inb .inb-fila.inb-sale{ opacity:0; max-height:0; min-height:0; overflow:hidden; padding-top:0; padding-bottom:0; pointer-events:none;
  transition:opacity var(--d-toque) var(--curva-cambia), max-height var(--d-toque) var(--curva-cambia), padding var(--d-toque) var(--curva-cambia); }
@media (prefers-reduced-motion:reduce){ :root[data-theme] .inicio-v3 .inb .inb-fila.inb-sale{ transition:none; } }

/* Con menos de 440 px de bloque: el boton y el ⋯ bajan debajo del texto, a la izquierda (como el tablero 18), con el alto del dedo. */
@container ini-hoy (max-width:439px){
  :root[data-theme] .inicio-v3 #ini-hoy .inb .xb-fila .inb-acc{ justify-content:flex-start; min-height:44px; margin-top:var(--e-1); }
  :root[data-theme] .inicio-v3 #ini-hoy .inb .inb-lote .xb-tx{ flex:1 1 0; }   /* la pila y el texto en la misma linea (con `auto` el texto largo no cabia al lado y la pila quedaba sola arriba) */
  :root[data-theme] .inicio-v3 #ini-hoy .inb .inb-lote .inb-acc{ margin-left:calc(var(--e-3) + 36px); width:calc(100% - var(--e-3) - 36px); }
  :root[data-theme] .inicio-v3 #ini-hoy .inb .xb-fila .inb-acc .foco-menu{ left:0; right:auto; }
  :root[data-theme] .inicio-v3 #ini-hoy .inb .inb-acc .foco-ayuda{ width:44px; height:44px; }
}
/* El ⋯ a la derecha de la fila (bloque ancho): el menu sale hacia la izquierda de su boton, como el de siempre. */
:root[data-theme] .inicio-v3 .inb .inb-acc .foco-menu{ z-index:6; }
/* Con el menu abierto la fila sube sobre las de abajo (cada `.xb-acciones` es z-index:1: la fila de abajo, despues en el DOM, tapaba el menu). */
:root[data-theme] .inicio-v3 .inb .inb-fila:has(.foco-menu:not([hidden])) .xb-acciones{ z-index:5; }

/* El enlace de WhatsApp de un prospecto (`.btn-wa`, styles.css) fija el texto en blanco con !important para su fondo verde; aqui el boton es una pildora clara como las demas. */
:root[data-theme] .inicio-v3 .inb .xb-acciones .btn-wa{ color:var(--tinta) !important; }

/* La linea de lo que no cupo, el pie de autonomia, el estado quieto y el esqueleto: texto chico y callado. */
:root[data-theme] .inicio-v3 .inb .inb-nada{ margin:var(--e-2) 0 var(--e-3); }
:root[data-theme] .inicio-v3 .inb .inb-cola, :root[data-theme] .inicio-v3 .inb .inb-aut{ margin:var(--e-3) 0 0; font-size:var(--t-meta); line-height:20px; color:var(--medio); }
:root[data-theme] .inicio-v3 .inb .inb-aut{ display:flex; align-items:center; justify-content:space-between; gap:var(--e-3); flex-wrap:wrap; }
:root[data-theme] .inb-enlace{ border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-meta); text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:var(--e-1); }
@media (hover:hover){ :root[data-theme] .inb-enlace:hover{ color:var(--tinta); } }
:root[data-theme] .inicio-v3 .inb .inb-esq{ height:56px; margin-top:var(--e-2); border-radius:var(--r); background:var(--piedra-on); opacity:.5; }

/* La fila util de una cuenta quieta (una boda a la que le falta algo): la misma fila, con su verbo. */
:root[data-theme] .inicio-v3 .inb .inb-sugerencia .xb-ico{ display:none; }

/* ---- Las hojas (tablero 19): viven en #modal ---- */
:root[data-theme] .inb-hoja-p{ margin:0 0 var(--e-3); font-size:var(--t-texto); line-height:1.5; color:var(--medio); }
:root[data-theme] .inb-hoja-lista{ display:flex; flex-direction:column; }
:root[data-theme] .inb-hoja-g{ margin:var(--e-4) 0 var(--e-1); font-size:var(--t-meta); font-weight:500; text-transform:uppercase; letter-spacing:.04em; color:var(--medio); }
:root[data-theme] .inb-hoja-fila{ display:flex; align-items:center; gap:var(--e-3); flex-wrap:wrap; min-height:56px; padding:var(--e-2) 0; }
:root[data-theme] .inb-hoja-tx{ flex:1 1 180px; min-width:0; display:flex; flex-direction:column; gap:2px; }
:root[data-theme] .inb-hoja-t{ font-size:var(--t-campo); color:var(--tinta); overflow-wrap:anywhere; }
:root[data-theme] .inb-hoja-s{ font-size:var(--t-meta); color:var(--medio); }
:root[data-theme] .inb-hoja-acc{ flex:none; display:flex; align-items:center; gap:var(--e-1); }
:root[data-theme] .inb-hoja-acc .foco-btn{ min-height:36px; padding:0 var(--e-3); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-meta); cursor:pointer; }
:root[data-theme] .inb-hoja-lista > .inb-enlace{ align-self:flex-start; }
:root[data-theme] .inb-hechos{ margin:0 0 var(--e-3); padding:var(--e-3) var(--e-4) var(--e-3) var(--e-6); border-radius:var(--r); background:var(--piedra-on); font-size:var(--t-texto); line-height:1.5; color:var(--tinta); }
:root[data-theme] .inb-hechos li + li{ margin-top:var(--e-1); }
/* «¿Por que no?» y el nivel de autonomia: un grupo de opciones con UNA marcada (radiogrupo con flechas). La marcada lleva el contorno firme. */
:root[data-theme] .inb-radios{ display:flex; flex-direction:column; gap:var(--e-2); margin-bottom:var(--e-3); }
:root[data-theme] .inb-mot{ position:relative; display:flex; flex-direction:column; gap:2px; min-height:56px; padding:var(--e-3) var(--e-4) var(--e-3) calc(var(--e-4) + 28px); border:0; border-radius:var(--r-flota); background:transparent; box-shadow:inset 0 0 0 1px var(--linea); text-align:left; font:inherit; color:var(--tinta); cursor:pointer; }
:root[data-theme] .inb-mot::before{ content:""; position:absolute; left:var(--e-4); top:var(--e-4); width:16px; height:16px; border-radius:var(--r-pildora); box-shadow:inset 0 0 0 2px var(--medio); }
:root[data-theme] .inb-mot[aria-checked="true"]{ box-shadow:inset 0 0 0 2px var(--tinta); }
:root[data-theme] .inb-mot[aria-checked="true"]::before{ box-shadow:inset 0 0 0 5px var(--tinta); }
:root[data-theme] .inb-mot-t{ font-size:var(--t-campo); }
:root[data-theme] .inb-mot-d{ font-size:var(--t-meta); color:var(--medio); }
:root[data-theme] .inb-recon{ display:flex; flex-wrap:wrap; gap:var(--e-2); margin-bottom:var(--e-3); }
:root[data-theme] .inb-recon .foco-op, :root[data-theme] .inb-fecha{ min-height:44px; }

/* «Esta semana» ya no repite lo que dice la bandeja (tablero 15, pin 7): sin la linea roja de atrasadas (vive en la bandeja como lote) y sin «Ver el mes» (el boton Calendario ya lo abre). `#ini-raiz[data-bandeja]` lo pone inicioBandejaCablear.
   «Ver la semana» NO se esconde: si el navegador recordo la vista de mes, es la salida. La especificidad con `#id` le gana a `button.ini-atrasado:not([hidden])` de cuarto-oscuro.css. */
:root[data-theme] #ini-raiz[data-bandeja] #ini-atrasado{ display:none; }
/* «Ver el mes» vive en el calendario de la semana (`#ini-cal-casa`, hermano de `#ini-tareas-hoy` dentro de `.ini-top`), no dentro de la lista del dia. */
:root[data-theme] #ini-raiz[data-bandeja] #ini-cal-casa [data-csvista="mes"]{ display:none; }