.modal-backdrop.show {
  opacity: 0.68;
  backdrop-filter: blur(2px);
}

.modal-content,
.app-modal-content {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.97), rgba(15, 23, 42, 0.99)) !important;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  box-shadow: 0 26px 70px rgba(2, 6, 23, 0.45);
  color: #e5e7eb;
  overflow: hidden;
}

.modal-header,
.modal-footer {
  background: rgba(15, 23, 42, 0.58);
  border-color: rgba(148, 163, 184, 0.2);
}

.modal-title {
  color: #f8fafc;
  font-weight: 850;
  letter-spacing: 0;
}

.modal-body {
  color: #e5e7eb;
}

.modal .btn {
  border-radius: 8px;
  font-weight: 800;
}

.modal .btn-close {
  filter: invert(1) grayscale(100%);
  opacity: 0.75;
}

.modal .btn-close:hover,
.modal .btn-close:focus {
  opacity: 1;
}

.app-confirm-modal .modal-dialog {
  max-width: min(92vw, 520px);
}

.app-confirm-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 999px;
  background: rgba(220, 38, 38, 0.14);
  border: 1px solid rgba(248, 113, 113, 0.34);
  color: #f87171;
}

.app-confirm-message {
  padding: 0.9rem 1rem;
  border: 1px solid rgba(248, 113, 113, 0.24);
  border-radius: 8px;
  background: rgba(127, 29, 29, 0.18);
  color: #fecaca;
  font-weight: 750;
  white-space: pre-line;
}

.danger-zone,
.app-danger-zone {
  padding: 1rem;
  border: 1px solid rgba(248, 113, 113, 0.3);
  border-left: 4px solid #dc2626;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(127, 29, 29, 0.18), rgba(15, 23, 42, 0.6));
  color: #fee2e2;
}

.danger-zone h6,
.app-danger-zone h6,
.danger-zone strong,
.app-danger-zone strong {
  color: #fecaca;
}

.danger-zone .btn-danger,
.app-danger-zone .btn-danger {
  background: #dc2626;
  border-color: #ef4444;
  box-shadow: 0 10px 22px rgba(220, 38, 38, 0.22);
}

.danger-zone .btn-danger:hover,
.app-danger-zone .btn-danger:hover {
  background: #b91c1c;
  border-color: #f87171;
}

.modal .alert-warning,
.modal .alert-danger {
  border-radius: 8px;
  border-width: 1px;
}

html[data-bs-theme="light"] .modal-content,
html[data-bs-theme="light"] .app-modal-content {
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  color: #0f172a;
}

html[data-bs-theme="light"] .modal-header,
html[data-bs-theme="light"] .modal-footer {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.12);
}

html[data-bs-theme="light"] .modal-title,
html[data-bs-theme="light"] .modal-body {
  color: #0f172a;
}

html[data-bs-theme="light"] .modal .btn-close {
  filter: none;
}

html[data-bs-theme="light"] .app-confirm-message {
  background: #fef2f2;
  color: #7f1d1d;
}

html[data-bs-theme="light"] .danger-zone,
html[data-bs-theme="light"] .app-danger-zone {
  background: linear-gradient(180deg, #fef2f2, #ffffff);
  color: #7f1d1d;
}