/* ==========================================================================
   Hoy y Daily: estilos propios (prefijos .hoy- y .dly-).
   Lo compartido (tarjeta, botón, campo, captura, fila-tarea, etiqueta, punto, vacío, error…) está en estilo.css.
   Solo tamaños 12/14/16/20/26/34 (--t1 a --t6) y colores de las variables.
   ========================================================================== */

/* ---------- Hoy: cabecera y columnas ---------- */
.hoy-cabecera{margin-bottom:var(--e6)}
.hoy-saludo{font-family:var(--fuente-titulos);font-size:var(--t6);font-weight:500;line-height:1.15;overflow-wrap:anywhere}
.hoy-fecha{margin-top:var(--e1);font-size:var(--t3);color:var(--tinta-2)}

.hoy-columnas{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e6);align-items:start}
.hoy-principal,.hoy-lateral{display:flex;flex-direction:column;gap:var(--e5);min-width:0}
.hoy-zona-daily:empty,.hoy-zona-apuntes:empty{display:none}
@media (min-width:1024px){
  .hoy-columnas{grid-template-columns:minmax(0,3fr) minmax(300px,2fr)}
}
@media (max-width:899px){
  .hoy-cabecera{margin-bottom:var(--e5)}
  .hoy-saludo{font-size:var(--t5)}
  .hoy-columnas{gap:var(--e5)}
}

/* ---------- Captura en línea ---------- */
.hoy-captura .captura-campo > .campo{height:44px;font-size:var(--t3)}

/* ---------- Tarjeta «Poner al día» ---------- */
.hoy-ponerdia{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--e3) var(--e4);background:var(--aviso-fondo);border-color:var(--aviso-fondo)}
.hoy-ponerdia > .icono{flex:none;margin-top:3px;color:var(--aviso)}
.hoy-ponerdia-cuerpo{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:var(--e1)}
.hoy-ponerdia-texto{color:var(--tinta-2)}
.hoy-ponerdia > .boton{align-self:center}

/* ---------- Lista «Para hoy» ---------- */
.hoy-seccion{min-width:0}
.hoy-seccion-cabecera{display:flex;align-items:baseline;gap:var(--e2);margin-bottom:var(--e2);padding:0 var(--e2)}
.hoy-contador{font-size:var(--t2);color:var(--tinta-2);font-variant-numeric:tabular-nums}
.hoy-seccion .error-bloque{margin-bottom:var(--e3)}
.hoy-seccion .vacio{padding:var(--e6) var(--e4)}

.hoy-fila-titulo{
  display:block;width:100%;padding:0;margin:0;
  font:inherit;line-height:1.5;text-align:left;color:var(--tinta);
  background:none;border:0;border-radius:var(--r-peq);cursor:pointer;
}
.hoy-fila .fila-acciones{flex-wrap:nowrap}
.hoy-fila .fila-acciones .boton--fantasma{color:var(--tinta-2)}
.hoy-fila .fila-acciones .boton--fantasma:hover{color:var(--tinta)}
/* Con ratón, las acciones aparecen encima del final de la fila y no le quitan ancho al título */
@media (hover:hover) and (pointer:fine){
  .hoy-fila{grid-template-columns:auto minmax(0,1fr)}
  .hoy-fila:focus-within{background:var(--fondo-hover)}
  .hoy-fila .fila-acciones{
    position:absolute;top:6px;right:var(--e2);margin:0;padding-left:var(--e5);
    background:linear-gradient(to right,transparent,var(--fondo-hover) var(--e5));
    pointer-events:none;
  }
  .hoy-fila:hover .fila-acciones,.hoy-fila:focus-within .fila-acciones{pointer-events:auto}
}
.hoy-alta{color:var(--tinta);font-weight:600}
@media (max-width:899px){
  .hoy-fila-titulo{font-size:var(--t3)}
}

/* ---------- Modal «Poner al día» ---------- */
.hoy-revision{display:flex;flex-direction:column;gap:var(--e3)}
.hoy-revision-intro{color:var(--tinta-2)}
.hoy-revision-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hoy-revision-fila{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e2) var(--e4);padding:var(--e3) 0}
.hoy-revision-fila + .hoy-revision-fila{border-top:1px solid var(--borde)}
.hoy-revision-texto{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.hoy-revision-titulo{color:var(--tinta);overflow-wrap:anywhere}
.hoy-revision-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--e3)}
.hoy-revision-botones{display:flex;flex-wrap:wrap;gap:6px}
.hoy-revision-pie{display:flex;flex-wrap:wrap;gap:var(--e2);padding-top:var(--e3);border-top:1px solid var(--borde)}
.hoy-revision .vacio{padding:var(--e6) var(--e4)}

/* ---------- Agenda de hoy ---------- */
.hoy-agenda .tarjeta-cabecera{align-items:baseline}
.hoy-enlace,.dly-enlace{flex:none;font-size:var(--t2);color:var(--tinta-2);white-space:nowrap}
.hoy-enlace:hover,.dly-enlace:hover{color:var(--tinta)}
.hoy-agenda .error-bloque{margin-bottom:var(--e3)}
.hoy-agenda .cargando{justify-content:flex-start;padding:var(--e3) 0}
.hoy-agenda-vacia{color:var(--tinta-2)}

.hoy-eventos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hoy-evento{display:grid;grid-template-columns:76px 8px minmax(0,1fr);align-items:start;gap:var(--e3);padding:var(--e2) 0}
.hoy-evento + .hoy-evento{border-top:1px solid var(--borde)}
.hoy-evento-hora{padding-top:2px;font-size:var(--t1);font-weight:500;line-height:18px;color:var(--tinta-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.hoy-evento > .punto{margin-top:7px}
.hoy-evento-texto{min-width:0}
.hoy-evento-titulo{display:block;color:var(--tinta);overflow-wrap:anywhere}
.hoy-evento-meta{display:block;font-size:var(--t1);color:var(--tinta-2);overflow-wrap:anywhere}
.hoy-evento--pasado .hoy-evento-titulo{color:var(--tinta-2)}

.hoy-manana{margin-top:var(--e4);padding-top:var(--e3);border-top:1px solid var(--borde)}
.hoy-manana-titulo{margin-bottom:var(--e1);font-family:var(--fuente);font-size:var(--t1);font-weight:600;letter-spacing:0;line-height:1.5;color:var(--tinta-2)}
.hoy-eventos--compacta .hoy-evento{padding:var(--e1) 0}
.hoy-eventos--compacta .hoy-evento + .hoy-evento{border-top:0}

/* ---------- Franja de estado ---------- */
.hoy-estado{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--e1) var(--e3);
  margin-top:var(--e7);padding-top:var(--e4);border-top:1px solid var(--borde);
  font-size:var(--t1);color:var(--tinta-2);
}
.hoy-estado:empty{display:none}
.hoy-estado-item--mal{color:var(--aviso);font-weight:500}
.hoy-estado-sep{color:var(--borde-fuerte)}
.hoy-estado-reintentar{font-size:var(--t1);color:var(--tinta-2)}
@media (max-width:899px){
  .hoy-estado{margin-top:var(--e6)}
}

/* ==========================================================================
   Daily (tarjeta en Hoy y vista #/daily)
   ========================================================================== */
.dly-cabecera{align-items:flex-start}
.dly-cabecera-texto{min-width:0}
.dly-fecha{margin-top:2px;color:var(--tinta-2)}

/* Avisos del Daily (cargar, conflicto, cambio de día) */
.dly-aviso{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--e2) var(--e3);
  margin-bottom:var(--e3);padding:var(--e3);
  border-radius:var(--r);background:var(--aviso-fondo);color:var(--tinta);
}
.dly-aviso-texto{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.dly-aviso-botones{display:flex;flex-wrap:wrap;gap:var(--e2)}
.dly-nota{margin-bottom:var(--e3);font-size:var(--t1);color:var(--tinta-2)}
.dly-relleno{margin-bottom:var(--e2)}

/* Formulario */
.dly-campos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e3)}
@media (min-width:700px){
  .dly-pagina .dly-campos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
textarea.dly-campo{min-height:88px;resize:none;overflow:hidden}
.dly-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--e2);margin-top:var(--e3)}
/* Modo lectura: «Copiar» y «Editar» bajan juntos (en la columna estrecha de Hoy, «Guardado» arriba y los dos debajo) */
.dly-pie-botones{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--e2)}
.dly-borrador{margin-right:auto;font-size:var(--t1);font-weight:500;color:var(--aviso)}
.dly-borrador:empty{display:none}
.dly-msg{font-size:var(--t1);font-weight:500}
.dly-msg:empty{display:none}
.dly-msg--ok{color:var(--hecho)}
.dly-msg--error{color:var(--peligro)}
.dly-msg--aviso{color:var(--aviso)}
.dly-msg--neutro{color:var(--tinta-2)}

/* Modo lectura (tarjeta de Hoy con el daily de hoy ya guardado) */
.dly-lectura{display:flex;flex-direction:column;gap:var(--e3)}
.dly-etiqueta{margin-bottom:2px;font-size:var(--t1);font-weight:600;color:var(--tinta-2)}
.dly-texto{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tinta)}
.dly-vacio{color:var(--tinta-3)}
.dly-guardado{margin-right:auto;display:inline-flex;align-items:center;gap:6px;font-size:var(--t1);font-weight:500;color:var(--hecho)}
.dly-guardado .icono{width:16px;height:16px}

/* Vista completa #/daily */
.dly-pagina{display:flex;flex-direction:column;gap:var(--e6);max-width:880px;min-width:0}
.dly-pagina > .pantalla-cabecera{margin-bottom:0}
.dly-historial{display:flex;flex-direction:column;gap:var(--e3);min-width:0}
.dly-historial .vacio{padding:var(--e6) var(--e4)}
.dly-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--e3)}
.dly-entrada{min-width:0;padding:var(--e4);background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--r)}
.dly-entrada--actual{background:var(--lateral);border-color:var(--borde-fuerte)}
.dly-entrada-cabecera{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e1) var(--e3);margin-bottom:var(--e2)}
.dly-entrada-fecha{font-family:var(--fuente);font-size:var(--t2);font-weight:600;letter-spacing:0;line-height:1.5;color:var(--tinta)}
.dly-entrada-acciones{display:flex;flex-wrap:wrap;gap:2px;margin-right:-6px}
.dly-entrada-fila{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tinta)}
.dly-entrada-fila + .dly-entrada-fila{margin-top:var(--e1)}
.dly-entrada-etiqueta{font-weight:600}
@media (max-width:899px){
  .dly-pagina{gap:var(--e5)}
  .dly-entrada{padding:var(--e3)}
}