/* =====================================================================
   BLOQUE 6 — Mi día conectado con Tareas: cajas Mañana · Mediodía · Tarde,
   Tareas estilo monday (tabla por grupos / tarjetas), Historial por días y
   zonas de Hoy con el diseño nuevo. Va después de bloque4.css. Todo color
   vive en un token (Noche y Día); el movimiento, dentro de
   prefers-reduced-motion. Botones redondos; poco texto.
   ===================================================================== */
:root{
  --b6-r:20px;
  --b6-az:var(--b4-az); --b6-az-ink:var(--b4-az-ink); --b6-az-bg:var(--b4-az-bg);
  --b6-am:var(--b4-am); --b6-am-ink:var(--b4-am-ink); --b6-am-bg:var(--b4-am-bg);
  --b6-mo:var(--b4-mo); --b6-mo-ink:var(--b4-mo-ink); --b6-mo-bg:var(--b4-mo-bg);
  --b6-ok:var(--b4-ok); --b6-ok-ink:var(--b4-ok-ink); --b6-ok-bg:var(--b4-ok-bg);
  --b6-ro:var(--b4-ro); --b6-ro-ink:var(--b4-ro-ink); --b6-ro-bg:var(--b4-ro-bg);
  --b6-ma:var(--line-strong); --b6-ma-ink:var(--ink); --b6-ma-bg:var(--b4-track);
}
/* color de franja / tono: --t (trazo), --t-ink (texto), --t-bg (fondo suave) */
.s-azul, .f-azul, .t-az, .g-azul, .t-azul{--t:var(--b6-az); --t-ink:var(--b6-az-ink); --t-bg:var(--b6-az-bg);}
.s-ambar, .f-ambar, .t-am, .g-ambar, .t-ambar{--t:var(--b6-am); --t-ink:var(--b6-am-ink); --t-bg:var(--b6-am-bg);}
.s-morado, .f-morado, .g-morado, .t-morado{--t:var(--b6-mo); --t-ink:var(--b6-mo-ink); --t-bg:var(--b6-mo-bg);}
.g-verde, .t-verde, .s-verde{--t:var(--b6-ok); --t-ink:var(--b6-ok-ink); --t-bg:var(--b6-ok-bg);}
.t-rojo{--t:var(--b6-ro); --t-ink:var(--b6-ro-ink); --t-bg:var(--b6-ro-bg);}
.g-marino, .t-marino{--t:var(--b6-ma); --t-ink:var(--b6-ma-ink); --t-bg:var(--b6-ma-bg);}

/* ---------- B6.3 Mi día: cabecera de las cajas ---------- */
.b6-cab{
  display:flex; align-items:center; gap:18px; margin:0 0 14px; padding:14px 18px;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--b6-r); box-shadow:var(--shadow);
}
.b6-cab .b4-anillo{width:60px; height:60px;}
.b6-cab-cen{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:8px;}
.b6-cab-linea{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;}
.b6-cab-tit{font-weight:800; font-size:1.05rem; letter-spacing:-.01em;}
.b6-cab-pct{font-weight:800; font-size:.8rem; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.b6-cab-barra{display:flex; gap:4px; height:10px; min-width:0;}
.b6-seg{flex:1 1 0; min-width:10px; height:100%; border-radius:99px; background:var(--b4-track); overflow:hidden; position:relative;}
.b6-seg i{display:block; height:100%; border-radius:99px; background:var(--t); transition:width .5s cubic-bezier(.2,.7,.2,1);}
.b6-seg.vacio{background:var(--b4-track);}
.b6-cab-tiempo{display:flex; align-items:center; gap:10px; flex:none; padding-left:18px; border-left:1px solid var(--line);}
.b6-cab-ico{width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--b6-az-bg); color:var(--b6-az-ink); flex:none;}
.b6-cab-ico .ico-set{width:20px; height:20px;}
.b6-cab-tx{display:flex; flex-direction:column; line-height:1.15;}
.b6-cab-tx b{font-size:1.05rem; font-weight:800; font-variant-numeric:tabular-nums;}
.b6-cab-tx span{font-size:.74rem; color:var(--ink-soft); font-weight:600;}
.b6-cab.vacia .b6-cab-tit{color:var(--ink-soft);}
@media (prefers-reduced-motion:reduce){ .b6-seg i{transition:none;} }

/* mini tarjetas KPI (objetivos de hoy) */
.b6-kpis{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 14px;}
.b6-kpis:empty{display:none;}
.b6-kpi{
  display:flex; align-items:center; gap:12px; padding:9px 16px 9px 10px; min-width:0;
  background:var(--surface); border:1px solid var(--line); border-radius:999px; box-shadow:var(--shadow);
}
.b6-kpi-ico{width:36px; height:36px; border-radius:50%; display:grid; place-items:center; flex:none; background:var(--t-bg, var(--b6-az-bg)); color:var(--t-ink, var(--b6-az-ink));}
.b6-kpi-ico .ico-set{width:18px; height:18px;}
.b6-kpi-tx{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; min-width:0;}
.b6-kpi-v{font-size:1.25rem; font-weight:900; letter-spacing:-.02em; font-variant-numeric:tabular-nums; line-height:1;}
.b6-kpi-l{font-size:.78rem; color:var(--ink-soft); font-weight:600;}
.b6-kpi-ajuste .b6-kpi-l{padding-right:4px;}

/* ---------- las tres cajas ---------- */
.b6-cajas{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:start;}
@media (max-width:980px){ .b6-cajas{grid-template-columns:1fr;} }
.bloque-card.b6-caja{
  --f:var(--t);
  position:relative; display:flex; flex-direction:column; gap:10px; min-width:0; padding:16px;
  background:var(--surface); border:1px solid var(--line); border-top:4px solid var(--f); border-radius:var(--b6-r); box-shadow:var(--shadow);
}
.bloque-card.b6-caja.done{opacity:1; border-top-color:var(--b6-ok);}
.bloque-card.b6-caja.ahora{box-shadow:var(--shadow), 0 0 0 1.5px var(--f);}
.bloque-card.b6-caja.b4-destaca{box-shadow:0 0 0 3px var(--accent);}
.b6-caja-cab{display:flex; align-items:center; gap:12px;}
.b6-caja-ico{width:42px; height:42px; border-radius:50%; display:grid; place-items:center; flex:none; background:var(--t-bg); color:var(--t-ink);}
.b6-caja-ico .ico-set{width:22px; height:22px;}
.b6-caja-tit{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px;}
.b6-caja-tit .bloque-label{margin:0; font-size:1.02rem; font-weight:800;}
.b6-caja-t{font-size:.78rem; font-weight:700; color:var(--ink-soft); margin:0; padding:0; border:0; font-variant-numeric:tabular-nums;}
.b6-caja-n{flex:none; min-width:40px; height:30px; padding:0 10px; border-radius:999px; display:grid; place-items:center; background:var(--t-bg); color:var(--t-ink); font-weight:800; font-size:.82rem; font-variant-numeric:tabular-nums;}
.b6-caja-barra.b4-bar, .b6-caja .b6-caja-barra{height:6px; margin:0;}
.b6-lista{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.b6-lista:empty{display:none;}
.b6-fila{
  display:flex; align-items:center; gap:8px; min-width:0; padding:5px 6px 5px 6px;
  background:var(--b4-track); border-radius:16px;
}
.b6-fila .btn-check{width:30px; height:30px; flex:none;}
.b6-ttxt{
  appearance:none; flex:1 1 auto; min-width:0; padding:4px 2px; border:0; background:none; color:var(--ink);
  font:inherit; font-size:.86rem; font-weight:600; text-align:left; cursor:pointer;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere;
}
.b6-ttxt:hover{text-decoration:underline; text-underline-offset:3px;}
.b6-ttxt:focus-visible, .b6-quitar:focus-visible, .b6-min:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b6-fila.hecho .b6-ttxt{color:var(--ink-soft); text-decoration:line-through; text-decoration-thickness:1px;}
.b6-fila-urg{flex:none; display:grid; place-items:center; width:22px; height:22px; color:var(--b6-ro-ink);}
.b6-fila-urg .ico-set{width:16px; height:16px;}
.b6-min{
  flex:none; appearance:none; -webkit-appearance:none; padding:5px 10px; border:1px solid var(--line-strong); border-radius:999px;
  background:var(--surface); color:var(--ink); font:inherit; font-size:.74rem; font-weight:700; cursor:pointer; text-align:center;
}
.b6-min-fijo{flex:none; padding:5px 10px; border-radius:999px; font-size:.74rem; font-weight:700; color:var(--ink-soft);}
.b6-quitar{
  flex:none; appearance:none; width:28px; height:28px; padding:0; display:grid; place-items:center; border-radius:50%;
  border:0; background:transparent; color:var(--ink-soft); cursor:pointer;
}
.b6-quitar .ico-set{width:15px; height:15px;}
.b6-quitar:hover{background:var(--b6-ro-bg); color:var(--b6-ro-ink);}
.b6-caja-acc{display:flex; gap:8px; flex-wrap:wrap; margin-top:2px;}
.b6-btn{
  appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:1 1 0; min-height:40px; padding:0 14px;
  border:1.5px solid var(--line-strong); border-radius:999px; background:transparent; color:var(--ink);
  font:inherit; font-size:.82rem; font-weight:700; cursor:pointer; width:auto;
}
.b6-btn .ico-set{width:17px; height:17px;}
.b6-btn:hover, .b6-btn.on{background:var(--t-bg); border-color:var(--t); color:var(--t-ink);}
.b6-btn:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b6-btn-n{min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:var(--accent); color:var(--accent-ink); font-size:.68rem; font-weight:800; display:grid; place-items:center;}
/* mover entre franjas: botón redondo, selector con los tres iconos, arrastre y aviso de carga */
.b6-fila{flex-wrap:wrap;}
.b6-fila[draggable="true"]{-webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
.b6-mover{
  flex:none; appearance:none; width:28px; height:28px; padding:0; display:grid; place-items:center; border-radius:50%;
  border:0; background:transparent; color:var(--ink-soft); cursor:pointer;
}
.b6-mover .ico-set{width:15px; height:15px;}
.b6-mover:hover, .b6-mover.on{background:var(--b4-az-bg, var(--t-bg)); color:var(--b6-az-ink);}
.b6-mover:focus-visible, .b6-mfr:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b6-mover-fila{flex:1 0 100%; display:flex; justify-content:center; gap:12px; padding:4px 0 6px;}
.b6-mfr{
  appearance:none; width:40px; height:40px; padding:0; display:grid; place-items:center; border-radius:50%; cursor:pointer;
  border:1.5px solid var(--t); background:var(--t-bg); color:var(--t-ink);
}
.b6-mfr .ico-set{width:20px; height:20px;}
.b6-mfr.actual{opacity:.4; cursor:default; border-style:dashed;}
.b6-mfr:not(.actual):hover{box-shadow:0 0 0 3px var(--t-bg);}
.b6-fila.arrastrando{opacity:.45;}
.b6-caja.sobre{box-shadow:var(--shadow), 0 0 0 2px var(--f); background:var(--t-bg);}
.b6-ghost{
  position:fixed; z-index:200; pointer-events:none; transform:translate(-50%,-120%); max-width:70vw; padding:8px 14px; border-radius:999px;
  background:var(--surface); color:var(--ink); border:1.5px solid var(--accent); box-shadow:var(--shadow); font-size:.84rem; font-weight:700;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.b6-carga{
  display:flex; align-items:center; gap:8px; margin:0; padding:6px 12px; border-radius:999px;
  background:var(--b6-am-bg); color:var(--b6-am-ink); font-size:.78rem; font-weight:700;
}
.b6-carga .ico-set{width:16px; height:16px; flex:none;}
/* sugerencia de pasar lo que queda de una franja a la siguiente */
.b6-sug{display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:6px 6px 6px 14px; border-radius:999px; background:var(--b6-az-bg); color:var(--b6-az-ink); font-size:.8rem; font-weight:700;}
.b6-sug-tx{flex:1 1 auto; min-width:0;}
.b6-sug-ok{
  appearance:none; display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 14px; border-radius:999px; width:auto;
  border:1.5px solid var(--b6-az); background:var(--surface); color:var(--b6-az-ink); font:inherit; font-size:.78rem; font-weight:800; cursor:pointer;
}
.b6-sug-ok .ico-set{width:15px; height:15px;}
.b6-sug-ok:hover{background:var(--b6-az); color:#fff;}
.b6-sug-x{appearance:none; flex:none; width:32px; height:32px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:var(--b6-az-ink); cursor:pointer;}
.b6-sug-x .ico-set{width:16px; height:16px;}
.b6-sug-x:hover{background:var(--surface);}
.b6-sug-ok:focus-visible, .b6-sug-x:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
/* traer de Tareas */
.b6-traer{border:1.5px solid var(--t); border-radius:18px; background:var(--t-bg); padding:10px; display:flex; flex-direction:column; gap:8px;}
.b6-traer-cab{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.b6-traer-tit{font-weight:800; font-size:.86rem;}
.b6-traer-x{width:32px; height:32px;}
.b6-traer-x .ico-set{width:16px; height:16px;}
.b6-traer-vacio{margin:0; font-size:.82rem; color:var(--ink-soft);}
.b6-traer-lista{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; max-height:280px; overflow:auto;}
.b6-cand{display:flex; align-items:center; gap:8px; padding:6px 6px 6px 12px; background:var(--surface); border-radius:16px; min-width:0;}
.b6-cand-tx{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px;}
.b6-cand-tit{font-size:.84rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.b6-cand-tag{font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft);}
.b6-cand.g-0 .b6-cand-tag{color:var(--b6-ro-ink);}
.b6-cand.g-1 .b6-cand-tag{color:var(--b6-az-ink);}
.b6-cand-add{width:34px; height:34px;}
.b6-cand-add .ico-set{width:17px; height:17px;}

/* cierre del día: franjas */
.b6-cierre-franjas{grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px;}
.b6-cierre-fr{display:inline-flex; align-items:center; gap:8px; padding:5px 14px 5px 6px; border-radius:999px; background:var(--t-bg); color:var(--t-ink); font-size:.78rem;}
.b6-cierre-fr-ico{width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--surface);}
.b6-cierre-fr-ico .ico-set{width:15px; height:15px;}
.b6-cierre-fr-l{font-weight:600;}
.b6-cierre-fr b{font-weight:800; font-variant-numeric:tabular-nums;}

/* ---------- B6.2 Tareas estilo monday ---------- */
.tareas-barra{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:0 0 16px;}
.tareas-barra .filters{margin:0;}
.tareas-barra .search{flex:1 1 200px; max-width:280px; margin-left:auto; border-radius:999px; padding:8px 16px;}
.tareas-barra .seg .chip{min-width:84px; justify-content:center;}
.b6-tt{display:flex; flex-direction:column; gap:14px;}
.b6-cols, .b6-vista-tabla .tarea-fila{
  display:grid; align-items:center; column-gap:12px;
  grid-template-columns:40px minmax(0,2.4fr) minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1.7fr) minmax(0,1.3fr) 76px 44px 84px;
}
.b6-cols{padding:0 15px 0 20px; font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft);}
.b6-vista-tarjetas .b6-cols{display:none;}
.b6-chips{display:contents;}
.b6-grupo{--g:var(--t); border-radius:var(--b6-r); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow); overflow:visible;}
.b6-grupo-cab{
  appearance:none; display:flex; align-items:center; gap:10px; width:100%; padding:12px 16px; border:0; background:transparent; color:var(--ink);
  font:inherit; text-align:left; cursor:pointer; border-radius:var(--b6-r);
}
.b6-grupo-cab:focus-visible{outline:2px solid var(--accent); outline-offset:-2px;}
.b6-grupo-chev{width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:var(--t-bg); color:var(--t-ink); transition:transform .18s ease;}
.b6-grupo-chev .ico-set{width:14px; height:14px;}
.b6-grupo-cab[aria-expanded="true"] .b6-grupo-chev{transform:rotate(90deg);}
.b6-grupo-dot{display:none;}
.b6-grupo-nom{font-weight:800; font-size:.98rem; color:var(--t-ink);}
.b6-grupo-n{min-width:26px; height:24px; padding:0 9px; border-radius:999px; background:var(--t-bg); color:var(--t-ink); font-size:.76rem; font-weight:800; display:grid; place-items:center;}
.b6-grupo-aviso{padding:3px 10px; border-radius:999px; background:var(--b6-ro-bg); color:var(--b6-ro-ink); font-size:.7rem; font-weight:800;}
.b6-grupo{border-left:5px solid var(--t);}
.b6-filas{display:flex; flex-direction:column; padding:0 8px 8px;}
.b6-filas[hidden]{display:none;}
.tarea-fila{
  position:relative; padding:8px 6px; min-width:0; border-top:1px solid var(--line); border-radius:0; background:transparent; cursor:pointer;
}
.tarea-fila:first-child{border-top:0;}
.b6-vista-tabla .tarea-fila{padding:8px 6px;}
.tarea-fila:hover{background:var(--b4-track); border-radius:14px;}
.tarea-fila:focus-visible{outline:2px solid var(--accent); outline-offset:-2px; border-radius:14px;}
.tarea-fila.menu-abierto{z-index:6;}
.tarea-fila .b6-c{min-width:0;}
.tarea-fila .btn-check{width:32px; height:32px;}
.tarea-fila .tarea-tit{font-weight:700; font-size:.92rem; line-height:1.3; overflow-wrap:anywhere;}
.tarea-fila.hecha .tarea-tit{text-decoration:line-through; text-decoration-thickness:1px; color:var(--ink-soft);}
.tarea-fila.hecha{opacity:.78;}
.tarea-fila .tarea-parada{font-size:.72rem; color:var(--b6-ro-ink); margin-top:2px;}
.tarea-fila.atrasada .tarea-tit{color:var(--ink);}
.tarea-cli{display:inline-flex; align-items:center; gap:6px; max-width:100%; font-size:.8rem; color:var(--ink-soft); font-weight:600;}
.tarea-cli-link{appearance:none; padding:4px 10px 4px 8px; border:1px solid var(--line-strong); border-radius:999px; background:transparent; font:inherit; font-size:.78rem; font-weight:700; color:var(--b6-az-ink); cursor:pointer;}
.tarea-cli-link:hover{background:var(--b6-az-bg); border-color:var(--b6-az-ink);}
.tarea-cli-link .ico-set{width:14px; height:14px; flex:none;}
.tarea-cli-txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;}
.b6-nada{color:var(--ink-soft); opacity:.6;}
.b6-resp{display:inline-flex; align-items:center; gap:7px; max-width:100%; padding:3px 12px 3px 4px; border-radius:999px; font-size:.78rem; font-weight:700; background:var(--t-bg); color:var(--t-ink);}
.b6-resp.r-yo{--t:var(--b6-az); --t-ink:var(--b6-az-ink); --t-bg:var(--b6-az-bg);}
.b6-resp.r-cliente{--t:var(--b6-ok); --t-ink:var(--b6-ok-ink); --t-bg:var(--b6-ok-bg);}
.b6-resp.r-otro{--t:var(--b6-mo); --t-ink:var(--b6-mo-ink); --t-bg:var(--b6-mo-bg);}
.b6-resp-ini{min-width:26px; height:26px; padding:0 4px; border-radius:50%; display:grid; place-items:center; background:var(--t); color:#fff; font-size:.66rem; font-weight:800; flex:none;}
.b6-resp-n{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;}
.b6-resp.r-yo{padding-right:4px;}
.b6-resp.r-yo .b6-resp-ini{min-width:auto; padding:0 10px; border-radius:999px; height:24px; background:transparent; color:var(--t-ink); font-size:.78rem;}
.b6-c-estado{display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px;}
.b6-estado{min-height:30px;}
.b6-c-estado .espera{height:20px; font-size:.64rem; padding:0 8px;}
.b6-fecha{
  appearance:none; display:inline-flex; align-items:center; gap:7px; min-height:32px; max-width:100%; padding:4px 12px 4px 9px;
  border:1.5px solid var(--line-strong); border-radius:999px; background:transparent; color:var(--ink);
  font:inherit; font-size:.78rem; font-weight:700; cursor:pointer; text-align:left;
}
.b6-fecha .ico-set{width:15px; height:15px; flex:none;}
.b6-fecha .fecha-rel{height:auto; padding:0; border:0; background:none; font-size:inherit; color:inherit; letter-spacing:0;}
.b6-fecha .fecha-rel::before{display:none;}
.b6-fecha:hover{background:var(--b4-track); border-color:var(--ink);}
.b6-fecha[aria-expanded="true"]{border-color:var(--b6-az-ink); box-shadow:0 0 0 3px var(--b6-az-bg);}
.b6-fecha.vencida{color:var(--b6-ro-ink); background:var(--b6-ro-bg); border-color:var(--warn-line);}
.b6-fecha.hoy{color:var(--b6-az-ink); background:var(--b6-az-bg); border-color:var(--info-line);}
.b6-fecha.vacia{border-style:dashed; color:var(--ink-soft); font-weight:600;}
.b6-fecha:focus-visible, .b6-estado:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b6-dur{display:inline-block; padding:4px 10px; border-radius:999px; background:var(--b4-track); font-size:.76rem; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap;}
.b6-c-urg{display:grid; place-items:center;}
.b6-urg{width:36px; height:36px; border-color:var(--line);}
.b6-urg .ico-set{width:18px; height:18px;}
.b6-urg.on{background:var(--b6-ro-bg); color:var(--b6-ro-ink); border-color:var(--b6-ro);}
.b6-urg:not(.on){color:var(--ink-soft); opacity:.6;}
.b6-urg:not(.on):hover, .b6-urg:not(.on):focus-visible{opacity:1;}
.b6-c-acc{display:flex; align-items:center; justify-content:flex-end; gap:6px;}
.tarea-mas{width:34px; height:34px; font-size:1.1rem; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer;}
.tarea-mas:hover{background:var(--b4-track); border-color:var(--line-strong);}
.tarea-fila .tarea-menu{
  position:absolute; right:8px; top:calc(100% - 6px); z-index:20; min-width:200px; padding:6px; display:flex; flex-direction:column; gap:2px;
  background:var(--surface); border:1.5px solid var(--line-strong); border-radius:16px; box-shadow:var(--shadow);
}
.tarea-fila .tm-item{border-radius:12px;}
@media (prefers-reduced-motion:no-preference){
  .tarea-fila.recien-hecho{animation:hechoAnillo .9s ease-out;}
  /* las atrasadas llaman la atención con la misma sacudida suave de siempre */
  .tarea-fila.atrasada{animation:tareaNudge 6s ease-in-out infinite;}
  .tarea-fila.atrasada:hover{animation:none;}
}
@media (prefers-reduced-motion:reduce){ .b6-grupo-chev{transition:none;} }

/* tarjetas: misma pieza, apilada */
.b6-vista-tarjetas .b6-filas{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:4px 12px 14px;}
.b6-vista-tarjetas .tarea-fila{
  display:grid; grid-template-columns:40px minmax(0,1fr) auto auto; grid-template-areas:"chk tit urg acc" ". chips chips chips";
  row-gap:8px; column-gap:8px; padding:12px; background:var(--b4-track); border:1px solid var(--line); border-radius:18px; align-items:start;
}
.b6-vista-tarjetas .tarea-fila:hover{background:var(--b4-track); border-color:var(--line-strong); border-radius:18px;}
.b6-vista-tarjetas .tarea-fila:first-child{border-top:1px solid var(--line);}
.b6-vista-tarjetas .b6-c-chk{grid-area:chk;} .b6-vista-tarjetas .b6-c-tit{grid-area:tit; padding-top:5px;}
.b6-vista-tarjetas .b6-c-urg{grid-area:urg;} .b6-vista-tarjetas .b6-c-acc{grid-area:acc;}
.b6-vista-tarjetas .b6-chips{grid-area:chips; display:flex; flex-wrap:wrap; align-items:center; gap:8px 8px;}
.b6-vista-tarjetas .b6-c.vacio{display:none;}
.b6-vista-tarjetas .b6-chips .b6-c{flex:0 1 auto;}
.b6-vista-tarjetas .b6-c-ficha{order:5;}
@media (max-width:1100px){ .b6-vista-tarjetas .b6-filas{grid-template-columns:1fr;} }

/* pantallas pequeñas: la tabla se queda compacta (casilla · título · estado / fecha) */
@media (max-width:860px){
  .tareas-barra .search{flex:1 1 100%; max-width:none; margin-left:0;}
  .b6-vista-tabla .b6-cols{display:none;}
  .b6-vista-tabla .tarea-fila{
    grid-template-columns:40px minmax(0,1fr) auto; grid-template-areas:"chk tit estado" "chk fecha acc"; row-gap:6px; column-gap:10px; align-items:center;
  }
  .b6-vista-tabla .b6-c-chk{grid-area:chk; align-self:start;} .b6-vista-tabla .b6-c-tit{grid-area:tit;}
  .b6-vista-tabla .b6-chips{display:contents;}
  .b6-vista-tabla .b6-c-estado{grid-area:estado; justify-content:flex-end;}
  .b6-vista-tabla .b6-c-fecha{grid-area:fecha;}
  .b6-vista-tabla .b6-c-acc{grid-area:acc;}
  .b6-vista-tabla .b6-c-ficha, .b6-vista-tabla .b6-c-resp, .b6-vista-tabla .b6-c-dur, .b6-vista-tabla .b6-c-urg{display:none;}
  .b6-vista-tabla .b6-c-estado .espera{display:none;}
}
@media (max-width:520px){
  .b6-vista-tarjetas .tarea-fila{grid-template-columns:40px minmax(0,1fr) auto auto;}
  .b6-grupo-cab{padding:10px 12px;}
  .b6-filas{padding:0 4px 8px;}
}
/* formulario de tarea */
.b6-urgente{display:inline-flex; align-items:center; gap:10px; padding:8px 16px 8px 12px; border:1.5px solid var(--line-strong); border-radius:999px; cursor:pointer; font-weight:700; width:auto;}
.b6-urgente:has(input:checked){background:var(--b6-ro-bg); border-color:var(--b6-ro); color:var(--b6-ro-ink);}
.b6-urgente input{width:auto; margin:0;}
.field-check{margin-top:-2px;}
/* momento del día: tres franjas + «Sin franja» como botones redondos */
.b6-lab{display:block; font-size:.92rem; font-weight:700; color:var(--ink); margin:0 0 8px;}
.b6-lab .opt{font-weight:400; color:var(--ink-soft); font-size:.82rem;}
.b6-franjas{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0 0 8px;}
.b6-fr-btn{
  appearance:none; display:flex; flex-direction:column; align-items:center; gap:6px; padding:6px 2px; border:0; background:transparent;
  color:var(--ink-soft); font:inherit; font-size:.74rem; font-weight:700; cursor:pointer; width:auto; min-width:0; border-radius:16px;
}
.b6-fr-circ{width:52px; height:52px; border-radius:50%; display:grid; place-items:center; border:1.5px solid var(--line-strong); background:var(--surface); color:var(--ink-soft); transition:background .15s ease, border-color .15s ease, color .15s ease;}
.b6-fr-circ .ico-set{width:24px; height:24px;}
.b6-fr-btn:hover .b6-fr-circ{border-color:var(--t, var(--ink)); color:var(--t-ink, var(--ink));}
.b6-fr-btn.on{color:var(--t-ink, var(--ink));}
.b6-fr-btn.on .b6-fr-circ{background:var(--t-bg, var(--b4-track)); border-color:var(--t, var(--ink)); color:var(--t-ink, var(--ink)); box-shadow:0 0 0 3px var(--t-bg, var(--b4-track));}
.b6-fr-btn:focus-visible .b6-fr-circ{outline:2px solid var(--accent); outline-offset:2px;}
.b6-fr-btn.f-ninguna{--t:var(--b6-ma); --t-ink:var(--b6-ma-ink); --t-bg:var(--b6-ma-bg);}
.b6-fr-l{text-align:center; line-height:1.15;}
/* icono de franja en la fila de la tarea */
.b6-tit-lin{display:flex; align-items:center; gap:8px; min-width:0;}
.b6-fr-ico{flex:none; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--t-bg); color:var(--t-ink);}
.b6-fr-ico .ico-set{width:15px; height:15px;}
@media (prefers-reduced-motion:reduce){ .b6-fr-circ{transition:none;} }

/* ---------- B6.4 Historial ---------- */
.b6-sem{gap:8px;}
.b6-sem-label{min-width:0; font-size:.95rem; white-space:nowrap;}
.b6-sem .minical-nav:disabled{opacity:.35; cursor:default;}
.b6-hres{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 14px;}
.b6-hres:empty{display:none;}
.b6-hk{display:flex; align-items:center; gap:12px; padding:10px 16px 10px 12px; background:var(--surface); border:1px solid var(--line); border-radius:var(--b6-r); box-shadow:var(--shadow); min-width:0;}
.b6-hk .b4-anillo{width:48px; height:48px;}
.b6-hk .b4-an-n{font-size:.68rem;}
.b6-hk-l{font-weight:800; font-size:.92rem;}
.b6-hk-ico{width:40px; height:40px; border-radius:50%; display:grid; place-items:center; flex:none; background:var(--b6-az-bg); color:var(--b6-az-ink);}
.b6-hk-ico .ico-set{width:20px; height:20px;}
.b6-hk-tx{display:flex; flex-direction:column; line-height:1.2; min-width:0;}
.b6-hk-tx b{font-weight:800; font-size:1rem; font-variant-numeric:tabular-nums;}
.b6-hk-tx span{font-size:.74rem; color:var(--ink-soft); font-weight:600;}
.b6-hist{display:flex; flex-direction:column; gap:10px;}
.b6-dia{
  appearance:none; display:grid; grid-template-columns:62px 56px minmax(0,1fr) 36px; align-items:center; gap:14px; width:100%; padding:12px 16px 12px 12px; text-align:left;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--b6-r); box-shadow:var(--shadow); color:var(--ink); font:inherit; cursor:pointer;
}
.b6-dia:hover{border-color:var(--line-strong); background:var(--surface);}
.b6-dia:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b6-dia.completo{border-color:var(--b6-ok);}
.b6-dia-fecha{display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.05; padding:8px 0; border-radius:16px; background:var(--b6-az-bg); color:var(--b6-az-ink);}
.b6-dia-dow, .b6-dia-mes{font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em;}
.b6-dia-num{font-size:1.5rem; font-weight:900; letter-spacing:-.02em; color:var(--ink);}
.b6-dia-cuerpo{display:flex; flex-direction:column; gap:8px; min-width:0;}
.b6-dia-franjas{display:flex; flex-wrap:wrap; gap:6px;}
.b6-dia-fr{display:inline-flex; align-items:center; gap:6px; padding:3px 11px 3px 4px; border-radius:999px; background:var(--t-bg); color:var(--t-ink); font-size:.74rem; font-weight:700; font-variant-numeric:tabular-nums;}
.b6-dia-fr-ico{width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:var(--surface);}
.b6-dia-fr-ico .ico-set{width:13px; height:13px;}
.b6-dia-cierre{display:flex; align-items:center; gap:12px; min-width:0; font-size:.8rem; color:var(--ink-soft);}
.b6-dia-cierre > span{display:inline-flex; align-items:center; gap:6px; min-width:0; max-width:100%;}
.b6-cierre-txt{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.b6-cierre-bien .ico-set{color:var(--b6-ok-ink);} .b6-cierre-mej .ico-set{color:var(--b6-am-ink);}
.b6-dia-cierre .ico-set{width:14px; height:14px; flex:none;}
.b6-dia-go{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; border:1.5px solid var(--line-strong); color:var(--ink-soft);}
.b6-dia-go .ico-set{width:16px; height:16px;}
.b6-dia:hover .b6-dia-go{background:var(--ink); color:var(--bg); border-color:var(--ink);}
@media (max-width:640px){
  .b6-hres{gap:8px;}
  .b6-hk{flex-direction:column; text-align:center; gap:6px; padding:10px 6px;}
  .b6-hk-tx{align-items:center;}
  .b6-hk-tx b{font-size:.92rem;}
  .b6-dia{grid-template-columns:54px 52px minmax(0,1fr); gap:10px;}
  .b6-dia-go{display:none;}
  .b6-dia-cierre{flex-direction:column; align-items:flex-start; gap:4px;}
  .b6-dia-cierre > span{max-width:100%;}
  .b6-sem-label{font-size:.85rem;}
}

/* ---------- B6.5 Zonas de Hoy con el diseño nuevo ---------- */
.urg-card, .urg-card:hover, .urg-card.esp-card{border-radius:var(--b6-r); border-left:1px solid var(--line);}
.urg-card:hover{border-color:var(--line-strong);}
.urg-card:not(.esp-card){border-color:var(--b6-ro); border-color:color-mix(in srgb, var(--b6-ro) 55%, var(--line));}
.urg-card .urg-ico{background:var(--b4-track);}
.b6-chip-tipo{display:inline-flex; align-items:center; height:22px; padding:0 10px; border-radius:999px; font-size:.68rem; font-weight:800; letter-spacing:.02em; white-space:nowrap; background:var(--t-bg); color:var(--t-ink);}
.urg-manana{margin-top:20px; display:flex; flex-direction:column; gap:8px;}
.urg-manana .stats-subhead{margin:0 0 2px; font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft);}
.b6-aviso{
  display:grid; grid-template-columns:40px minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:9px 12px 9px 10px; cursor:pointer;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--b6-r); box-shadow:var(--shadow);
}
.b6-aviso:hover{border-color:var(--line-strong);}
.b6-aviso:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b6-aviso-ico{width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--t-bg); color:var(--t-ink);}
.b6-aviso-ico .ico-set{width:20px; height:20px;}
.b6-aviso-cuerpo{display:flex; flex-direction:column; gap:1px; min-width:0;}
.b6-aviso-nom{font-size:.92rem; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.b6-aviso-mot{font-size:.78rem; color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.b6-aviso-tags{display:flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:flex-end;}
.b6-aviso-cuando{display:inline-flex; align-items:center; height:22px; padding:0 10px; border-radius:999px; font-size:.68rem; font-weight:800; background:var(--b4-track); color:var(--ink-soft);}
.b6-aviso-cuando.manana{background:var(--b6-az-bg); color:var(--b6-az-ink);}
.b6-aviso-acc{display:flex; align-items:center; gap:6px;}
@media (max-width:640px){
  .b6-aviso{grid-template-columns:40px minmax(0,1fr) auto; grid-template-areas:"ico cuerpo acc" "ico tags tags"; row-gap:6px;}
  .b6-aviso-ico{grid-area:ico;} .b6-aviso-cuerpo{grid-area:cuerpo;} .b6-aviso-acc{grid-area:acc;}
  .b6-aviso-tags{grid-area:tags; justify-content:flex-start;}
}
.b6-esp{align-items:center; gap:12px; padding:12px 14px 12px 12px; border-left:1px solid var(--line); border-radius:var(--b6-r);}
.b6-esp:hover{border-color:var(--line-strong);}
.b6-esp.espera-alta, .b6-esp.espera-alta:hover{border-color:var(--b6-ro);}
.b6-avatar{flex:none; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--t-bg); color:var(--t-ink); border:1.5px solid var(--t); font-size:.82rem; font-weight:800; letter-spacing:.02em;}
.b6-esp-cuerpo{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px;}
.b6-esp-tit{font-weight:800; font-size:.92rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.b6-esp-sub{font-size:.78rem; color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.b6-esp-tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:3px;}
.b6-esp .espera.media{color:var(--b6-am-ink); background:var(--b6-am-bg); border-color:transparent;}
.b6-esp .espera.alta{color:#fff; background:var(--accent-hover); border-color:var(--accent-hover);}
.b6-esp .urg-act{flex-direction:row;}

/* Mi día: secciones de ayuda más limpias */
#sec-plandia-cierre .b4-cierre-kpis{margin-bottom:14px;}
@media (max-width:760px){
  .b6-cab{flex-wrap:wrap; gap:12px 14px; padding:12px 14px;}
  .b6-cab-cen{flex:1 1 calc(100% - 80px);}
  .b6-cab-tiempo{flex:1 1 100%; padding:10px 0 0; border-left:0; border-top:1px solid var(--line);}
}

/* colores de estado (en el CSS base .etapa-chip pisa a .etapa-<color>) */
.b6-estado.etapa-marino, .b6-menu .etapa-item.etapa-marino{--c:var(--sel-marino);}
.b6-estado.etapa-azul, .b6-menu .etapa-item.etapa-azul{--c:var(--sel-azul);}
.b6-estado.etapa-ambar, .b6-menu .etapa-item.etapa-ambar{--c:var(--sel-ambar);}
.b6-estado.etapa-verde, .b6-menu .etapa-item.etapa-verde{--c:var(--sel-verde);}

@media (max-width:520px){
  .b6-kpis{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
  .b6-kpi{border-radius:20px; padding:9px 10px; gap:9px;}
  .b6-kpi-tx{flex-direction:column; align-items:flex-start; gap:2px;}
  .b6-kpi-v{font-size:1.05rem; line-height:1.1;}
}
.tarea-fila button.tarea-cli-link{padding:4px 10px 4px 8px; border:1px solid var(--line-strong); text-decoration:none; color:var(--b6-az-ink); font-size:.78rem;}
.tarea-fila .b6-c-acc{flex-direction:row; flex-wrap:nowrap;}

/* ---------- Saludo de Mi día (.dia-hero): diseño nuevo ---------- */
:root{
  --b6-hero-a:#000e35; --b6-hero-b:#0C2749; --b6-hero-c:#0a3bd0;
  --b6-hero-brillo:rgba(255,255,255,.11); --b6-hero-disco:rgba(0,14,53,.62);
  --b6-hero-borde:rgba(143,173,255,.32); --b6-hero-fecha:#ff8a7e;
}
:root[data-theme="light"]{
  --b6-hero-a:#ffffff; --b6-hero-b:#eef2ff; --b6-hero-c:#c9d8ff;
  --b6-hero-brillo:rgba(255,255,255,.75); --b6-hero-disco:rgba(255,255,255,.85);
  --b6-hero-borde:rgba(0,55,214,.25); --b6-hero-fecha:#a80c00;
}
.dia-hero{
  position:relative; isolation:isolate; overflow:hidden; border-radius:var(--b4-r, 18px); padding:26px 30px;
  background:linear-gradient(120deg, var(--b6-hero-a) 0%, var(--b6-hero-b) 52%, var(--b6-hero-c) 135%);
  border:1px solid var(--b6-hero-borde); box-shadow:var(--shadow);
}
.dia-hero > *{position:relative; z-index:1;}
.dia-hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(105deg, transparent 32%, var(--b6-hero-brillo) 47%, transparent 62%);
  background-size:260% 100%; background-position:120% 0;
}
.dia-hero::after{
  content:""; position:absolute; z-index:0; pointer-events:none; width:340px; height:340px; right:-90px; top:-120px; border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--b6-hero-c) 55%, transparent) 0%, transparent 68%); opacity:.7;
}
.dia-hero-fecha{color:var(--b6-hero-fecha); display:inline-flex; align-items:center; gap:8px;}
.dia-hero-fecha::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--accent);}
.dia-hero .dia-racha{background:color-mix(in srgb, var(--ink) 9%, transparent); border-color:var(--b6-hero-borde);}
.dia-hero .dia-anillo{box-sizing:border-box; padding:8px; border-radius:50%; background:var(--b6-hero-disco); box-shadow:0 0 0 1px var(--b6-hero-borde), 0 10px 28px -12px rgba(0,0,0,.55);}
.dia-hero .dia-anillo .ring-bg{stroke:color-mix(in srgb, var(--ink) 22%, transparent);}
.dia-hero .dia-obj-txt{color:var(--ink); opacity:.82;}
@media (prefers-reduced-motion:no-preference){
  .dia-hero::before{animation:b6Brillo 11s ease-in-out infinite;}
  .dia-hero .dia-anillo{animation:b6Respira 5s ease-in-out infinite;}
  @keyframes b6Brillo{0%{background-position:125% 0;} 55%,100%{background-position:-40% 0;}}
  @keyframes b6Respira{0%,100%{transform:scale(1); box-shadow:0 0 0 1px var(--b6-hero-borde), 0 10px 28px -12px rgba(0,0,0,.55);} 50%{transform:scale(1.035); box-shadow:0 0 0 1px var(--b6-hero-borde), 0 0 26px 2px color-mix(in srgb, var(--accent) 28%, transparent);}}
}
@media (max-width:520px){ .dia-hero{padding:18px 16px;} .dia-hero::after{width:240px; height:240px; right:-80px; top:-100px;} }

/* móvil / táctil: zonas pulsables de 44 px */
@media (max-width:860px), (pointer:coarse){
  .b6-mover, .b6-quitar{width:44px; height:44px;}
  .b6-mover .ico-set, .b6-quitar .ico-set{width:20px; height:20px;}
  .b6-fila .btn-check{width:44px; height:44px;}
  .b6-mfr{width:44px; height:44px;}
  .b6-sug-ok{min-height:44px;}
  .b6-sug-x{width:44px; height:44px;}
  .b6-min{min-height:44px;}
  .b6-btn{min-height:44px;}
  .b6-cand-add{width:44px; height:44px;}
  .b6-traer-x{width:44px; height:44px;}
}
/* formulario de tarea en móvil: «Guardar» siempre a la vista (el teclado no lo tapa al desplazar) */
#formTarea{scroll-padding-bottom:90px;}
#formTarea .panel-actions{position:sticky; bottom:0; z-index:3; padding:10px 0 calc(10px + env(safe-area-inset-bottom)); margin-top:auto; background:var(--surface);}
#formTarea .panel-actions .btn{min-height:44px;}