/* ── BITÁCORA ──
   [v2026.10.24-2] seg-editor.css
   2026-10-24 (2) | La revisión de la corrección (seg-corrector.js [v2026.10.24-3]): con .seg-corr-revisando el cuadro se
     esconde y en su lugar va .seg-corr-previa (la nota corregida, con .seg-corr-cambio en verde y .seg-corr-quitado
     tachado en rojo); en la fila, «Descartar» (.seg-corr-descartar) y «Aceptar» (.seg-corr-aceptar) en vez de
     «Corregir».
   [v2026.10.24-1] seg-editor.css
   2026-10-24 | + El corrector de las notas clínicas (seg-corrector.js [v2026.10.24-1]): .seg-corr-caja (el cuadro y
     su fila), .seg-corr-fila (abajo, a la derecha), .seg-corr-btn (el botón «Corregir», lila suave como los botones
     secundarios del módulo), .seg-corr-aviso (el resultado, verde o rojo, con su .seg-corr-deshacer) y
     .seg-corr-hecho (el borde verde un momento sobre el cuadro recién corregido). Sin la fila cuando el cuadro no
     se puede editar (sesión cerrada).
   (Antes de esta entrada el archivo no tenía bitácora.)
*/
/* ═══════════════════════════════════════════════════════
   SEGUIMIENTO — seg-editor.css
   Editor contenteditable de notas clínicas y sugerencias inline
═══════════════════════════════════════════════════════ */


/* ── Form elements ── */
.seg-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.seg-form-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.seg-form-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  color: #374151;
  font-family: inherit;
  outline: none;
  transition: border .15s;
  background: #fff;
}

.seg-form-input:focus {
  border-color: #9961FF;
  box-shadow: 0 0 0 3px #9961FF12;
}

/* Badges inline en labels */
.seg-badge-privado {
  font-size: 10px;
  background: #FEF2F2;
  color: #dc2626;
  padding: 1px 6px;
  border-radius: 10px;
  font-weight: 500;
}

.seg-badge-compartido {
  font-size: 10px;
  background: #F0FDF4;
  color: #16a34a;
  padding: 1px 6px;
  border-radius: 10px;
  font-weight: 500;
}

/* ── Tag /slash system ── */
.seg-tag-area { position: relative; }

.seg-textarea-privada {
  background: #FFF8F8 !important;
  border-color: #FECACA !important;
}

.seg-textarea-privada:focus {
  border-color: #f87171 !important;
}

.seg-slash-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(53,91,182,.12);
  z-index: 100;
  min-width: 200px;
  max-height: 200px;
  overflow-y: auto;
}

.seg-slash-option {
  padding: 8px 12px;
  font-size: 13px;
  cursor: pointer;
  color: #374151;
  transition: background .1s;
}

.seg-slash-option:hover { background: #EFF6FF; }

.seg-tag-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 0;
}

.seg-tag-chip {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #EFF6FF;
  color: #9961FF;
  border: 1px solid #C9D9FF;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}

.seg-tag-chip button {
  background: none;
  border: none;
  color: #9961FF;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 0;
  opacity: .7;
}

.seg-tag-chip button:hover { opacity: 1; }

/* ── Plantillas system ── */
.seg-plantillas-wrap {
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 6px 10px;
}

.seg-plantillas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.seg-plantillas-title {
  font-size: 11px;
  color: #9ca3af;
}

.seg-btn-nueva-plantilla {
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  border: 1px solid #C9D9FF;
  background: transparent;
  color: #9961FF;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 3px;
  transition: all .15s;
}

.seg-btn-nueva-plantilla:hover { background: #EFF6FF; }

.seg-plantillas-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 20px;
}

.seg-plantillas-empty {
  font-size: 11px;
  color: #b0b9c8;
}

.seg-plantilla-chip {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border-radius: 20px;
  font-size: 9px;
  border: 0.5px solid #ddd6fe;
  background: #f5f0ff;
  color: #7c3aed;
  cursor: pointer;
  transition: all .15s;
  position: relative;
  text-transform: none;
  letter-spacing: 0;
}

.seg-plantilla-chip:hover {
  border-color: #9961FF;
  color: #9961FF;
  background: #EFF6FF;
}

.seg-plantilla-chip.used {
  border-color: #9961FF;
  background: #EFF6FF;
  color: #9961FF;
}

.seg-plantilla-chip.enviado {
  border-color: #86efac;
  background: #f0fdf4;
  color: #16a34a;
}

.seg-plantilla-chip:hover .seg-chip-actions { display: flex; }

.seg-chip-act-btn {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: none;
  background: rgba(153,97,255,.15);
  color: #9961FF;
  cursor: pointer;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s;
}

.seg-chip-act-btn:hover { background: #9961FF; color: #fff; }

/* ── Adjuntos ── */
.seg-attach-zone {
  border: 1.5px dashed #C9D9FF;
  border-radius: 10px;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  transition: all .2s;
  font-size: 12px;
  color: #7D84C1;
}

.seg-attach-zone:hover {
  border-color: #9961FF;
  background: #EFF6FF;
}

.seg-attach-link { color: #9961FF; font-weight: 500; }

.seg-attach-hint {
  font-size: 10px;
  color: #b0b9c8;
  margin-top: 2px;
}

.seg-attach-zone.dragging {
  border-color: #9961FF;
  background: #EFF6FF;
}

.seg-file-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.seg-file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 12px;
  color: #374151;
}

.seg-file-item-name {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seg-file-item-size {
  font-size: 10px;
  color: #9ca3af;
  margin: 0 6px;
  white-space: nowrap;
}

.seg-file-remove {
  background: none;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  font-size: 14px;
  line-height: 1;
  padding: 0 2px;
  flex-shrink: 0;
}

.seg-file-remove:hover { color: #dc2626; }

/* ── Tab footer ── */
.seg-tab-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #f3f4f6;
  gap: 8px;
  flex-wrap: wrap;
}

.seg-tab-footer-between {
  justify-content: space-between;
}

.seg-ia-loading {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #9961FF;
}

/* ── IA box (Tab 2) ── */
.seg-ia-box {
  background: linear-gradient(135deg, #F3F0FF, #EFF6FF);
  border: 1px solid #E1DEFF;
  border-radius: 12px;
  padding: 14px 16px;
}

.seg-ia-box-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.seg-ia-box-header i { color: #9961FF; font-size: 14px; }

.seg-ia-box-title {
  font-size: 12px;
  font-weight: 600;
  color: #9961FF;
}

.seg-ia-box-sub {
  font-size: 11px;
  color: #7D84C1;
}

.seg-ia-text {
  font-size: 13px;
  color: #374151;
  line-height: 1.7;
}

.seg-ia-placeholder {
  font-size: 12px;
  color: #9ca3af;
}

/* ── [24-10-2026] El corrector de las notas: el botón abajo a la derecha de cada cuadro ── */
.seg-corr-caja { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.seg-corr-fila { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 5px; min-height: 24px; }
.seg-corr-caja:has(> [contenteditable="false"]) > .seg-corr-fila { display: none; }
.seg-corr-btn { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 4px 11px; border-radius: 999px;
  border: 1px solid #ddd3ff; background: #f7f4ff; color: #7c3aed; font: 600 11px 'DM Sans', sans-serif; cursor: pointer;
  transition: background .15s, border-color .15s; }
.seg-corr-btn:hover:not(:disabled) { background: #efe9ff; border-color: #c4b5fd; }
.seg-corr-btn:disabled { cursor: default; opacity: .8; }
.seg-corr-btn i { font-size: 11px; }
.seg-corr-aviso { font-size: 11px; color: #6b7280; text-align: right; line-height: 1.35; min-width: 0; }
.seg-corr-aviso--ok { color: #15803d; }
.seg-corr-aviso--error { color: #b91c1c; }
.seg-corr-deshacer { border: 0; background: none; padding: 0; font: 700 11px 'DM Sans', sans-serif; color: #7c3aed; cursor: pointer; }
.seg-corr-deshacer:hover { text-decoration: underline; }
.seg-corr-hecho { box-shadow: 0 0 0 2px rgba(22, 163, 74, .35) !important; transition: box-shadow .3s; }

/* ── [24-10-2026 (2)] La revisión de la corrección: la nota corregida marcada, con Aceptar y Descartar ── */
.seg-corr-aceptar, .seg-corr-descartar { display: none; align-items: center; gap: 6px; flex-shrink: 0; padding: 4px 12px;
  border-radius: 999px; font: 600 11px 'DM Sans', sans-serif; cursor: pointer; }
.seg-corr-aceptar { border: 1px solid #9961FF; background: #9961FF; color: #fff; }
.seg-corr-aceptar:hover { background: #7c3aed; border-color: #7c3aed; }
.seg-corr-aceptar i { font-size: 10px; }
.seg-corr-descartar { border: 1px solid #e5e7eb; background: #fff; color: #6b7280; }
.seg-corr-descartar:hover { background: #f9fafb; color: #374151; }
.seg-corr-revisando > [contenteditable] { display: none !important; }
.seg-corr-revisando .seg-corr-btn { display: none; }
.seg-corr-revisando .seg-corr-aceptar, .seg-corr-revisando .seg-corr-descartar { display: inline-flex; }
.seg-corr-previa { border: 1px solid #c4b5fd; background: #fcfbff; border-radius: 8px; padding: 10px 12px; font-size: 13px;
  line-height: 1.6; color: #374151; white-space: pre-wrap; word-break: break-word; min-height: 90px; max-height: 420px;
  overflow-y: auto; box-shadow: 0 0 0 3px rgba(153, 97, 255, .08); }
.seg-corr-cambio { background: #dcfce7; color: #166534; border-radius: 4px; padding: 0 2px; font-weight: 600; cursor: help; }
.seg-corr-quitado { color: #b91c1c; background: #fee2e2; border-radius: 4px; padding: 0 2px; }