/* Theme Toasts — Dark mode overrides for PNotify (brighttheme).
   Light mode keeps the original bright pastel palette. */

[data-theme="dark"] .ui-pnotify .brighttheme {
  /* Generic dark container; per-type rules below set accent border/text */
  background-color: var(--bg-card);
  color: var(--text-primary);
  border: 1px solid var(--border-subtle);
}

[data-theme="dark"] .ui-pnotify .brighttheme .ui-pnotify-title {
  color: var(--text-primary);
}
[data-theme="dark"] .ui-pnotify .brighttheme .ui-pnotify-text {
  color: var(--text-primary);
}

/* Per-type accents — left border + icon color carry the meaning, body
   stays on the dark card so toasts feel native to the rest of the UI. */
[data-theme="dark"] .ui-pnotify .brighttheme-notice {
  background-color: var(--bg-card);
  color: var(--text-primary);
  border-left: 4px solid var(--accent-warning);
}
[data-theme="dark"] .ui-pnotify .brighttheme-info {
  background-color: var(--bg-card);
  color: var(--text-primary);
  border-left: 4px solid var(--accent-info);
}
[data-theme="dark"] .ui-pnotify .brighttheme-success {
  background-color: var(--bg-card);
  color: var(--text-primary);
  border-left: 4px solid var(--accent-success);
}
[data-theme="dark"] .ui-pnotify .brighttheme-error {
  background-color: var(--bg-card);
  color: var(--text-primary);
  border-left: 4px solid var(--accent-danger);
  /* Original has a busy diagonal stripe; remove for the dark card */
  background-image: none;
}

/* Icon chips inside brighttheme */
[data-theme="dark"] .ui-pnotify .brighttheme-icon-notice {
  background-color: var(--accent-warning);
  color: var(--text-inverse);
}
[data-theme="dark"] .ui-pnotify .brighttheme-icon-info {
  background-color: var(--accent-info);
  color: var(--text-inverse);
}
[data-theme="dark"] .ui-pnotify .brighttheme-icon-success {
  background-color: var(--accent-success);
  color: var(--text-inverse);
}
[data-theme="dark"] .ui-pnotify .brighttheme-icon-error {
  border-bottom-color: var(--accent-danger);
  color: var(--text-inverse);
}
[data-theme="dark"] .ui-pnotify .brighttheme-icon-closer,
[data-theme="dark"] .ui-pnotify .brighttheme-icon-sticker {
  color: var(--text-muted);
}

/* Action bar (used for confirm/prompt PNotify popups) */
[data-theme="dark"] .ui-pnotify .brighttheme .ui-pnotify-action-button {
  color: var(--text-primary);
}
[data-theme="dark"] .ui-pnotify .brighttheme-notice
  .ui-pnotify-action-button.btn-primary {
  background-color: var(--accent-warning);
  color: var(--text-inverse);
}
[data-theme="dark"] .ui-pnotify .brighttheme-info
  .ui-pnotify-action-button.btn-primary {
  background-color: var(--accent-info);
  color: var(--text-inverse);
}
[data-theme="dark"] .ui-pnotify .brighttheme-success
  .ui-pnotify-action-button.btn-primary {
  background-color: var(--accent-success);
  color: var(--text-inverse);
}
[data-theme="dark"] .ui-pnotify .brighttheme-error
  .ui-pnotify-action-button.btn-primary {
  background-color: var(--accent-danger);
  color: var(--text-inverse);
}