/* ====== GLOBAL ====== */
:root {
  --bg-main: #0E0B0C;
  --bg-panel: #151112;
  --bg-panel-2: #1C1517;
  --border: #2A1E21;

  --accent: #6E0F1C;
  --accent-hover: #8B1625;

  --text-main: #EDE6E7;
  --text-muted: #A79A9D;
}

/* Base */
body, html {
  background: var(--bg-main) !important;
  color: var(--text-main) !important;
}

#container {
  background: var(--bg-main) !important;
}

/* Header */
#header {
  background: linear-gradient(90deg, #1A0F12, #0E0B0C) !important;
  border-bottom: 1px solid var(--border) !important;
}

#branding h1 {
  color: var(--text-main) !important;
  font-weight: 800;
}

#user-tools {
  color: var(--text-muted) !important;
}

/* Sidebar */
#nav-sidebar {
  background: var(--bg-panel) !important;
  border-right: 1px solid var(--border) !important;
}

#nav-sidebar .module th {
  background: transparent !important;
  color: var(--text-muted) !important;
}

/* Content */
#content {
  background: var(--bg-main) !important;
}

.module, .inline-group {
  background: var(--bg-panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px;
}

/* Forms */
input, textarea, select {
  background: #0F0C0D !important;
  border: 1px solid var(--border) !important;
  color: var(--text-main) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px rgba(110,15,28,.4);
}

/* Buttons */
.button, input[type=submit], .submit-row input {
  background: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  color: #fff !important;
  border-radius: 8px;
  font-weight: 700;
}

.button:hover {
  background: var(--accent-hover) !important;
}

/* Links */
a {
  color: #D5B3B8 !important;
}

a:hover {
  color: #fff !important;
}

/* Tables */
table {
  background: var(--bg-panel) !important;
}

thead th {
  background: #1A1113 !important;
  color: var(--text-muted) !important;
  border-bottom: 1px solid var(--border) !important;
}

tbody tr:nth-child(even) {
  background: #120E10 !important;
}

/* Messages */
.messagelist li {
  background: #1C1114 !important;
  border-left: 4px solid var(--accent) !important;
  color: var(--text-main) !important;
}

/* Delete / danger */
.deletelink {
  color: #9B1C2D !important;
}