/* Toast styling - Minimal */
div[id$="-toast"] .toast-header {
  background-color: var(--background-muted) !important;
  color: var(--text-dark) !important;
  border-bottom: 1px solid var(--border-color) !important;
  font-weight: 500 !important;
  padding: var(--spacing-md) var(--spacing-lg) !important;
  font-size: 0.875rem;
}

div[id$="-toast"] {
  border-radius: var(--border-radius-lg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
  background: var(--glass-bg-dark) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  overflow: hidden !important;
}

div[id$="-toast"] .toast-body {
  padding: var(--spacing-lg) !important;
  font-size: 0.875rem;
  color: var(--text-dark);
}

/* Toast close button styling */
#save-portfolio-toast .btn-close {
  filter: invert(0) !important;
  opacity: 1 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
}

#save-portfolio-toast .btn-close:hover {
  opacity: 0.75 !important;
  filter: invert(0) !important;
}

.toast {
  border-radius: var(--border-radius);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s ease;
}

.toast.supporter-toast {
  background: linear-gradient(145deg, #f5d74f, #f59331);
  color: #333;
}

.toast-glass {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #000000;
}

.toast-glass.glow {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5),
              0 0 40px rgba(220, 53, 69, 0.3);
}

/* Special toast for portfolio calculation - Glassmorphism */
#portfolio-toast {
  background: var(--glass-bg-dark) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  color: var(--text-dark) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--border-radius-lg) !important;
  box-shadow: var(--glass-shadow) !important;
}

#portfolio-toast .toast-body {
  color: var(--text-dark) !important;
}

#portfolio-toast p,
#portfolio-toast span,
#portfolio-toast div {
  color: var(--text-dark) !important;
}

/* Portfolio toast 2 (for Tracker) - Glassmorphism */
#portfolio-toast-2 {
  background: var(--glass-bg-dark) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  color: var(--text-dark) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--border-radius-lg) !important;
  box-shadow: var(--glass-shadow) !important;
}

#portfolio-toast-2 .toast-body {
  color: var(--text-dark) !important;
}

#portfolio-toast-2 p,
#portfolio-toast-2 span,
#portfolio-toast-2 div {
  color: var(--text-dark) !important;
}

/* Ensure all Bootstrap/Dash modals are above any cards/dropdowns - Glassmorphism */
.modal,
.modal.show {
  z-index: 20000 !important;
}

.modal-content {
  background: var(--glass-bg-dark) !important;
  backdrop-filter: var(--glass-blur-heavy) !important;
  -webkit-backdrop-filter: var(--glass-blur-heavy) !important;
  border: 1px solid var(--glass-border-light) !important;
  box-shadow: var(--glass-shadow-heavy) !important;
  border-radius: var(--border-radius-xl) !important;
}

.modal-backdrop,
.modal-backdrop.show {
  z-index: 19900 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.modal-header {
  border-bottom: 1px solid var(--glass-border) !important;
  padding: var(--spacing-xl) !important;
  background: transparent !important;
}

.modal-title {
  font-weight: 600 !important;
  font-size: 1.125rem;
  letter-spacing: -0.01em;
  color: var(--text-dark);
}

.modal-footer {
  border-top: 1px solid var(--glass-border) !important;
  padding: var(--spacing-xl) !important;
  background: transparent !important;
}

.modal-body {
  background: transparent !important;
}

/* Ensure Bootstrap tooltips/popovers appear above modals */
.tooltip,
.popover {
  z-index: 21000 !important;
}

/* Loading Toast Styling - Glassmorphism */
#comparison-loading-toast {
  background: var(--glass-bg-dark);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

#comparison-loading-toast .toast-header {
  background-color: var(--primary-color);
  color: white;
  border: none;
}

/* Portfolio Toast Styling - Glassmorphism */
.portfolio-toast {
  background: var(--glass-bg-dark);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: 10px;
}

.portfolio-toast .toast-header {
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}