/* Minimalista Clean - Lunarium XLN Explorer */

body {
  background-color: #111111 !important;
  color: #e8e8e8 !important;
}

.navbar {
  background-color: #111111 !important;
  border-bottom: 1px solid #222222 !important;
}

.navbar-brand, .nav-link {
  color: #ffffff !important;
}

.nav-link:hover {
  color: #f0b429 !important;
  border-bottom: 2px solid #f0b429;
}

a {
  color: #f0b429 !important;
}

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

.table {
  color: #e8e8e8 !important;
  background-color: #161616 !important;
}

.table thead th {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border-bottom: 1px solid #2a2a2a !important;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.table td, .table th {
  border-color: #1e1e1e !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #131313 !important;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: #161616 !important;
}

.table tbody tr:hover {
  background-color: #1e1e1e !important;
}

.card, .panel, .well {
  background-color: #161616 !important;
  border: 0.5px solid #2a2a2a !important;
  border-radius: 8px !important;
}

.card-header, .panel-heading {
  background-color: #1e1e1e !important;
  border-bottom: 0.5px solid #2a2a2a !important;
  color: #ffffff !important;
}

.jumbotron, .page-header {
  background-color: #1e1e1e !important;
  border-bottom: 0.5px solid #2a2a2a !important;
}

.btn-primary {
  background-color: #f0b429 !important;
  border-color: #f0b429 !important;
  color: #111111 !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
}

.btn-primary:hover {
  background-color: #ffd166 !important;
  border-color: #ffd166 !important;
}

.btn-default, .btn-secondary {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
  color: #e8e8e8 !important;
  border-radius: 6px !important;
}

.badge, .label {
  background-color: #f0b429 !important;
  color: #111111 !important;
  font-weight: 500 !important;
}

.pagination .page-item.active .page-link {
  background-color: #f0b429 !important;
  border-color: #f0b429 !important;
  color: #111111 !important;
}

.pagination .page-link {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
  color: #e8e8e8 !important;
}

.form-control {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
  color: #e8e8e8 !important;
  border-radius: 6px !important;
}

.form-control:focus {
  border-color: #f0b429 !important;
  box-shadow: 0 0 0 2px #f0b42930 !important;
}

.breadcrumb {
  background-color: #1e1e1e !important;
  border: 0.5px solid #2a2a2a !important;
}

.breadcrumb-item.active {
  color: #f0b429 !important;
}

footer, .footer {
  background-color: #0e0e0e !important;
  border-top: 0.5px solid #2a2a2a !important;
  color: #555 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
}

.text-muted {
  color: #555555 !important;
}

hr {
  border-color: #2a2a2a !important;
}

.text-success, .amount {
  color: #f0b429 !important;
}

/* Reduz altura dos cards de gráficos */
.chart-container, canvas {
  max-height: 180px !important;
}

.card, .panel {
  margin-bottom: 12px !important;
}

.card-body, .panel-body {
  padding: 10px !important;
}

/* Corrige renderizacao dos numeros */
* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

canvas {
  image-rendering: crisp-edges !important;
  image-rendering: -webkit-optimize-contrast !important;
}

/* Centraliza o logo */
.navbar-brand img, .navbar-brand {
  margin: 0 auto !important;
}

.header-logo, .page-header-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.coin-logo {
  display: block !important;
  margin: 0 auto !important;
}

/* Reposiciona logo entre os cards */
#page-header-container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  order: 2 !important;
}

#network-panel-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
}

#header-img-container {
  margin: 0 20px !important;
}