/* Seguimientos (038): formulario compartido (ficha y Revisión) y línea de tiempo de la ficha. */

/* ---------- Formulario ---------- */
.seg-form{display:flex;flex-direction:column;gap:var(--sp-1);}
.seg-lab{display:block;font-size:var(--fs-meta);font-weight:700;color:var(--text-dim);margin-bottom:var(--sp-1);}
.seg-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.seg-chip{position:relative;cursor:pointer;}
.seg-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.seg-chip span{display:inline-flex;align-items:center;height:var(--control-h-sm);padding:0 var(--sp-3);
  border:1px solid var(--border);border-radius:999px;background:var(--surface);
  font-size:var(--fs-meta);font-weight:600;color:var(--text-dim);transition:background .15s,border-color .15s,color .15s;}
.seg-chip:hover span{border-color:var(--accent-line);color:var(--text);}
.seg-chip input:checked + span{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);}
.seg-chip input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px;}
.seg-form textarea{min-height:64px;}

.seg-opc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);}
.seg-mas{margin-top:var(--sp-1);}
.seg-mas summary{cursor:pointer;font-size:var(--fs-meta);font-weight:600;color:var(--text-dim);padding:var(--sp-1) 0;}
.seg-mas[open] summary{margin-bottom:var(--sp-2);}

.seg-acciones{display:flex;justify-content:flex-end;margin-top:var(--sp-2);}

/* ---------- Línea de tiempo (ficha) ---------- */
.seg-lista{display:flex;flex-direction:column;max-height:520px;overflow-y:auto;margin-top:var(--sp-3);}
.seg-lista > .btn{align-self:center;margin:var(--sp-2) 0;}
.seg-row{padding:var(--sp-2) var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-soft);}
.seg-row:last-of-type{border-bottom:none;}
.seg-row-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1);}
.seg-fecha{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:700;color:var(--text-faint);white-space:nowrap;}
.seg-etapa{font-size:var(--fs-micro);color:var(--text-dim);}
.seg-quien{margin-left:auto;font-size:var(--fs-micro);color:var(--text-faint);}
.seg-resumen{font-size:var(--fs-body);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;}
.seg-prox{display:inline-block;margin-top:var(--sp-1);font-size:var(--fs-meta);color:var(--text-dim);}
.seg-prox-vencido{color:var(--danger);font-weight:700;}

@media (max-width: 720px){
  .seg-opc{grid-template-columns:1fr;gap:0;}
  .seg-quien{margin-left:0;}
}