::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #3f3f22; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #6b6b2e; }

.mx-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mx-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.mx-grid-field {
  background-image:
    linear-gradient(to right, rgba(234,179,8,0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(234,179,8,0.06) 1px, transparent 1px);
  background-size: 28px 28px;
}

.mx-sidebar {
  scrollbar-width: thin;
}

#mx-cookie-banner {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 999;
  background: #0a0a0a;
  border-top: 1px solid #eab30833;
}
#mx-cookie-banner.mx-hidden { display: none; }

.mx-copy-flash {
  animation: mx-flash 0.6s ease;
}
@keyframes mx-flash {
  0% { background-color: rgba(234, 179, 8, 0.28); }
  100% { background-color: transparent; }
}

.mx-row:hover {
  background-color: rgba(234, 179, 8, 0.04);
}

.mx-stat-value {
  font-variant-numeric: tabular-nums;
}