/* Listmonk soft minimal theme.
   Loaded through Settings -> Appearance -> Custom CSS. */
:root {
  --lm-page: #f7f8fb;
  --lm-surface: #ffffff;
  --lm-surface-soft: #f1f5f9;
  --lm-border: #dbe3ee;
  --lm-border-strong: #c8d3e0;
  --lm-text: #172033;
  --lm-muted: #64748b;
  --lm-primary: #2563eb;
  --lm-primary-soft: #dbeafe;
  --lm-success: #16a34a;
  --lm-warning: #d97706;
  --lm-danger: #dc2626;
  --lm-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

html,
body {
  background: var(--lm-page) !important;
  color: var(--lm-text) !important;
  letter-spacing: 0 !important;
}

a {
  color: var(--lm-primary) !important;
}

input,
select,
textarea,
.input,
.textarea,
.select select {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-text) !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.input:focus,
.textarea:focus,
.select select:focus {
  border-color: var(--lm-primary) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
}

button,
.button {
  border-radius: 6px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.button.is-primary,
.button.primary,
button[type="submit"] {
  background: var(--lm-primary) !important;
  border-color: var(--lm-primary) !important;
  color: #ffffff !important;
}

.button.is-light,
.button.is-white,
.button:not(.is-primary):not(.primary),
button:not([type="submit"]) {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-text) !important;
}

.box,
.card,
.modal-card,
.panel,
.dropdown-content,
.menu-list a,
.navbar,
.tabs,
.table-container,
.settings,
.content-box,
.vue-grid-item,
section.login,
.form {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}

.navbar,
.topbar,
.sidebar,
.menu,
aside,
nav {
  background: var(--lm-surface) !important;
  color: var(--lm-text) !important;
}

.menu-list a,
.navbar-item,
.tabs a {
  color: var(--lm-muted) !important;
}

.menu-list a:hover,
.menu-list a.is-active,
.navbar-item:hover,
.tabs li.is-active a {
  background: var(--lm-primary-soft) !important;
  color: var(--lm-primary) !important;
}

table,
.table {
  background: var(--lm-surface) !important;
  color: var(--lm-text) !important;
}

thead,
thead tr,
.table thead th {
  background: var(--lm-surface-soft) !important;
  color: #334155 !important;
  border-color: var(--lm-border) !important;
}

td,
th,
.table td,
.table th {
  border-color: var(--lm-border) !important;
}

tbody tr:hover,
.table tbody tr:hover {
  background: #f8fafc !important;
}

.tag,
.badge,
.pill {
  background: var(--lm-surface-soft) !important;
  border: 1px solid var(--lm-border) !important;
  color: #475569 !important;
}

.tag.is-success,
.badge-success,
.status-success {
  background: #dcfce7 !important;
  color: #166534 !important;
}

.tag.is-warning,
.badge-warning,
.status-warning {
  background: #fef3c7 !important;
  color: #92400e !important;
}

.tag.is-danger,
.badge-danger,
.status-danger {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

.notification,
.message,
.help,
.hint {
  border-radius: 6px !important;
}

.notification.is-info,
.message.is-info {
  background: #eff6ff !important;
  color: #1e3a8a !important;
}

code,
pre {
  background: #eef2f7 !important;
  color: #1f2937 !important;
}

footer {
  color: var(--lm-muted) !important;
}