:root {
      --header-gap: 1rem;
    }
    body, body * { color: white !important; }
    input::placeholder { color: white !important; opacity: 1; }
    .logo-circle {
      width: 70px; height: 70px; border: 2px solid white;
      border-radius: 50%; display: flex; align-items: center; justify-content: center;
      overflow: hidden;
    }
    .logo-circle img { width: 100%; height: 100%; object-fit: cover; }
    .btn-outline-light.dropdown-toggle {
      color: white !important;
      border-color: white !important;
    }
    .btn-outline-light.dropdown-toggle:focus,
    .btn-outline-light.dropdown-toggle:hover,
    .btn-outline-light.dropdown-toggle:active,
    .btn-outline-light.dropdown-toggle.show {
      color: white !important;
      border-color: white !important;
      background-color: transparent !important;
    }
    .tooltip-inner {
      background-color: #212529 !important;
      color: white !important;
      max-width: 300px;
      font-size: 0.85rem;
      text-align: left;
    }
    th { cursor: pointer; }
    /* Header layout */
    .header-row { gap: var(--header-gap); align-items: center; }
    .header-left { display:flex; gap: .75rem; align-items:center; }
    .header-right { display:flex; gap:.5rem; align-items:center; }
    .header-caption { font-size: .85rem; color: rgba(255,255,255,0.7); margin-top: -4px; }
    .btn-wallet { min-width: 120px; }
    .byline { font-size: .85rem; color: rgba(255,255,255,0.6); margin-left: .5rem; }
    /* Keep table neat */
    .table thead th { white-space: nowrap; }
    .controls-row { gap: .5rem; }

    .hover-effect:hover {
      border-color: #0dcaf0 !important;
      background: rgba(13,202,240,0.1);
      color: #0dcaf0 !important;
    }
    @media (max-width: 768px) {
      .header-right { flex-wrap: wrap; justify-content:flex-end; }
      .header-left { gap: .5rem; }
    }