:root {
  --itm-bg: #0d1218;
  --itm-bg-2: #131a23;
  --itm-panel: #19222d;
  --itm-panel-2: #202b38;
  --itm-border: #314153;
  --itm-text: #e7eef7;
  --itm-muted: #a4b1c2;
  --itm-accent: #35a7ff;
  --itm-accent-2: #50d18d;
  --itm-danger: #ff6470;
  --itm-shadow: 0 18px 60px rgba(0, 0, 0, .35);
}

.itconf-mails-theme-toggle {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 2147483000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(53, 167, 255, .35);
  border-radius: 999px;
  padding: 9px 13px;
  background: rgba(15, 22, 30, .92);
  color: #e7eef7;
  font: 600 13px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-shadow: var(--itm-shadow);
  cursor: pointer;
  backdrop-filter: blur(12px);
}

.itconf-mails-theme-toggle:hover {
  border-color: rgba(53, 167, 255, .75);
}

.itconf-mails-theme-toggle__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--itm-accent);
  box-shadow: 0 0 0 4px rgba(53, 167, 255, .13);
}

html.itconf-mails-dark,
html.itconf-mails-dark body {
  background: var(--itm-bg) !important;
  color: var(--itm-text) !important;
}

html.itconf-mails-dark .container.wrap,
html.itconf-mails-dark .wrap,
html.itconf-mails-dark section.login,
html.itconf-mails-dark section.center,
html.itconf-mails-dark .form,
html.itconf-mails-dark .home-options {
  background: var(--itm-panel) !important;
  color: var(--itm-text) !important;
  border-color: var(--itm-border) !important;
}

html.itconf-mails-dark .container.wrap {
  border: 1px solid var(--itm-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--itm-shadow) !important;
}

html.itconf-mails-dark .header {
  border-color: var(--itm-border) !important;
}

.itconf-mails-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--itm-text);
  font: 800 25px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  text-decoration: none;
}

.itconf-mails-logo::before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 7px;
  background: linear-gradient(135deg, var(--itm-accent), var(--itm-accent-2));
  box-shadow: 0 0 0 6px rgba(53, 167, 255, .13);
}

.itconf-mails-logo img {
  display: none !important;
}

html.itconf-mails-dark .navbar,
html.itconf-mails-dark .menu,
html.itconf-mails-dark .sidebar,
html.itconf-mails-dark .panel,
html.itconf-mails-dark .card,
html.itconf-mails-dark .box,
html.itconf-mails-dark .modal-card,
html.itconf-mails-dark .dropdown-content,
html.itconf-mails-dark .tabs,
html.itconf-mails-dark .table,
html.itconf-mails-dark .content,
html.itconf-mails-dark .section,
html.itconf-mails-dark .hero,
html.itconf-mails-dark .footer {
  background-color: var(--itm-panel) !important;
  color: var(--itm-text) !important;
  border-color: var(--itm-border) !important;
}

html.itconf-mails-dark .table thead th,
html.itconf-mails-dark .table tbody td,
html.itconf-mails-dark .table tbody th,
html.itconf-mails-dark table thead th,
html.itconf-mails-dark table tbody td,
html.itconf-mails-dark table tbody th {
  background-color: var(--itm-panel) !important;
  color: var(--itm-text) !important;
  border-color: var(--itm-border) !important;
}

html.itconf-mails-dark .table.is-striped tbody tr:not(.is-selected):nth-child(even),
html.itconf-mails-dark table tbody tr:nth-child(even) {
  background-color: var(--itm-panel-2) !important;
}

html.itconf-mails-dark input,
html.itconf-mails-dark textarea,
html.itconf-mails-dark select,
html.itconf-mails-dark .input,
html.itconf-mails-dark .textarea,
html.itconf-mails-dark .select select {
  background-color: #101821 !important;
  color: var(--itm-text) !important;
  border-color: var(--itm-border) !important;
}

html.itconf-mails-dark label,
html.itconf-mails-dark h1,
html.itconf-mails-dark h2,
html.itconf-mails-dark h3,
html.itconf-mails-dark h4,
html.itconf-mails-dark h5,
html.itconf-mails-dark h6 {
  color: var(--itm-text) !important;
}

html.itconf-mails-dark input::placeholder,
html.itconf-mails-dark textarea::placeholder {
  color: #768498 !important;
}

html.itconf-mails-dark a {
  color: #79c7ff !important;
}

html.itconf-mails-dark .button.is-primary,
html.itconf-mails-dark button.is-primary,
html.itconf-mails-dark .button[type="submit"],
html.itconf-mails-dark button[type="submit"] {
  background-color: var(--itm-accent) !important;
  color: #06101a !important;
  border-color: var(--itm-accent) !important;
}

html.itconf-mails-dark .button,
html.itconf-mails-dark button {
  border-color: var(--itm-border) !important;
}

html.itconf-mails-dark .tag,
html.itconf-mails-dark .notification,
html.itconf-mails-dark .message,
html.itconf-mails-dark .message-body {
  background-color: var(--itm-panel-2) !important;
  color: var(--itm-text) !important;
  border-color: var(--itm-border) !important;
}

html.itconf-mails-dark .has-text-grey,
html.itconf-mails-dark .has-text-grey-light,
html.itconf-mails-dark .help,
html.itconf-mails-dark small,
html.itconf-mails-dark .subtitle {
  color: var(--itm-muted) !important;
}

html.itconf-mails-dark .CodeMirror,
html.itconf-mails-dark .cm-editor,
html.itconf-mails-dark pre,
html.itconf-mails-dark code {
  background-color: #0b1118 !important;
  color: var(--itm-text) !important;
}

.itconf-mails-brand-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  color: var(--itm-text);
  font: 700 15px/1.1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html.itconf-mails-dark footer,
html.itconf-mails-dark footer.container {
  color: var(--itm-muted) !important;
  background: transparent !important;
}

.itconf-mails-brand-chip::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 3px;
  background: linear-gradient(135deg, var(--itm-accent), var(--itm-accent-2));
  box-shadow: 0 0 0 5px rgba(53, 167, 255, .12);
}