/* Simple reusable toast styles (no inline styles, CSP-friendly) */

#toast-root {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1080; /* above navbar */
}

.toast-message {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  background: rgba(45, 42, 58, 0.95);
  color: #fff;
  border-left: 4px solid #6c63ff; /* default accent */
}

.toast-message.success { border-left-color: #28a745; }
.toast-message.error { border-left-color: #dc3545; }
.toast-message.info { border-left-color: #17a2b8; }
.toast-message.warning { border-left-color: #ffc107; color: #2d2a3a; background: #fffbe6; }

.toast-text {
  flex: 1;
}

.toast-close {
  background: transparent;
  border: none;
  color: inherit;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}