/* Lightweight rendering overrides for slower browsers and busy mailbox views. */
:root {
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow: 0 2px 6px rgba(15, 23, 42, 0.07);
  --shadow-md: 0 4px 10px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 8px 18px rgba(15, 23, 42, 0.09);
  --shadow-xl: 0 12px 24px rgba(15, 23, 42, 0.1);
  --shadow-2xl: 0 16px 32px rgba(15, 23, 42, 0.12);
  --shadow-glass: 0 4px 14px rgba(15, 23, 42, 0.08);
  --shadow-colored: 0 6px 16px rgba(99, 102, 241, 0.14);
  --shadow-glow: none;
  --shadow-button: 0 3px 10px rgba(99, 102, 241, 0.16);
  --shadow-button-hover: 0 5px 14px rgba(99, 102, 241, 0.2);
  --blur-sm: none;
  --blur-md: none;
  --blur-lg: none;
  --blur-xl: none;
}

html[data-theme="dark"],
body.dark-mode {
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.18);
  --shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 8px 18px rgba(0, 0, 0, 0.32);
  --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.36);
  --shadow-2xl: 0 16px 32px rgba(0, 0, 0, 0.42);
  --shadow-glass: 0 4px 14px rgba(0, 0, 0, 0.28);
  --shadow-colored: 0 6px 16px rgba(99, 102, 241, 0.18);
  --shadow-glow: none;
  --shadow-button: 0 3px 10px rgba(99, 102, 241, 0.2);
  --shadow-button-hover: 0 5px 14px rgba(99, 102, 241, 0.24);
}

body::before,
body::after,
.demo-banner::before,
.email-display::before,
.email-display.has-email::before,
.mailbox-display::before,
.brand-icon {
  animation: none !important;
}

.demo-banner::before,
.email-display::before,
.email-display.has-email::before,
.mailbox-display::before {
  display: none !important;
}

.topbar,
.sidebar,
.card,
.inbox-card,
.email-display,
.email-meta-inline,
.modal,
.modal-card,
.modal-header,
.field-input,
.field-textarea,
.select,
.control-row,
.mailbox-item,
.mailbox-card,
.mailbox-info-card,
.mailbox-display,
.searchbar,
.role-badge,
.btn,
.chip,
.toggle,
.input-sm,
.select-sm,
.custom-input,
.custom-overlay,
.form-group .input,
.user-card,
.admin-card,
.stats-card {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.topbar,
.sidebar,
.card,
.inbox-card,
.email-display,
.modal-card,
.mailbox-card,
.mailbox-info-card,
.mailbox-display,
.user-card,
.admin-card,
.stats-card {
  box-shadow: var(--shadow-glass) !important;
}

.btn:hover,
.card:hover,
.email-item:hover,
.mailbox-item:hover,
.mailbox-card:hover,
.user-card:hover,
.admin-card:hover,
.stats-card:hover {
  transform: none !important;
}

.mailbox-item,
.email-item,
.btn,
.card,
.mailbox-card,
.user-card,
.admin-card,
.stats-card {
  transition-duration: 120ms !important;
}

@media (max-width: 900px) {
  body::before,
  body::after {
    display: none !important;
  }
}