/* General tweaks */
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }
  
  /* Logo thumbnails in admin table */
  .logo-thumb {
    max-height: 40px;
    max-width: 80px;
    object-fit: contain;
  }
  
  /* Preview box for profile/logo uploads */
  .logo-preview {
    width: 140px;
    height: 80px;
    border: 1px dashed #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    overflow: hidden;
  }
  
  .logo-preview img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  /* --- Driven-style navbar polish --- */
.tfb-navbar {
    background: #111; /* deep charcoal, similar vibe */
    letter-spacing: .04em;
  }
  
  .tfb-brand {
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .12em;
  }
  
  .tfb-nav .nav-link,
  .navbar .nav-link {
    text-transform: uppercase;
    font-size: .82rem;
    padding: .9rem 0.9rem;
    color: rgba(255,255,255,.9);
  }
  
  .tfb-nav .nav-link:hover,
  .navbar .nav-link:hover {
    color: #fff;
  }
  
  .tfb-nav .nav-link {
    position: relative;
  }
  
  .tfb-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 0.9rem;
    right: 0.9rem;
    bottom: .45rem;
    height: 2px;
    background: rgba(255,255,255,.6);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
  }
  
  .tfb-nav .nav-link:hover::after,
  .tfb-nav .nav-link.active::after {
    transform: scaleX(1);
  }
  
  /* Right-side user email */
  .tfb-user {
    text-transform: none;        /* keep email readable */
    letter-spacing: 0;           /* emails shouldn’t be spaced out */
    font-size: .9rem;
  }
  
  /* Keep your existing rules… */
  .logo-thumb { max-height: 40px; max-width: 80px; object-fit: contain; }
  .logo-preview {
    width: 140px; height: 80px; border: 1px dashed #ccc; display:flex;
    align-items:center; justify-content:center; background:#fff; overflow:hidden;
  }
  .logo-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }