/* inicio-simple.css -- Inicio: una sola pregunta, ¿que sigue? (plan PLAN-crm-simple-resto-2026-10, Z10). Solo tokens de Cuarto Oscuro. Todo cuelga de .inis-* / .psem-fila: sin `estudio.pantallas_simple` nada de esto se pinta. */
.inis-calma{ grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:var(--e-4); flex-wrap:wrap; margin:var(--e-3) 0 var(--e-5); padding:var(--e-4) var(--e-5); border-radius:var(--r-flota); box-shadow:inset 0 0 0 1px var(--linea); font-size:var(--t-meta); color:var(--medio); }
.inis-calma b{ color:var(--tinta); font-weight:500; }
.inis-mostrar{ 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); }
/* Tu primera semana, compacta: una fila con el siguiente paso, su avance y su boton. */
.psem-fila{ display:flex; align-items:center; gap:var(--e-4); flex-wrap:wrap; }
.psem-fila-t{ flex:1 1 220px; min-width:0; }
.psem-barra-fila{ width:96px; margin:0; flex:none; }
.psem-mas{ 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); white-space:nowrap; }
.psem-menos{ margin-left:auto; margin-right:var(--e-3); }
@media (max-width:560px){ .psem-barra-fila{ width:100%; order:3; } .psem-fila .psem-btn{ grid-column:auto; margin-top:0; } }
/* Tu negocio en tres numeros (F3 del Inicio perfecto, tablero 15, pin 9): tres cifras sin filas y un enlace a Finanzas. Se acomodan solas (`auto-fit`) y bajan a una columna cuando la columna es angosta. */
.inis-neg{ display:grid; grid-template-columns:repeat(auto-fit, minmax(96px, 1fr)); gap:var(--e-3); }
.inis-neg-c{ background:var(--piedra-on); border-radius:var(--r); padding:var(--e-3); min-width:0; overflow-wrap:anywhere; }
.inis-neg-mes{ font-size:var(--t-meta); color:var(--medio); }
.inis-neg-esq{ display:grid; grid-template-columns:repeat(auto-fit, minmax(96px, 1fr)); gap:var(--e-3); }
.inis-neg-esq i{ display:block; height:var(--e-6); background:var(--piedra-on); border-radius:var(--r); }
#ini-negocio .ini4-ver{ display:inline-block; margin-top:var(--e-3); }
@media (pointer:coarse){ #ini-negocio .ini4-ver{ display:inline-flex; align-items:center; min-height:44px; } }
/* La fila de arranque que cierra «Para ti» cuando no hay nada ni bodas ni primera semana. */
.inis-pie{ display:flex; align-items:center; gap:var(--e-3); flex-wrap:wrap; padding:var(--e-3) 0; border-top:1px solid var(--punto); }
.inis-pie-tx{ flex:1 1 180px; min-width:0; }
.inis-pie-t{ font-size:var(--t-texto); color:var(--tinta); font-weight:500; overflow-wrap:anywhere; }
.inis-pie-s{ font-size:var(--t-meta); color:var(--medio); }
@media (pointer:coarse){ .inis-pie-btn{ min-height:44px; } }
/* F4 · Personalizar este inicio (tablero 14). Solo tokens de Cuarto Oscuro; nada se anima. */
.ini-pers-barra{ grid-column:1 / -1; position:sticky; top:0; z-index:6; display:flex; align-items:center; justify-content:space-between; gap:var(--e-4); flex-wrap:wrap; padding:var(--e-3) var(--e-4); border-radius:var(--r-flota); background:var(--pag); box-shadow:inset 0 0 0 1px var(--linea); }
.ini-pers-h{ margin:0; font-size:var(--t-sub); font-weight:500; color:var(--tinta); }
.ini-pers-ayuda{ margin:var(--e-1) 0 0; font-size:var(--t-meta); color:var(--medio); }
.ini-pers-acc{ display:flex; align-items:center; gap:var(--e-3); flex-wrap:wrap; }
.ini-pers .ini-bloque{ box-shadow:inset 0 0 0 1px var(--punto); }
.ini-pers .ini-bloque-cont{ pointer-events:none; user-select:none; }
:root[data-theme] .ini-pers .ini-bloque-asa{ opacity:1; transition:none; }
:root[data-theme] .inicio-v3.ini-pers .ini-bloque:not([data-ini-id="botones"]):has(> .ini-bloque-cont > [hidden]:only-child){ display:block; }   /* un bloque sin nada (Tu negocio) tambien se acomoda en el modo */
.ini-pers-pie{ margin-top:var(--e-4); }
/* «Esta semana» sin la segunda barra de navegacion: las flechas del dia repetian la tira de siete dias (la fecha se queda: un toque vuelve a hoy). Solo dentro del Inicio simple; #diaria es un nodo compartido con el riel y la hoja del telefono. */
.ini-simple .ini-bloque[data-ini-id="tareas_hoy"] :is(#diaria-prev, #diaria-next){ display:none; }
/* «Tu red» (D20 de la Constelacion): las celdas de «Tu negocio», pero cada una se toca y abre el mapa justo ahi. Solo tokens. */
.inired-c{ display:block; color:inherit; text-decoration:none; }
.inired-c:hover{ background:var(--tinte-toque); }
.inired-c:focus-visible{ outline:2px solid var(--tinta); outline-offset:2px; }
.inired-cargando{ margin:var(--e-3) 0 0; font-size:var(--t-meta); color:var(--apagado); }
.inired ~ .ini4-ver, .inired-c ~ .ini4-ver, [data-ini-vacio] ~ .ini4-ver{ display:inline-block; margin-top:var(--e-3); }
@media (pointer:coarse){ .inired ~ .ini4-ver, [data-ini-vacio] ~ .ini4-ver{ display:inline-flex; align-items:center; min-height:44px; } }