/* EHS AI — diálogos personalizados (confirm / alert / prompt) light + dark */

.ehs-dialog-overlay {
  position: fixed;
  inset: 0;
  z-index: 100001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.ehs-dialog-overlay.open {
  opacity: 1;
  pointer-events: all;
}

.ehs-dialog {
  background: var(--ehs-card-bg, #ffffff);
  border: 1px solid var(--ehs-border2, rgba(0, 0, 0, 0.14));
  border-radius: 18px;
  width: 100%;
  max-width: 430px;
  padding: 22px 22px 18px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
  transform: translateY(14px) scale(0.98);
  transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1);
  color: var(--ehs-fg, #1d1d1f);
}

.ehs-dialog-overlay.open .ehs-dialog {
  transform: translateY(0) scale(1);
}

.ehs-dialog__head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.ehs-dialog__icon {
  flex-shrink: 0;
  font-size: 22px;
  line-height: 1;
  margin-top: 1px;
}

.ehs-dialog__icon .material-symbols-outlined {
  font-size: 22px;
  font-variation-settings: "opsz" 24, "wght" 500, "FILL" 0, "GRAD" 0;
}

.ehs-dialog__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ehs-fg, #1d1d1f);
  margin: 0;
}

.ehs-dialog__message {
  font-size: 14px;
  line-height: 1.55;
  color: var(--ehs-meta, #64748b);
  margin: 0;
  white-space: pre-line;
}

.ehs-dialog__input {
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: inherit;
  border: 1px solid var(--ehs-border2, rgba(0, 0, 0, 0.14));
  border-radius: 10px;
  background: var(--ehs-soft, #fafafa);
  color: var(--ehs-fg, #1d1d1f);
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.ehs-dialog__input:focus {
  border-color: var(--ehs-accent, #0066ff);
  box-shadow: 0 0 0 3px rgba(var(--ehs-accent-rgb, 0, 102, 255), 0.18);
}

.ehs-dialog__input[hidden] {
  display: none !important;
}

.ehs-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

/* Botones mínimos para páginas standalone sin style-dashboard */
.ehs-dialog__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, opacity 0.15s;
}

.ehs-dialog__btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.ehs-dialog__btn--secondary {
  background: var(--ehs-soft, #f8fafc);
  border-color: var(--ehs-border2, rgba(0, 0, 0, 0.14));
  color: var(--ehs-fg, #1d1d1f);
}

.ehs-dialog__btn--secondary:hover:not(:disabled) {
  background: var(--ehs-soft2, #f1f5f9);
}

.ehs-dialog__btn--primary {
  background: var(--ehs-accent, #0066ff);
  border-color: var(--ehs-accent, #0066ff);
  color: var(--ehs-btn-fg, #ffffff);
}

.ehs-dialog__btn--primary:hover:not(:disabled) {
  filter: brightness(1.06);
}

.ehs-dialog__btn--delete {
  background: #ef4444;
  border-color: #ef4444;
  color: #ffffff;
}

.ehs-dialog__btn--delete:hover:not(:disabled) {
  background: #dc2626;
  border-color: #dc2626;
}

.ehs-dialog__btn--warning {
  background: #f59e0b;
  border-color: #f59e0b;
  color: #ffffff;
}

.ehs-dialog__btn--warning:hover:not(:disabled) {
  background: #d97706;
  border-color: #d97706;
}

/* Tones visuales del icono */
.ehs-dialog--delete .ehs-dialog__icon {
  color: #ef4444;
}

.ehs-dialog--warning .ehs-dialog__icon {
  color: #f59e0b;
}

.ehs-dialog--error .ehs-dialog__icon {
  color: #ef4444;
}

.ehs-dialog--default .ehs-dialog__icon,
.ehs-dialog--prompt .ehs-dialog__icon {
  color: var(--ehs-accent, #0066ff);
}

[data-theme="dark"] .ehs-dialog-overlay {
  background: rgba(0, 0, 0, 0.62);
}

[data-theme="dark"] .ehs-dialog {
  background: var(--ehs-card-bg, #181818);
  border-color: var(--ehs-border2, #2E2E2E);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .ehs-dialog__title {
  color: var(--ehs-fg, #e8eaed);
}

[data-theme="dark"] .ehs-dialog__message {
  color: var(--ehs-muted, #9ca3af);
}

[data-theme="dark"] .ehs-dialog__input {
  background: var(--ehs-soft, #1E1E1E);
  border-color: var(--ehs-border2, #2E2E2E);
  color: var(--ehs-fg, #e8eaed);
}

[data-theme="dark"] .ehs-dialog__btn--secondary {
  background: var(--ehs-soft, #1E1E1E);
  border-color: var(--ehs-border2, #2E2E2E);
  color: var(--ehs-fg, #e8eaed);
}

[data-theme="dark"] .ehs-dialog__btn--secondary:hover:not(:disabled) {
  background: #262626;
}

/* Compatibilidad con modal chat anterior */
.confirm-delete-modal {
  background: var(--ehs-card-bg, var(--white, #fff));
  border-radius: 18px;
  width: 100%;
  max-width: 430px;
  margin: 16px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
  transform: translateY(14px) scale(0.98);
  transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1);
}

.modal-overlay.open .confirm-delete-modal {
  transform: translateY(0) scale(1);
}

.confirm-delete-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  color: var(--ehs-fg, var(--dark, #1d1d1f));
  margin-bottom: 10px;
}

.confirm-delete-text {
  font-size: 14px;
  line-height: 1.55;
  color: var(--ehs-meta, #475569);
  white-space: pre-line;
}

.confirm-delete-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

[data-theme="dark"] .confirm-delete-modal {
  background: var(--ehs-card-bg, #181818);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .confirm-delete-title {
  color: var(--ehs-fg, #e8eaed);
}

[data-theme="dark"] .confirm-delete-text {
  color: var(--ehs-muted, #9ca3af);
}