/* VetDay — modais de diálogo e avisos inline (substitui Bootstrap .alert) */

.vd-dialog-modal .modal-content {
  border-radius: var(--radius-lg, 14px);
}

.vd-dialog-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.vd-dialog-icon--confirm {
  background: rgba(45, 125, 253, 0.12);
  color: var(--color-primary, #2d7dfd);
}

.vd-dialog-icon--info {
  background: rgba(14, 165, 233, 0.12);
  color: #0ea5e9;
}

.vd-dialog-icon--success {
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
}

.vd-dialog-icon--warning {
  background: rgba(245, 158, 11, 0.15);
  color: #d97706;
}

.vd-dialog-icon--danger {
  background: rgba(239, 68, 68, 0.12);
  color: #ef4444;
}

#vdDialogBody {
  color: var(--color-text-muted);
  white-space: pre-line;
  line-height: 1.55;
}

/* Avisos persistentes na página (não usam classe .alert do Bootstrap) */
.vd-callout {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border-radius: var(--radius, 10px);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  font-size: 0.9rem;
  line-height: 1.45;
}

.vd-callout > i.bi:first-child {
  font-size: 1.1rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

.vd-callout-info {
  border-color: rgba(14, 165, 233, 0.35);
  background: rgba(14, 165, 233, 0.06);
}

.vd-callout-info > i {
  color: #0ea5e9;
}

.vd-callout-warning {
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.08);
}

.vd-callout-warning > i {
  color: #d97706;
}

.vd-callout-danger {
  border-color: rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.06);
}

.vd-callout-danger > i {
  color: #ef4444;
}

.vd-callout-success {
  border-color: rgba(16, 185, 129, 0.35);
  background: rgba(16, 185, 129, 0.06);
}

.vd-callout-success > i {
  color: #10b981;
}

.vd-callout-muted {
  background: var(--color-surface-alt);
  color: var(--color-text-muted);
}

.vd-callout-light {
  background: var(--color-bg);
}