:root {
  --content-padding: 2rem;
  --sidebar-left-padding: 0.75rem;
}

#content-wrapper {
  width: 100%;
}

#content .container-fluid {
  max-width: none;
  width: 100%;
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
}

.sidebar {
  padding-left: var(--sidebar-left-padding);
}

.sidebar .nav-item .nav-link {
  padding-left: 1rem;
}

.sidebar .nav-link .dropdown-toggle-icon {
  float: right;
  margin-top: 0.2rem;
}

.sidebar .collapse-inner.themed-collapse {
  background-color: #1c2a4d;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar .collapse-inner.themed-collapse .collapse-item {
  color: #f8f9fc;
  display: block;
}

.sidebar .collapse-inner.themed-collapse .collapse-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.table-hover tbody tr:hover {
  background-color: inherit;
  color: #f2b36b;
}

@media (max-width: 991.98px) {
  :root {
    --content-padding: 1.25rem;
    --sidebar-left-padding: 0.5rem;
  }
}

#logs-page .logs-card {
  border: none;
  background-color: #1b2c4d;
}

#logs-page .logs-card .card-header {
  background: linear-gradient(180deg, #395acb 0%, #1b3aa8 100%);
  border-bottom: none;
}

#logs-page .logs-card .card-header .nav-link {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
}

#logs-page .logs-card .card-header .nav-link.active {
  color: #e6edff;
  background-color: #1b2c4d;
  border-color: #1b2c4d #1b2c4d #1b2c4d;
}

#logs-page .logs-card .card-body {
  background-color: #1b2c4d;
}

#logs-page .logs-card .table {
  background-color: #1b2c4d;
  color: #e6edff;
}

#logs-page .logs-card .table thead th {
  background-color: #2b4bb5;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}

#logs-page .logs-card .table td {
  background-color: #22345a;
  color: #e6edff;
  border-color: rgba(255, 255, 255, 0.12);
}

#logs-page .logs-card .table td a {
  color: #cbd7ff;
}

.api-tos-modal .modal-content {
  background-color: #1b2c4d;
  color: #e6edff;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.api-tos-modal .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.api-tos-modal .modal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.api-tos-modal table {
  width: 100%;
  background-color: #1b2c4d;
  color: #e6edff;
}

.api-tos-modal td,
.api-tos-modal th {
  border-color: #395acb !important;
}

.api-tos-modal code {
  color: #f2b36b;
  white-space: normal;
  word-break: break-word;
}

.attack-faction-modal .modal-content {
  background: #0f1f33;
  border: 1px solid #2b4b7a;
  color: #dce6f2;
}

.attack-faction-modal .modal-header,
.attack-faction-modal .modal-footer {
  border-color: #2b4b7a;
}

.attack-faction-modal .form-control {
  background: #0b1625;
  border-color: #244067;
  color: #e6f0ff;
}

.attack-faction-list {
  background: #0b1625;
  border: 1px solid #244067;
  border-radius: 6px;
  max-height: 360px;
  overflow-y: auto;
  padding: 12px;
}

.territory-caret {
  transition: transform 0.2s ease;
}

.territory-toggle[aria-expanded="true"] .territory-caret {
  transform: rotate(180deg);
}

#logs-page .logs-card .table-hover tbody tr:hover {
  background-color: inherit;
  color: #f2b36b;
}