/* Soft Soft — modales + vistas Contactos (clases reales, sin markup extra)
   Cargar DESPUÉS de Syncfusion / ui-soc / soc-tables-soft. */

/* Un solo scroll en la app: el de .soc-main-content.
   app.css fuerza overflow:visible en html/body/.soc-main y duplica la barra. */
html:has(.soc-layout),
html:has(.soc-layout) body {
  height: 100% !important;
  overflow: hidden !important;
}

html:has(.soc-layout) .soc-layout,
html:has(.soc-layout) .soc-main {
  overflow: hidden !important;
}

html:has(.soc-layout) .soc-main-content {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Header — iconos línea tipo Lucide (mint + forest) */
html body .soc-header-hamburger,
html body .soc-header-theme-btn,
html body .soc-header-alert-btn,
html body .soc-header-logout-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 11px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

html body .soc-header-action-svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #006d4e !important;
  fill: none !important;
}

html body .soc-header-action-svg path,
html body .soc-header-action-svg circle,
html body .soc-header-action-svg line,
html body .soc-header-action-svg polyline,
html body .soc-header-action-svg rect {
  fill: none !important;
  stroke: #006d4e !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Tutorial header — verde sólido + ? blanco (no mint) */
html body .soc-header .soc-header-actions .soc-header-help-btn,
html body .soc-header-help-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 11px !important;
  background: #006d4e !important;
  background-color: #006d4e !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
}

html body .soc-header .soc-header-actions .soc-header-help-btn .soc-header-action-svg,
html body .soc-header-help-btn .soc-header-action-svg,
html body .soc-header .soc-header-actions .soc-header-help-btn .soc-header-action-svg path,
html body .soc-header .soc-header-actions .soc-header-help-btn .soc-header-action-svg circle,
html body .soc-header .soc-header-actions .soc-header-help-btn .soc-header-action-svg line,
html body .soc-header .soc-header-actions .soc-header-help-btn .soc-header-action-svg polyline,
html body .soc-header .soc-header-actions .soc-header-help-btn .soc-header-action-svg rect,
html body .soc-header-help-btn .soc-header-action-svg path,
html body .soc-header-help-btn .soc-header-action-svg circle,
html body .soc-header-help-btn .soc-header-action-svg line,
html body .soc-header-help-btn .soc-header-action-svg polyline,
html body .soc-header-help-btn .soc-header-action-svg rect {
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
}

html body .soc-header .soc-header-actions .soc-header-help-btn:hover,
html body .soc-header-help-btn:hover {
  background: #037052 !important;
  background-color: #037052 !important;
  color: #ffffff !important;
}

html body .soc-header .soc-header-actions .soc-header-help-btn:active,
html body .soc-header-help-btn:active {
  background: #005a41 !important;
  background-color: #005a41 !important;
  color: #ffffff !important;
}

/* =========================================================
   1) TODOS los formularios de .e-dialog.soc-dialog
========================================================= */
html body .e-dialog.soc-dialog {
  border-radius: 9px !important;
  border: 1px solid #f0f2f1 !important;
  overflow: hidden !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12) !important;
}

html body .e-dialog.soc-dialog .e-dlg-header,
html body .e-dialog.soc-dialog .e-dlg-header .e-dlg-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body .e-dialog.soc-dialog:not(:has(.soc-dlg-title)):not(:has(.e-danger)):not(.soc-dialog--delete):not(.soc-dialog--danger) .e-dlg-header::before {
  content: "\F4CB";
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-dialog:has(.soc-form-nuevo-evento):not(:has(.soc-dlg-title)) .e-dlg-header::before {
  content: "\F214" !important;
}

/* Modal Nuevo Evento / Editar Evento — ancho 60% (solo este modal) */
html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento {
  width: 60% !important;
  max-width: 60% !important;
  min-width: min(60vw, 720px) !important;
}

/* Cerrar Nuevo Evento: sin brinco (ni scale ni pulse) */
html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn,
html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn:hover,
html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn:focus,
html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn:active {
  animation: none !important;
  transform: translateY(-50%) !important;
  top: 50% !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: #eaf7f1 !important;
}

html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn:hover {
  background: #e0f3ea !important;
}

html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn .e-btn-icon,
html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn .e-icons,
html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn:hover .e-btn-icon,
html body .e-dialog.soc-dialog.soc-dialog-nuevo-evento .e-dlg-closeicon-btn:hover .e-icons {
  transform: none !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

html body .e-dialog.soc-dialog:has(.soc-form-actividad):not(:has(.soc-dlg-title)) .e-dlg-header::before {
  content: "\F477" !important;
}

html body .e-dialog.soc-dialog:has(.soc-form-nota):not(:has(.soc-dlg-title)) .e-dlg-header::before {
  content: "\F444" !important;
}

html body .e-dialog.soc-dialog:has(.soc-doc-nota-form):not(:has(.soc-dlg-title)) .e-dlg-header::before {
  content: "\F444" !important;
}

html body .e-dialog.soc-dialog:has(.soc-milista-section):not(:has(.soc-dlg-title)) .e-dlg-header::before {
  content: "\F474" !important;
}

html body .e-dialog.soc-dialog .e-dlg-content {
  padding: 16px 20px 14px !important;
}

html body .e-dialog.soc-dialog .crm-card-body {
  padding: 0 !important;
}

html body .e-dialog.soc-dialog .soc-form-row,
html body .e-dialog.soc-dialog .crm-card-body .mb-2,
html body .e-dialog.soc-dialog .soc-form-nuevo-evento .soc-form-row,
html body .e-dialog.soc-dialog .soc-form-actividad .soc-form-row,
html body .e-dialog.soc-dialog .soc-form-nota .soc-form-row {
  margin-bottom: 10px !important;
}

html body .e-dialog.soc-dialog .crm-card-body > .mb-2:has(+ div[style*="justify-content"]) {
  margin-bottom: 0 !important;
}

html body .e-dialog.soc-dialog .soc-form-row > label,
html body .e-dialog.soc-dialog .crm-card-body label,
html body .e-dialog.soc-dialog .soc-form-nuevo-evento label,
html body .e-dialog.soc-dialog .soc-form-actividad label,
html body .e-dialog.soc-dialog .soc-form-nota label {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: #667085 !important;
}

html body .e-dialog.soc-dialog .e-outline.e-input-group::before,
html body .e-dialog.soc-dialog .e-outline.e-input-group::after,
html body .e-dialog.soc-dialog .e-float-input::before,
html body .e-dialog.soc-dialog .e-float-input::after,
html body .e-dialog.soc-dialog .e-float-line {
  display: none !important;
}

/* Wrappers anidados (e-ddl / e-float / e-outline) sin borde propio. */
html body .e-dialog.soc-dialog .e-ddl:not(.e-input-group),
html body .e-dialog.soc-dialog .e-float-input:not(.e-input-group),
html body .e-dialog.soc-dialog .e-control-wrapper.e-outline:not(.e-input-group),
html body .e-dialog.soc-dialog .e-float-input:has(> .e-input-group),
html body .e-dialog.soc-dialog .e-ddl:has(> .e-input-group),
html body .e-dialog.soc-dialog .e-control-wrapper:has(> .e-input-group) {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-dialog .e-input-group:not(:has(> .e-input-group)) {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  padding-right: 0 !important;
}

html body .e-dialog.soc-dialog .e-input-group.e-input-focus,
html body .e-dialog.soc-dialog .e-input-group:focus-within {
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-dialog .e-input-group input,
html body .e-dialog.soc-dialog .e-input-group input.e-input,
html body .e-dialog.soc-dialog .e-float-input input,
html body .e-dialog.soc-dialog .e-float-input input.e-input,
html body .e-dialog.soc-dialog .e-ddl input,
html body .e-dialog.soc-dialog .e-outline input.e-input,
html body .e-dialog.soc-dialog .e-input-group.e-input-focus input,
html body .e-dialog.soc-dialog .e-float-input.e-input-focus input,
html body .e-dialog.soc-dialog .e-float-input.e-control-wrapper.e-input-focus input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 42px !important;
  line-height: 42px !important;
}

html body .e-dialog.soc-dialog .e-float-text {
  color: #667085 !important;
}

html body .e-dialog.soc-dialog .e-float-input.e-input-focus .e-float-text,
html body .e-dialog.soc-dialog .e-float-input.e-valid-input .e-float-text {
  color: #667085 !important;
}

html body .e-dialog.soc-dialog input[type="date"].e-input,
html body .e-dialog.soc-dialog textarea,
html body .e-dialog.soc-dialog .soc-doc-nota-textarea {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  padding: 10px 12px !important;
  color: #4f4f4f !important;
}

html body .e-dialog.soc-dialog input[type="date"].e-input:focus,
html body .e-dialog.soc-dialog textarea:focus,
html body .e-dialog.soc-dialog textarea.e-input:focus,
html body .e-dialog.soc-dialog .soc-form-nuevo-evento textarea.e-input:focus,
html body .e-dialog.soc-dialog .soc-form-actividad textarea:focus,
html body .e-dialog.soc-dialog .soc-form-nota textarea:focus,
html body .e-dialog.soc-dialog .soc-doc-nota-textarea:focus,
html body .e-dialog.soc-dialog .soc-form-nuevo-evento .soc-datetime-row input[type="date"]:focus,
html body .e-dialog.soc-dialog .soc-form-nuevo-evento .soc-datetime-row input[type="time"]:focus {
  border-color: #006d4e !important;
  outline: none !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-dialog .soc-datetime-row {
  display: flex !important;
  gap: 10px !important;
  align-items: stretch !important;
}

html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"],
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"] {
  display: block !important;
  position: relative !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 52px 0 14px !important;
  box-sizing: border-box !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background-color: #ffffff !important;
  background-repeat: no-repeat !important;
  background-position: right 0 center !important;
  background-size: 44px 44px !important;
  color: #4f4f4f !important;
  font-size: 0.875rem !important;
  line-height: 44px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"],
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"] {
  background-image: none !important;
}

html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]:hover,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]:hover {
  border-color: #9ec5bb !important;
}

html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]:focus,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]:focus {
  outline: none !important;
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-datetime-edit,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-datetime-edit,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-datetime-edit-fields-wrapper,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-datetime-edit-text,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-datetime-edit-text,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-datetime-edit-day-field,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-datetime-edit-month-field,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-datetime-edit-year-field,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-datetime-edit-hour-field,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-datetime-edit-minute-field,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-datetime-edit-ampm-field {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}

html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-inner-spin-button,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-inner-spin-button,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-clear-button,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-clear-button {
  display: none !important;
  -webkit-appearance: none !important;
}

html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"]::-webkit-calendar-picker-indicator,
html body .e-dialog.soc-dialog .soc-datetime-row input[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 1 !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: #006d4e !important;
  border-radius: 0 9px 9px 0 !important;
  filter: invert(1) brightness(2) !important;
}

html body .e-dialog.soc-dialog .soc-dialog-actions,
html body .e-dialog.soc-dialog .crm-card-body > div[style*="justify-content"] {
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 0 !important;
  border-top: none !important;
}

html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-primary,
html body .e-dialog.soc-dialog .e-btn.e-primary.soc-proposal-pill-primary,
html body .e-dialog.soc-dialog .e-btn.soc-btn-azul-icono,
html body .e-dialog.soc-dialog .soc-dialog-actions .e-btn.soc-proposal-pill-primary,
html body .e-dialog.soc-dialog .crm-card-body .e-btn.soc-btn-azul-icono {
  border-radius: 9px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #006d4e !important;
  background-image: none !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease !important;
}

html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-primary:hover:not(:disabled),
html body .e-dialog.soc-dialog .e-btn.soc-btn-azul-icono:hover:not(:disabled) {
  background: #00563f !important;
  background-image: none !important;
  border-color: #00563f !important;
  color: #ffffff !important;
}

html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-primary .e-btn-icon,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-primary .e-btn-icon::before,
html body .e-dialog.soc-dialog .e-btn.soc-btn-azul-icono .e-btn-icon,
html body .e-dialog.soc-dialog .e-btn.soc-btn-azul-icono .e-btn-icon::before {
  color: #ffffff !important;
}

html body .e-dialog.soc-dialog .e-btn.soc-btn-naranja-cancelar,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-primary.soc-btn-naranja-cancelar,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-outline,
html body .e-dialog.soc-dialog .e-btn.e-outline.soc-proposal-pill-outline {
  border-radius: 9px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #ff7150 !important;
  color: #ff7150 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease !important;
}

html body .e-dialog.soc-dialog .e-btn.soc-btn-naranja-cancelar:hover:not(:disabled),
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-primary.soc-btn-naranja-cancelar:hover:not(:disabled),
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-outline:hover:not(:disabled) {
  background: #ffd2c7 !important;
  background-image: none !important;
  border-color: #ff7150 !important;
  color: #ff7150 !important;
}

html body .e-dialog.soc-dialog .e-btn.soc-btn-naranja-cancelar .e-btn-icon,
html body .e-dialog.soc-dialog .e-btn.soc-btn-naranja-cancelar .e-btn-icon::before,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-outline .e-btn-icon,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-outline .e-btn-icon::before,
html body .e-dialog.soc-dialog .e-btn.soc-btn-naranja-cancelar:hover:not(:disabled) .e-btn-icon,
html body .e-dialog.soc-dialog .e-btn.soc-btn-naranja-cancelar:hover:not(:disabled) .e-btn-icon::before,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-outline:hover:not(:disabled) .e-btn-icon,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-outline:hover:not(:disabled) .e-btn-icon::before,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-outline:hover:not(:disabled):not(.e-disabled) .e-btn-icon,
html body .e-dialog.soc-dialog .e-btn.soc-proposal-pill-outline:hover:not(:disabled):not(.e-disabled) .e-btn-icon::before {
  color: #ff7150 !important;
}

html body .e-dialog.soc-dialog .e-dlg-content::-webkit-scrollbar {
  width: 8px;
}
html body .e-dialog.soc-dialog .e-dlg-content::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 9px;
}
html body .e-dialog.soc-dialog .e-dlg-content::-webkit-scrollbar-track {
  background: transparent;
}

/* =========================================================
   2) Resumen — copia del diseño validado (solo CSS)
   Cabecera mint, filas etiqueta | valor, portal verde + QR abajo.
========================================================= */
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle {
  gap: 16px !important;
  align-items: stretch !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades {
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04) !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades::before {
  content: none !important;
  display: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades:hover {
  transform: none !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04) !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades > h4 {
  margin: 0 !important;
  padding: 0 10px !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  color: #006d4e !important;
  background: #fbfbfb !important;
  border-bottom: 1px solid #e8ecea !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades > h4::before {
  content: "\F4D7" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > h4::before {
  content: "\F214" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > h4::before {
  content: "\F588" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades > h4::before {
  content: "\F1CC" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades.soc-opps-card {
  display: flex !important;
  flex-direction: column !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header {
  margin: 0 !important;
  padding: 0 10px !important;
  min-height: 52px !important;
  height: 52px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e8ecea !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header-left {
  min-width: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header-left h4 {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  color: #006d4e !important;
  background: transparent !important;
  border: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header-left h4::before {
  content: "\F1CC" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-count {
  border-radius: 9px !important;
  background: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-total strong {
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header .e-btn.soc-btn-azul-icono,
html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header .e-btn.soc-proposal-pill-primary {
  border-radius: 9px !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 14px !important;
  background: #006d4e !important;
  background-image: none !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: background-color 0.5s ease, border-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header .e-btn.soc-btn-azul-icono:hover:not(:disabled):not(.e-disabled),
html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header .e-btn.soc-proposal-pill-primary:hover:not(:disabled):not(.e-disabled) {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header .e-btn .e-btn-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header .e-btn .e-btn-icon::before {
  color: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  gap: 12px !important;
  min-height: 220px !important;
  margin: 0 !important;
  padding: 28px 18px 32px !important;
  text-align: center !important;
  background: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-empty-icon {
  display: block !important;
  width: 112px !important;
  height: 112px !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("/images/ui-soc/pedido-empty-shield.png") center / contain no-repeat !important;
  background-color: transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-empty-icon::before {
  content: none !important;
  display: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-empty-title {
  margin: 0 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #4f4f4f !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-empty-sub {
  margin: 0 !important;
  max-width: 360px !important;
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #8a8a8a !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-grid {
  padding: 16px 18px 18px !important;
}

/* QR fuera de la fila de datos: el listado usa todo el ancho (evita texto vertical). */
html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card > div[style*="display:flex"] {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  padding: 0 !important;
  gap: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card > div[style*="display:flex"] > .soc-dl {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  column-gap: 20px !important;
  row-gap: 0 !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 4px 18px 8px !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dt {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 8px 12px 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f4 !important;
  color: #9ca3af !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dt:first-child {
  padding-top: 8px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dd {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f4 !important;
  color: #424242 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dt:last-of-type,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dd:last-child {
  border-bottom: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dt:has(+ dd.soc-phone-with-action) {
  grid-column: auto !important;
  border-bottom: 1px solid #eef1f4 !important;
  padding-bottom: 8px !important;
  text-align: left !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dd.soc-phone-with-action {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  grid-column: auto !important;
  text-align: left !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  overflow: hidden !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dd.soc-phone-with-action > span {
  color: #424242 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl dd[style*="display:flex"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-dl .e-switch-wrapper {
  transform: scale(0.92);
  transform-origin: right center;
}

/* Pie: botón verde a la izquierda, QR a la derecha (captura validada). */
html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card [style*="flex-shrink:0"] {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 118px !important;
  margin: 0 !important;
  padding: 16px 16px 16px 16px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  text-align: center !important;
  background: #f7f8f8 !important;
  border: 0 !important;
  border-top: 1px solid #eef1f4 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card [style*="flex-shrink:0"] img {
  width: 96px !important;
  height: 96px !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  display: block !important;
  filter: none !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card [style*="flex-shrink:0"] p {
  margin: 6px 0 0 !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: #667085 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card .soc-phone-with-action .e-btn.soc-btn-azul-icono,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card .soc-phone-with-action .e-btn.soc-proposal-pill-primary {
  position: absolute !important;
  left: 18px !important;
  bottom: 40px !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: calc(100% - 150px) !important;
  align-self: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  border-radius: 9px !important;
  background: #006d4e !important;
  background-image: none !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: background-color 0.5s ease, border-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card .soc-phone-with-action .e-btn.soc-btn-azul-icono:hover:not(:disabled):not(.e-disabled),
html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card .soc-phone-with-action .e-btn.soc-proposal-pill-primary:hover:not(:disabled):not(.e-disabled) {
  background: #4ed176 !important;
  background-image: none !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
  filter: none !important;
  transform: none !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card .soc-phone-with-action .e-btn.soc-btn-azul-icono:active:not(:disabled),
html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card .soc-phone-with-action .e-btn.soc-proposal-pill-primary:active:not(:disabled) {
  transform: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > ul,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > .soc-timeline-list,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > ul,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > .soc-prioridades-list {
  padding: 12px 16px 16px !important;
  margin: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > .soc-placeholder,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > .soc-placeholder {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  gap: 14px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 24px 18px !important;
  text-align: center !important;
  color: #8a8a8a !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > .soc-placeholder::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > .soc-placeholder::before {
  content: "" !important;
  font-size: 0 !important;
  speak: none;
  display: block !important;
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  border-radius: 0 !important;
  background: url("/images/ui-soc/empty-reuniones-shield.png") center / contain no-repeat !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > .soc-placeholder::before {
  background-image: url("/images/ui-soc/empty-prioridades-shield.png") !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle .soc-prioridad-card {
  margin-bottom: 8px !important;
  border-radius: 9px !important;
  background: #f8fafb !important;
}

/* =========================================================
   3) Seguimiento — mismo header Soft Soft (blanco + icono)
========================================================= */
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-columns {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04) !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  background: #fbfbfb !important;
  border-bottom: 1px solid #e8ecea !important;
  box-sizing: border-box !important;
  flex-wrap: nowrap !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header h4 {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  color: #006d4e !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  background: transparent !important;
  border: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header h4::before {
  content: "\F214" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col:nth-child(2) > .soc-agenda-header h4::before {
  content: "\F477" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col:nth-child(3) > .soc-agenda-header h4::before {
  content: "\F444" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header .e-btn,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header .e-btn.soc-btn-azul-icono,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header .e-btn.soc-proposal-pill-primary,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col.soc-soft-card > .soc-agenda-header .e-btn,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col.soc-soft-card > .soc-agenda-header button.e-btn,
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-header .e-btn,
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-header .e-btn.soc-btn-azul-icono,
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-header .e-btn.soc-proposal-pill-primary,
html body .oportunidad-module .soc-seguimiento-col.soc-soft-card > .soc-agenda-header .e-btn,
html body .oportunidad-module .soc-seguimiento-col.soc-soft-card > .soc-agenda-header button.e-btn {
  margin: 0 !important;
  flex: 0 0 32px !important;
  align-self: center !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  background-image: none !important;
  border: none !important;
  color: #006d4e !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  transition: background-color 0.5s ease, color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header .e-btn .e-btn-content,
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-header .e-btn .e-btn-content {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header .e-btn:hover:not(:disabled):not(.e-disabled),
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header .e-btn.soc-proposal-pill-primary:hover:not(:disabled):not(.e-disabled),
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-header .e-btn:hover:not(:disabled):not(.e-disabled),
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-header .e-btn.soc-proposal-pill-primary:hover:not(:disabled):not(.e-disabled) {
  background: #dff3e9 !important;
  border: none !important;
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header .e-btn .e-btn-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header .e-btn .e-btn-icon::before,
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-header .e-btn .e-btn-icon,
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-header .e-btn .e-btn-icon::before {
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-date,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-list,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-actividades-list,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-notas-list {
  padding: 14px 10px 16px !important;
  margin: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-date,
html body .oportunidad-module .soc-seguimiento-col > .soc-agenda-date {
  position: relative !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-date .e-input,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-date input[type="date"],
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-date .e-input,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-date input[type="date"] {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 52px 0 14px !important;
  box-sizing: border-box !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #4f4f4f !important;
  font-size: 0.875rem !important;
  line-height: 44px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-date input[type="date"]:hover,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-date input[type="date"]:hover {
  border-color: #9ec5bb !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-date input[type="date"]:focus,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-date input[type="date"]:focus {
  outline: none !important;
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-date input[type="date"]::-webkit-datetime-edit,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-date input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-date input[type="date"]::-webkit-datetime-edit,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-date input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-date input[type="date"]::-webkit-calendar-picker-indicator,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-date input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1 !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: #006d4e !important;
  border-radius: 0 9px 9px 0 !important;
  filter: invert(1) brightness(2) !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-date::after,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-date::after {
  content: none !important;
  display: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-placeholder {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  gap: 12px !important;
  min-height: 180px !important;
  margin: 0 !important;
  padding: 24px 16px !important;
  text-align: center !important;
  color: #8a8a8a !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-placeholder::before {
  content: "" !important;
  display: block !important;
  width: 112px !important;
  height: 112px !important;
  background: url("/images/ui-soc/empty-reuniones-shield.png") center / contain no-repeat !important;
  background-color: transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col:nth-child(2) > .soc-placeholder::before {
  background-image: url("/images/ui-soc/empty-prioridades-shield.png") !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col:nth-child(3) > .soc-placeholder::before {
  background-image: url("/images/ui-soc/pedido-empty-shield.png") !important;
}

@media (max-width: 1000px) {
  html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-columns {
    grid-template-columns: 1fr !important;
  }
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-nota-card,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-card,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-card,
html body .oportunidad-module .soc-seguimiento-col .soc-nota-card,
html body .oportunidad-module .soc-seguimiento-col .soc-actividad-card,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-card {
  position: relative !important;
  gap: 8px !important;
  padding: 14px 14px 12px 16px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  border-left: 3px solid #4ed176 !important;
  box-shadow: none !important;
  transition: border-color 0.5s ease, background-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-nota-card:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-card:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-card:hover,
html body .oportunidad-module .soc-seguimiento-col .soc-nota-card:hover,
html body .oportunidad-module .soc-seguimiento-col .soc-actividad-card:hover,
html body .oportunidad-module .soc-seguimiento-col .soc-agenda-card:hover {
  border-color: #d7ebe1 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-nota-card-title,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-card-title,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-card-title {
  color: #006d4e !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-nota-card-body,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-card-comment,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-card-time,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-card-date {
  color: #667085 !important;
  font-size: 0.8125rem !important;
  line-height: 1.45 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-nota-card-footer,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-card-footer {
  margin-top: 6px !important;
  padding-top: 10px !important;
  border-top: 1px solid #eef1f4 !important;
  gap: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-nota-meta,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-check,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-card-registered-by {
  color: #9ca3af !important;
  font-size: 0.7rem !important;
  line-height: 1.35 !important;
}

/* Acciones Seguimiento: solo iconos, Eliminar naranja, pegados a la derecha */
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btns {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 8px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 9px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btn .e-icons {
  display: inline-flex !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  margin: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btn-edit {
  border: 1px solid #006d4e !important;
  background: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btn-edit .e-icons {
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btn-edit:hover {
  background: #eaf7f1 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btn-del {
  border: 1px solid #FF7150 !important;
  background: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btn-del .e-icons {
  color: #FF7150 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-doc-nota-btn-del:hover {
  background: #fff3ef !important;
  border-color: #FF7150 !important;
}

/* Contactos: soc-btn-link de Editar → solo icono a la derecha */
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-nota-card-footer .soc-btn-link,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-card-footer .soc-btn-link,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-agenda-card .soc-btn-link {
  margin-left: auto !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 1px solid #006d4e !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-btn-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #006d4e !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-btn-link:hover {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  text-decoration: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-btn-link .e-icons {
  display: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-btn-link::before {
  content: "\F4CB" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-btn-link.text-danger,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-btn-link.soc-btn-danger {
  border: 1px solid #FF7150 !important;
  color: transparent !important;
  background: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-btn-link.text-danger::before,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-btn-link.soc-btn-danger::before {
  content: "\F5DE" !important;
  color: #FF7150 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col .soc-actividad-card.soc-actividad-prioritaria {
  border-left-color: #006d4e !important;
  background: linear-gradient(90deg, #f4fbf7 0%, #ffffff 28%) !important;
}

/* =========================================================
   4) Llamadas — cards Soft Soft (header blanco + chip mint, sin sombra)
========================================================= */
html body :is(.contacto-module, .oportunidad-module) .soc-calls-layout {
  gap: 16px !important;
  align-items: stretch !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-card {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-top: 3px solid #4ed176 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-contact-head,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card .soc-calls-contact-head,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-head,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-card .soc-calls-history-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  min-height: 52px !important;
  height: auto !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e8ecea !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-avatar {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  background-image: none !important;
  color: #006d4e !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-contact-name {
  color: #006d4e !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-contact-sub {
  color: #8a8a8a !important;
  font-size: 0.75rem !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-head h4,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-head .soc-myday-timeline-title {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #006d4e !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  background: transparent !important;
  border: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-head h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-head .soc-myday-timeline-title::before {
  content: "\F5C1" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-count {
  margin-left: auto !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border-radius: 9px !important;
  padding: 4px 10px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-list,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-no-phone,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-hint,
html body :is(.contacto-module, .oportunidad-module) .soc-call-active-banner,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-empty,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-summary,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-timeline,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-card > .soc-placeholder,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-card > .soc-calls-empty,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-card > .soc-calls-summary,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-history-card > .soc-calls-timeline,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card > .soc-calls-phone-list,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card > .soc-calls-no-phone,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card > .soc-calls-hint,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card > .soc-call-active-banner {
  margin: 14px 16px 16px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-item,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card .soc-calls-phone-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px 10px 10px 12px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-left: 3px solid #4ed176 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  transition: border-color 0.5s ease, background-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-item:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card .soc-calls-phone-item:hover {
  border-color: #d7ebe1 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-item-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-item-icon::before {
  content: "\F5C1" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-item-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 2px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-item-label {
  color: #8a8a8a !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-phone-item-number {
  color: #4f4f4f !important;
  font-family: inherit !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-btn-call,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card .soc-calls-btn-call {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: #006d4e !important;
  background-image: none !important;
  border: 1px solid #006d4e !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: background-color 0.5s ease, border-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-btn-call:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card .soc-calls-btn-call:hover {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-hint,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-dialer-card .soc-calls-hint {
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: #eaf7f1 !important;
  border: 1px solid #d7ebe1 !important;
  border-radius: 9px !important;
  color: #4f4f4f !important;
  font-size: 0.8125rem !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-hint-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #4ed176 !important;
  color: transparent !important;
  font-size: 0 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-hint-icon::before {
  content: "\F414" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
  line-height: 1 !important;
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-no-phone {
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: #fff5f2 !important;
  border: 1px solid #fde0d8 !important;
  border-radius: 9px !important;
  color: #4f4f4f !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-call-active-banner {
  gap: 14px !important;
  padding: 12px 14px !important;
  background: #eaf7f1 !important;
  border: 1px solid #d7ebe1 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-btn-hangup {
  height: 36px !important;
  padding: 0 14px !important;
  background: #ff7150 !important;
  border: 1px solid #ff7150 !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transition: background-color 0.5s ease, border-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-btn-hangup:hover {
  background: #e85a3c !important;
  border-color: #e85a3c !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 220px !important;
  padding: 28px 16px !important;
  text-align: center !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-empty-art {
  display: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-empty::before {
  content: "" !important;
  font-size: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 96px !important;
  height: 96px !important;
  margin-bottom: 10px !important;
  border-radius: 50% !important;
  background-color: #eaf7f1 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' fill='none' viewBox='0 0 56 56'%3E%3Cpath fill='%23006d4e' d='M20.5 16.5c-1.8 0-3.5 1.6-3.5 3.7 0 12.2 12.3 24.3 24.5 24.3 2.1 0 3.7-1.7 3.7-3.5v-5.2c0-1.1-.7-2.1-1.8-2.4l-6.6-2.2c-1-.3-2.1 0-2.7.8l-2.1 2.3c-4.3-2.2-8.6-6.5-10.8-10.8l2.3-2.1c.8-.6 1.1-1.7.8-2.7l-2.2-6.6c-.3-1.1-1.3-1.8-2.4-1.8h-5.2z'/%3E%3Cpath stroke='%234ed176' stroke-linecap='round' stroke-width='2.4' d='M36.5 18.5c4.2 1 7.5 4.3 8.5 8.5'/%3E%3Cpath stroke='%234ed176' stroke-linecap='round' stroke-width='2.2' opacity='.75' d='M38 14c6.6 1.5 11.8 6.7 13.3 13.3'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 52px 52px !important;
  border: 1px solid #d7ebe1 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-empty-title {
  color: #006d4e !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-empty-sub {
  color: #8a8a8a !important;
  font-size: 0.8125rem !important;
  max-width: 340px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-call-log-stat {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-call-log-stat-value {
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-timeline-item {
  gap: 10px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #eef1f4 !important;
  border-radius: 9px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-timeline-item:hover {
  background: #f6fbf8 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-timeline-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-timeline-icon--out,
html body :is(.contacto-module, .oportunidad-module) .soc-calls-timeline-icon--in {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-call-log-badge--out,
html body :is(.contacto-module, .oportunidad-module) .soc-call-log-badge--in {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border-radius: 9px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-timeline-note {
  background: #f6fbf8 !important;
  border-radius: 9px !important;
  color: #4f4f4f !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-btn-note {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  box-shadow: none !important;
  transition: background-color 0.5s ease, color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-calls-btn-note:hover {
  background: #d7ebe1 !important;
  color: #006d4e !important;
}

/* =========================================================
   5) Documentos — cards Soft Soft (Contactos + Pedidos)
========================================================= */
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-section,
html body .oportunidad-module .soc-documentos-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  background: transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form,
html body .oportunidad-module .soc-documentos-form,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap,
html body .oportunidad-module .soc-documentos-list-wrap {
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form-title,
html body .oportunidad-module .soc-documentos-form-title,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > h4,
html body .oportunidad-module .soc-documentos-list-wrap > h4 {
  margin: 0 !important;
  padding: 0 10px !important;
  height: 45px !important;
  min-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #006d4e !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: #fbfbfb !important;
  border-bottom: 1px solid #e8ecea !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form-title::before,
html body .oportunidad-module .soc-documentos-form-title::before,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > h4::before,
html body .oportunidad-module .soc-documentos-list-wrap > h4::before {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form-title::before,
html body .oportunidad-module .soc-documentos-form-title::before {
  content: "\F37D" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > h4::before,
html body .oportunidad-module .soc-documentos-list-wrap > h4::before {
  content: "\F3D9" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-checklist-box,
html body .oportunidad-module .soc-docs-checklist-box,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-row,
html body .oportunidad-module .soc-documentos-row,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > .soc-cosas-filtro,
html body .oportunidad-module .soc-documentos-list-wrap > .soc-cosas-filtro,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > .soc-placeholder,
html body .oportunidad-module .soc-documentos-list-wrap > .soc-placeholder,
html body :is(.contacto-module, .oportunidad-module) .soc-docs-table-wrap,
html body .oportunidad-module .soc-docs-table-wrap,
html body :is(.contacto-module, .oportunidad-module) .soc-upload-loading,
html body .oportunidad-module .soc-upload-loading,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form > .soc-error-msg,
html body .oportunidad-module .soc-documentos-form > .soc-error-msg {
  margin: 14px 16px 16px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-checklist-box,
html body .oportunidad-module .soc-docs-checklist-box {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-checklist-box-label,
html body .oportunidad-module .soc-docs-checklist-box-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  color: #667085 !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-checklist-box-label::before,
html body .oportunidad-module .soc-docs-checklist-box-label::before {
  content: "\F3D9" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 0.85rem !important;
  line-height: 1 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-seg,
html body .oportunidad-module .soc-docs-seg {
  margin-bottom: 12px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-seg-btn,
html body .oportunidad-module .soc-docs-seg-btn {
  background: #ffffff !important;
  color: #4f4f4f !important;
  border-color: #e8ecea !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-seg-btn.is-active,
html body .oportunidad-module .soc-docs-seg-btn.is-active,
html body :is(.contacto-module, .oportunidad-module) .soc-docs-seg-btn.soc-docs-seg-btn--active,
html body .oportunidad-module .soc-docs-seg-btn.soc-docs-seg-btn--active {
  background: #006d4e !important;
  color: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-seg-btn:hover:not(.is-active),
html body .oportunidad-module .soc-docs-seg-btn:hover:not(.is-active) {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-checklist-ddl,
html body .oportunidad-module .soc-docs-checklist-ddl {
  max-width: none !important;
  width: 100% !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form .e-outline.e-input-group,
html body .oportunidad-module .soc-documentos-form .e-outline.e-input-group,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form .e-input-group.e-control-wrapper,
html body .oportunidad-module .soc-documentos-form .e-input-group.e-control-wrapper,
html body :is(.contacto-module, .oportunidad-module) .soc-docs-checklist-ddl .e-input-group,
html body .oportunidad-module .soc-docs-checklist-ddl .e-input-group,
html body :is(.contacto-module, .oportunidad-module) .soc-docs-checklist-ddl .e-control-wrapper,
html body .oportunidad-module .soc-docs-checklist-ddl .e-control-wrapper {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  min-height: 44px !important;
  height: 44px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form .e-input-group.e-input-focus,
html body .oportunidad-module .soc-documentos-form .e-input-group.e-input-focus,
html body :is(.contacto-module, .oportunidad-module) .soc-docs-checklist-ddl .e-input-group.e-input-focus,
html body .oportunidad-module .soc-docs-checklist-ddl .e-input-group.e-input-focus,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form .e-input-group:focus-within,
html body .oportunidad-module .soc-documentos-form .e-input-group:focus-within,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form .soc-datepicker-soft.e-input-focus,
html body .oportunidad-module .soc-documentos-form .soc-datepicker-soft.e-input-focus {
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form .soc-form-row label,
html body .oportunidad-module .soc-documentos-form .soc-form-row label,
html body :is(.contacto-module, .oportunidad-module) .soc-doc-field > label,
html body .oportunidad-module .soc-doc-field > label {
  color: #667085 !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-row,
html body .oportunidad-module .soc-documentos-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-input-file-shell,
html body .oportunidad-module .soc-input-file-shell {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 6px 8px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-input-file-shell .soc-input-file,
html body .oportunidad-module .soc-input-file-shell .soc-input-file {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-input-file-shell .soc-input-file::file-selector-button,
html body .oportunidad-module .soc-input-file-shell .soc-input-file::file-selector-button {
  display: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-input-file-btn,
html body .oportunidad-module .soc-input-file-btn {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  white-space: nowrap !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-input-file-name,
html body .oportunidad-module .soc-input-file-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 0.78rem !important;
  color: #8a8a8a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-actions,
html body .oportunidad-module .soc-documentos-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: end !important;
  margin: 0 16px 16px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-actions .soc-doc-field-caducidad,
html body .oportunidad-module .soc-documentos-actions .soc-doc-field-caducidad {
  margin: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-add-btn,
html body .oportunidad-module .soc-docs-add-btn {
  grid-column: 1 / -1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 4px 0 0 !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  background: #006d4e !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.5s ease, border-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-add-btn:hover:not(:disabled),
html body .oportunidad-module .soc-docs-add-btn:hover:not(:disabled) {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-add-btn:disabled,
html body .oportunidad-module .soc-docs-add-btn:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-add-btn .bi,
html body .oportunidad-module .soc-docs-add-btn .bi {
  color: #ffffff !important;
  font-size: 0.95rem !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-doc-caducidad-shell,
html body .oportunidad-module .soc-doc-caducidad-shell {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-doc-caducidad-check,
html body .oportunidad-module .soc-doc-caducidad-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #4f4f4f !important;
  height: auto !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-doc-caducidad-check input,
html body .oportunidad-module .soc-doc-caducidad-check input {
  width: 15px !important;
  height: 15px !important;
  accent-color: #006d4e !important;
  flex-shrink: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-table-wrap,
html body .oportunidad-module .soc-docs-table-wrap {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-docs-table th,
html body .oportunidad-module .soc-docs-table th {
  background: #006d4e !important;
  color: #ffffff !important;
  border: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > .soc-placeholder,
html body .oportunidad-module .soc-documentos-list-wrap > .soc-placeholder {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 160px !important;
  padding: 28px 16px !important;
  text-align: center !important;
  color: #8a8a8a !important;
  font-size: 0.875rem !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > .soc-placeholder::before,
html body .oportunidad-module .soc-documentos-list-wrap > .soc-placeholder::before {
  content: "" !important;
  display: block !important;
  width: 140px !important;
  height: 140px !important;
  border-radius: 0 !important;
  border: none !important;
  background-color: transparent !important;
  background-image: url("/images/ui-soc/empty-clientes-shield.png?v=2") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: none !important;
}

/* =========================================================
   6) Histórico
========================================================= */
html body :is(.contacto-module, .oportunidad-module) .soc-tab-content .e-grid.soc-grid-compact {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  overflow: hidden !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tab-content .e-grid.soc-grid-compact .e-rowcell {
  padding: 12px 16px !important;
  color: #4f4f4f !important;
  border-bottom: 1px solid #eef1f4 !important;
}

/* =========================================================
   7) WhatsApp + Chat portal
========================================================= */
html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container,
html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-top: 3px solid #4ed176 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container > h4 {
  margin: 0 !important;
  padding: 0 10px !important;
  height: 52px !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  color: #006d4e !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e8ecea !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container > h4::before {
  content: "" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container > h4::before {
  content: "\F618" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container > h4::before {
  content: "\F24A" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container > p.soc-placeholder.mb-2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 12px 16px 8px !important;
  padding: 8px 12px !important;
  width: fit-content !important;
  max-width: calc(100% - 32px) !important;
  background: #25d366 !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container > p.soc-placeholder.mb-2::before {
  content: "\F5C1" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
  line-height: 1 !important;
  color: #ffffff !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container > p.soc-placeholder:not(.mb-2),
html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container > p.soc-placeholder {
  display: block !important;
  margin: 12px 16px 8px !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #8a8a8a !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container > div:has(> .e-btn) {
  margin: 0 16px 12px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container .e-btn.soc-btn-azul-icono,
html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container .e-btn.soc-proposal-pill-primary,
html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container .e-btn.soc-btn-azul-icono,
html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container .e-btn.soc-proposal-pill-primary {
  border-radius: 9px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
  background: #006d4e !important;
  background-image: none !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transition: background-color 0.5s ease, border-color 0.5s ease !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-container .e-btn.soc-btn-azul-icono:hover:not(:disabled),
html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container .e-btn.soc-btn-azul-icono:hover:not(:disabled) {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-chat-ui-wrapper {
  margin: 0 16px 16px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-chat-ui-wrapper .e-chat-header,
html body :is(.contacto-module, .oportunidad-module) .soc-whatsapp-chat-header .e-chat-header {
  background: #006d4e !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container .portal-chat-thread {
  margin: 0 16px 8px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  padding: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container > .soc-error-msg {
  margin: 0 16px 8px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-portal-chat-container > .portal-chat-compose {
  margin: 0 16px 16px !important;
}

html body :is(.contacto-module, .oportunidad-module) .portal-chat-bubble {
  border-radius: 9px !important;
}

html body :is(.contacto-module, .oportunidad-module) .portal-chat-bubble--right {
  background: #eaf7f1 !important;
  border: 1px solid #d7ebe1 !important;
}

html body :is(.contacto-module, .oportunidad-module) .portal-chat-input,
html body :is(.contacto-module, .oportunidad-module) .portal-chat-compose textarea {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
}

/* =========================================================
   Header cliente (título + stepper)
========================================================= */
html body :is(.contacto-module, .oportunidad-module) .ai-dash-title-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
    background-image: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .ai-dash-title h2 {
  color: #4f4f4f !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-page-inner > .ai-dash-header {
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px 18px !important;
}

html body .oportunidad-module {
  text-transform: none !important;
}

html body .oportunidad-module .soc-page-inner > .ai-dash-header:has(.soc-stepper-status-row) {
  flex-wrap: wrap !important;
}

html body .oportunidad-module .ai-dash-header .soc-stepper-status-row {
  order: unset !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 780px !important;
  margin: 2px 0 0 auto !important;
  box-sizing: border-box !important;
}

html body .oportunidad-module .soc-contact-stepper-wrap {
  display: flex !important;
  flex-direction: column !important;
}

html body .oportunidad-module .soc-contact-stepper-wrap > .soc-opportunity-stepper,
html body .oportunidad-module .soc-contact-stepper-wrap > .soc-contact-stepper {
  width: 100% !important;
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

html body .oportunidad-module .ai-dash-header h2.soc-client-head-title .soc-opp-client-link {
  display: inline-block !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #4f4f4f !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer !important;
}

html body .oportunidad-module .ai-dash-header h2.soc-client-head-title .soc-opp-client-link:hover {
  color: #006d4e !important;
  text-decoration: underline !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-page-inner > .ai-dash-header > .ai-dash-title {
  flex: 0 1 200px !important;
  min-width: 120px !important;
  max-width: 240px !important;
}

html body :is(.contacto-module, .oportunidad-module) .ai-dash-header h2.soc-client-head-title {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #424242 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-client-head-kicker {
  flex: 0 0 auto !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-client-head-name {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html body :is(.contacto-module, .oportunidad-module) .ai-dash-header:has(.soc-contact-stepper-wrap):not(:has(.soc-contact-stepper-wrap--disabled)) .ai-dash-subtitle {
  display: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .ai-dash-header .soc-contact-stepper-wrap {
  order: 2 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
  overflow: visible !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-page-inner > .ai-dash-header > .ai-dash-controls {
  order: 3 !important;
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-contact-stepper {
  max-width: 560px !important;
  margin: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-contact-stepper .e-step.e-indicator {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
}

/* Cabecera Clientes: título + input a la izquierda, timeline a la derecha */
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-page-inner > .ai-dash-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 24px !important;
  overflow: visible !important;
}

html body .soc-page.oportunidad-module .soc-page-inner > .ai-dash-header:has(.soc-stepper-status-row),
html body .soc-page.contacto-module .soc-page-inner > .ai-dash-header:has(.soc-stepper-status-row) {
  flex-wrap: wrap !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex: 1 1 340px !important;
  gap: 8px !important;
  min-width: 280px !important;
  max-width: 420px !important;
  width: 100% !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left > .ai-dash-title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  gap: 12px !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left .soc-client-head-copy {
  min-width: 0 !important;
  max-width: none !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left h2.soc-client-head-title {
  width: max-content !important;
  max-width: none !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left .soc-client-head-name {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left > .ai-dash-controls {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  order: unset !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 280px !important;
  max-width: 100% !important;
  margin: 0 !important;
  gap: 8px !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left > .ai-dash-controls .e-ddl,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left > .ai-dash-controls .e-input-group,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-client-head-left > .ai-dash-controls .e-control-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-page-inner > .ai-dash-header > .soc-contact-stepper-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  order: unset !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 6px 0 0 !important;
  overflow: visible !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-page-inner > .ai-dash-header .soc-contact-stepper {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 !important;
  padding: 6px 8px 2px !important;
  overflow: visible !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* Pedidos: timeline más ancha para textos completos (solo esta vista) */
html body .soc-page.oportunidad-module .soc-page-inner > .ai-dash-header > .soc-client-head-left {
  flex: 0 1 280px !important;
  min-width: 220px !important;
  max-width: 320px !important;
}

html body .soc-page.oportunidad-module .soc-page-inner > .ai-dash-header > .soc-contact-stepper-wrap {
  flex: 1 1 640px !important;
  min-width: 520px !important;
  max-width: none !important;
  align-items: flex-end !important;
  justify-content: center !important;
  margin-left: auto !important;
}

html body .soc-page.oportunidad-module .soc-page-inner > .ai-dash-header .soc-contact-stepper,
html body .soc-page.oportunidad-module .soc-opportunity-stepper.soc-contact-stepper,
html body .oportunidad-module .soc-opportunity-stepper.soc-contact-stepper {
  max-width: 780px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

html body .soc-page.oportunidad-module .soc-contact-stepper .e-step-label,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-step-text,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-label,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-text,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-step-label-container,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-step-label-container span,
html body .oportunidad-module .soc-opportunity-stepper .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-text,
html body .oportunidad-module .soc-opportunity-stepper .e-step-label-container,
html body .oportunidad-module .soc-opportunity-stepper .e-step-label-container span {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper .e-step.e-indicator {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper .e-step.e-indicator .e-icons,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper .e-step.e-indicator .bi {
  font-size: 0.85rem !important;
  line-height: 1 !important;
}

html body .soc-page.contacto-module .soc-contact-stepper .e-stepper-progressbar {
  top: 19px !important;
}

/* Pedidos (títulos arriba): raya al centro de los iconos */
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-progressbar,
html body .oportunidad-module .soc-contact-stepper-wrap .soc-contact-stepper .e-stepper-progressbar,
html body .soc-page.oportunidad-module .soc-opportunity-stepper .e-stepper-progressbar,
html body .soc-page.oportunidad-module .soc-contact-stepper-wrap .soc-contact-stepper .e-stepper-progressbar {
  top: 40px !important;
}

/* Pedidos: títulos arriba del icono, más chicos para que entren */
html body .oportunidad-module .soc-opportunity-stepper .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-text,
html body .oportunidad-module .soc-opportunity-stepper .e-label,
html body .oportunidad-module .soc-opportunity-stepper .e-text,
html body .oportunidad-module .soc-opportunity-stepper .e-step-label-container,
html body .oportunidad-module .soc-opportunity-stepper .e-step-label-container span,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-step-label,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-step-text,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-label,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-text,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-step-label-container,
html body .soc-page.oportunidad-module .soc-contact-stepper .e-step-label-container span {
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
  color: #006d4e !important;
  white-space: nowrap !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  margin: 0px !important;
  padding: 0 1px !important;
  text-align: center !important;
}

/* Centrar título con su círculo */
html body .oportunidad-module .soc-opportunity-stepper.e-label-top .e-step-container,
html body .oportunidad-module .soc-contact-stepper.e-label-top .e-step-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

html body .oportunidad-module .soc-opportunity-stepper.e-label-top .e-step-label-container,
html body .oportunidad-module .soc-contact-stepper.e-label-top .e-step-label-container {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

html body .oportunidad-module .soc-opportunity-stepper.e-label-top .e-stepper-progressbar,
html body .oportunidad-module .soc-contact-stepper.e-label-top .e-stepper-progressbar,
html body .soc-page.oportunidad-module .soc-opportunity-stepper.e-label-top .e-stepper-progressbar,
html body .soc-page.oportunidad-module .soc-contact-stepper.e-label-top .e-stepper-progressbar,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-progressbar,
html body .soc-page.oportunidad-module .soc-contact-stepper-wrap .e-stepper-progressbar {
  top: 42px !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-step-container:not(.e-step-completed):not(.e-step-inprogress):not(.e-step-selected) .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container:not(.e-step-completed):not(.e-step-inprogress):not(.e-step-selected) .e-step-label-container,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container:not(.e-step-completed):not(.e-step-inprogress):not(.e-step-selected) .e-step-label-container span,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container:not(.e-step-completed):not(.e-step-inprogress):not(.e-step-selected) .e-text {
  color: #9ca3af !important;
  font-weight: 500 !important;
}

html body .oportunidad-module .soc-stepper-status-row {
  margin-top: 2px !important;
  display: flex !important;
  justify-content: flex-start !important;
}

html body .contacto-module .soc-stepper-status-row {
  margin-top: 4px !important;
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  max-width: 560px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body .contacto-module .soc-stepper-status-item {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: center !important;
}

/* Últimos dos: centrados bajo el círculo (no a la derecha) */
html body .contacto-module .soc-stepper-status-item:nth-last-child(1),
html body .contacto-module .soc-stepper-status-item:nth-last-child(2) {
  justify-content: center !important;
  text-align: center !important;
}

html body .contacto-module .soc-stepper-status-item:nth-last-child(1) .soc-stepper-status-link,
html body .contacto-module .soc-stepper-status-item:nth-last-child(2) .soc-stepper-status-link {
  text-align: center !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .contacto-module .soc-contact-stepper-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

html body .contacto-module .soc-contact-stepper-wrap > .soc-contact-stepper {
  width: 100% !important;
  max-width: 560px !important;
}

html body .contacto-module .soc-stepper-status-link {
  font-size: 0.65rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #9ca3af !important;
  cursor: default !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .contacto-module button.soc-stepper-status-link:not(.soc-stepper-status-readonly) {
  pointer-events: auto !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  color: #006d4e !important;
}

html body .contacto-module .soc-stepper-status-link.soc-stepper-status-active,
html body .contacto-module .soc-stepper-status-link.soc-stepper-status-has-data {
  color: #006d4e !important;
  font-weight: 600 !important;
}

html body .oportunidad-module .soc-stepper-status-item {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: center !important;
}

html body .oportunidad-module .soc-stepper-status-item:nth-last-child(1),
html body .oportunidad-module .soc-stepper-status-item:nth-last-child(2) {
  justify-content: center !important;
}

html body .oportunidad-module .soc-stepper-status-item:nth-last-child(1) .soc-stepper-status-link,
html body .oportunidad-module .soc-stepper-status-item:nth-last-child(2) .soc-stepper-status-link {
  text-align: center !important;
  width: 100% !important;
}

html body .oportunidad-module .soc-stepper-status-link {
  font-size: 0.65rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  width: 100% !important;
}

html body .oportunidad-module button.soc-stepper-status-link:not(.soc-stepper-status-readonly) {
  pointer-events: auto !important;
  cursor: pointer !important;
  text-decoration: underline !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled {
  pointer-events: none !important;
  user-select: none !important;
  opacity: 1 !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step.e-indicator,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step-container .e-step.e-indicator,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step-inprogress .e-step.e-indicator,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step-selected .e-step.e-indicator,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step-completed .e-step.e-indicator,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-stepper-item .e-step.e-indicator {
  background: #f3f4f6 !important;
  background-image: none !important;
  border: 1px solid #d7dce0 !important;
  color: #b0b7be !important;
  box-shadow: none !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step.e-indicator .e-icons,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step.e-indicator .bi {
  color: #b0b7be !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step-label,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-label,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-text,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-step-text,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled a {
  color: #c5c9ce !important;
}

html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-stepper-progressbar,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-stepper-progressbar-value,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-contact-stepper--disabled .e-progressbar-value {
  background: #e8ecea !important;
  background-image: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .contacto-sf-toolbar,
html body .oportunidad-module .contacto-sf-toolbar {
  padding: 20px 18px !important;
  min-height: 76px !important;
  gap: 12px !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .ai-dash-controls .e-outline.e-input-group,
html body :is(.contacto-module, .oportunidad-module) .ai-dash-controls .e-ddl.e-input-group {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  min-height: 40px !important;
}

/* Tabs Soft Soft — misma pastilla que Clientes */
html body :is(.contacto-module, .oportunidad-module) .soc-tabs {
  margin-top: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04) !important;
  overflow: hidden !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 5px 10px 5px !important;
  width: 100% !important;
  background: #f8f9fa !important;
  border: none !important;
  border-bottom: 1px solid #e8ecea !important;
  border-radius: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: #d4dad6 transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers::-webkit-scrollbar {
  height: 5px !important;
  background: transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers::-webkit-scrollbar-track {
  background: transparent !important;
  margin: 0 12px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers::-webkit-scrollbar-thumb {
  background: #d4dad6 !important;
  border-radius: 999px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers::-webkit-scrollbar-thumb:hover {
  background: #b7c0bb !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers .soc-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 40px !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #6b7280 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers .soc-tab:hover {
  color: #006d4e !important;
  background: #eaf7f1 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers .soc-tab.active {
  background: #ffffff !important;
  color: #006d4e !important;
  font-weight: 600 !important;
  border-color: #e8ecea !important;
  border-bottom-color: #e8ecea !important;
  box-shadow: 0 0px 0px rgba(16, 24, 40, 0.08) !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers .soc-tab:disabled,
html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-headers .soc-tab.soc-tab--disabled,
html body :is(.contacto-module, .oportunidad-module) .soc-tabs.soc-tabs--disabled > .soc-tab-headers .soc-tab {
  opacity: 0.42 !important;
  color: #9ca3af !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs.soc-tabs--disabled > .soc-tab-headers .soc-tab.active {
  opacity: 0.5 !important;
  color: #9ca3af !important;
  background: #f3f4f6 !important;
  border-color: #e8ecea !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-tabs > .soc-tab-content {
  padding: 16px 18px !important;
  min-height: 360px !important;
  background: #ffffff !important;
}

/* Datos / Extras — cards Soft Soft (header gris #fbfbfb + icono mint) */
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card {
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-top-color: #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04) !important;
  overflow: hidden !important;
  padding: 0 0 16px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-detalle-card-header {
  margin: 0 !important;
  padding: 0 10px !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  color: #006d4e !important;
  background: #fbfbfb !important;
  border: none !important;
  border-bottom: 1px solid #e8ecea !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Header con botón (Cliente): icono+título a la izquierda, acción a la derecha */
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-detalle-card-header {
  justify-content: space-between !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-detalle-card-header h4 {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #006d4e !important;
  background: transparent !important;
  border: none !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-detalle-card-header h4::before {
  content: "\F4D7" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

/* Iconos por card (incluye Cliente con .soc-detalle-card-header) */
html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(1) > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(1) > .soc-detalle-card-header h4::before {
  content: "\F4D7" !important; /* person */
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(2) > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(2) > .soc-detalle-card-header h4::before {
  content: "\F2C9" !important; /* file */
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(3) > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(3) > .soc-detalle-card-header h4::before {
  content: "\F1CC" !important; /* briefcase */
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(4) > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(4) > .soc-detalle-card-header h4::before {
  content: "\F3E8" !important; /* geo */
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(5) > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalles-grid > .soc-detalle-card:nth-child(5) > .soc-detalle-card-header h4::before {
  content: "\F4D0" !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-form-row,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-field-error {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-form-row:first-of-type,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-detalle-card-header + .soc-form-row {
  margin-top: 14px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-form-row > label {
  display: block !important;
  color: #667085 !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  margin: 0 0 6px !important;
}

/* Inputs Soft Soft en Datos (Pedidos + Clientes) */
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-outline.e-input-group,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-outline.e-input-group.e-control-wrapper,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group.e-control-wrapper,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-ddl.e-input-group,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-ddl.e-control-wrapper,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-numeric.e-control-wrapper,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group.soc-select-wrap {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-outline.e-input-group::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-outline.e-input-group::after,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group.e-control-wrapper::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group.e-control-wrapper::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group.e-input-focus,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group:focus-within,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-ddl.e-input-focus,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-numeric.e-input-focus,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-select-wrap:focus-within {
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group input,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group input.e-input,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-outline input.e-input,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-ddl input.e-input,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-numeric input.e-input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #4f4f4f !important;
  font-size: 0.9rem !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.35 !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group input.e-input::placeholder,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-ddl input.e-input::placeholder {
  color: #98a2b3 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group.e-disabled,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-control-wrapper.e-disabled,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-ddl.e-disabled,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group.e-disabled:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-select-wrap:has(select:disabled) {
  background: #f7faf8 !important;
  border-color: #e8ecea !important;
  opacity: 1 !important;
  cursor: default !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group.e-disabled input.e-input,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-control-wrapper.e-disabled input.e-input,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-disabled input,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card select.soc-select-native:disabled {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
  cursor: default !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-input-group-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-ddl-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-spin-up,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-spin-down {
  color: #667085 !important;
  background: transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-spin-up:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-spin-down:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .e-ddl-icon:hover {
  color: #006d4e !important;
  background: #eaf7f1 !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-select-native {
  border: none !important;
  background: transparent !important;
  color: #4f4f4f !important;
  font-size: 0.9rem !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 28px 0 0 !important;
  box-sizing: border-box !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-select-arrow {
  color: #667085 !important;
  font-size: 0.7rem !important;
}

/* Ver cliente → solo icono mint Soft Soft (mismo chip que el + de Agenda) */
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header .e-btn.soc-proposal-pill-primary,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header .e-btn.soc-btn-azul-icono,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header button.e-btn {
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  position: relative !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header .e-btn.soc-proposal-pill-primary::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header .e-btn.soc-btn-azul-icono::before,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header button.e-btn::before {
  content: "\F341" !important; /* bi-eye — Ver */
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #006d4e !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header .e-btn.soc-proposal-pill-primary:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header .e-btn.soc-btn-azul-icono:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header button.e-btn:hover {
  background: #d7ebe1 !important;
  border: none !important;
  color: transparent !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card .soc-detalle-card-header .e-btn .e-btn-content {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* =========================================================
   Pedidos → TODAS las cards: header gris Soft Soft (#fbfbfb)
========================================================= */
html body .oportunidad-module .soc-detalle-card {
  border: 1px solid #e8ecea !important;
  border-top-color: #e8ecea !important;
  border-radius: 9px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades {
  border: 1px solid #e8ecea !important;
  border-top-color: #e8ecea !important;
  border-radius: 9px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades > h4 {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  background: #fbfbfb !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades > h4::before {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form,
html body .oportunidad-module .soc-documentos-form,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap,
html body .oportunidad-module .soc-documentos-list-wrap,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col.soc-soft-card {
  border: 1px solid #e8ecea !important;
  border-top-color: #e8ecea !important;
  border-radius: 9px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form-title,
html body .oportunidad-module .soc-documentos-form-title,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > h4,
html body .oportunidad-module .soc-documentos-list-wrap > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col.soc-soft-card > .soc-agenda-header {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  background: #fbfbfb !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form-title,
html body .oportunidad-module .soc-documentos-form-title,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > h4,
html body .oportunidad-module .soc-documentos-list-wrap > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header h4 {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #006d4e !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form-title::before,
html body .oportunidad-module .soc-documentos-form-title::before,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > h4::before,
html body .oportunidad-module .soc-documentos-list-wrap > h4::before,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header h4::before {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border-radius: 9px !important;
  border: none !important;
}

/* Opps header Resumen */
html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header {
  background: #fbfbfb !important;
  height: 45px !important;
  min-height: 45px !important;
}

/* =========================================================
   Tabla de Amortización — Parámetros del crédito Soft Soft
========================================================= */
html body .oportunidad-module .soc-sim-form {
  padding: 0 0 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04) !important;
}

html body .oportunidad-module .soc-sim-form > .soc-sim-form-title,
html body .oportunidad-module h3.soc-sim-form-title {
  margin: 0 !important;
  padding: 0 10px !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  color: #006d4e !important;
  background: #fbfbfb !important;
  border-bottom: 1px solid #e8ecea !important;
  box-sizing: border-box !important;
}

html body .oportunidad-module .soc-sim-form > .soc-sim-form-title::before,
html body .oportunidad-module h3.soc-sim-form-title::before {
  content: "\F1DB" !important; /* bi-calculator */
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

html body .oportunidad-module .soc-sim-form > .soc-form-row {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

html body .oportunidad-module .soc-sim-form > .soc-sim-form-title + .soc-form-row {
  margin-top: 14px !important;
}

html body .oportunidad-module .soc-sim-form .soc-form-row > label {
  display: block !important;
  color: #667085 !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  margin: 0 0 6px !important;
}

html body .oportunidad-module .soc-sim-form .e-outline.e-input-group,
html body .oportunidad-module .soc-sim-form .e-input-group.e-control-wrapper,
html body .oportunidad-module .soc-sim-form .e-ddl.e-input-group,
html body .oportunidad-module .soc-sim-form .e-ddl.e-control-wrapper,
html body .oportunidad-module .soc-sim-form .e-numeric.e-control-wrapper {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .oportunidad-module .soc-sim-form .e-outline.e-input-group::before,
html body .oportunidad-module .soc-sim-form .e-outline.e-input-group::after,
html body .oportunidad-module .soc-sim-form .e-input-group.e-control-wrapper::before,
html body .oportunidad-module .soc-sim-form .e-input-group.e-control-wrapper::after {
  display: none !important;
  content: none !important;
}

html body .oportunidad-module .soc-sim-form .e-input-group.e-input-focus,
html body .oportunidad-module .soc-sim-form .e-input-group:focus-within,
html body .oportunidad-module .soc-sim-form .e-ddl.e-input-focus {
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body .oportunidad-module .soc-sim-form .e-input-group input.e-input,
html body .oportunidad-module .soc-sim-form .e-ddl input.e-input {
  border: 0 !important;
  background: transparent !important;
  color: #4f4f4f !important;
  font-size: 0.9rem !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}

/* =========================================================
   Confirmar eliminar — paridad Logs Soft Soft
   Cualquier diálogo con botón .e-danger (Eliminar / Quitar)
========================================================= */
html body .e-dialog:has(.e-danger),
html body .e-dialog.soc-dialog--delete,
html body .e-dialog.soc-dialog--danger {
  border-radius: 9px !important;
  border: 1px solid #e8ecea !important;
  overflow: hidden !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12) !important;
}

html body .e-dialog:has(.e-danger) .e-dlg-header-content,
html body .e-dialog.soc-dialog--delete .e-dlg-header-content,
html body .e-dialog.soc-dialog--danger .e-dlg-header-content {
  background: linear-gradient(90deg, #fff5f2 0%, #ffffff 72%) !important;
  border-bottom: 1px solid #fde0d8 !important;
}

html body .e-dialog:has(.e-danger) .e-dlg-header,
html body .e-dialog:has(.e-danger) .e-dlg-header .e-dlg-title,
html body .e-dialog:has(.e-danger) .e-dlg-header-content .e-dlg-title,
html body .e-dialog.soc-dialog--delete .e-dlg-header,
html body .e-dialog.soc-dialog--delete .e-dlg-header .e-dlg-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #4f4f4f !important;
  font-weight: 600 !important;
}

html body .e-dialog:has(.e-danger):not(:has(.soc-dlg-title)) .e-dlg-header::before,
html body .e-dialog.soc-dialog--delete:not(:has(.soc-dlg-title)) .e-dlg-header::before {
  content: "\F5DE";
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #ff7150 !important;
  color: #ff7150 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

html body .e-dialog:has(.e-danger) .e-dlg-closeicon-btn,
html body .e-dialog.soc-dialog--delete .e-dlg-closeicon-btn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

html body .e-dialog:has(.e-danger) .e-dlg-closeicon-btn .e-btn-icon,
html body .e-dialog:has(.e-danger) .e-dlg-closeicon-btn .e-icons {
  color: #667085 !important;
}

html body .e-dialog:has(.e-danger) .e-dlg-content {
  padding: 18px 20px 16px !important;
  color: #4f4f4f !important;
}

html body .e-dialog:has(.e-danger) .e-footer-content {
  border-top: 1px solid #e8ecea !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
}

html body .e-dialog:has(.e-danger) .soc-dialog-actions {
  border-top: 1px solid #e8ecea !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html body .e-dialog:has(.e-danger) .e-btn.e-outline,
html body .e-dialog:has(.e-danger) .e-footer-content .e-btn.e-outline,
html body .e-dialog:has(.e-danger) .soc-dialog-actions .e-btn.e-outline {
  border-radius: 9px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #ff7150 !important;
  color: #ff7150 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease !important;
}

html body .e-dialog:has(.e-danger) .e-btn.e-outline .e-btn-icon,
html body .e-dialog:has(.e-danger) .e-btn.e-outline .e-btn-icon::before {
  color: #ff7150 !important;
}

html body .e-dialog:has(.e-danger) .e-btn.e-outline:hover:not(:disabled) {
  background: #ffd2c7 !important;
  background-image: none !important;
  border-color: #ff7150 !important;
  color: #ff7150 !important;
}

html body .e-dialog:has(.e-danger) .e-btn.e-danger,
html body .e-dialog:has(.e-danger) .e-footer-content .e-btn.e-danger,
html body .e-dialog:has(.e-danger) .soc-dialog-actions .e-btn.e-danger {
  border-radius: 9px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #ff7150 !important;
  background-image: none !important;
  border: 1px solid #ff7150 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease !important;
}

html body .e-dialog:has(.e-danger) .e-btn.e-danger:hover:not(:disabled) {
  background: #e85a3c !important;
  border-color: #e85a3c !important;
  color: #ffffff !important;
}

html body .e-dialog:has(.e-danger) .e-btn.e-danger .e-btn-icon,
html body .e-dialog:has(.e-danger) .e-btn.e-danger .e-btn-icon::before {
  color: #ffffff !important;
}

/* =========================================================
   Toasts Soft Soft — error como eliminar, en rojo; éxito en verde
========================================================= */
html body .e-toast-container .e-toast.e-toast-danger,
html body .e-toast-container .e-toast.e-toast-success {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body .e-toast-container .e-toast.e-toast-danger {
  border: 1px solid #fecaca !important;
  color: #4f4f4f !important;
}

html body .e-toast-container .e-toast.e-toast-success {
  border: 1px solid #d7ebe1 !important;
  color: #4f4f4f !important;
}

html body .e-toast-container .e-toast.e-toast-danger:hover,
html body .e-toast-container .e-toast.e-toast-success:hover {
  box-shadow: none !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-icon,
html body .e-toast-container .e-toast.e-toast-success .e-toast-icon {
  display: none !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-message,
html body .e-toast-container .e-toast.e-toast-success .e-toast-message {
  width: 100% !important;
  padding: 0 !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-title,
html body .e-toast-container .e-toast.e-toast-success .e-toast-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px 48px 12px 16px !important;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  color: #4f4f4f !important;
  font-weight: 700 !important;
  font-size: 0.9375rem !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-title {
  background: linear-gradient(90deg, #fff5f5 0%, #ffffff 72%) !important;
  border-bottom-color: #fecaca !important;
}

html body .e-toast-container .e-toast.e-toast-success .e-toast-title {
  background: linear-gradient(90deg, #eaf7f1 0%, #ffffff 72%) !important;
  border-bottom-color: #d7ebe1 !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-title::before,
html body .e-toast-container .e-toast.e-toast-success .e-toast-title::before {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-title::before {
  content: "\F33B" !important;
  border: 1px solid #dc2626 !important;
  color: #dc2626 !important;
}

html body .e-toast-container .e-toast.e-toast-success .e-toast-title::before {
  content: "\F26B" !important;
  border: 1px solid #006d4e !important;
  color: #006d4e !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-content,
html body .e-toast-container .e-toast.e-toast-success .e-toast-content {
  padding: 14px 16px !important;
  color: #4f4f4f !important;
  font-size: 0.8125rem !important;
  line-height: 1.45 !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-close-icon,
html body .e-toast-container .e-toast.e-toast-success .e-toast-close-icon {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  color: #667085 !important;
  box-shadow: none !important;
}

html body .e-toast-container .e-toast.e-toast-danger .e-toast-close-icon:hover,
html body .e-toast-container .e-toast.e-toast-success .e-toast-close-icon:hover {
  color: #4f4f4f !important;
}

/* =========================================================
   Kanban Clientes / Pedidos — Soft Soft (layout diseño)
========================================================= */
html body .soc-kanban-page .soc-kanban-header {
  box-shadow: none !important;
}

html body .soc-kanban-page .soc-kanban-btn-toggle-filtros {
  background: #ffffff !important;
  border: 1px solid #4ed176 !important;
  color: #4ed176 !important;
}

html body .soc-kanban-page .soc-kanban-btn-toggle-filtros .bi {
  color: #4ed176 !important;
}

html body .soc-kanban-page .soc-kanban-btn-toggle-filtros:hover:not(:disabled) {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
}

html body .soc-kanban-page .soc-kanban-btn-toggle-filtros:hover:not(:disabled) .bi {
  color: #ffffff !important;
}

html body .soc-kanban-page .soc-kanban-header h2 {
  color: #424242 !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

/* Total de registros junto al subtitulo, en los tableros de Clientes y Pedidos */
html body .soc-kanban-page .soc-kanban-header .soc-kc-total {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #e8f3ec;
  color: #14683b;
  border: 1px solid #cfe6d9;
  font-weight: 600;
  font-size: .78rem;
  line-height: 1.6;
  white-space: nowrap;
}

html body .soc-kanban-page .soc-kanban-header .soc-inicio-title-icon,
html body .soc-kanban-page .soc-kanban-header .ai-dash-title-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  background: #079def !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

html body .soc-kanban-page .soc-kanban-header .soc-inicio-title-icon .bi,
html body .soc-kanban-page .soc-kanban-header .ai-dash-title-icon .bi {
  color: #ffffff !important;
}

html body .soc-kanban-page .soc-kc-col-title,
html body .soc-kanban-page .soc-kc-col-title-v {
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #006d4e !important;
}

html body .soc-kanban-page .soc-kc-expanded-row > .soc-kc-col,
html body .soc-kanban-page .soc-kc-left-rail .soc-kc-col--collapsed {
  box-shadow: none !important;
}

html body .soc-kanban-page .soc-kc-expanded-row > .soc-kc-col {
  overflow: hidden !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain !important;
  max-height: none !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-totals,
html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-totals--compact {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 6px 4px 7px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e8ecea !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-totals--compact .soc-kc-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  min-width: 0 !important;
  flex: 1 1 0 !important;
  width: auto !important;
  padding: 0 3px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  border-right: 1px solid #e8ecea !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-totals--compact .soc-kc-stat:last-child {
  border-right: none !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-stat--on {
  border-color: #e8ecea !important;
  background: transparent !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-totals--compact .soc-kc-stat__lbl {
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #6b8a7c !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  text-align: center !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-totals--compact .soc-kc-stat__val {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #9aaea4 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: unset !important;
  max-width: 100% !important;
  font-variant-numeric: tabular-nums !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-totals--compact .soc-kc-stat--on .soc-kc-stat__val {
  color: #006d4e !important;
}

html body .soc-kanban-page .soc-kanban-opp-card,
html body .soc-kanban-page .soc-opp-card.soc-kanban-opp-card {
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-top: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .soc-kanban-page .soc-kanban-opp-card:hover,
html body .soc-kanban-page .soc-opp-card.soc-kanban-opp-card:hover {
  border-color: #cfe8db !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .soc-kanban-page .soc-opp-card-number {
  color: #006d4e !important;
}

html body .soc-kanban-page .soc-kanban-contact-name {
  color: #2d3238 !important;
  font-weight: 700 !important;
}

html body .soc-kanban-page .soc-opp-card-amount {
  color: #006d4e !important;
  font-weight: 700 !important;
}

html body .soc-kanban-page .soc-opp-stage-badge,
html body .soc-kanban-page .soc-opp-stage-badge[class*="soc-opp-stage--"] {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: 1px solid #cfe8db !important;
}

html body .soc-kanban-page .soc-opp-credit-chip {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: 1px solid #cfe8db !important;
}

html body .soc-kanban-page .soc-opp-progress-track {
  background: #eaf7f1 !important;
}

html body .soc-kanban-page .soc-opp-progress-fill {
  background: #4ed176 !important;
}

html body .soc-kanban-page .soc-opp-progress-fill--complete {
  background: #006d4e !important;
}

html body .soc-kanban-page .soc-opp-progress-label {
  color: #667085 !important;
}

html body .soc-kanban-page .soc-opp-card-people {
  background: #f7fbf9 !important;
  border-radius: 9px !important;
}

html body .soc-kanban-page .soc-opp-card-person-label {
  color: #667085 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}

html body .soc-kanban-page .soc-opp-card-person-name {
  color: #2d3238 !important;
}

html body .soc-kanban-page .soc-opp-card-cta,
html body .soc-kanban-page .soc-link-action.soc-opp-card-cta {
  color: #006d4e !important;
}

html body .soc-kanban-page .soc-kanban-card-empty::before {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  margin-bottom: 6px !important;
  border-radius: 50% !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

html body .soc-kanban-clientes-page .soc-kanban-card-empty::before {
  content: "" !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  margin-bottom: 8px !important;
  border-radius: 0 !important;
  background: url("/images/ui-soc/empty-clientes-shield.png?v=2") center / contain no-repeat !important;
  background-color: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
}

html body .soc-kanban-pedidos-page .soc-kanban-card-empty::before {
  content: "" !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  margin-bottom: 8px !important;
  border-radius: 0 !important;
  background: url("/images/ui-soc/empty-pedidos-shield.png?v=2") center / contain no-repeat !important;
  background-color: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
}

html body .soc-kanban-clientes-page .soc-kanban-card-empty::after {
  content: "Sin clientes" !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #667085 !important;
  line-height: 1.3 !important;
}

html body .soc-kanban-pedidos-page .soc-kanban-card-empty::after {
  content: "Sin pedidos" !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #667085 !important;
  line-height: 1.3 !important;
}

html body .soc-kanban-page .soc-kanban-date-switch,
html body .soc-kanban-page .soc-kanban-date-switch.is-on {
  border: 1px solid #e8ecea !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body .soc-kanban-page .soc-kanban-date-switch .soc-check-label,
html body .soc-kanban-page .soc-kanban-date-switch.is-on .soc-check-label {
  color: #006d4e !important;
}

html body .soc-kanban-page .soc-kanban-btn-filtrar,
html body .soc-kanban-page .soc-kanban-toolbar-row--dates .soc-kanban-btn-filtrar {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  justify-self: stretch !important;
  justify-content: center !important;
  background: #eaf7f1 !important;
  border: 1px solid #e8ecea !important;
  color: #006d4e !important;
  box-shadow: none !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

@media (min-width: 901px) {
  /* Fila 1: filtros + switch. Fila 2: fechas a lo ancho. El switch no se centra entre ambas. */
  html body .soc-kanban-page .soc-kanban-toolbar-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
  }

  html body .soc-kanban-page .soc-kanban-toolbar-filters {
    display: contents !important;
    flex: none !important;
    min-width: 0 !important;
  }

  html body .soc-kanban-page .soc-kanban-toolbar-row:not(.soc-kanban-toolbar-row--dates) {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body .soc-kanban-page .soc-kanban-field,
  html body .soc-kanban-page .soc-kanban-field--scope,
  html body .soc-kanban-page .soc-kanban-field--search {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 140px !important;
    max-width: none !important;
  }

  html body .soc-kanban-page .soc-kanban-date-switch,
  html body .soc-kanban-page .soc-kanban-date-switch.is-on {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    flex: none !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: none !important;
    height: 40px !important;
    justify-self: stretch !important;
  }

  html body .soc-kanban-page .soc-kanban-toolbar-row--dates {
    display: flex !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    align-items: center !important;
  }

  html body .soc-kanban-page .soc-kanban-toolbar-row--dates .soc-kanban-date-range {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html body .soc-kanban-page .soc-kanban-toolbar-row--dates .soc-kanban-btn-filtrar {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
  }
}

html body .soc-kanban-page .soc-kanban-date-range {
  height: 44px !important;
  min-height: 44px !important;
}

html body .soc-kanban-page .soc-kanban-date-range .e-input-group.e-control-wrapper,
html body .soc-kanban-page .soc-kanban-date-range .e-control-wrapper,
html body .soc-kanban-page .soc-kanban-toolbar-row--dates .soc-kanban-date-range .e-input-group.e-control-wrapper,
html body .soc-kanban-page .soc-kanban-toolbar-row--dates .soc-kanban-date-range .e-control-wrapper {
  min-width: 180px !important;
  min-height: 44px !important;
  height: 44px !important;
  max-width: none !important;
}

html body .soc-kanban-page .soc-kanban-date-range .e-input,
html body .soc-kanban-page .soc-kanban-toolbar-row--dates .soc-kanban-date-range input.e-input {
  height: 42px !important;
  min-height: 42px !important;
  font-size: 0.9375rem !important;
}

html body .soc-kanban-page .soc-kanban-toolbar-row--dates .soc-kanban-btn-filtrar {
  height: 44px !important;
  min-height: 44px !important;
}

html body .soc-kanban-page .soc-kanban-btn-filtrar .bi {
  color: #006d4e !important;
  font-size: 0.95rem !important;
}

html body .soc-kanban-page .soc-kanban-btn-filtrar:hover:not(:disabled) {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
}

html body .soc-kanban-page .soc-kanban-btn-filtrar:hover:not(:disabled) .bi {
  color: #ffffff !important;
}

html body .soc-kanban-page > .soc-kc-loading,
html body .soc-kanban-page .soc-kc-workspace > .soc-kc-loading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 48px 16px !important;
  background: transparent !important;
}

html body .soc-kanban-page .soc-kc-loading__ring {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  background: conic-gradient(
    from 0deg,
    #006d4e 0deg,
    rgba(0, 109, 78, 0.15) 120deg,
    rgba(0, 109, 78, 0.02) 220deg,
    transparent 360deg
  ) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)) !important;
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)) !important;
  animation: soc-kc-spin 0.9s linear infinite !important;
}

@keyframes soc-kc-spin {
  to { transform: rotate(360deg); }
}

html body .soc-kanban-page .soc-kc-loading__text {
  margin: 0 !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: #006d4e !important;
}

html body .soc-main-content:has(.soc-kanban-page) {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: 100% !important;
}

html body .soc-main-content:has(.soc-kanban-page) .soc-kanban-page {
  flex: 1 1 0% !important;
  min-height: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

html body .soc-kanban-page,
html body .soc-kanban-pedidos-page,
html body .soc-kanban-clientes-page {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .soc-kanban-page .soc-kc-workspace,
html body .soc-kanban-pedidos-page .soc-kc-workspace,
html body .soc-kanban-clientes-page .soc-kc-workspace {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .soc-kanban-page .soc-kc-board.soc-kc-board--soft,
html body .soc-kanban-pedidos-page .soc-kc-board.soc-kc-board--soft {
  position: relative !important;
  flex: 1 1 0% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

html body .soc-kanban-pedidos-page .soc-kc-expanded-shell,
html body .soc-kanban-page .soc-kc-expanded-shell {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  flex: 1 1 0% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html body .soc-kanban-pedidos-page .soc-kc-expanded-row,
html body .soc-kanban-page .soc-kc-expanded-row {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
}

html body .soc-kanban-pedidos-page .soc-kc-expanded-row > .soc-kc-col,
html body .soc-kanban-page .soc-kc-expanded-row > .soc-kc-col {
  flex: 1 1 280px !important;
  width: auto !important;
  min-width: 280px !important;
  max-width: 380px !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

html body .soc-kanban-pedidos-page .soc-kc-expanded-row .soc-kc-col-body,
html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-body {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
}

/* Combos Syncfusion — popup Soft Soft (sin azul, radio 9px) */
html body .e-ddl.e-popup,
html body .e-popup.e-ddl,
html body .e-popup.e-multiselect,
html body .e-ddl-popup {
  margin-top: 4px !important;
  padding: 4px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body .e-ddl.e-popup .e-content,
html body .e-popup.e-ddl .e-content,
html body .e-dropdownbase {
  background: #ffffff !important;
}

html body .e-dropdownbase .e-list-item {
  margin: 0 4px !important;
  padding: 8px 12px !important;
  border-radius: 9px !important;
  color: #4f4f4f !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  background: transparent !important;
}

html body .e-dropdownbase .e-list-item.e-hover,
html body .e-dropdownbase .e-list-item.e-item-focus,
html body .e-dropdownbase .e-list-item.e-hover.e-item-focus {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

html body .e-dropdownbase .e-list-item.e-active,
html body .e-dropdownbase .e-list-item.e-active.e-hover,
html body .e-dropdownbase .e-list-item.e-active.e-item-focus {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-weight: 600 !important;
}

html body .e-ddl.e-popup .e-input-group,
html body .e-popup.e-ddl .e-filter-parent .e-input-group {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

/* =========================================================
   Seguimiento de Operadores — KPIs ola (colores manual)
========================================================= */
html body .seguimiento-operadores-module .ai-dash-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

html body .seguimiento-operadores-module .ai-dash-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .seguimiento-operadores-module .ai-dash-title-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

html body .seguimiento-operadores-module .ai-dash-title-icon .bi {
  color: #006d4e !important;
  font-size: 1rem !important;
}

html body .seguimiento-operadores-module .ai-dash-title h2 {
  margin: 0 !important;
  color: #006d4e !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

html body .seguimiento-operadores-module .ai-dash-subtitle {
  margin: 2px 0 0 !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-kpis {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

html body .seguimiento-operadores-module .soc-seg-kpi,
html body .seguimiento-operadores-module .soc-seg-kpi.soc-seg-kpi--warn,
html body .seguimiento-operadores-module .soc-seg-kpi.soc-seg-kpi--danger {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 120px !important;
  padding: 18px 16px 22px !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.12) !important;
  color: #ffffff !important;
}

html body .seguimiento-operadores-module .soc-seg-kpi::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 42% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  background-size: 100% 100% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80' preserveAspectRatio='none'%3E%3Cpath fill='rgba(0,0,0,0.18)' d='M0 38 Q80 8 160 32 T320 28 T400 40 V80 H0 Z'/%3E%3C/svg%3E") !important;
}

html body .seguimiento-operadores-module .soc-seg-kpi::after {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 10px !important;
  z-index: 1 !important;
  font-size: 2.1rem !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.28) !important;
  pointer-events: none !important;
}

html body .seguimiento-operadores-module .soc-seg-kpi-lbl,
html body .seguimiento-operadores-module .soc-seg-kpi-val {
  position: relative !important;
  z-index: 1 !important;
  color: #ffffff !important;
  text-align: left !important;
}

html body .seguimiento-operadores-module .soc-seg-kpi-lbl {
  order: 1 !important;
  margin: 0 !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  opacity: 0.92 !important;
}

html body .seguimiento-operadores-module .soc-seg-kpi-val {
  order: 2 !important;
  margin: 0 !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(1) {
  background: linear-gradient(180deg, #4ed176 0%, #006d4e 100%) !important;
}
html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(1)::after {
  content: "\F4D0" !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(2) {
  background: linear-gradient(180deg, #8becab 0%, #4ed176 55%, #2f9a58 100%) !important;
}
html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(2)::after {
  content: "\F1CC" !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(3) {
  background: linear-gradient(180deg, #79ceff 0%, #0064a6 100%) !important;
}
html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(3)::after {
  content: "\F292" !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(4) {
  background: linear-gradient(180deg, #4da3d9 0%, #0064a6 100%) !important;
}
html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(4)::after {
  content: "\F33B" !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(5) {
  background: linear-gradient(180deg, #7ec8a3 0%, #006d4e 100%) !important;
}
html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(5)::after {
  content: "\F18A" !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(6) {
  background: linear-gradient(180deg, #ff9a82 0%, #ff7150 100%) !important;
}
html body .seguimiento-operadores-module .soc-seguimiento-kpis .soc-seg-kpi:nth-child(6)::after {
  content: "\F24A" !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-table-wrap {
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-top: 3px solid #4ed176 !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-table {
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-table thead tr {
  background: #006d4e !important;
}

html body .seguimiento-operadores-module .soc-seguimiento-table th,
html body .seguimiento-operadores-module .soc-seguimiento-table th small {
  color: #ffffff !important;
  border-bottom: none !important;
}

html body .seguimiento-operadores-module .soc-seg-rol-operador {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

html body .seguimiento-operadores-module .soc-seg-progress-fill {
  background: #4ed176 !important;
}

html body .seguimiento-operadores-module .soc-seg-operador-row.soc-seg-row--warn,
html body .seguimiento-operadores-module .soc-seg-operador-row.soc-seg-row--danger {
  background: #ffffff !important;
}

html body .seguimiento-operadores-module .soc-seg-operador-row:hover {
  background: #f7fbf9 !important;
}

html body .seguimiento-operadores-module .soc-seg-alerta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 8px !important;
  border-radius: 9px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

html body .seguimiento-operadores-module .soc-seg-alerta::before {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.7rem !important;
  line-height: 1 !important;
}

html body .seguimiento-operadores-module .soc-seg-alerta--warn {
  background: #e8f6ff !important;
  border: 1px solid #79ceff !important;
  color: #0064a6 !important;
}
html body .seguimiento-operadores-module .soc-seg-alerta--warn::before {
  content: "\F292" !important;
}

html body .seguimiento-operadores-module .soc-seg-alerta--danger {
  background: #d4ebf8 !important;
  border: 1px solid #0064a6 !important;
  color: #0064a6 !important;
}
html body .seguimiento-operadores-module .soc-seg-alerta--danger::before {
  content: "\F33B" !important;
}

html body .seguimiento-operadores-module .soc-seg-alerta--critical {
  background: #ff7150 !important;
  border: 1px solid #ff7150 !important;
  color: #ffffff !important;
}
html body .seguimiento-operadores-module .soc-seg-alerta--critical::before {
  content: "\F33B" !important;
}

html body .seguimiento-operadores-module .soc-seg-badge--warn {
  background: #e8f6ff !important;
  color: #0064a6 !important;
}
html body .seguimiento-operadores-module .soc-seg-badge--danger {
  background: #d4ebf8 !important;
  color: #0064a6 !important;
}
html body .seguimiento-operadores-module .soc-seg-badge--critical {
  background: #ff7150 !important;
  color: #ffffff !important;
}

html body .seguimiento-operadores-module .soc-seg-leyenda {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px 16px !important;
  margin-top: 14px !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-top: 3px solid #4ed176 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 0.78rem !important;
  color: #667085 !important;
}

html body .seguimiento-operadores-module .soc-seg-leyenda > strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #006d4e !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
}

html body .seguimiento-operadores-module .soc-seg-leyenda > strong::before {
  content: "\F431" !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 0.85rem !important;
  line-height: 1 !important;
}

html body .seguimiento-operadores-module .soc-seg-leyenda-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #667085 !important;
}

html body .seguimiento-operadores-module .soc-seg-leyenda-note {
  margin-left: auto !important;
  color: #98a2b3 !important;
  font-size: 0.72rem !important;
}

@media (max-width: 1100px) {
  html body .seguimiento-operadores-module .soc-seg-leyenda-note {
    margin-left: 0 !important;
    flex: 1 1 100% !important;
  }
}

@media (max-width: 1200px) {
  html body .seguimiento-operadores-module .soc-seguimiento-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  html body .seguimiento-operadores-module .soc-seguimiento-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   Prospectos — header + tarjetas KPI ola
========================================================= */
html body .soc-page.leads-module .soc-page-inner > .ai-dash-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body .soc-page.leads-module .ai-dash-header .ai-dash-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body .soc-page.leads-module .ai-dash-header .ai-dash-title-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    box-sizing: border-box !important;
}

html body .soc-page.leads-module .ai-dash-header .ai-dash-title-icon .bi,
html body .soc-page.leads-module .ai-dash-header .ai-dash-title-icon .e-icons {
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

html body .soc-page.leads-module .ai-dash-header h2 {
  margin: 0 !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  line-height: 1.25 !important;
}

html body .soc-page.leads-module .ai-dash-header .ai-dash-subtitle {
  margin: 2px 0 0 !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

html body .soc-page.leads-module .ai-dash-header .ai-dash-controls {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
  height: 40px !important;
}

html body .soc-page.leads-module .ai-dash-header .ai-dash-controls > .e-input-group,
html body .soc-page.leads-module .ai-dash-header .ai-dash-controls > .e-control-wrapper,
html body .soc-page.leads-module .ai-dash-header .ai-dash-controls > .e-ddl,
html body .soc-page.leads-module .ai-dash-header .e-outline,
html body .soc-page.leads-module .ai-dash-header .e-input-group.e-control-wrapper,
html body .soc-page.leads-module .ai-dash-header .e-ddl.e-input-group,
html body .soc-page.leads-module .ai-dash-header .e-small.e-input-group,
html body .soc-page.leads-module .ai-dash-header .e-small.e-control-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 220px !important;
  min-width: 220px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body .soc-page.leads-module .ai-dash-header .e-input-group input.e-input,
html body .soc-page.leads-module .ai-dash-header .e-input-group input.e-dropdownlist,
html body .soc-page.leads-module .ai-dash-header .e-input-group .e-input {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  line-height: 38px !important;
  font-size: 0.875rem !important;
  box-sizing: border-box !important;
}

html body .soc-page.leads-module .ai-dash-header .e-input-group .e-input-group-icon,
html body .soc-page.leads-module .ai-dash-header .e-ddl .e-ddl-icon,
html body .soc-page.leads-module .ai-dash-header .e-input-group .e-clear-icon {
  height: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
  margin: 0 !important;
}

html body .soc-page.leads-module .soc-badge-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border-radius: 9px !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

html body .soc-page.leads-module .soc-leads-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

html body .soc-page.leads-module .soc-leads-stat-card,
html body .soc-page.leads-module button.soc-leads-stat-card {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  min-width: 0 !important;
  min-height: 84px !important;
  height: auto !important;
  padding: 12px 14px 14px !important;
  border: none !important;
  border-left: none !important;
  border-radius: 9px !important;
  box-shadow: 0 6px 16px rgba(16, 24, 40, 0.1) !important;
  color: #ffffff !important;
  text-align: left !important;
  cursor: pointer !important;
  transform: none !important;
}

html body .soc-page.leads-module .soc-leads-stat-card:hover,
html body .soc-page.leads-module button.soc-leads-stat-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.12) !important;
}

html body .soc-page.leads-module .soc-leads-stat-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 36% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  background-size: 100% 100% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80' preserveAspectRatio='none'%3E%3Cpath fill='rgba(0,0,0,0.18)' d='M0 38 Q80 8 160 32 T320 28 T400 40 V80 H0 Z'/%3E%3C/svg%3E") !important;
}

html body .soc-page.leads-module .soc-leads-stat-label,
html body .soc-page.leads-module .soc-leads-stat-value {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  color: #ffffff !important;
  text-align: left !important;
}

html body .soc-page.leads-module .soc-leads-stat-label {
  margin: 0 !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  opacity: 0.92 !important;
}

html body .soc-page.leads-module .soc-leads-stat-value {
  margin: 0 !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

html body .soc-page.leads-module .soc-leads-stat-icon,
html body .soc-page.leads-module .soc-leads-stat-body,
html body .soc-page.leads-module .soc-leads-stat-arrow {
  display: none !important;
}

html body .soc-page.leads-module .soc-leads-stat-wave-icon,
html body .soc-page.leads-module .soc-leads-stat-wave-icon::before {
  position: absolute !important;
  right: 10px !important;
  bottom: 8px !important;
  z-index: 1 !important;
  font-size: 1.85rem !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.32) !important;
  pointer-events: none !important;
}

html body .soc-page.leads-module .soc-leads-stat-wave-icon::before {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  font-size: inherit !important;
}

html body .soc-page.leads-module .soc-leads-stat-total,
html body .soc-page.leads-module button.soc-leads-stat-card.soc-leads-stat-total {
  background: linear-gradient(180deg, #4ed176 0%, #006d4e 100%) !important;
  background-image: linear-gradient(180deg, #4ed176 0%, #006d4e 100%) !important;
}

html body .soc-page.leads-module .soc-leads-stat-new,
html body .soc-page.leads-module button.soc-leads-stat-card.soc-leads-stat-new {
  background: linear-gradient(180deg, #ff9a82 0%, #ff7150 55%, #e85a3a 100%) !important;
  background-image: linear-gradient(180deg, #ff9a82 0%, #ff7150 55%, #e85a3a 100%) !important;
}

html body .soc-page.leads-module .soc-leads-stat-week,
html body .soc-page.leads-module button.soc-leads-stat-card.soc-leads-stat-week {
  background: linear-gradient(180deg, #79ceff 0%, #0064a6 100%) !important;
  background-image: linear-gradient(180deg, #79ceff 0%, #0064a6 100%) !important;
}

@media (max-width: 700px) {
  html body .soc-page.leads-module .soc-leads-stats {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Prospectos — Sin atender / asignados (Soft Soft)
========================================================= */
html body .soc-page.leads-module .soc-leads-panel {
  overflow: hidden !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body .soc-page.leads-module .soc-leads-section-header {
  margin: 0 !important;
  padding: 12px 18px 8px !important;
  border-bottom: none !important;
}

html body .soc-page.leads-module .soc-leads-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body .soc-page.leads-module .soc-leads-section-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  box-sizing: border-box !important;
}

html body .soc-page.leads-module .soc-leads-section-icon i {
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

html body .soc-page.leads-module .soc-leads-section-text {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body .soc-page.leads-module .soc-leads-section-heading {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html body .soc-page.leads-module .soc-leads-section-name {
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  line-height: 1.25 !important;
}

html body .soc-page.leads-module .soc-leads-section-badge,
html body .soc-page.leads-module .soc-leads-section-badge--blue {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
}

html body .soc-page.leads-module .soc-leads-section-badge--blue {
  background: #e8f4fc !important;
  color: #0064a6 !important;
}

html body .soc-page.leads-module .soc-leads-section-desc {
  margin: 2px 0 0 !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

html body .soc-page.leads-module .soc-leads-divider {
  display: block !important;
  height: 0 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  overflow: hidden !important;
}

html body .soc-page.leads-module .soc-leads-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 0 !important;
  padding: 14px 20px 18px !important;
  text-align: center !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .soc-page.leads-module .soc-leads-empty-icon {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("/images/ui-soc/empty-clientes-shield.png") center / contain no-repeat !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body .soc-page.leads-module .soc-leads-empty-icon i,
html body .soc-page.leads-module .soc-leads-empty-icon::before {
  content: none !important;
  display: none !important;
}

html body .soc-page.leads-module .soc-leads-empty--asignados .soc-leads-empty-icon {
  background-image: url("/images/ui-soc/empty-pedidos-shield.png?v=2") !important;
}

html body .soc-page.leads-module .soc-leads-empty-title {
  margin: 0 !important;
  color: #006d4e !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body .soc-page.leads-module .soc-leads-empty-sub {
  margin: 0 !important;
  max-width: 420px !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}

html body .soc-page.leads-module .soc-leads-empty-sub strong {
  color: #006d4e !important;
  font-weight: 700 !important;
}

html body .soc-page.leads-module .soc-leads-skeleton {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 16px 18px !important;
}

html body .soc-page.leads-module .soc-leads-skeleton-item {
  height: 64px !important;
  border-radius: 9px !important;
  background: linear-gradient(90deg, #eaf7f1 25%, #f6faf8 50%, #eaf7f1 75%) !important;
  background-size: 200% 100% !important;
}

html body .soc-page.leads-module .soc-lead-cards-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body .soc-page.leads-module .soc-lead-card {
  display: grid !important;
  grid-template-columns: 40px minmax(140px, 1.3fr) minmax(140px, 1fr) 120px auto !important;
  align-items: center !important;
  gap: 12px 16px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #e8ecea !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .soc-page.leads-module .soc-lead-card:last-child {
  border-bottom: 0 !important;
}

html body .soc-page.leads-module .soc-lead-card:hover {
  background: #f6faf8 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .soc-page.leads-module .soc-lead-card-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #eaf7f1 !important;
  background-image: none !important;
  color: #006d4e !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

html body .soc-page.leads-module .soc-lead-card-main {
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 8px !important;
}

html body .soc-page.leads-module .soc-lead-card-nombre {
  width: 100% !important;
  color: #2d3238 !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  -webkit-line-clamp: 1 !important;
}

html body .soc-page.leads-module .soc-lead-card-origen {
  width: 100% !important;
  color: #98a2b3 !important;
}

html body .soc-page.leads-module .soc-lead-badge {
  display: inline-flex !important;
  align-items: center !important;
  height: 20px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
}

html body .soc-page.leads-module .soc-lead-badge-new {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-lead-badge-recent {
  background: #f6faf8 !important;
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-lead-badge-old {
  background: #f6faf8 !important;
  color: #667085 !important;
}

html body .soc-page.leads-module .soc-lead-card-contact {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

html body .soc-page.leads-module .soc-lead-card-contact-row {
  color: #475467 !important;
  font-size: 0.8125rem !important;
}

html body .soc-page.leads-module .soc-lead-card-contact-row i {
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-lead-card-date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #667085 !important;
  font-size: 0.8125rem !important;
  white-space: nowrap !important;
}

html body .soc-page.leads-module .soc-lead-card-date i {
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-lead-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
}

html body .soc-page.leads-module .soc-lead-card-btn-ghost {
  height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #006d4e !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
}

html body .soc-page.leads-module .soc-lead-card-btn-ghost:hover {
  background: #eaf7f1 !important;
  border-color: #4ed176 !important;
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-lead-card-btn-primary {
  margin-left: 0 !important;
  height: 32px !important;
  padding: 0 14px !important;
  border: 1px solid #006d4e !important;
  border-radius: 9px !important;
  background: #006d4e !important;
  background-image: none !important;
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

html body .soc-page.leads-module .soc-lead-card-btn-primary:hover {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  transform: none !important;
}

html body .soc-page.leads-module .soc-lead-ref-pill {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-asesor-leads-group {
  margin: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #e8ecea !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .soc-page.leads-module .soc-asesor-leads-group:last-child {
  border-bottom: 0 !important;
}

html body .soc-page.leads-module .soc-asesor-leads-group.is-open {
  border-color: #e8ecea !important;
  box-shadow: none !important;
}

html body .soc-page.leads-module .soc-asesor-leads-header:hover,
html body .soc-page.leads-module .soc-asesor-leads-group.is-open .soc-asesor-leads-header {
  background: #f6faf8 !important;
}

html body .soc-page.leads-module .soc-asesor-avatar {
  background: #eaf7f1 !important;
  background-image: none !important;
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-asesor-leads-nombre {
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-asesor-leads-chevron,
html body .soc-page.leads-module .soc-asesor-leads-group.is-open .soc-asesor-leads-chevron {
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-asesor-leads-body {
  border-top: 1px solid #e8ecea !important;
}

html body .soc-page.leads-module .soc-table th {
  background: #006d4e !important;
  color: #ffffff !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body .soc-page.leads-module .soc-table td {
  border-bottom-color: #e8ecea !important;
}

html body .soc-page.leads-module .soc-table-opp-badge {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

html body .soc-page.leads-module .soc-table-status-pill {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

@media (max-width: 900px) {
  html body .soc-page.leads-module .soc-lead-card {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
  }

  html body .soc-page.leads-module .soc-lead-card-contact,
  html body .soc-page.leads-module .soc-lead-card-date {
    grid-column: 2 / 3 !important;
  }

  html body .soc-page.leads-module .soc-lead-card-footer {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
  }
}

/* =========================================================
   Mensajes Programados — propuesta 1 Soft Soft
   Prefijo .soc-page.mensajes-programados-module para ganar
   a ui-soc.css (icono azul global) y a label { color }.
========================================================= */
html body .soc-page.mensajes-programados-module .soc-page-inner > .ai-dash-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 18px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .ai-dash-header .ai-dash-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .soc-page.mensajes-programados-module .ai-dash-header .ai-dash-title-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  background-image: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .ai-dash-header .ai-dash-title-icon .bi,
html body .soc-page.mensajes-programados-module .ai-dash-header .ai-dash-title-icon .e-icons {
  color: #ffffff !important;
  font-size: 1.15rem !important;
}

html body .soc-page.mensajes-programados-module .ai-dash-header h2 {
  margin: 0 !important;
  color: #424242  !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

html body .soc-page.mensajes-programados-module .ai-dash-header .ai-dash-subtitle {
  margin: 2px 0 0 !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form {
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  padding: 20px 22px 22px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form-title-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form-title-icon .bi {
  color: #ffffff !important;
  font-size: 0.95rem !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form-head h4 {
  margin: 0 !important;
  color: #424242 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-canal {
  display: inline-flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Fila: Destinatarios | Nombre | SMS/Correo */
html body .soc-page.mensajes-programados-module .soc-mp-dest-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(140px, 0.85fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  width: 100% !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-dest-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-dest-field--canal {
  flex: 0 0 auto !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-tip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #6b8a7c !important;
  cursor: help !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-tip:hover {
  color: #006d4e !important;
  background: #eaf7f1 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-tip .bi {
  font-size: 0.85rem !important;
  line-height: 1 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-nombre-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-nombre-wrap .e-input-group,
html body .soc-page.mensajes-programados-module .soc-mp-nombre-wrap .e-control-wrapper {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-nombre-wrap .soc-mp-add-btn {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-dest-field--canal .soc-mp-canal {
  height: 40px !important;
  box-sizing: border-box !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-dest-field--canal .soc-mp-canal-btn {
  min-height: 32px !important;
  min-width: 78px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-row--contact {
  margin-top: 12px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn,
html body .soc-page.mensajes-programados-module .soc-mp-canal-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 1 0 auto !important;
  min-width: 90px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  user-select: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  margin: 0 !important;
  border: 1px solid #c5d4cc !important;
  background: transparent !important;
  background-image: none !important;
  color: #006d4e !important;
  overflow: hidden !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

/* Checkbox nativo encima de todo el botón, invisible: el @bind sigue funcionando. */
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn input,
html body .soc-page.mensajes-programados-module .soc-mp-canal-btn input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 3 !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  background: transparent !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn .bi {
  font-size: 1.05rem !important;
  color: inherit !important;
  pointer-events: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn--sms.is-on,
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn--sms:has(input:checked) {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
  font-weight: 400 !important;
}
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn--sms.is-on .bi,
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn--sms:has(input:checked) .bi {
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn--email.is-on,
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn--email:has(input:checked) {
  background: #006d4e !important;
  border-color: #006d4e !important;
  color: #ffffff !important;
  font-weight: 400 !important;
}
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn--email.is-on .bi,
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn--email:has(input:checked) .bi {
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-canal-btn:hover:not(.is-on):not(:has(input:checked)) {
  border-color: #4ed176 !important;
  background: transparent !important;
  color: #006d4e !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-label,
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-mp-meta-label,
html body .soc-page.mensajes-programados-module .soc-mp-form .soc-form-row > label {
  display: block !important;
  margin-bottom: 6px !important;
  color: #2d3238 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-dest-field > .soc-mp-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-label-hint {
  font-weight: 400 !important;
  color: #667085 !important;
  font-size: 12px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form .e-outline,
html body .soc-page.mensajes-programados-module .soc-mp-form .e-input-group,
html body .soc-page.mensajes-programados-module .soc-mp-form .e-control-wrapper {
  min-height: 40px !important;
  height: 40px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form .e-input-group .e-input,
html body .soc-page.mensajes-programados-module .soc-mp-form .e-control-wrapper .e-input {
  height: 38px !important;
  min-height: 38px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-block {
  margin-bottom: 16px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-search {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-search-icon {
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  color: #006d4e !important;
  font-size: 0.95rem !important;
  pointer-events: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-search .e-input-group,
html body .soc-page.mensajes-programados-module .soc-mp-search .e-control-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-search .e-input {
  padding-left: 36px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-search-busy {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #667085 !important;
  font-size: 12px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 12px !important;
  align-items: flex-end !important;
  width: 100% !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-row .soc-form-row {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 160px !important;
  margin-bottom: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-row .soc-form-row .e-input-group,
html body .soc-page.mensajes-programados-module .soc-mp-add-row .soc-form-row .e-control-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-row .soc-mp-add-btn {
  flex: 0 0 40px !important;
  margin-left: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-datetime-row {
  display: grid !important;
  grid-template-columns: minmax(240px, 34%) 1fr !important;
  justify-content: stretch !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  width: 100% !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-body-row {
  margin-bottom: 16px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-contenido {
  width: 100% !important;
  max-width: none !important;
  resize: vertical !important;
  min-height: 120px !important;
  padding: 10px 12px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  color: #2d3238 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-contenido:focus {
  border-color: #4ed176 !important;
  outline: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-meta-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin-bottom: 0 !important;
  align-items: stretch !important;
}

html body .soc-page.mensajes-programados-module table.soc-mp-trio {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 0 !important;
}

html body .soc-page.mensajes-programados-module table.soc-mp-trio > tbody > tr > td,
html body .soc-page.mensajes-programados-module table.soc-mp-trio td {
  width: 33.33% !important;
  vertical-align: top !important;
  padding: 0 12px 0 0 !important;
}

html body .soc-page.mensajes-programados-module table.soc-mp-trio td:last-child {
  padding-right: 0 !important;
}

html body .soc-page.mensajes-programados-module table.soc-mp-trio .soc-form-row {
  min-width: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

html body .soc-page.mensajes-programados-module table.soc-mp-trio .e-input-group,
html body .soc-page.mensajes-programados-module table.soc-mp-trio .e-control-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

html body .soc-page.mensajes-programados-module table.soc-mp-trio .soc-mp-drop-zone {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cc {
  min-width: 0 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cc .soc-mp-meta-label {
  text-align: left !important;
  margin-bottom: 6px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-drop-zone {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  background: #eaf7f1 !important;
  border: 1px dashed #4ed176 !important;
  border-radius: 9px !important;
  color: #006d4e !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-drop-zone .bi {
  color: #006d4e !important;
  font-size: 1.1rem !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-drop-zone input[type="file"],
html body .soc-page.mensajes-programados-module .soc-mp-drop-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  font-size: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-switch {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  color: #2d3238 !important;
  font-size: 13px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-switch input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-switch-track {
  position: relative !important;
  width: 36px !important;
  height: 20px !important;
  flex: 0 0 36px !important;
  border-radius: 99px !important;
  background: #d1d5db !important;
  transition: background 0.15s ease !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-switch-track::after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  transition: transform 0.15s ease !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-switch.is-on .soc-mp-switch-track,
html body .soc-page.mensajes-programados-module .soc-mp-switch:has(input:checked) .soc-mp-switch-track {
  background: #4ed176 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-switch.is-on .soc-mp-switch-track::after,
html body .soc-page.mensajes-programados-module .soc-mp-switch:has(input:checked) .soc-mp-switch-track::after {
  transform: translateX(16px) !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  margin-left: auto !important;
  align-items: center !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 9px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  width: 150px;
}

html body .soc-page.mensajes-programados-module .soc-mp-btn__icon {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  display: block !important;
  pointer-events: none;
}

html body .soc-page.mensajes-programados-module .soc-mp-btn--primary {
  background: #006d4e !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-btn--primary:hover:not(:disabled) {
  background: #005a40 !important;
  border-color: #005a40 !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-btn--secondary {
  background: #4ed176 !important;
  border: 1px solid #4ed176 !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-btn--secondary:hover {
  background: #3fc068 !important;
  border-color: #3fc068 !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-btn:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-actions .e-btn,
html body .soc-page.mensajes-programados-module .soc-mp-actions .e-control,
html body .soc-page.mensajes-programados-module .e-btn.e-outline {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .e-btn.e-outline {
  background: #ffffff !important;
  border: 1px solid #006d4e !important;
  color: #006d4e !important;
}

html body .soc-page.mensajes-programados-module .e-btn.e-outline:hover {
  background: #eaf7f1 !important;
}

html body .soc-page.mensajes-programados-module .e-btn.soc-btn-secondary,
html body .soc-page.mensajes-programados-module .soc-btn-secondary.e-btn {
  background: #ffffff !important;
  border: 1px solid #4ed176 !important;
  color: #4ed176 !important;
}

html body .soc-page.mensajes-programados-module .e-btn.soc-btn-secondary .e-btn-icon,
html body .soc-page.mensajes-programados-module .e-btn.soc-btn-secondary .e-btn-icon::before {
  color: #4ed176 !important;
}

html body .soc-page.mensajes-programados-module .e-btn.soc-btn-secondary:hover {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .e-btn.soc-btn-secondary:hover .e-btn-icon,
html body .soc-page.mensajes-programados-module .e-btn.soc-btn-secondary:hover .e-btn-icon::before {
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-btn {
  position: relative !important;
  flex: 0 0 40px !important;
  align-self: flex-end !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  cursor: pointer !important;
  box-shadow: 0 1px 3px rgba(0, 109, 78, 0.08) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-btn > * {
  display: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-btn::before,
html body .soc-page.mensajes-programados-module .soc-mp-add-btn::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  background: #006d4e !important;
  border-radius: 2px !important;
  transform: translate(-50%, -50%) !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-btn::before {
  width: 14px !important;
  height: 2px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-btn::after {
  width: 2px !important;
  height: 14px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-add-btn:hover,
html body .soc-page.mensajes-programados-module .soc-mp-add-btn:focus {
  background: #e0f3ea !important;
  border: none !important;
  color: #006d4e !important;
  box-shadow: 0 2px 6px rgba(0, 109, 78, 0.12) !important;
}

html body .soc-page.mensajes-programados-module .soc-btn-primary.e-btn,
html body .soc-page.mensajes-programados-module .e-btn.soc-btn-primary {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  background: #006d4e !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-btn-primary.e-btn .e-btn-icon,
html body .soc-page.mensajes-programados-module .e-btn.soc-btn-primary .e-btn-icon,
html body .soc-page.mensajes-programados-module .soc-btn-primary.e-btn .e-btn-icon::before {
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-btn-primary.e-btn:hover,
html body .soc-page.mensajes-programados-module .e-btn.soc-btn-primary:hover {
  background: #4ed176 !important;
  border-color: #4ed176 !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-dest-list {
  margin-top: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-dest-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 12px !important;
  background: #eaf7f1 !important;
  border-radius: 9px !important;
  border: 1px solid #4ed176 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-empty-hint {
  font-size: 12px !important;
  color: #667085 !important;
  margin-top: 8px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-datetime-row {
  display: grid !important;
  grid-template-columns: minmax(240px, 34%) 1fr !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  width: 100% !important;
}

html body .soc-page.mensajes-programados-module .e-input-group.soc-datepicker-soft,
html body .soc-page.mensajes-programados-module .e-control-wrapper.soc-datepicker-soft {
  overflow: hidden !important;
  padding-right: 0 !important;
  align-items: stretch !important;
}

html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-input-group-icon.e-time-icon,
html body .soc-page.mensajes-programados-module .e-input-group.soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-page.mensajes-programados-module .e-input-group.soc-datepicker-soft .e-input-group-icon.e-time-icon {
  min-width: 36px !important;
  width: 36px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #006d4e !important;
  background-image: none !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  align-self: stretch !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
}

html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-page.mensajes-programados-module .e-input-group.soc-datepicker-soft .e-input-group-icon.e-date-icon {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.4) !important;
  border-radius: 0 !important;
}

/* Reloj / calendario: sin radio propio (shell Soft Soft redondea) */
html body .soc-page.mensajes-programados-module .e-input-group.soc-datepicker-soft .e-input-group-icon.e-time-icon,
html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-input-group-icon.e-time-icon,
html body .soc-page.mensajes-programados-module .e-input-group.soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-input-group-icon.e-date-icon {
  border-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-date-icon::before,
html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-time-icon::before {
  display: inline-block !important;
  color: #ffffff !important;
  speak: none;
}

html body .soc-page.mensajes-programados-module .soc-mp-cc-box {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-adjunto {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 10px !important;
  background: #eaf7f1 !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  font-size: 13px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-card {
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  padding: 0 0 0 12px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-banner {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  padding: 10px 14px !important;
  background: #eaf7f1 !important;
  border: 1px solid #4ed176 !important;
  border-radius: 9px !important;
  color: #006d4e !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-banner a {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #0064a6 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 16px 18px 12px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-title,
html body .soc-page.mensajes-programados-module h4.soc-mp-list-title {
  margin: 0 !important;
  color: #424242 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-head .e-btn,
html body .soc-page.mensajes-programados-module .soc-mp-filter-clear .e-btn {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-head .e-btn-icon,
html body .soc-page.mensajes-programados-module .soc-mp-filter-clear .e-btn-icon {
  display: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-tabs {
  margin: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-principal-shell {
  margin-bottom: 0 !important;
  overflow: hidden !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-principal-tabs > .soc-tab-headers {
  border-radius: 9px 9px 0 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-form--in-tab {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-registrados-body {
  padding: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-tabs .soc-tab-headers,
html body .soc-page.mensajes-programados-module .soc-mp-tabs > .soc-tab-headers {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  background: #f8f9fa !important;
  border: none !important;
  border-bottom: 1px solid #e8ecea !important;
  border-radius: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-tabs .soc-tab,
html body .soc-page.mensajes-programados-module .soc-mp-tabs .soc-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #6b7280 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-tabs .soc-tab:hover,
html body .soc-page.mensajes-programados-module .soc-mp-tabs .soc-tab:hover {
  color: #006d4e !important;
  background: #eaf7f1 !important;
  border-color: transparent !important;
}

html body .soc-page.mensajes-programados-module .soc-tabs .soc-tab.active,
html body .soc-page.mensajes-programados-module .soc-mp-tabs .soc-tab.active {
  background: #ffffff !important;
  color: #006d4e !important;
  font-weight: 600 !important;
  border-color: #e8ecea !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-tab-badge {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-weight: 600 !important;
}

html body .soc-page.mensajes-programados-module .soc-tab.active .soc-tab-badge {
  background: #006d4e !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body {
  padding: 16px 18px 18px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-filter-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-filter-field {
  position: relative !important;
  width: 220px !important;
  min-width: 220px !important;
  height: 40px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-filter-field .e-input-group,
html body .soc-page.mensajes-programados-module .soc-mp-filter-field .e-control-wrapper,
html body .soc-page.mensajes-programados-module .soc-mp-filter-field .e-ddl {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-filter-field .e-input-group input.e-input,
html body .soc-page.mensajes-programados-module .soc-mp-filter-field .e-input-group .e-input {
  text-align: center !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 36px !important;
  margin: 0 !important;
  font-size: 13px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-filter-clear {
  align-self: center !important;
  width: 220px !important;
  min-width: 220px !important;
  height: 40px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-filter-clear .soc-mp-btn,
html body .soc-page.mensajes-programados-module .soc-mp-tabs .soc-mp-filter-clear .soc-mp-btn,
html body .soc-page.mensajes-programados-module .soc-mp-filter-clear .soc-mp-btn--primary,
html body .soc-page.mensajes-programados-module .soc-mp-filter-clear .soc-mp-btn--secondary {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #006d4e !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-filter-clear .soc-mp-btn:hover,
html body .soc-page.mensajes-programados-module .soc-mp-filter-clear .soc-mp-btn--primary:hover,
html body .soc-page.mensajes-programados-module .soc-mp-filter-clear .soc-mp-btn--secondary:hover {
  background: #004f38 !important;
  border-color: #004f38 !important;
  color: #ffffff !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 320px !important;
  margin: 0 !important;
  padding: 48px 24px !important;
  text-align: center !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-empty__shield {
  width: 140px !important;
  height: 140px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 0 6px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-empty__text {
  margin: 0 !important;
  max-width: 420px !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: #667085 !important;
}

/* ── Soft Soft: lista Pendientes / Enviados ───────────────────────── */
html body .soc-page.mensajes-programados-module .soc-mp-list-body {
  overflow-x: hidden !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-grid {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-gridcontent,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-content,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-gridheader,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercontent {
  width: 100% !important;
  max-width: 100% !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

/* Sin scroll horizontal fantasma por columnas ocultas / colgroup */
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-content {
  overflow-x: hidden !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-hide,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-hide.e-headercell,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-hide.e-rowcell,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid col.e-hide {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* Header Soft Soft: verde primario identidad (#006D4E)
   Radio 9px solo arriba/lateral del primero y del último */
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-grid {
  border-radius: 9px !important;
  overflow: hidden !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-gridheader,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercontent,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-columnheader,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-gridheader .e-table,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-grid .e-gridheader,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-frozenheader,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-movableheader {
  background: #006D4E !important;
  background-color: #006D4E !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid #005a40 !important;
  box-shadow: none !important;
  min-height: 42px !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid th.e-headercell,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell .e-headercelldiv,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-grid .e-headercell,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell:hover,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell:focus,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell.e-mouseover {
  background: #006D4E !important;
  background-color: #006D4E !important;
  background-image: none !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 10px 12px !important;
  vertical-align: middle !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Primero: radio arriba + lateral izquierdo */
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell:first-child,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid th.e-headercell:first-child,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell:first-child .e-headercelldiv {
  border-top-left-radius: 9px !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Último: radio arriba + lateral derecho */
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell:last-child,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid th.e-headercell:last-child,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell:last-child .e-headercelldiv {
  border-right: none !important;
  border-top-right-radius: 9px !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell .e-headercelldiv,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercell .e-headertext,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-grid .e-headercell .e-headertext {
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-gridheader,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-headercontent {
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 44px !important;
  height: auto !important;
}

/* División vertical Soft Soft entre columnas (cuerpo) */
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-rowcell {
  border-right: 1px solid #e8ecea !important;
  border-bottom: 1px solid #eef2f0 !important;
  border-top: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-rowcell:last-child {
  border-right: none !important;
}

/* Cierra el borde superior del cuerpo debajo del header */
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-gridcontent,
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-content {
  border-top: 1px solid #e8ecea !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-grid .e-rowcell {
  padding: 12px 10px !important;
  vertical-align: middle !important;
  color: #424242 !important;
  font-size: 0.875rem !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-grid .e-row:hover .e-rowcell {
  background: #f7fbf9 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-status.soc-badge-registrado,
html body .soc-page.mensajes-programados-module .soc-mp-status.soc-badge-pendiente,
html body .soc-page.mensajes-programados-module .soc-mp-status.soc-badge-inactivo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 26px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-status.soc-badge-pendiente {
  background: #fff7e8 !important;
  color: #b45309 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-status.soc-badge-pendiente::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #f59e0b !important;
  display: inline-block !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-status.soc-badge-inactivo {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-status.soc-badge-inactivo::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #9ca3af !important;
  display: inline-block !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-canal-chip {
  display: none !important;
}

/* Iconos Soft Soft (misma línea que canal del formulario / chips CRM) */
html body .soc-page.mensajes-programados-module .soc-mp-canal-icons {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-icon-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 9px !important;
  border: 1px solid transparent !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-icon-chip .bi {
  font-size: 0.95rem !important;
  line-height: 1 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-icon-chip--sms {
  background: #eaf7f1 !important;
  border-color: #cfe8db !important;
  color: #006d4e !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-icon-chip--email {
  background: #e8f0ff !important;
  border-color: #c9daf8 !important;
  color: #0064a6 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-icon-chip--otro {
  background: #f8f9fa !important;
  border-color: #e8ecea !important;
  color: #667085 !important;
  width: auto !important;
  padding: 0 8px !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-meta-ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border-radius: 6px !important;
  line-height: 1 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-meta-ico .bi {
  font-size: 0.7rem !important;
  line-height: 1 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-meta-ico--sms {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-meta-ico--email {
  background: #e8f0ff !important;
  color: #0064a6 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-meta-ico--broker {
  background: #eef7fc !important;
  color: #0064a6 !important;
}

/* Título: wrap sin romper layout del grid */
html body .soc-page.mensajes-programados-module .soc-mp-list-body .e-grid.soc-mp-grid .e-rowcell:has(.soc-mp-cell-title-wrap) {
  white-space: normal !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-title-wrap {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  color: #1f2937 !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: hidden !important;
  word-break: break-word !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-attach-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin-left: 6px !important;
  padding: 2px 7px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-person {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-person__name {
  color: #1f2937 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-person__meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-person__meta .bi {
  color: inherit !important;
  font-size: 0.7rem !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-cc {
  margin-top: 4px !important;
  padding-top: 4px !important;
  border-top: 1px dashed #e8ecea !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-cc__label {
  display: inline-block !important;
  margin-bottom: 2px !important;
  color: #94a3b8 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-date {
  color: #667085 !important;
  font-size: 0.8125rem !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-cell-error {
  color: #dc2626 !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

/* Acciones Soft Soft (outline como Anuncios) */
html body .soc-page.mensajes-programados-module .soc-mp-act {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 32px !important;
  height: 30px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  border: 1.5px solid transparent !important;
  background: #ffffff !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act .bi {
  font-size: 0.92rem !important;
  line-height: 1 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #e8f6fd !important;
  color: #079DEF !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act--people {
  border-color: #079DEF !important;
  color: #079DEF !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act--people .bi {
  color: #079DEF !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act--people:hover {
  background: #e8f6fd !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act--edit {
  border-color: #4ed176 !important;
  color: #006d4e !important;
  min-width: 30px !important;
  padding: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act--edit:hover {
  background: #eaf7f1 !important;
}

/* Eliminar: naranja identidad Pantone 1645 C */
html body .soc-page.mensajes-programados-module .soc-mp-act--delete {
  border-color: #FF7150 !important;
  color: #FF7150 !important;
  min-width: 30px !important;
  padding: 0 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act--delete .bi {
  color: #FF7150 !important;
}

html body .soc-page.mensajes-programados-module .soc-mp-act--delete:hover {
  background: #fff3ef !important;
  border-color: #FF7150 !important;
  color: #FF7150 !important;
}

html body .soc-page.mensajes-programados-module h4 {
  color: #006d4e !important;
}

@media (max-width: 700px) {
  html body .soc-page.mensajes-programados-module .soc-mp-form-head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html body .soc-page.mensajes-programados-module .soc-mp-dest-row {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  html body .soc-page.mensajes-programados-module .soc-mp-dest-field--canal .soc-mp-canal {
    width: 100% !important;
  }

  html body .soc-page.mensajes-programados-module .soc-mp-add-row,
  html body .soc-page.mensajes-programados-module .soc-mp-datetime-row {
    grid-template-columns: 1fr !important;
  }

  html body .soc-page.mensajes-programados-module .soc-mp-footer {
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
  }

  html body .soc-page.mensajes-programados-module .soc-mp-actions {
    margin-left: auto !important;
    width: auto !important;
    justify-content: flex-end !important;
  }

  html body .soc-page.mensajes-programados-module .soc-mp-add-row .soc-form-row {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Nuevo Pedido — solo Cancelar (naranja identidad #ff7150) */
html body .e-dialog.soc-dialog .soc-opportunity-new-wrapper .e-btn.e-outline,
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions .e-btn.soc-btn-naranja-cancelar {
  border-radius: 9px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #ff7150 !important;
  color: #ff7150 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

html body .e-dialog.soc-dialog .soc-opportunity-new-wrapper .e-btn.e-outline .e-btn-icon,
html body .e-dialog.soc-dialog .soc-opportunity-new-wrapper .e-btn.e-outline .e-btn-icon::before,
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions .e-btn.soc-btn-naranja-cancelar .e-btn-icon,
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions .e-btn.soc-btn-naranja-cancelar .e-btn-icon::before {
  color: #ff7150 !important;
}

html body .e-dialog.soc-dialog .soc-opportunity-new-wrapper .e-btn.e-outline:hover:not(:disabled),
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions .e-btn.soc-btn-naranja-cancelar:hover:not(:disabled) {
  background: #ffd2c7 !important;
  border-color: #ff7150 !important;
  color: #ff7150 !important;
}

/* Nuevo Pedido — formulario Soft Soft (campos 9px, tipografía, acciones) */
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .soc-form-row {
  margin-bottom: 12px !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .soc-form-row > label,
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft label.form-group {
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: #667085 !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .e-input-group:not(:has(> .e-input-group)),
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .e-outline.e-input-group,
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .e-ddl.e-input-group {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  min-height: 40px !important;
  height: 40px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .e-input-group.e-input-focus,
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .e-input-group:focus-within {
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .e-input-group input,
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper.soc-form-soft .e-input-group input.e-input {
  height: 38px !important;
  line-height: 38px !important;
  border-radius: 0 !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions {
  justify-content: flex-end !important;
  margin-top: 8px !important;
  padding-top: 14px !important;
  border-top: 1px solid #e8ecea !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions .e-btn.soc-proposal-pill-primary,
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions .e-btn.soc-btn-primary {
  border-radius: 9px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #006d4e !important;
  background-image: none !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions .e-btn.soc-proposal-pill-primary:hover:not(:disabled),
html body .e-dialog.soc-opportunity-dialog .soc-opportunity-form-actions .e-btn.soc-btn-primary:hover:not(:disabled) {
  background: #00563f !important;
  border-color: #00563f !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper .soc-toggle-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 4px !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper .soc-toggle-row > span {
  margin: 0 !important;
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  color: #4f4f4f !important;
  line-height: 1.35 !important;
}

html body .e-dialog.soc-opportunity-dialog .soc-opportunity-new-wrapper .soc-switch-label {
  display: inline-block !important;
  width: 44px !important;
  height: 24px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* =========================================================
   Mi Lista — propuesta Soft Soft (buscador, avatares, pager)
========================================================= */
html body .e-dialog:has(.soc-milista-section) .soc-dlg-title {
  align-items: center !important;
  gap: 12px !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-head-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  line-height: 1.2 !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-count {
  display: block !important;
  color: #667085 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-section,
html body .e-dialog:has(.soc-milista-section) .soc-milista-modal {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: min(100%, 420px) !important;
  max-width: 420px !important;
  margin: 0 0 10px !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search > .e-control-wrapper,
html body .e-dialog:has(.soc-milista-section) .soc-milista-search > .e-input-group {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  box-shadow: none !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search-icon .bi {
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #006d4e !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-control-wrapper:has(> .e-input-group),
html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-float-input:has(> .e-input-group),
html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-outline:not(.e-input-group) {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-outline.e-input-group::before,
html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-outline.e-input-group::after,
html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-input-group::before,
html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-input-group::after,
html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-float-line {
  display: none !important;
  content: none !important;
  border: 0 !important;
  height: 0 !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-input-group:not(:has(> .e-input-group)) {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  border: 1px solid #e8ecea !important;
  border-top: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  padding: 0 10px !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-input-group.e-input-focus,
html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-input-group:focus-within {
  border: 1px solid #006d4e !important;
  box-shadow: none !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-search input.e-input,
html body .e-dialog:has(.soc-milista-section) .soc-milista-search .e-input-group input {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  line-height: 30px !important;
  font-size: 0.8125rem !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-grid-wrap {
  position: relative !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-headertext {
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-rowcell {
  padding: 12px 14px !important;
  vertical-align: middle !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-person {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  cursor: pointer !important;
  text-align: left !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-name {
  min-width: 0 !important;
  color: #006d4e !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-row.soc-milista-row-active .e-rowcell,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-altrow.soc-milista-row-active .e-rowcell {
  background: #eaf7f1 !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-row.soc-milista-row-active .e-rowcell:first-child {
  box-shadow: inset 3px 0 0 #006d4e !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-milista-eye,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.e-primary.soc-milista-eye {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  background: #eaf7f1 !important;
  border: 0 !important;
  border-radius: 9px !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-milista-eye .e-btn-icon,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-milista-eye .e-btn-icon::before {
  font-size: 1rem !important;
  color: #006d4e !important;
}

html body .e-dialog:has(.soc-milista-section) .e-pager,
html body .e-dialog:has(.soc-milista-section) .e-gridpager,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-pagercontainer,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-pagercontainer .e-numericcontainer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 8px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .e-dialog:has(.soc-milista-section) .e-pager .e-pagercontainer,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-numericcontainer {
  padding: 0 !important;
}

html body .e-dialog:has(.soc-milista-section) .e-pager .e-parentmsgbar {
  display: none !important;
}

html body .e-dialog:has(.soc-milista-section) .e-pager .e-numericitem,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-link,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-next,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-prev,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-first,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-last {
  min-width: 28px !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #4f4f4f !important;
  font-size: 0.78rem !important;
  box-shadow: none !important;
}

html body .e-dialog:has(.soc-milista-section) .e-pager .e-currentitem,
html body .e-dialog:has(.soc-milista-section) .e-pager .e-numericitem.e-currentitem {
  background: #006d4e !important;
  border-color: #006d4e !important;
  color: #ffffff !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-milista-showing {
  position: absolute !important;
  right: 4px !important;
  bottom: 6px !important;
  color: #667085 !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  pointer-events: none !important;
}

html body .e-dialog:has(.soc-milista-section) .soc-link-doc {
  color: #006d4e !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.e-primary,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-btn-soft-primary,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-proposal-pill-primary,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-btn-azul-icono {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.e-primary .e-btn-icon,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-btn-soft-primary .e-btn-icon,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-proposal-pill-primary .e-btn-icon,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-btn-azul-icono .e-btn-icon,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.e-primary .e-btn-icon::before,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-btn-soft-primary .e-btn-icon::before,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-btn-azul-icono .e-btn-icon::before {
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #006d4e !important;
}

html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-btn-azul-icono .e-btn-icon::before,
html body .e-dialog:has(.soc-milista-section) .e-grid .e-btn.soc-proposal-pill-primary .e-btn-icon::before {
  font-family: "bootstrap-icons" !important;
  content: "\F33E" !important;
}

/* =========================================================
   Pedidos — stepper e icono con línea gráfica Soft Soft
   (bosque #006d4e, lima #4ed176, mint #eaf7f1)
========================================================= */
html body .oportunidad-module .ai-dash-title-icon {
  background: #006d4e !important;
  background-image: none !important;
  color: #ffffff !important;
}

html body .oportunidad-module .soc-opportunity-stepper,
html body .oportunidad-module .soc-contact-stepper {
  --e-primary: #006d4e !important;
  --e-primary-color: #006d4e !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-step.e-indicator,
html body .oportunidad-module .soc-contact-stepper .e-step.e-indicator {
  background: #ffffff !important;
  border: 2px solid #bdbdbd !important;
  color: #4f4f4f !important;
  box-shadow: none !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-step.e-indicator .e-icons,
html body .oportunidad-module .soc-opportunity-stepper .e-step.e-indicator .bi,
html body .oportunidad-module .soc-contact-stepper .e-step.e-indicator .e-icons,
html body .oportunidad-module .soc-contact-stepper .e-step.e-indicator .bi {
  color: #4f4f4f !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-inprogress .e-step.e-indicator,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-selected .e-step.e-indicator,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-selected .e-step.e-indicator,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-active .e-step.e-indicator,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-inprogress .e-step.e-indicator,
html body .oportunidad-module .soc-opportunity-stepper .soc-step-last-active .e-step.e-indicator,
html body .oportunidad-module .soc-contact-stepper .e-step-container.e-step-inprogress .e-step.e-indicator,
html body .oportunidad-module .soc-contact-stepper .e-step-container.e-step-selected .e-step.e-indicator,
html body .oportunidad-module .soc-contact-stepper .soc-step-last-active .e-step.e-indicator {
  background: #006d4e !important;
  border-color: #006d4e !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4ed176 !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-completed .e-step.e-indicator,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-completed .e-step.e-indicator,
html body .oportunidad-module .soc-contact-stepper .e-step-container.e-step-completed .e-step.e-indicator {
  background: #006d4e !important;
  border-color: #006d4e !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-inprogress .e-step.e-indicator .e-icons,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-inprogress .e-step.e-indicator .bi,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-selected .e-step.e-indicator .e-icons,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-selected .e-step.e-indicator .bi,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-completed .e-step.e-indicator .e-icons,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-completed .e-step.e-indicator .bi,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-selected .e-step.e-indicator .e-icons,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-selected .e-step.e-indicator .bi,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-active .e-step.e-indicator .e-icons,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-active .e-step.e-indicator .bi,
html body .oportunidad-module .soc-opportunity-stepper .soc-step-last-active .e-step.e-indicator .e-icons,
html body .oportunidad-module .soc-opportunity-stepper .soc-step-last-active .e-step.e-indicator .bi {
  color: #ffffff !important;
}

/* Pisa el azul #0064a6 de site.css ([class*="progress|connector|line"]) */
html body .oportunidad-module .soc-opportunity-stepper [class*="progress"],
html body .oportunidad-module .soc-opportunity-stepper [class*="connector"],
html body .oportunidad-module .soc-opportunity-stepper [class*="line"],
html body .oportunidad-module .soc-contact-stepper [class*="progress"],
html body .oportunidad-module .soc-contact-stepper [class*="connector"],
html body .oportunidad-module .soc-contact-stepper [class*="line"] {
  border-color: #4ed176 !important;
  background-color: #4ed176 !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-stepper-progressbar,
html body .oportunidad-module .soc-contact-stepper .e-stepper-progressbar {
  background: #e0e0e0 !important;
  background-color: #e0e0e0 !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-stepper-progressbar-value,
html body .oportunidad-module .soc-opportunity-stepper .e-progressbar-value,
html body .oportunidad-module .soc-contact-stepper .e-stepper-progressbar-value,
html body .oportunidad-module .soc-contact-stepper .e-progressbar-value {
  background: #4ed176 !important;
  background-color: #4ed176 !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-completed::before,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-completed::after,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-inprogress::before,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-inprogress::after,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-selected::before,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-active::before,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-inprogress::before,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-selected::after,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-active::after,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-inprogress::after {
  border-color: #4ed176 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body .oportunidad-module .soc-opportunity-stepper .e-step-inprogress .e-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-selected .e-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-completed .e-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-inprogress .e-text,
html body .oportunidad-module .soc-opportunity-stepper .e-step-selected .e-text,
html body .oportunidad-module .soc-opportunity-stepper .e-step-completed .e-text,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-inprogress .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-selected .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-completed .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-inprogress .e-step-text,
html body .oportunidad-module .soc-opportunity-stepper .e-step-container.e-step-completed .e-step-text,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-selected .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-active .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-inprogress .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-completed .e-step-label,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-selected .e-step-text,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-active .e-step-text,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-inprogress .e-step-text,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-completed .e-step-text,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-selected a,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-active a,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-inprogress a,
html body .oportunidad-module .soc-opportunity-stepper .e-stepper-item.e-step-completed a,
html body .oportunidad-module .soc-opportunity-stepper .soc-step-last-active .e-label,
html body .oportunidad-module .soc-opportunity-stepper .soc-step-last-active .e-text {
  color: #006d4e !important;
  font-weight: 700 !important;
}

html body .oportunidad-module .soc-stepper-status-link:not(.soc-stepper-status-readonly):hover,
html body .oportunidad-module .soc-stepper-status-link.soc-stepper-status-active,
html body .oportunidad-module .soc-stepper-status-link.soc-stepper-status-has-data {
  color: #006d4e !important;
}

html body .oportunidad-module .ai-dash-controls .e-input-group.e-input-focus,
html body .oportunidad-module .ai-dash-controls .e-input-group:focus-within {
  border-color: #006d4e !important;
  box-shadow: none !important;
}

/* =========================================================
   Clientes — timeline Soft Soft (mismo look que Pedidos)
   Sin cambiar flujo: solo visual (verde/lima, títulos arriba, raya al centro)
========================================================= */
html body .contacto-module .soc-contact-stepper {
  --e-primary: #006d4e !important;
  --e-primary-color: #006d4e !important;
}

html body .contacto-module .soc-contact-stepper .e-step.e-indicator {
  background: #ffffff !important;
  border: 2px solid #bdbdbd !important;
  color: #4f4f4f !important;
  box-shadow: none !important;
}

html body .contacto-module .soc-contact-stepper .e-step.e-indicator .e-icons,
html body .contacto-module .soc-contact-stepper .e-step.e-indicator .bi {
  color: #4f4f4f !important;
}

html body .contacto-module .soc-contact-stepper .e-step-container.e-step-inprogress .e-step.e-indicator,
html body .contacto-module .soc-contact-stepper .e-step-container.e-step-selected .e-step.e-indicator,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-selected .e-step.e-indicator,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-active .e-step.e-indicator,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-step-inprogress .e-step.e-indicator,
html body .contacto-module .soc-contact-stepper .soc-step-last-active .e-step.e-indicator {
  background: #006d4e !important;
  border-color: #006d4e !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4ed176 !important;
}

html body .contacto-module .soc-contact-stepper .e-step-container.e-step-completed .e-step.e-indicator,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-step-completed .e-step.e-indicator {
  background: #006d4e !important;
  border-color: #006d4e !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body .contacto-module .soc-contact-stepper .e-step-container.e-step-inprogress .e-step.e-indicator .e-icons,
html body .contacto-module .soc-contact-stepper .e-step-container.e-step-inprogress .e-step.e-indicator .bi,
html body .contacto-module .soc-contact-stepper .e-step-container.e-step-selected .e-step.e-indicator .e-icons,
html body .contacto-module .soc-contact-stepper .e-step-container.e-step-selected .e-step.e-indicator .bi,
html body .contacto-module .soc-contact-stepper .e-step-container.e-step-completed .e-step.e-indicator .e-icons,
html body .contacto-module .soc-contact-stepper .e-step-container.e-step-completed .e-step.e-indicator .bi,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-selected .e-step.e-indicator .e-icons,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-selected .e-step.e-indicator .bi,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-active .e-step.e-indicator .e-icons,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-active .e-step.e-indicator .bi,
html body .contacto-module .soc-contact-stepper .soc-step-last-active .e-step.e-indicator .e-icons,
html body .contacto-module .soc-contact-stepper .soc-step-last-active .e-step.e-indicator .bi {
  color: #ffffff !important;
}

html body .contacto-module .soc-contact-stepper [class*="progress"],
html body .contacto-module .soc-contact-stepper [class*="connector"],
html body .contacto-module .soc-contact-stepper [class*="line"] {
  border-color: #4ed176 !important;
  background-color: #4ed176 !important;
}

html body .contacto-module .soc-contact-stepper .e-stepper-progressbar {
  background: #e0e0e0 !important;
  background-color: #e0e0e0 !important;
  top: 42px !important;
}

html body .contacto-module .soc-contact-stepper .e-stepper-progressbar-value,
html body .contacto-module .soc-contact-stepper .e-progressbar-value {
  background: #4ed176 !important;
  background-color: #4ed176 !important;
}

html body .contacto-module .soc-contact-stepper .e-step-label,
html body .contacto-module .soc-contact-stepper .e-step-text,
html body .contacto-module .soc-contact-stepper .e-label,
html body .contacto-module .soc-contact-stepper .e-text,
html body .contacto-module .soc-contact-stepper .e-step-label-container,
html body .contacto-module .soc-contact-stepper .e-step-label-container span {
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
  color: #006d4e !important;
  white-space: nowrap !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  margin: 0px !important;
  padding: 0 1px !important;
  text-align: center !important;
}

html body .contacto-module .soc-contact-stepper .e-step-container:not(.e-step-completed):not(.e-step-inprogress):not(.e-step-selected) .e-step-label,
html body .contacto-module .soc-contact-stepper .e-step-container:not(.e-step-completed):not(.e-step-inprogress):not(.e-step-selected) .e-step-text,
html body .contacto-module .soc-contact-stepper .e-step-container:not(.e-step-completed):not(.e-step-inprogress):not(.e-step-selected) .e-label,
html body .contacto-module .soc-contact-stepper .e-step-container:not(.e-step-completed):not(.e-step-inprogress):not(.e-step-selected) .e-text {
  color: #9ca3af !important;
  font-weight: 500 !important;
}

html body .contacto-module .soc-contact-stepper.e-label-top .e-step-container,
html body .soc-page.contacto-module .soc-contact-stepper.e-label-top .e-step-container,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-step-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

html body .contacto-module .soc-contact-stepper.e-label-top .e-step-label-container,
html body .contacto-module .soc-contact-stepper .e-step-label-container,
html body .contacto-module .soc-contact-stepper .e-stepper-item a {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html body .contacto-module .soc-contact-stepper .e-step-label,
html body .contacto-module .soc-contact-stepper .e-step-text,
html body .contacto-module .soc-contact-stepper .e-label,
html body .contacto-module .soc-contact-stepper .e-text,
html body .contacto-module .soc-contact-stepper .e-step-label-container span {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
  max-width: 100% !important;
}
.e-stepper.e-horizontal .e-step-item.e-step-label{
      gap: 10px !important;
}

html body .contacto-module .soc-contact-stepper .e-stepper-item,
html body .contacto-module .soc-contact-stepper .e-step-container {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  align-items: center !important;
  text-align: center !important;
}

html body .contacto-module .soc-contact-stepper .e-step.e-indicator {
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .soc-page.contacto-module .soc-contact-stepper .e-stepper-progressbar,
html body .soc-page.contacto-module .soc-contact-stepper.e-label-top .e-stepper-progressbar,
html body .contacto-module .soc-contact-stepper-wrap .soc-contact-stepper .e-stepper-progressbar {
  top: 40px !important;
}

html body .contacto-module .soc-contact-stepper .e-step-inprogress .e-label,
html body .contacto-module .soc-contact-stepper .e-step-selected .e-label,
html body .contacto-module .soc-contact-stepper .e-step-completed .e-label,
html body .contacto-module .soc-contact-stepper .e-step-inprogress .e-text,
html body .contacto-module .soc-contact-stepper .e-step-selected .e-text,
html body .contacto-module .soc-contact-stepper .e-step-completed .e-text,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-selected a,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-active a,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-step-inprogress a,
html body .contacto-module .soc-contact-stepper .e-stepper-item.e-step-completed a,
html body .contacto-module .soc-contact-stepper .soc-step-last-active .e-label,
html body .contacto-module .soc-contact-stepper .soc-step-last-active .e-text {
  color: #006d4e !important;
  font-weight: 700 !important;
}

/* Login: un solo ojo (ocultar reveal nativo de Edge/Chrome) */
html body .soc-login-input[type="password"]::-ms-reveal,
html body .soc-login-input[type="password"]::-ms-clear,
html body .soc-login-page input[type="password"]::-ms-reveal,
html body .soc-login-page input[type="password"]::-ms-clear {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body .soc-login-input[type="password"]::-webkit-credentials-auto-fill-button,
html body .soc-login-input[type="password"]::-webkit-strong-password-auto-fill-button,
html body .soc-login-page input[type="password"]::-webkit-credentials-auto-fill-button,
html body .soc-login-page input[type="password"]::-webkit-strong-password-auto-fill-button {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  right: 0 !important;
}

html body .soc-login-toggle-pass {
  background: #ffffff !important;
  z-index: 3 !important;
  width: 40px !important;
  right: 4px !important;
}

/* =========================================================
   Tablero Pedidos / Clientes — columnas a altura de ventana.
   100svh no depende del padre: al recargar (F5) no queda
   el bloque blanco ni columnas cortadas a la mitad.
========================================================= */
html body .soc-main-content:has(.soc-kanban-page) {
  overflow: hidden !important;
}

html body .soc-kanban-page,
html body .soc-kanban-pedidos-page,
html body .soc-kanban-clientes-page {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body .soc-kanban-page .soc-kc-workspace,
html body .soc-kanban-pedidos-page .soc-kc-workspace,
html body .soc-kanban-clientes-page .soc-kc-workspace {
  flex: 1 1 0% !important;
  height: var(--kc-board-h, calc(100dvh - 168px)) !important;
  max-height: var(--kc-board-h, calc(100dvh - 168px)) !important;
  min-height: 280px !important;
  overflow: hidden !important;
}

html body .soc-kanban-page .soc-kc-board.soc-kc-board--soft,
html body .soc-kanban-pedidos-page .soc-kc-board.soc-kc-board--soft,
html body .soc-kanban-clientes-page .soc-kc-board.soc-kc-board--soft {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

html body .soc-kanban-page .soc-kc-expanded-shell {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

html body .soc-kanban-page .soc-kc-expanded-row {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: #006d4e #eef2f0 !important;
}

html body .soc-kanban-page .soc-kc-expanded-row::-webkit-scrollbar {
  height: 8px !important;
  width: 8px !important;
  display: block !important;
}

html body .soc-kanban-page .soc-kc-expanded-row::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body .soc-kanban-page .soc-kc-expanded-row::-webkit-scrollbar-track {
  background: #eef2f0 !important;
  border-radius: 9px !important;
  display: block !important;
}

html body .soc-kanban-page .soc-kc-expanded-row::-webkit-scrollbar-thumb {
  background: #006d4e !important;
  border-radius: 9px !important;
  display: block !important;
}

html body .soc-kanban-page .soc-kc-expanded-row > .soc-kc-col {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  min-height: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  align-self: stretch !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-body {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
}

html body .soc-kanban-page .soc-kc-expanded-row .soc-kc-col-body > * {
  flex-shrink: 0 !important;
}

/* Misma altura de tarjetas (Pedidos y Clientes) */
html body .soc-kanban-page .soc-kanban-opp-card,
html body .soc-kanban-page .soc-opp-card.soc-kanban-opp-card {
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

html body .soc-kanban-pedidos-page .soc-kanban-opp-card,
html body .soc-kanban-pedidos-page .soc-opp-card.soc-kanban-opp-card {
  min-height: 308px !important;
}

html body .soc-kanban-clientes-page .soc-kanban-opp-card,
html body .soc-kanban-clientes-page .soc-opp-card.soc-kanban-opp-card {
  min-height: 228px !important;
}

html body .soc-kanban-page .soc-kanban-opp-card .soc-opp-card-footer,
html body .soc-kanban-page .soc-opp-card.soc-kanban-opp-card .soc-opp-card-footer {
  margin-top: auto !important;
}

html body .soc-kanban-page .soc-kanban-card-empty {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
}

html body .soc-kanban-pedidos-page .soc-kanban-card-empty {
  min-height: 308px !important;
}

html body .soc-kanban-clientes-page .soc-kanban-card-empty {
  min-height: 228px !important;
}

/* Sócrates fijo al pie del menú (abajo izquierda). El chat sigue en AiChatSidebar. */
html body .soc-sidebar-column .soc-sf-sidebar {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

html body .soc-menu-container {
  flex: 1 1 0% !important;
  min-height: 0 !important;
}

html body .soc-sidebar-socrates {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  margin-top: auto !important;
  padding: 8px 10px 10px 24px !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  z-index: 2 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  position: relative !important;
  transform: none !important;
}

html body .soc-sidebar-socrates:hover,
html body .soc-sidebar-socrates:hover .soc-sidebar-socrates-img {
  transform: none !important;
}

html body .soc-sidebar-socrates:hover .soc-sidebar-socrates-img {
  filter: drop-shadow(0 0 8px rgba(78, 209, 118, 0.7)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2)) !important;
}

html body .soc-sidebar-socrates-img {
  display: block !important;
  width: 50px !important;
  height: 50px !important;
  max-width: none !important;
  flex: 0 0 50px !important;
  object-fit: contain !important;
  object-position: left bottom !important;
  pointer-events: none !important;
  transition: filter 0.25s ease !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.28)) !important;
  transform: none !important;
}

@media (min-width: 769px) {
  html body .soc-sidebar-column-closed .soc-sidebar-socrates {
    justify-content: flex-start !important;
    padding: 0 0 8px 24px !important;
  }

  html body .soc-sidebar-column-closed .soc-sidebar-socrates-img {
    width: 50px !important;
    height: 50px !important;
  }
}

/* Globo absoluto: no empuja ni sube a Sócrates al hacer hover */
html body .soc-socrates-bubble {
  position: absolute !important;
  left: calc(24px + 50px + 4px) !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  width: 158px !important;
  min-width: 158px !important;
  max-width: 158px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 5px 12px !important;
  background: #eaf7f1 !important;
  color: #334155 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.28 !important;
  text-align: left !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  animation: none !important;
  transition: opacity 0.22s ease !important;
  backdrop-filter: blur(8px) !important;
}

html body .soc-sidebar-socrates:hover .soc-socrates-bubble {
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16) !important;
  animation: soc-socrates-bubble-in 0.28s ease-out !important;
}

html body .soc-sidebar-socrates.soc-fab-relocated .soc-socrates-bubble,
html body > .soc-sidebar-socrates.soc-fab-relocated .soc-socrates-bubble {
  left: calc(50px + 6px) !important;
}

/* Al arrastrar Sócrates: ocultar la burbuja (solo se mueve la mascota) */
html body .soc-sidebar-socrates.soc-fab-dragging .soc-socrates-bubble,
html body .soc-sidebar-column .soc-sidebar-socrates.soc-fab-dragging .soc-socrates-bubble,
html body .soc-sidebar-column:not(.soc-sidebar-column-closed) .soc-sidebar-socrates.soc-fab-dragging .soc-socrates-bubble,
html body > .soc-sidebar-socrates.soc-fab-dragging .soc-socrates-bubble,
html body .soc-sidebar-socrates.soc-fab-dragging:hover .soc-socrates-bubble,
html body > .soc-sidebar-socrates.soc-fab-dragging:hover .soc-socrates-bubble {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  animation: none !important;
}

html body .soc-sidebar-socrates.soc-fab-relocated,
html body.soc-sidebar-socrates.soc-fab-relocated,
html body > .soc-sidebar-socrates.soc-fab-relocated {
  position: fixed !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: 13000 !important;
  touch-action: none !important;
  user-select: none !important;
  cursor: grab !important;
  pointer-events: auto !important;
}

html body .soc-sidebar-socrates.soc-fab-dragging,
html body > .soc-sidebar-socrates.soc-fab-dragging {
  cursor: grabbing !important;
  width: auto !important;
  padding: 0 !important;
  z-index: 13000 !important;
}

html body .soc-socrates-bubble-line {
  display: block !important;
}

html body .soc-socrates-bubble::before,
html body .soc-socrates-bubble::after {
  display: none !important;
  content: none !important;
}

html body .soc-socrates-ia {
  color: #006d4e !important;
  font-weight: 700 !important;
}

@keyframes soc-socrates-bubble-in {
  from {
    opacity: 0;
    transform: translateY(-50%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

/* Chat abierto: no mostrar globo ni en hover */
html body:has(.ai-chat-panel) .soc-socrates-bubble,
html body:has(.ai-chat-panel) .soc-sidebar-socrates:hover .soc-socrates-bubble {
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}

/* El FAB flotante no se muestra: Sócrates vive en el rail. El nodo queda para el chat. */
html body .ai-turtle-fab {
  position: fixed !important;
  left: -9999px !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .ai-chat-panel {
  z-index: 12040 !important;
}

/* Ayuda: el botón vive en el header; el FAB de tutorial queda fuera de vista. */
html body .soc-tour-btn,
html body #soc-tour-btn.soc-tour-btn {
  position: fixed !important;
  left: -9999px !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   Tutorial Intro.js — Soft Soft (Sócrates + forest / lime / mint)
========================================================= */
html body .introjs-overlay {
  background: rgba(0, 45, 32, 0.42) !important;
}

html body .introjs-helperLayer {
  border-radius: 9px !important;
  box-shadow:
    0 0 0 2px #4ED176,
    0 0 0 8px rgba(78, 209, 118, 0.22),
    rgba(0, 45, 32, 0.42) 0 0 0 5000px !important;
}

html body .introjs-tooltip.soc-tour-tooltip,
html body .soc-tour-tooltip.introjs-tooltip {
  min-width: 0 !important;
  max-width: min(440px, calc(100vw - 24px)) !important;
  width: min(440px, calc(100vw - 24px)) !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.14) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body .soc-tour-tooltip .introjs-tooltip-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px 14px 12px 12px !important;
  background: #eaf7f1 !important;
  border-bottom: 1px solid #e8ecea !important;
  border-radius: 9px 9px 0 0 !important;
}

html body .soc-tour-tooltip .introjs-tooltip-header::before {
  content: "" !important;
  display: block !important;
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  background: url("/images/mascota-ayuda.png") center / contain no-repeat !important;
}

html body .soc-tour-tooltip .introjs-tooltip-title {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #006d4e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body .soc-tour-tooltip .introjs-skipbutton,
html body .soc-tour-tooltip a.introjs-skipbutton {
  position: static !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #006d4e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body .soc-tour-tooltip .introjs-skipbutton:hover,
html body .soc-tour-tooltip a.introjs-skipbutton:hover {
  background: #ffffff !important;
  color: #006d4e !important;
}

html body .soc-tour-tooltip .introjs-tooltiptext {
  padding: 14px 16px 6px !important;
  color: #1F2933 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

html body .soc-tour-tooltip .introjs-tooltiptext p {
  margin: 0 0 10px !important;
}

html body .soc-tour-tooltip .introjs-tooltiptext strong,
html body .soc-tour-tooltip .introjs-tooltiptext b {
  color: #006d4e !important;
  font-weight: 700 !important;
}

html body .soc-tour-tooltip .introjs-progress {
  margin: 8px 16px 4px !important;
  height: 6px !important;
  background: #eaf7f1 !important;
  border: 0 !important;
  border-radius: 9px !important;
  overflow: hidden !important;
}

html body .soc-tour-tooltip .introjs-progressbar,
html body .introjs-progressbar {
  background: #4ED176 !important;
  border-radius: 9px !important;
}

html body .soc-tour-tooltip .introjs-tooltipbuttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 12px 16px 16px !important;
  border-top: none !important;
}

html body .soc-tour-tooltip .introjs-button {
  text-shadow: none !important;
  box-shadow: none !important;
  border-radius: 9px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

html body .soc-tour-tooltip .introjs-prevbutton {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border: 1px solid #e8ecea !important;
}

html body .soc-tour-tooltip .introjs-prevbutton:hover {
  background: #e0f3ea !important;
  color: #006d4e !important;
  border-color: #e8ecea !important;
}

html body .soc-tour-tooltip .introjs-nextbutton,
html body .soc-tour-tooltip .introjs-donebutton {
  background: #006d4e !important;
  color: #ffffff !important;
  border: 1px solid #006d4e !important;
}

html body .soc-tour-tooltip .introjs-nextbutton:hover,
html body .soc-tour-tooltip .introjs-donebutton:hover {
  background: #005a40 !important;
  color: #ffffff !important;
  border-color: #005a40 !important;
}

html body .soc-tour-tooltip .introjs-disabled,
html body .soc-tour-tooltip .introjs-disabled:hover {
  opacity: 0.4 !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border-color: #e8ecea !important;
}

html body .soc-tour-tooltip .introjs-arrow.top,
html body .soc-tour-tooltip .introjs-arrow.top-right,
html body .soc-tour-tooltip .introjs-arrow.top-middle {
  border-bottom-color: #eaf7f1 !important;
}

html body .soc-tour-tooltip .introjs-arrow.bottom,
html body .soc-tour-tooltip .introjs-arrow.bottom-right,
html body .soc-tour-tooltip .introjs-arrow.bottom-middle {
  border-top-color: #ffffff !important;
}

html body .soc-tour-tooltip .introjs-arrow.left,
html body .soc-tour-tooltip .introjs-arrow.left-bottom {
  border-right-color: #ffffff !important;
}

html body .soc-tour-tooltip .introjs-arrow.right,
html body .soc-tour-tooltip .introjs-arrow.right-bottom {
  border-left-color: #ffffff !important;
}

/* Inicio / Dashboard — chip calendario a todo el alto y pegado a la derecha */
html body .soc-dashboard-page .soc-inicio-filters .e-input-group.soc-datepicker-soft,
html body .soc-dashboard-page .soc-inicio-filters .e-control-wrapper.soc-datepicker-soft {
  overflow: hidden !important;
  align-items: stretch !important;
  padding-right: 0 !important;
}

html body .soc-dashboard-page .soc-inicio-filters .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-dashboard-page .soc-inicio-filters .e-input-group.soc-datepicker-soft .e-input-group-icon.e-date-icon {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 9px 9px 0 !important;
  background-color: #006d4e !important;
  background-image: none !important;
  color: #ffffff !important;
  align-self: stretch !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .soc-dashboard-page .soc-inicio-filters .soc-datepicker-soft .e-date-icon::before,
html body .soc-dashboard-page .soc-inicio-filters .e-input-group.soc-datepicker-soft .e-date-icon::before {
  display: inline-block !important;
  color: #ffffff !important;
}

html body .soc-dashboard-page .soc-inicio-filters .soc-datepicker-soft .e-clear-icon {
  margin-right: 2px !important;
  align-self: center !important;
}

/* =========================================================
   Agenda / Scheduler — Soft Soft
========================================================= */
html body .soc-page.scheduler-module.soc-scheduler-page {
  padding: 20px 24px 40px !important;
  min-height: calc(100vh - 120px) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body .soc-page.scheduler-module .soc-scheduler-toolbar.soc-inicio-toolbar,
html body .soc-page.scheduler-module .soc-inicio-toolbar {
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  gap: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .soc-page.scheduler-module .soc-scheduler-toolbar .soc-inicio-toolbar-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
}

html body .soc-page.scheduler-module .soc-scheduler-toolbar .soc-inicio-title,
html body .soc-page.scheduler-module .soc-scheduler-toolbar .ai-dash-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body .soc-page.scheduler-module .soc-scheduler-toolbar .soc-inicio-title-icon,
html body .soc-page.scheduler-module .soc-scheduler-toolbar .ai-dash-title-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  background-image: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

html body .soc-page.scheduler-module .soc-scheduler-toolbar .soc-inicio-title-icon .bi,
html body .soc-page.scheduler-module .soc-scheduler-toolbar .ai-dash-title-icon .bi,
html body .soc-page.scheduler-module .soc-scheduler-toolbar .ai-dash-title-icon .e-icons {
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

html body .soc-page.scheduler-module .soc-scheduler-toolbar h2 {
  margin: 0 !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  line-height: 1.25 !important;
}

html body .soc-page.scheduler-module .soc-scheduler-toolbar .ai-dash-subtitle {
  margin: 2px 0 0 !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

html body .soc-page.scheduler-module .ai-dash-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body .soc-page.scheduler-module .ai-dash-header .ai-dash-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body .soc-page.scheduler-module .ai-dash-header .ai-dash-title-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .soc-page.scheduler-module .ai-dash-header .ai-dash-title-icon .bi,
html body .soc-page.scheduler-module .ai-dash-header .ai-dash-title-icon .e-icons {
  color: #ffffff !important;
  font-size: 1rem !important;
}

html body .soc-page.scheduler-module .ai-dash-header h2 {
  margin: 0 !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

html body .soc-page.scheduler-module .ai-dash-header .ai-dash-subtitle {
  margin: 2px 0 0 !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
}

html body .soc-page.scheduler-module .ai-dash-controls .e-input-group,
html body .soc-page.scheduler-module .ai-dash-controls .e-control-wrapper,
html body .soc-page.scheduler-module .ai-dash-controls .e-ddl {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  min-height: 40px !important;
  box-shadow: none !important;
}

html body .soc-page.scheduler-module .ai-dash-controls .e-input-group.e-input-focus,
html body .soc-page.scheduler-module .ai-dash-controls .e-control-wrapper.e-input-focus {
  border-color: #4ed176 !important;
  box-shadow: 0 0 0 2px rgba(78, 209, 118, 0.22) !important;
}

html body .soc-page.scheduler-module .soc-scheduler-card {
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body .soc-page.scheduler-module .soc-scheduler-es.e-schedule,
html body .soc-page.scheduler-module .e-schedule.soc-scheduler-es {
  --color-sf-primary: #006d4e !important;
  --color-sf-primary-bg-color: #006d4e !important;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}

/* Toolbar */
html body .soc-page.scheduler-module .e-schedule .e-schedule-toolbar,
html body .soc-page.scheduler-module .e-schedule .e-toolbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e8ecea !important;
  padding: 8px 12px !important;
}

html body .soc-page.scheduler-module .soc-scheduler-btn-new,
html body .soc-page.scheduler-module .e-schedule .e-toolbar .soc-scheduler-btn-new {
  background: #eaf7f1 !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  min-height: 36px !important;
  box-shadow: none !important;
}

html body .soc-page.scheduler-module .soc-scheduler-btn-new:hover,
html body .soc-page.scheduler-module .e-schedule .e-toolbar .soc-scheduler-btn-new:hover {
  background: #037052 !important;
  border-color: #037052 !important;
  color: #ffffff !important;
}

html body .soc-page.scheduler-module .soc-scheduler-btn-new .e-icons,
html body .soc-page.scheduler-module .soc-scheduler-btn-new .e-btn-icon {
  color: #ffffff !important;
}

html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-tbar-btn,
html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-btn {
  border-radius: 9px !important;
  color: #4f4f4f !important;
  border: none !important;
  box-shadow: none !important;
}

html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-tbar-btn:hover,
html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-btn:hover {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}
.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
  color: #006d4e !important;
}


html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-toolbar-item.e-active .e-tbar-btn,
html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-active .e-tbar-btn {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-weight: 600 !important;
  box-shadow: inset 0 -2px 0 #4ed176 !important;
}

html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-date-range,
html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-date-range .e-tbar-btn {
  color: #006d4e !important;
  font-weight: 600 !important;
  background: #eaf7f1;
  border-radius: 9px !important;
}

html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-icons,
html body .soc-page.scheduler-module .e-schedule .e-toolbar .e-btn-icon {
  color: #006d4e !important;
}

/* Encabezado de días */
html body .soc-page.scheduler-module .e-schedule .e-date-header-container .e-header-cells {
  background: #f6faf8 !important;
  border-color: #e8ecea !important;
  color: #667085 !important;
  font-weight: 600 !important;
}

html body .soc-page.scheduler-module .e-schedule .e-date-header-container .e-header-cells.e-current-day,
html body .soc-page.scheduler-module .e-schedule .e-date-header-container .e-current-day {
  background: #eaf7f1 !important;
}

html body .soc-page.scheduler-module .e-schedule .e-date-header-container .e-header-cells.e-current-day .e-navigate,
html body .soc-page.scheduler-module .e-schedule .e-date-header-container .e-current-day .e-navigate {
  color: #006d4e !important;
  font-weight: 700 !important;
}

/* Columna de horas + rejilla */
html body .soc-page.scheduler-module .e-schedule .e-time-cells-wrap,
html body .soc-page.scheduler-module .e-schedule .e-time-cells,
html body .soc-page.scheduler-module .e-schedule .e-time-slots {
  background: #f6faf8 !important;
  color: #667085 !important;
  border-color: #e8ecea !important;
}

html body .soc-page.scheduler-module .e-schedule .e-content-wrap table td,
html body .soc-page.scheduler-module .e-schedule .e-work-cells,
html body .soc-page.scheduler-module .e-schedule .e-alternate-cells {
  border-color: #e8ecea !important;
}

html body .soc-page.scheduler-module .e-schedule .e-work-cells.e-work-hours {
  background: #ffffff !important;
}

html body .soc-page.scheduler-module .e-schedule .e-selected-cell {
  background: rgba(78, 209, 118, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 109, 78, 0.18) !important;
}

/* Citas */
html body .soc-page.scheduler-module .soc-scheduler-es .e-appointment,
html body .soc-page.scheduler-module .e-schedule .e-appointment {
  background: #006d4e !important;
  border-color: #005a41 !important;
  border-radius: 6px !important;
  color: #ffffff !important;
}

html body .soc-page.scheduler-module .soc-scheduler-es .e-appointment:hover,
html body .soc-page.scheduler-module .e-schedule .e-appointment:hover {
  background: #037052 !important;
  border-color: #005a41 !important;
}

html body .soc-page.scheduler-module .e-schedule .e-appointment .e-subject,
html body .soc-page.scheduler-module .e-schedule .e-appointment .e-time {
  color: #ffffff !important;
}

/* Quick info popup */
html body .soc-page.scheduler-module .e-schedule .e-quick-popup-wrapper,
html body .soc-page.scheduler-module .e-schedule .e-quick-popup-wrapper .e-event-popup {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12) !important;
}

html body .soc-page.scheduler-module .e-schedule .e-quick-popup-wrapper .e-popup-header {
  background: #f6faf8 !important;
  color: #006d4e !important;
  border-bottom: 1px solid #e8ecea !important;
}

html body .soc-page.scheduler-module .e-schedule .e-event-footer .e-btn.e-danger {
  color: #dc3545 !important;
}

/* Editor Nuevo evento — editor nativo Syncfusion (portal en body) */
body.soc-scheduler-page-active .e-schedule-dialog {
  border-radius: 9px !important;
  border: 1px solid #f0f2f1 !important;
  overflow: hidden !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12) !important;
}
.e-popup.e-popup-open.e-dialog{
  width: auto;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-dlg-header,
body.soc-scheduler-page-active .e-schedule-dialog .e-dlg-header .e-dlg-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-dlg-header::before {
  content: "\F214";
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-dlg-header {
  color: #424242 !important;
  padding: 14px 18px !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-dlg-header .e-dlg-title {
  color: #424242 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-dlg-header .e-btn.e-dlg-closeicon-btn {
  color: #667085 !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-dlg-content {
  padding: 16px 20px 14px !important;
  background: #ffffff !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .soc-scheduler-editor-soft .e-textlabel,
body.soc-scheduler-page-active .e-schedule-dialog .soc-form-nuevo-evento .e-textlabel,
body.soc-scheduler-page-active .e-schedule-dialog .soc-form-nuevo-evento label,
body.soc-scheduler-page-active .e-schedule-dialog .e-textlabel {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: #667085 !important;
}

/* Sin espacio de float label: texto centrado (usamos placeholders) */
body.soc-scheduler-page-active .e-schedule-dialog .e-float-input,
body.soc-scheduler-page-active .e-schedule-dialog .e-float-input.e-control-wrapper,
body.soc-scheduler-page-active .e-schedule-dialog .e-float-input.e-input-group {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-float-text,
body.soc-scheduler-page-active .e-schedule-dialog label.e-float-text,
body.soc-scheduler-page-active .e-schedule-dialog label.e-label.e-float-text {
  display: none !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-start-container,
body.soc-scheduler-page-active .e-schedule-dialog .e-end-container {
  padding-top: 0 !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-input-group input.e-input,
body.soc-scheduler-page-active .e-schedule-dialog .e-float-input input.e-input,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetime-wrapper input.e-input {
  height: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .soc-form-nuevo-evento .e-form-row,
body.soc-scheduler-page-active .e-schedule-dialog .soc-form-nuevo-evento .e-field-row,
body.soc-scheduler-page-active .e-schedule-dialog .e-form-row,
body.soc-scheduler-page-active .e-schedule-dialog .e-field-row {
  margin-bottom: 10px !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-outline.e-input-group::before,
body.soc-scheduler-page-active .e-schedule-dialog .e-outline.e-input-group::after,
body.soc-scheduler-page-active .e-schedule-dialog .e-float-input::before,
body.soc-scheduler-page-active .e-schedule-dialog .e-float-input::after,
body.soc-scheduler-page-active .e-schedule-dialog .e-float-line {
  display: none !important;
}
body.soc-scheduler-page-active .e-schedule-dialog,
body.soc-scheduler-page-active .e-schedule-dialog .e-dlg-content {
  overflow: visible !important;
}
.e-schedule-dialog .e-description, .e-schedule-dialog .e-float-input .e-description{
  border:none !important;
  padding-left: 0px !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-input-group,
body.soc-scheduler-page-active .e-schedule-dialog .e-control-wrapper.e-outline,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetime-wrapper .e-input-group {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  min-height: 44px !important;
  overflow: hidden !important;
  align-items: stretch !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-input-group.e-input-focus,
body.soc-scheduler-page-active .e-schedule-dialog .e-control-wrapper.e-input-focus,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetime-wrapper .e-input-group.e-input-focus {
  border-color: #006d4e !important;
  box-shadow: none !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-input-group input.e-input,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetime-wrapper input.e-input {
  color: #4f4f4f !important;
  font-size: 0.875rem !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-datetime-wrapper .e-input-group-icon.e-date-icon,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetime-wrapper .e-input-group-icon.e-time-icon,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetimepicker .e-input-group-icon.e-date-icon,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetimepicker .e-input-group-icon.e-time-icon {
  min-width: 44px !important;
  width: 44px !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #006d4e !important;
  color: #ffffff !important;
  align-self: stretch !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-datetime-wrapper .e-input-group-icon.e-time-icon,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetimepicker .e-input-group-icon.e-time-icon,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetime-wrapper .e-input-group-icon.e-date-icon,
body.soc-scheduler-page-active .e-schedule-dialog .e-datetimepicker .e-input-group-icon.e-date-icon {
  border-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-date-icon::before,
body.soc-scheduler-page-active .e-schedule-dialog .e-time-icon::before {
  color: #ffffff !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content {
  border-top: 1px solid #e8ecea !important;
  padding: 12px 18px 14px !important;
  background: #ffffff !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content .e-btn.e-primary,
body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content .e-event-save {
  border-radius: 9px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #006d4e !important;
  border: 1px solid #006d4e !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content .e-btn.e-primary:hover:not(:disabled),
body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content .e-event-save:hover:not(:disabled) {
  background: #037052 !important;
  border-color: #037052 !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content .e-btn.e-flat:not(.e-primary),
body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content .e-event-cancel {
  border-radius: 9px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  background: #ffffff !important;
  border: 1px solid #ff7150 !important;
  color: #ff7150 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content .e-btn.e-flat:not(.e-primary):hover:not(:disabled),
body.soc-scheduler-page-active .e-schedule-dialog .e-footer-content .e-event-cancel:hover:not(:disabled) {
  background: #ffd2c7 !important;
  border-color: #ff7150 !important;
  color: #ff7150 !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-checkbox-wrapper .e-frame.e-check,
body.soc-scheduler-page-active .e-schedule-dialog .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #006d4e !important;
  border-color: #006d4e !important;
}

body.soc-scheduler-page-active .e-schedule-dialog .e-recurrenceeditor {
  border-radius: 9px !important;
  padding: 0px !important;
  color: #4f4f4f !important;
}

@media (max-width: 768px) {
  html body .soc-page.scheduler-module.soc-scheduler-page {
    padding: 12px !important;
  }

  html body .soc-page.scheduler-module .soc-scheduler-toolbar .soc-inicio-toolbar-top {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* =========================================================

/* =========================================================
   Dialog nativo Inicio (KPI / clientes) — Soft Soft
========================================================= */
dialog.soc-native-dialog.soc-native-dialog--soft {
  border-radius: 9px !important;
  border: 1px solid #f0f2f1 !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12) !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft::backdrop {
  background: rgba(15, 23, 42, 0.45) !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-native-dialog__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid #e8ecea !important;
  background: #ffffff !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-dlg-title {
  margin: 0 !important;
  min-width: 0 !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-native-dialog__close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  box-shadow: none !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-native-dialog__close:hover {
  background: #d8f0e4 !important;
  color: #006d4e !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-native-dialog__close .bi {
  font-size: 0.9rem !important;
  line-height: 1 !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-native-dialog__body {
  padding: 16px 20px !important;
  background: #ffffff !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-kpi-detail-modal__empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 260px !important;
  margin: 0 !important;
  padding: 32px 16px !important;
  text-align: center !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-kpi-detail-modal__empty-shield {
  width: 140px !important;
  height: 140px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 0 6px !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-kpi-detail-modal__empty-text {
  margin: 0 !important;
  max-width: 420px !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: #667085 !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-kpi-detail-modal__table thead th {
  color: #667085 !important;
  font-weight: 600 !important;
  border-bottom-color: #e8ecea !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-kpi-detail-modal__table tbody td {
  color: #4f4f4f !important;
  border-color: #f0f2f1 !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-kpi-detail-modal__opp-link {
  color: #006d4e !important;
  font-weight: 600 !important;
}

dialog.soc-native-dialog.soc-native-dialog--soft .soc-native-dialog__footer {
  padding: 12px 18px 14px !important;
  border-top: 1px solid #e8ecea !important;
  background: #ffffff !important;
}

/* Popup horario compacto (DateTimePicker) */
.e-timepicker.e-popup,
.e-timepicker.e-popup-wrapper,
.e-popup.e-time-popup,
.e-datetimepicker.e-popup-wrapper:not(:has(.e-calendar)),
.e-datetimepicker.e-popup:not(:has(.e-calendar)) {
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 28px rgba(16, 24, 40, 0.12) !important;
  overflow: hidden !important;
}

.e-timepicker.e-popup .e-content,
.e-timepicker.e-popup-wrapper .e-content,
.e-popup.e-time-popup .e-content,
.e-datetimepicker.e-popup-wrapper:not(:has(.e-calendar)) .e-content {
  width: 100% !important;
}

.e-timepicker.e-popup .e-list-parent,
.e-timepicker.e-popup-wrapper .e-list-parent,
.e-popup.e-time-popup .e-list-parent,
.e-datetimepicker.e-popup-wrapper:not(:has(.e-calendar)) .e-list-parent {
  width: 100% !important;
}

.e-timepicker.e-popup .e-list-item,
.e-timepicker.e-popup-wrapper .e-list-item,
.e-popup.e-time-popup .e-list-item,
.e-datetimepicker.e-popup-wrapper:not(:has(.e-calendar)) .e-list-item {
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 14px !important;
  font-size: 0.875rem !important;
  color: #4f4f4f !important;
  text-align: left !important;
}

.e-timepicker.e-popup .e-list-item.e-hover,
.e-timepicker.e-popup-wrapper .e-list-item.e-hover,
.e-popup.e-time-popup .e-list-item.e-hover,
.e-datetimepicker.e-popup-wrapper:not(:has(.e-calendar)) .e-list-item.e-hover {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

.e-timepicker.e-popup .e-list-item.e-active,
.e-timepicker.e-popup-wrapper .e-list-item.e-active,
.e-popup.e-time-popup .e-list-item.e-active,
.e-datetimepicker.e-popup-wrapper:not(:has(.e-calendar)) .e-list-item.e-active {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-weight: 600 !important;
}


.soc-tb-btn .e-save{
  background: #4ed176 !important;
}
.pt-0{
  padding-top: 0 !important;
}
/* =========================================================
   Soft Soft � ESPACIADO UNIFICADO de cabeceras de p�gina
   Padding 16�18, icono 36, gap icono-texto 12, acciones 8.
   Aplica a Inicio, Kanban, Prospectos, Contactos, Mensajes, etc.
========================================================= */
html body {
  --soc-page-head-pad-y: 16px;
  --soc-page-head-pad-x: 18px;
  --soc-page-head-gap-icon: 12px;
  --soc-page-head-gap-actions: 8px;
  --soc-page-head-gap-row: 12px;
  --soc-page-head-margin-bottom: 16px;
  --soc-page-head-icon: 36px;
}

html body :is(
  .soc-inicio-toolbar,
  .soc-kanban-page .soc-kanban-header,
  .soc-dashboard-page > .ai-dash-header,
  .soc-dashboard-page > .ai-dash-header.soc-home-saludo,
  .soc-page .soc-page-inner > .ai-dash-header,
  .soc-page.leads-module .soc-page-inner > .ai-dash-header,
  .soc-page.mensajes-programados-module .soc-page-inner > .ai-dash-header,
  .soc-page.scheduler-module .soc-scheduler-toolbar,
  .contacto-module .contacto-sf-toolbar,
  .oportunidad-module .contacto-sf-toolbar,
  .contacto-module #sf-contactos-toolbar.contacto-sf-toolbar
) {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-bottom: var(--soc-page-head-margin-bottom) !important;
  padding: var(--soc-page-head-pad-y) var(--soc-page-head-pad-x) !important;
  align-items: center !important;
}

/* Cliente/Pedido: título + acciones centrados en la misma fila */
html body :is(
  .contacto-module .contacto-sf-toolbar,
  .oportunidad-module .contacto-sf-toolbar,
  .contacto-module #sf-contactos-toolbar.contacto-sf-toolbar
) {
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 20px 18px !important;
  min-height: 76px !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module).soc-page > .soc-contact-toolbar,
html body :is(.contacto-module, .oportunidad-module).soc-page > #tour-contactos-toolbar,
html body :is(.contacto-module, .oportunidad-module).soc-page > .contacto-sf-toolbar {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-top: 0 !important;
}

html body :is(.contacto-module, .oportunidad-module).soc-page {
  gap: 16px !important;
}

html body :is(.contacto-module, .oportunidad-module).soc-page > .soc-page-inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card stepper / filtros: mismo chrome y padding que el toolbar */
html body :is(.contacto-module, .oportunidad-module) .soc-page-inner > .ai-dash-header,
html body :is(.soc-page.contacto-module, .soc-page.oportunidad-module) .soc-page-inner > .ai-dash-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body :is(
  .contacto-module .contacto-sf-toolbar .soc-toolbar-actions,
  .oportunidad-module .contacto-sf-toolbar .soc-toolbar-actions,
  .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title,
  .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title
) {
  align-self: center !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Fila t�tulo + acciones: sin padding extra abajo si no hay filtros debajo */
html body .soc-inicio-toolbar-top:last-child,
html body .soc-kanban-header-top:last-child,
html body .soc-inicio-toolbar > .soc-inicio-toolbar-top:only-child,
html body .soc-kanban-header > .soc-kanban-header-top:only-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

html body .soc-inicio-toolbar-top,
html body .soc-kanban-header-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--soc-page-head-gap-row) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Cuando S� hay filtros debajo, separador uniforme */
html body .soc-inicio-toolbar-top:not(:last-child),
html body .soc-kanban-header-top:not(:last-child) {
  padding-bottom: var(--soc-page-head-pad-y) !important;
  border-bottom: 1px solid #e8ecea !important;
}

/* Bloque t�tulo: icono + textos */
html body :is(
  .soc-inicio-title,
  .ai-dash-title,
  .soc-toolbar-page-title,
  .soc-kanban-header .soc-inicio-title,
  .soc-page .ai-dash-header .ai-dash-title,
  .soc-dashboard-page .ai-dash-header .ai-dash-title
) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: var(--soc-page-head-gap-icon) !important;
  min-width: 0 !important;
}

/* Iconos 36�36 */
html body :is(
  .soc-inicio-title-icon,
  .ai-dash-title-icon,
  .soc-home-saludo-icon,
  .soc-kanban-header .soc-inicio-title-icon,
  .soc-kanban-header .ai-dash-title-icon,
  .soc-page .ai-dash-header .ai-dash-title-icon,
  .soc-dashboard-page .ai-dash-header .ai-dash-title-icon,
  .soc-leads-section-icon
) {
  width: var(--soc-page-head-icon) !important;
  height: var(--soc-page-head-icon) !important;
  min-width: var(--soc-page-head-icon) !important;
  min-height: var(--soc-page-head-icon) !important;
  max-width: var(--soc-page-head-icon) !important;
  max-height: var(--soc-page-head-icon) !important;
  flex: 0 0 var(--soc-page-head-icon) !important;
  box-sizing: border-box !important;
  border-radius: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* T�tulos */
html body :is(
  .soc-inicio-title h2,
  .ai-dash-header h2,
  .ai-dash-title h2,
  .soc-kanban-header h2,
  .soc-toolbar-page-title .soc-client-head-title,
  .soc-page.mensajes-programados-module .ai-dash-header h2,
  .soc-page.leads-module .ai-dash-header h2,
  .soc-leads-section-name
) {
  margin: 0 !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  line-height: 1.25 !important;
}

/* Subt�tulos */
html body :is(
  .soc-inicio-title .ai-dash-subtitle,
  .ai-dash-header .ai-dash-subtitle,
  .soc-toolbar-page-title .ai-dash-subtitle,
  .soc-page.leads-module .ai-dash-header .ai-dash-subtitle,
  .soc-page.mensajes-programados-module .ai-dash-header .ai-dash-subtitle,
  .soc-leads-section-desc
) {
  margin: 2px 0 0 !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

/* Acciones / botones del header: mismo gap */
html body :is(
  .soc-inicio-toolbar-actions,
  .soc-kanban-header-actions,
  .ai-dash-header .ai-dash-controls,
  .soc-toolbar-actions,
  .soc-page.leads-module .ai-dash-header .ai-dash-controls
) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: var(--soc-page-head-gap-actions) !important;
  margin: 0 !important;
}

html body .soc-page.leads-module .ai-dash-header .ai-dash-controls {
  margin-left: auto !important;
  height: auto !important;
}

html body .soc-inicio-toolbar-actions > *,
html body .soc-kanban-header-actions > *,
html body .ai-dash-header .ai-dash-controls > *,
html body .soc-toolbar-actions > *,
html body .soc-page.leads-module .ai-dash-header .ai-dash-controls > * {
  margin: 0 !important;
}

/* Gap interno del toolbar Inicio/Kanban entre filas */
html body .soc-inicio-toolbar,
html body .soc-kanban-page .soc-kanban-header {
  gap: var(--soc-page-head-pad-y) !important;
}

/* -- Pre-Firma + Calificación: mitad y mitad -- */
html body .oportunidad-module .soc-prefirma-split {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .oportunidad-module .soc-prefirma-split > .soc-datos-contacto-card {
  margin: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  padding-bottom: 16px !important;
  box-sizing: border-box !important;
}

/* Mismo gutter 18px que el resto de cards Soft Soft */
html body .oportunidad-module .soc-prefirma-split > .soc-datos-contacto-card > :not(h4) {
  margin-left: 18px !important;
  margin-right: 18px !important;
  box-sizing: border-box !important;
  max-width: calc(100% - 36px) !important;
}

html body .oportunidad-module .soc-prefirma-split > .soc-datos-contacto-card > h4 + * {
  margin-top: 14px !important;
}

html body .oportunidad-module .soc-prefirma-split .soc-form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px 14px !important;
  width: auto !important;
}

html body .oportunidad-module .soc-prefirma-split .soc-form-grid .soc-form-row {
  margin: 0 !important;
  min-width: 0 !important;
}

html body .oportunidad-module .soc-prefirma-split .soc-form-grid .soc-form-row .e-input-group,
html body .oportunidad-module .soc-prefirma-split .soc-form-grid .soc-form-row .e-control-wrapper,
html body .oportunidad-module .soc-prefirma-split .soc-form-grid .soc-form-row .e-datetime-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

html body .oportunidad-module .soc-prefirma-split .soc-prefirma-checks {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 14px !important;
  margin-top: 14px !important;
}

html body .oportunidad-module .soc-prefirma-split .soc-prefirma-checks label {
  margin: 0 !important;
  font-size: 0.82rem !important;
  color: #374151 !important;
}

html body .oportunidad-module .soc-prefirma-split .pi-rating-comentario {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 960px) {
  html body .oportunidad-module .soc-prefirma-split {
    grid-template-columns: 1fr !important;
  }

  html body .oportunidad-module .soc-prefirma-split .soc-form-grid,
  html body .oportunidad-module .soc-prefirma-split .soc-prefirma-checks {
    grid-template-columns: 1fr !important;
  }
}

/* -- Post-Firma empty: misma l�nea gr�fica Soft Soft (escudo) -- */
html body .oportunidad-module .soc-postfirma-pending {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 320px !important;
  padding: 48px 24px !important;
  text-align: center !important;
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

html body .oportunidad-module .soc-postfirma-pending__shield {
  display: block !important;
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  margin: 0 0 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("/images/ui-soc/empty-pedidos-shield.png?v=2") center / contain no-repeat !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body .oportunidad-module .soc-postfirma-pending__title {
  margin: 0 !important;
  max-width: 420px !important;
  color: #006d4e !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html body .oportunidad-module .soc-postfirma-pending__text {
  margin: 0 !important;
  max-width: 420px !important;
  color: #667085 !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}

html body .oportunidad-module .soc-postfirma-pending__text strong {
  color: #006d4e !important;
  font-weight: 700 !important;
}

html body .oportunidad-module .soc-postfirma-pending__sub {
  margin: 4px 0 0 !important;
  max-width: 420px !important;
  color: #667085 !important;
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
}

html body .oportunidad-module .soc-postfirma-pending__sub strong {
  color: #4f4f4f !important;
  font-weight: 600 !important;
}

/* ── Datos / Extras: 3 columnas + gutter interno ── */
html body .oportunidad-module .soc-detalles-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .oportunidad-module .soc-detalles-grid > .soc-detalle-card {
  min-width: 0 !important;
  height: auto !important;
  align-self: stretch !important;
}

html body .oportunidad-module .soc-detalle-card > .soc-form-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 14px 18px 0 !important;
  max-width: calc(100% - 36px) !important;
  box-sizing: border-box !important;
}

html body .oportunidad-module .soc-detalle-card > .soc-form-grid > .soc-form-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 12px !important;
  min-width: 0 !important;
}

html body .oportunidad-module .soc-detalle-card > .soc-form-grid > .soc-form-row:last-child {
  margin-bottom: 0 !important;
}

html body .oportunidad-module .soc-detalle-card > .soc-form-grid .e-input-group,
html body .oportunidad-module .soc-detalle-card > .soc-form-grid .e-control-wrapper,
html body .oportunidad-module .soc-detalle-card > .soc-form-grid .e-input,
html body .oportunidad-module .soc-detalle-card > .soc-form-grid input.e-input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 960px) {
  html body .oportunidad-module .soc-detalles-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Calendar Soft Soft: native date + Syncfusion chip ── */
html body :is(.contacto-module, .oportunidad-module) input[type="date"].e-input,
html body :is(.contacto-module, .oportunidad-module) .soc-form-row input[type="date"],
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card input[type="date"],
html body :is(.contacto-module, .oportunidad-module) .soc-form-grid input[type="date"],
html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card input[type="date"],
html body :is(.contacto-module, .oportunidad-module) .soc-pf-section input[type="date"] {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 48px 0 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #4f4f4f !important;
  font-size: 0.875rem !important;
  line-height: 40px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html body :is(.contacto-module, .oportunidad-module) input[type="date"].e-input:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-form-row input[type="date"]:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card input[type="date"]:hover,
html body :is(.contacto-module, .oportunidad-module) .soc-form-grid input[type="date"]:hover {
  border-color: #9ec5bb !important;
}

html body :is(.contacto-module, .oportunidad-module) input[type="date"].e-input:focus,
html body :is(.contacto-module, .oportunidad-module) .soc-form-row input[type="date"]:focus,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card input[type="date"]:focus,
html body :is(.contacto-module, .oportunidad-module) .soc-form-grid input[type="date"]:focus {
  outline: none !important;
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) input[type="date"]::-webkit-datetime-edit,
html body :is(.contacto-module, .oportunidad-module) input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

html body :is(.contacto-module, .oportunidad-module) input[type="date"]::-webkit-inner-spin-button,
html body :is(.contacto-module, .oportunidad-module) input[type="date"]::-webkit-clear-button {
  display: none !important;
  -webkit-appearance: none !important;
}

html body :is(.contacto-module, .oportunidad-module) input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1 !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: #006d4e !important;
  border-radius: 0 9px 9px 0 !important;
  filter: invert(1) brightness(2) !important;
}

/* Syncfusion Date/DateTime: chip verde Soft Soft en Pedidos/Clientes */
html body :is(.contacto-module, .oportunidad-module) .e-date-wrapper.e-input-group,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper.e-input-group,
html body :is(.contacto-module, .oportunidad-module) .e-input-group.e-date-wrapper,
html body :is(.contacto-module, .oportunidad-module) .e-input-group.e-datetime-wrapper,
html body :is(.contacto-module, .oportunidad-module) .e-control-wrapper.e-date-wrapper,
html body :is(.contacto-module, .oportunidad-module) .e-control-wrapper.e-datetime-wrapper {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  padding-right: 0 !important;
  min-height: 40px !important;
  align-items: stretch !important;
}

html body :is(.contacto-module, .oportunidad-module) .e-date-wrapper:hover,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper:hover {
  border-color: #9ec5bb !important;
}

html body :is(.contacto-module, .oportunidad-module) .e-date-wrapper.e-input-focus,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper.e-input-focus {
  border-color: #4ed176 !important;
  box-shadow: 0 0 0 2px rgba(78, 209, 118, 0.22) !important;
}

html body :is(.contacto-module, .oportunidad-module) .e-date-wrapper .e-input-group-icon.e-date-icon,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper .e-input-group-icon.e-date-icon,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper .e-input-group-icon.e-time-icon,
html body :is(.contacto-module, .oportunidad-module) .e-input-group .e-input-group-icon.e-date-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-datepicker-soft .e-input-group-icon.e-date-icon {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #006d4e !important;
  background-image: none !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  box-shadow: none !important;
}

html body :is(.contacto-module, .oportunidad-module) .e-date-wrapper .e-date-icon::before,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper .e-date-icon::before,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper .e-time-icon::before,
html body :is(.contacto-module, .oportunidad-module) .soc-datepicker-soft .e-date-icon::before {
  color: #ffffff !important;
}

/* ── Calendario Soft Soft: mismo icono + radio derecho 9px ── */
html body .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-datepicker-soft.e-input-group .e-input-group-icon.e-date-icon,
html body .e-input-group.soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-datepicker-soft .e-input-group-icon.e-time-icon,
html body .soc-datepicker-soft.e-input-group .e-input-group-icon.e-time-icon,
html body .e-input-group.soc-datepicker-soft .e-input-group-icon.e-time-icon,
html body .e-date-wrapper .e-input-group-icon.e-date-icon,
html body .e-time-wrapper .e-input-group-icon.e-time-icon,
html body .e-datetime-wrapper .e-input-group-icon.e-date-icon,
html body .e-input-group .e-input-group-icon.e-date-icon,
html body :is(.contacto-module, .oportunidad-module) .e-date-wrapper .e-input-group-icon.e-date-icon,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper .e-input-group-icon.e-date-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-datepicker-soft .e-input-group-icon.e-time-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-doc-field-caducidad-date .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body :is(.contacto-module, .oportunidad-module) .soc-doc-field-caducidad-date .e-input-group.soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-kanban-page .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .soc-dashboard-page .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body body.soc-scheduler-page-active .e-schedule-dialog .e-input-group-icon.e-date-icon {
  flex: 0 0 40px !important;
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  background-color: #006d4e !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
  align-self: stretch !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  order: 99 !important;
}

/* DateTime / Date / Time: chips verdes sin radio propio (el shell redondea con overflow) */
html body .e-datetime-wrapper .e-input-group-icon.e-time-icon,
html body .soc-datepicker-soft.e-datetime-wrapper .e-input-group-icon.e-time-icon,
html body .e-input-group.soc-datepicker-soft .e-input-group-icon.e-time-icon,
html body .soc-datepicker-soft .e-input-group-icon.e-time-icon,
html body .e-time-wrapper .e-input-group-icon.e-time-icon,
html body .e-dialog.soc-dialog .e-input-group-icon.e-time-icon,
html body .soc-page.mensajes-programados-module .e-input-group-icon.e-time-icon,
html body body.soc-scheduler-page-active .e-schedule-dialog .e-input-group-icon.e-time-icon,
html body .e-datetime-wrapper .e-input-group-icon.e-date-icon,
html body .soc-datepicker-soft.e-datetime-wrapper .e-input-group-icon.e-date-icon,
html body .e-date-wrapper .e-input-group-icon.e-date-icon,
html body .soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .e-input-group.soc-datepicker-soft .e-input-group-icon.e-date-icon,
html body .e-dialog.soc-dialog .e-input-group-icon.e-date-icon {
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html body .e-datetime-wrapper .e-input-group-icon.e-time-icon,
html body .soc-datepicker-soft.e-datetime-wrapper .e-input-group-icon.e-time-icon,
html body .e-input-group.soc-datepicker-soft .e-input-group-icon.e-time-icon {
  order: 98 !important;
}

html body .soc-datepicker-soft .e-date-icon::before,
html body .e-date-wrapper .e-date-icon::before,
html body .e-datetime-wrapper .e-date-icon::before,
html body .e-input-group .e-date-icon::before,
html body :is(.contacto-module, .oportunidad-module) .e-date-icon::before,
html body :is(.contacto-module, .oportunidad-module) .soc-doc-field-caducidad-date .soc-datepicker-soft .e-date-icon::before,
html body .soc-kanban-page .soc-datepicker-soft .e-date-icon::before,
html body .soc-page.mensajes-programados-module .soc-datepicker-soft .e-date-icon::before,
html body .soc-dashboard-page .soc-datepicker-soft .e-date-icon::before,
html body .e-datetime-wrapper .e-time-icon::before,
html body .e-time-wrapper .e-time-icon::before,
html body .soc-datepicker-soft .e-time-icon::before {
  display: inline-block !important;
  color: #ffffff !important;
  font-family: "e-icons" !important;
  background: none !important;
  background-image: none !important;
}

/* Shell completo redondeado; el chip verde hereda el radio derecho */
html body .soc-datepicker-soft.e-input-group,
html body .e-input-group.soc-datepicker-soft,
html body .e-date-wrapper.e-input-group,
html body .e-datetime-wrapper.e-input-group,
html body :is(.contacto-module, .oportunidad-module) .e-date-wrapper,
html body :is(.contacto-module, .oportunidad-module) .e-datetime-wrapper,
html body :is(.contacto-module, .oportunidad-module) .soc-doc-field-caducidad-date .soc-datepicker-soft.e-input-group,
html body :is(.contacto-module, .oportunidad-module) .soc-doc-field-caducidad-date .e-input-group.soc-datepicker-soft {
  border-radius: 9px !important;
  overflow: hidden !important;
}

html body :is(.contacto-module, .oportunidad-module) input[type="date"].e-input,
html body :is(.contacto-module, .oportunidad-module) .soc-form-row input[type="date"],
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card input[type="date"],
html body :is(.contacto-module, .oportunidad-module) .soc-form-grid input[type="date"],
html body :is(.contacto-module, .oportunidad-module) .soc-agenda-date input[type="date"],
html body .e-dialog.soc-dialog .soc-datetime-row input[type="date"],
html body .soc-dashboard-page .ai-dash-date-input {
  border-radius: 9px !important;
  background-image: none !important;
  overflow: hidden !important;
}

/* Seguimiento Agenda/Actividades/Notas: padding L/R 10px */
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col.soc-soft-card > .soc-agenda-header,
html body :is(.contacto-module, .oportunidad-module) .soc-soft-card > .soc-agenda-header {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-date,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-list,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-actividades-list,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-notas-list,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-placeholder {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* ── TODOS los headers Soft Soft de tarjetas: padding L/R 10px ── */
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-detalle-card > .soc-detalle-card-header,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-contacto-card > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-evento > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-prioridades > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-datos-detalle > .soc-card-oportunidades > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-opps-card .soc-opps-header,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-form-title,
html body :is(.contacto-module, .oportunidad-module) .soc-documentos-list-wrap > h4,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col > .soc-agenda-header,
html body :is(.contacto-module, .oportunidad-module) .soc-seguimiento-col.soc-soft-card > .soc-agenda-header,
html body :is(.contacto-module, .oportunidad-module) .soc-soft-card > .soc-agenda-header,
html body :is(.contacto-module, .oportunidad-module) .soc-soft-card > h4,
html body .oportunidad-module .soc-sim-form > .soc-sim-form-title,
html body .oportunidad-module h3.soc-sim-form-title,
html body .oportunidad-module .soc-pf-header,
html body .oportunidad-module .soc-pf-section-title {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* ── Modal Nuevo Evento / Actividad: DatePicker/TimePicker Soft Soft (e-icons, sin SVG) ── */
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .soc-datetime-row {
  display: flex !important;
  gap: 10px !important;
  align-items: stretch !important;
}

html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .soc-datetime-row > .e-control-wrapper,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .soc-datetime-row > .e-input-group,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .soc-datetime-row .soc-datepicker-soft {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
}

html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .soc-datepicker-soft.e-input-group,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-input-group.soc-datepicker-soft,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-date-wrapper,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-time-wrapper {
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  min-height: 44px !important;
  align-items: stretch !important;
  padding-right: 0 !important;
}

html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .soc-datepicker-soft .e-input,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-date-wrapper .e-input,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-time-wrapper .e-input {
  border-radius: 0 !important;
}

html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .soc-datepicker-soft.e-input-focus,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-date-wrapper.e-input-focus,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-time-wrapper.e-input-focus {
  border-color: #006d4e !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-input-group-icon.e-date-icon,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-input-group-icon.e-time-icon {
  flex: 0 0 40px !important;
  min-width: 40px !important;
  width: 40px !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: #006d4e !important;
  background-image: none !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  box-shadow: none !important;
}

html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-date-icon::before,
html body .e-dialog.soc-dialog :is(.soc-form-nuevo-evento, .soc-form-actividad) .e-time-icon::before {
  display: inline-block !important;
  color: #ffffff !important;
  font-family: "e-icons" !important;
  background: none !important;
  background-image: none !important;
}

/* Popup reloj Soft Soft */
html body .e-timepicker.e-popup .e-list-item.e-active,
html body .e-timepicker.e-popup-wrapper .e-list-item.e-active,
html body .e-popup.e-time-popup .e-list-item.e-active {
  background: #006d4e !important;
  color: #ffffff !important;
}

html body .e-timepicker.e-popup .e-list-item.e-hover,
html body .e-timepicker.e-popup-wrapper .e-list-item.e-hover,
html body .e-popup.e-time-popup .e-list-item.e-hover {
  background: #eaf7f1 !important;
  color: #006d4e !important;
}

/* Calendario popup Soft Soft (después de Syncfusion; sin azul nativo) */
html body .e-datepicker.e-popup-wrapper,
html body .e-datepicker.e-popup,
html body .e-datepicker .e-calendar,
html body .e-calendar.e-device {
  border-radius: 9px !important;
  overflow: hidden !important;
}

html body .e-calendar .e-content span.e-day {
  border-radius: 0 !important;
}

html body .e-calendar .e-content td:hover span.e-day,
html body .e-calendar .e-content span.e-day:hover {
  background: #eaf7f1 !important;
  color: #006d4e !important;
  border-radius: 0 !important;
}

html body .e-calendar .e-content td.e-today span.e-day,
html body .e-calendar .e-content span.e-day.e-today {
  background: transparent !important;
  color: #006d4e !important;
  box-shadow: inset 0 0 0 1.5px #4ed176 !important;
  border: none !important;
  border-radius: 0 !important;
}

html body .e-calendar .e-content td.e-selected span.e-day,
html body .e-calendar .e-content td.e-focused-date.e-selected span.e-day,
html body .e-calendar .e-content span.e-day.e-selected,
html body .e-calendar .e-content td.e-selected.e-today span.e-day,
html body .e-calendar .e-content td.e-selected span.e-day:hover {
  background: #006d4e !important;
  background-color: #006d4e !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .e-calendar .e-footer-container {
  display: none !important;
}

/* Cerrar modal: sin brinco en hover */
html body .e-dialog.soc-dialog .e-dlg-closeicon-btn,
html body .e-dialog.soc-dialog .e-dlg-closeicon-btn:hover,
html body .e-dialog.soc-dialog .e-dlg-closeicon-btn:focus,
html body .e-dialog.soc-dialog .e-dlg-closeicon-btn:active {
  animation: none !important;
  transform: translateY(-50%) !important;
  top: 50% !important;
}

/* ── Encabezado estilo Inicio/Leads reutilizable: <div class="ai-dash-header soc-titulo-soft"> ──
   Lo usan Mi Liga de Precalificador y el detalle de inmobiliaria. El icono va como SVG con
   la clase soc-titulo-soft-svg (trazo blanco sobre el cuadro azul). */
html body .ai-dash-header.soc-titulo-soft {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body .ai-dash-header.soc-titulo-soft .ai-dash-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body .ai-dash-header.soc-titulo-soft .ai-dash-title-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #0064a6 0%, #1e90ff 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
}

html body .ai-dash-header.soc-titulo-soft .soc-titulo-soft-svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: none !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body .ai-dash-header.soc-titulo-soft h2 {
  margin: 0 !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html body .ai-dash-header.soc-titulo-soft .ai-dash-subtitle {
  margin: 2px 0 0 !important;
  color: #667085 !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}

/* Tarjetas de la página: fondo blanco con borde suave, como el encabezado */
html body .soc-page.mi-liga-module .soc-card {
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  padding: 18px !important;
  box-shadow: none !important;
}