/* [ESCRITORIO DEL AGENTE] Más superficie para el trabajo: encabezado compacto, navegación, resultados y la
   conversación al lado sin taparlos. Claro y oscuro con tokens propios. Marca buscable: escritorio_agente */
:root {
  --esc-fondo: #F2EFEA; --esc-papel: #FFFFFF; --esc-panel: #FBFAF8; --esc-tinta: #1C1B1F; --esc-suave: #6A655F; --esc-borde: #E2DDD6;
  --esc-linea: #ECE8E2; --esc-acento: #7A1E3A; --esc-ia: #2F5FA8; --esc-ia-fondo: #E9F0FA; --esc-ok: #2E7D5E; --esc-ok-fondo: #E6F3EC;
  --esc-baja: #2E7D5E; --esc-sube: #B23A3A; --esc-aviso: #9A5B00; --esc-aviso-fondo: #FFF3DF; --esc-mal: #A52A2A; --esc-mal-fondo: #FBEAEA;
  --esc-g-a: #BDB6AD; --esc-g-b: #2F5FA8; --esc-sombra: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06); --esc-marca: #FFF0B3;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --esc-fondo: #121110; --esc-papel: #1C1A19; --esc-panel: #221F1D; --esc-tinta: #EDEBEA; --esc-suave: #A9A39E; --esc-borde: #36322F;
    --esc-linea: #2C2926; --esc-acento: #E7A3AE; --esc-ia: #8FB3EC; --esc-ia-fondo: #1A2436; --esc-ok: #8FD1B3; --esc-ok-fondo: #17302A;
    --esc-baja: #8FD1B3; --esc-sube: #F0A0A0; --esc-aviso: #F2C27A; --esc-aviso-fondo: #33281A; --esc-mal: #F0A0A0; --esc-mal-fondo: #3A1E1E;
    --esc-g-a: #5A544E; --esc-g-b: #8FB3EC; --esc-sombra: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.4); --esc-marca: #5A4A14;
  }
}
:root[data-theme="dark"] {
  --esc-fondo: #121110; --esc-papel: #1C1A19; --esc-panel: #221F1D; --esc-tinta: #EDEBEA; --esc-suave: #A9A39E; --esc-borde: #36322F;
  --esc-linea: #2C2926; --esc-acento: #E7A3AE; --esc-ia: #8FB3EC; --esc-ia-fondo: #1A2436; --esc-ok: #8FD1B3; --esc-ok-fondo: #17302A;
  --esc-baja: #8FD1B3; --esc-sube: #F0A0A0; --esc-aviso: #F2C27A; --esc-aviso-fondo: #33281A; --esc-mal: #F0A0A0; --esc-mal-fondo: #3A1E1E;
  --esc-g-a: #5A544E; --esc-g-b: #8FB3EC; --esc-sombra: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.4); --esc-marca: #5A4A14;
}
body.esc-abierto { overflow: hidden; }
.esc { position: fixed; inset: 0; z-index: 30; display: grid; grid-template-rows: auto minmax(0, 1fr); background: var(--esc-fondo); color: var(--esc-tinta);
  font: 14px/1.45 'IBM Plex Sans', system-ui, sans-serif; }
.esc button { font: inherit; color: inherit; }
/* encabezado compacto */
.esc-cab { display: flex; align-items: center; gap: 12px; padding: 9px 16px; background: var(--esc-papel); border-bottom: 1px solid var(--esc-borde); flex-wrap: wrap; }
.esc-volver { border: 0; background: none; color: var(--esc-acento); cursor: pointer; padding: 6px 4px; min-height: 36px; }
.esc-av { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-size: 18px; background: #E8A33D; flex: none; }
.esc-id { display: flex; flex-direction: column; min-width: 0; }
.esc-id b { font: 600 18px 'Fraunces', Georgia, serif; overflow-wrap: anywhere; }
.esc-id span { font-size: 12.5px; color: var(--esc-ia); font-weight: 600; }
.esc-chips { display: flex; gap: 7px; flex-wrap: wrap; margin-left: auto; }
.esc-chip { font-size: 12px; padding: 4px 10px; border-radius: 999px; background: var(--esc-panel); border: 1px solid var(--esc-borde); white-space: nowrap; }
.esc-chip.espera { background: var(--esc-aviso-fondo); color: var(--esc-aviso); border-color: transparent; font-weight: 600; }
.esc-chip.ok { background: var(--esc-ok-fondo); color: var(--esc-ok); border-color: transparent; font-weight: 600; }
.esc-chip.mal { background: var(--esc-mal-fondo); color: var(--esc-mal); border-color: transparent; font-weight: 600; }
.esc-chip.vivo { background: var(--esc-ia-fondo); color: var(--esc-ia); border-color: transparent; font-weight: 600; }
.esc-chip.demo { border-style: dashed; color: var(--esc-aviso); }
/* cuerpo: navegación · trabajo · conversación */
.esc-cuerpo { display: grid; grid-template-columns: 210px minmax(0, 1fr) minmax(320px, 380px); min-height: 0; }
.esc-nav { background: var(--esc-papel); border-right: 1px solid var(--esc-borde); padding: 10px 8px; overflow: auto; display: flex; flex-direction: column; gap: 2px; }
.esc-sec, .esc-ej { display: flex; justify-content: space-between; align-items: center; gap: 6px; text-align: left; border: 0; background: none; padding: 9px 12px;
  border-radius: 9px; cursor: pointer; color: var(--esc-suave); font-weight: 500; min-height: 40px; }
.esc-sec.on, .esc-ej.on { background: var(--esc-ia-fondo); color: var(--esc-ia); }
.esc-ej { flex-direction: column; align-items: flex-start; gap: 0; }
.esc-ej small { font-size: 11.5px; color: var(--esc-suave); font-weight: 400; }
.esc-n { font-size: 11px; background: var(--esc-aviso-fondo); color: var(--esc-aviso); border-radius: 999px; padding: 1px 7px; font-weight: 600; }
.esc-nav-tit { margin: 12px 12px 4px; font-size: 11.5px; color: var(--esc-suave); text-transform: uppercase; letter-spacing: .05em; }
.esc-main { overflow: auto; padding: 18px 22px 28px; min-width: 0; }
.esc-main:focus { outline: none; }
.esc-main h2 { font: 600 20px 'Fraunces', Georgia, serif; margin: 6px 0 2px; }
.esc-sub { color: var(--esc-suave); font-size: 13px; margin: 0 0 14px; }
.esc-tarjeta { background: var(--esc-papel); border: 1px solid var(--esc-borde); border-radius: 12px; padding: 14px 16px; box-shadow: var(--esc-sombra); margin-bottom: 14px; min-width: 0; }
.esc-tarjeta h3 { font-size: 12px; margin: 0 0 10px; color: var(--esc-suave); text-transform: uppercase; letter-spacing: .05em; font-weight: 600; }
.esc-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 10px; margin-bottom: 14px; }
.esc-kpi { background: var(--esc-papel); border: 1px solid var(--esc-borde); border-radius: 12px; padding: 12px 14px; }
.esc-kpi b { display: block; font: 600 24px 'IBM Plex Sans', system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.esc-kpi span { font-size: 12px; color: var(--esc-suave); overflow-wrap: anywhere; }
.esc-kpi.baja b { color: var(--esc-baja); } .esc-kpi.espera b { color: var(--esc-aviso); }
.esc-aprobar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 12px; background: var(--esc-aviso-fondo);
  color: var(--esc-aviso); margin-bottom: 14px; }
.esc-fila2 { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 14px; }
.esc-btn { border: 1px solid var(--esc-borde); background: var(--esc-papel); border-radius: 8px; padding: 6px 11px; cursor: pointer; font-size: 12.5px;
  min-height: 34px; text-decoration: none; color: var(--esc-tinta); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.esc-btn.p { background: var(--esc-ia); border-color: var(--esc-ia); color: var(--esc-papel); font-weight: 600; }
.esc-btn.suave { background: transparent; }
.esc-btn:focus-visible, .esc-sec:focus-visible, .esc-ej:focus-visible, .esc-h:focus-visible, .esc-doc:focus-visible { outline: 3px solid var(--esc-ia); outline-offset: 2px; }
/* hallazgos */
.esc-hz { display: flex; flex-direction: column; gap: 8px; }
.esc-h { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; text-align: left; padding: 10px 12px;
  border: 1px solid var(--esc-borde); border-radius: 10px; background: var(--esc-panel); cursor: pointer; }
.esc-h:hover { border-color: var(--esc-ia); }
.esc-h.sel { border-color: var(--esc-ia); box-shadow: 0 0 0 2px var(--esc-ia-fondo); }
.esc-ic { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-weight: 700; }
.esc-ic.baja { background: var(--esc-ok-fondo); color: var(--esc-baja); } .esc-ic.sube { background: var(--esc-mal-fondo); color: var(--esc-sube); }
.esc-ic.falla { background: var(--esc-mal-fondo); color: var(--esc-mal); } .esc-ic.aviso { background: var(--esc-aviso-fondo); color: var(--esc-aviso); }
.esc-ht { display: flex; flex-direction: column; min-width: 0; } .esc-ht b { font-weight: 600; overflow-wrap: anywhere; }
.esc-ht small { color: var(--esc-suave); overflow-wrap: anywhere; }
.esc-ver { font-size: 12px; color: var(--esc-ia); white-space: nowrap; }
/* evidencia */
.esc-dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 14px; margin: 0 0 12px; font-size: 13.5px; }
.esc-dl dt { color: var(--esc-suave); } .esc-dl dd { margin: 0; overflow-wrap: anywhere; } .esc-dl code { font: 12.5px 'IBM Plex Mono', monospace; }
.esc-desc { font-size: 12.5px; color: var(--esc-suave); margin-bottom: 10px; overflow-wrap: anywhere; }
.esc-frag { margin: 0; } .esc-frag blockquote { margin: 0; font: 12.5px/1.6 'IBM Plex Mono', monospace; background: var(--esc-panel); border: 1px solid var(--esc-borde);
  border-radius: 8px; padding: 10px 12px; overflow-wrap: anywhere; } .esc-frag mark { background: var(--esc-marca); color: var(--esc-tinta); padding: 0 3px; border-radius: 3px; font-weight: 600; }
.esc-frag figcaption { font-size: 11.5px; color: var(--esc-suave); margin-top: 6px; }
/* línea de tiempo */
.esc-tl { list-style: none; margin: 0; padding: 0; }
.esc-paso { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 10px; padding: 8px 0; border-bottom: 1px dashed var(--esc-linea); align-items: start; }
.esc-paso:last-child { border-bottom: 0; }
.esc-paso i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 11px; font-weight: 700;
  background: var(--esc-linea); color: var(--esc-suave); }
.esc-paso.hecho i { background: var(--esc-ok); color: var(--esc-papel); } .esc-paso.parcial i, .esc-paso.espera i { background: var(--esc-aviso); color: var(--esc-papel); }
.esc-paso.en_curso i { background: var(--esc-ia); color: var(--esc-papel); } .esc-paso.error i { background: var(--esc-mal); color: var(--esc-papel); }
.esc-paso small { display: block; color: var(--esc-suave); font-size: 12px; overflow-wrap: anywhere; }
.esc-hora { font: 12px 'IBM Plex Mono', monospace; color: var(--esc-suave); }
/* tabla */
.esc-buscar { width: 100%; max-width: 320px; border: 1px solid var(--esc-borde); border-radius: 8px; padding: 8px 10px; margin-bottom: 10px; background: var(--esc-panel);
  color: var(--esc-tinta); font: inherit; }
.esc-tabla-env { max-height: 420px; overflow: auto; border: 1px solid var(--esc-borde); border-radius: 10px; }
.esc-tabla { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.esc-tabla th, .esc-tabla td { padding: 7px 10px; border-bottom: 1px solid var(--esc-linea); text-align: left; white-space: nowrap; }
.esc-tabla .num { text-align: right; }
.esc-tabla thead th { position: sticky; top: 0; background: var(--esc-papel); font-size: 12px; color: var(--esc-suave); z-index: 1; }
.esc-tabla thead th button { border: 0; background: none; cursor: pointer; font-weight: 600; color: inherit; padding: 0; }
.esc-tabla tr.cambio td { background: var(--esc-ia-fondo); }
.esc-tabla td.baja { color: var(--esc-baja); font-weight: 600; } .esc-tabla td.sube { color: var(--esc-sube); font-weight: 600; } .esc-tabla td.sinf { color: var(--esc-mal); }
/* gráfico */
.esc-graf-cab { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 6px; font-size: 12px; color: var(--esc-suave); }
.esc-sel { border: 1px solid var(--esc-borde); border-radius: 8px; padding: 5px 8px; background: var(--esc-panel); color: var(--esc-tinta); font: inherit; }
.esc-ley i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.esc-ley i.a { background: var(--esc-g-a); } .esc-ley i.b { background: var(--esc-g-b); }
.esc-g-a { fill: var(--esc-g-a); } .esc-g-b { fill: var(--esc-g-b); }
.esc-graf svg text { font: 11px 'IBM Plex Sans', system-ui, sans-serif; fill: var(--esc-suave); }
.esc-graf svg .esc-g-v { fill: var(--esc-tinta); font-weight: 600; } .esc-graf svg .esc-g-sinf { fill: var(--esc-mal); }
/* documentos */
.esc-docs-l { display: flex; gap: 10px; flex-wrap: wrap; }
.esc-doc { display: flex; gap: 10px; align-items: center; text-align: left; border: 1px solid var(--esc-borde); background: var(--esc-panel); border-radius: 10px;
  padding: 9px 12px; cursor: pointer; max-width: 100%; min-width: 0; }
.esc-doc.sel { border-color: var(--esc-ia); box-shadow: 0 0 0 2px var(--esc-ia-fondo); }
.esc-doc b { display: block; font-weight: 600; overflow-wrap: anywhere; }
.esc-doc-ic { width: 28px; height: 28px; border-radius: 6px; display: grid; place-items: center; background: #1E7145; color: #FFFFFF; font-weight: 700; flex: none; }
.esc-orig { font-size: 11.5px; padding: 2px 8px; border-radius: 999px; display: inline-block; margin-top: 2px; }
.esc-orig.original { background: var(--esc-ok-fondo); color: var(--esc-ok); } .esc-orig.regenerado { background: var(--esc-aviso-fondo); color: var(--esc-aviso); }
.esc-doc-cab { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; } .esc-doc-cab b { margin-right: auto; overflow-wrap: anywhere; }
.esc-sello { font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: var(--esc-aviso-fondo); color: var(--esc-aviso); border: 1px dashed currentColor; }
.esc-mail { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 12px; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--esc-linea); font-size: 13.5px; }
.esc-mail dt { color: var(--esc-suave); } .esc-mail dd { margin: 0; overflow-wrap: anywhere; }
.esc-mail-cuerpo { font: 13.5px/1.6 'IBM Plex Sans', system-ui, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; padding: 12px 0 0; }
.esc-hoja-nom { font-size: 12.5px; color: var(--esc-suave); margin: 8px 0 6px; }
.esc-hoja-env { max-height: 440px; overflow: auto; border: 1px solid var(--esc-borde); border-radius: 8px; }
.esc-hoja table { border-collapse: collapse; font: 12.5px 'IBM Plex Sans', system-ui, sans-serif; font-variant-numeric: tabular-nums; min-width: 100%; }
.esc-hoja td, .esc-hoja th { border: 1px solid var(--esc-linea); padding: 4px 8px; white-space: nowrap; text-align: left; }
.esc-hoja td.num { text-align: right; } .esc-hoja .nf { background: var(--esc-panel); color: var(--esc-suave); font-weight: 400; text-align: center; width: 30px; }
.esc-hoja tr.tit td { font-weight: 600; } .esc-hoja tr.tit.sub td { font-weight: 400; color: var(--esc-suave); }
.esc-hoja tr.enc th:not(.nf) { background: var(--esc-ia-fondo); color: var(--esc-ia); }
/* conversación */
.esc-conv { background: var(--esc-papel); border-left: 1px solid var(--esc-borde); display: flex; flex-direction: column; min-height: 0; overflow: auto; padding: 0 12px 10px; }
.esc-mirando { position: sticky; top: 0; z-index: 2; margin: 0 -12px 8px; padding: 9px 14px; font-size: 12.5px; background: var(--esc-ia-fondo); color: var(--esc-ia);
  font-weight: 600; overflow-wrap: anywhere; }
.esc-conv .of-zona-conv { border: 0; box-shadow: none; padding: 0; background: transparent; }
.esc-conv .of-mensajes { max-height: none; }
.esc-nota { color: var(--esc-suave); font-size: 13px; } .esc-limite { background: var(--esc-aviso-fondo); color: var(--esc-aviso); padding: 9px 12px; border-radius: 10px; }
.esc-cargando { color: var(--esc-suave); }
.esc-vacio-t p { margin: 0 0 8px; }
/* tablet y teléfono: la conversación baja, la navegación se vuelve una franja */
@media (max-width: 1180px) {
  .esc-cuerpo { grid-template-columns: 180px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) minmax(0, 42vh); }
  .esc-conv { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--esc-borde); }
}
@media (max-width: 760px) {
  .esc-cuerpo { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) minmax(0, 45vh); }
  .esc-nav { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--esc-borde); padding: 6px; }
  .esc-sec, .esc-ej { flex: none; } .esc-nav-tit { display: none; }
  .esc-main { padding: 12px 12px 20px; } .esc-fila2 { grid-template-columns: minmax(0, 1fr); }
  .esc-chips { margin-left: 0; width: 100%; } .esc-cab { padding: 8px 12px; }
  .esc-dl, .esc-mail { grid-template-columns: minmax(0, 1fr); } .esc-dl dt, .esc-mail dt { margin-top: 4px; }
}
@media (prefers-reduced-motion: reduce) { .esc * { transition: none !important; animation: none !important; } }

/* separador en la conversación al cambiar de ejecución; estado real y leyenda de la planilla */
.esc-sep-conv { list-style: none; margin: 10px 0; padding: 4px 10px; text-align: center; font-size: 12px; font-weight: 600;
  color: var(--esc-ia); border-top: 1px dashed currentColor; border-bottom: 1px dashed currentColor; }
.esc-estado-ej { margin: 6px 0 12px; }
.esc-leyenda { margin: 6px 0 10px; }

/* [2ª entrega] trabajo y seguimiento · encargos */
.esc-n.espera { background: var(--esc-aviso-fondo); color: var(--esc-aviso); }
.esc-clase { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 999px; background: var(--esc-ia-fondo); color: var(--esc-ia); font-weight: 600; white-space: nowrap; }
.esc-hace { margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.esc-hace li { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.esc-sigue { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.esc-sigue li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 10px; background: var(--esc-panel); border: 1px solid var(--esc-linea); }
.esc-sigue li small { color: var(--esc-suave); }
.esc-quien { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--esc-suave); }
.esc-sigue-aprobar, .esc-sigue-encargo { border-color: var(--esc-aviso) !important; } .esc-sigue-aprobar .esc-quien, .esc-sigue-encargo .esc-quien { color: var(--esc-aviso); }
.esc-segs { display: grid; gap: 12px; }
.esc-seg { border: 1px solid var(--esc-borde); border-radius: 12px; padding: 12px 14px; background: var(--esc-panel); min-width: 0; }
.esc-seg-cab { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; } .esc-seg-cab small { color: var(--esc-suave); } .esc-seg-cab .esc-btn { margin-left: auto; }
.esc-seg-res { margin: 8px 0; font-weight: 500; }
.esc-seg-graf { overflow-x: auto; margin: 4px 0 8px; }
.esc-seg-mini { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.esc-seg-mini li { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .esc-seg-mini li .esc-btn { margin-left: auto; }
.esc-tabla tr.abierta td { background: var(--esc-ia-fondo); }
.esc-hist .esc-chip { white-space: normal; display: inline-block; }
.esc-hist td:nth-child(3) { white-space: normal; min-width: 150px; }
.esc-abierta { font-size: 11px; color: var(--esc-ia); font-weight: 600; }
.esc-fuente { font-size: 11.5px; color: var(--esc-suave); margin: 4px 0 0; }
.esc-siguiendo { margin-left: 8px; font-size: 11px; font-weight: 600; color: var(--esc-ia); white-space: nowrap; }
.esc-siguiendo.espera { color: var(--esc-aviso); white-space: normal; }
.esc-btn.chico { padding: 3px 8px; font-size: 11.5px; } .esc-acc { display: flex; gap: 6px; }
.esc-ev-cab { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .esc-seguir { display: inline-flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.esc-aviso-p { font-size: 12px; color: var(--esc-ia); margin: 6px 0 0; }
.esc-regla { margin: 0 0 12px; }
.esc-cat { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-bottom: 14px; }
.esc-enc { display: flex; flex-direction: column; gap: 6px; margin: 0; } .esc-enc p { margin: 0; } .esc-enc.bloq { opacity: .82; }
.esc-clases { display: flex; gap: 6px; flex-wrap: wrap; }
.esc-efecto { font-size: 12.5px; color: var(--esc-suave); }
.esc-req { font-size: 12px; color: var(--esc-mal); } .esc-req.ok { color: var(--esc-ok); }
.esc-enc-acc { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: auto; }
.esc-enc .esc-sel { width: 100%; }
.esc-encs { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.esc-enc-f { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--esc-linea); }
.esc-enc-f small { display: block; color: var(--esc-suave); } .esc-enc-f .esc-enc-acc { grid-column: 1 / -1; }
@media (max-width: 760px) { .esc-sigue li { grid-template-columns: minmax(0, 1fr); } .esc-hace li { flex-direction: column; } }
/* [v171] seguimientos guardados y avisos */
.esc-cuenta { margin-left: 8px; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: var(--esc-aviso-fondo); color: var(--esc-aviso); vertical-align: middle; }
.esc-gs { display: grid; gap: 12px; }
.esc-g { border: 1px solid var(--esc-borde); border-radius: 12px; padding: 12px 14px; display: grid; gap: 8px; background: var(--esc-panel); }
.esc-g.cancelado, .esc-g.terminado { opacity: .72; }
.esc-g .esc-seg-cab .esc-chip { margin-left: 4px; }
.esc-g .esc-seg-cab .esc-enc-acc { margin-left: auto; display: flex; gap: 6px; flex-wrap: wrap; }
.esc-dl.chico { font-size: 13px; margin: 0; }
.esc-avseg { border-left: 3px solid var(--esc-borde); padding: 8px 10px; display: grid; gap: 6px; background: var(--esc-fondo, transparent); border-radius: 0 8px 8px 0; }
.esc-avseg.nuevo { border-left-color: var(--esc-aviso); background: var(--esc-aviso-fondo); }
.esc-avseg-cab { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; } .esc-avseg-cab small { color: var(--esc-suave); }
.esc-avseg p { margin: 0; }
.esc-enc-sel { display: flex; gap: 8px; flex-wrap: wrap; } .esc-enc-sel .esc-sel { flex: 1 1 160px; width: auto; }
@media (max-width: 760px) { .esc-g .esc-seg-cab .esc-enc-acc { margin-left: 0; width: 100%; } }
.esc-avseg > .esc-btn { justify-self: start; }