/* Minimal custom styles for TTV T-Link */
:root {
  --ttv-gap: 0.75rem;
}
.table td, .table th { vertical-align: middle; }
.table .badge { font-size: .75rem; }

/***** Mobile tweaks *****/
@media (max-width: 576px) {
  .navbar-brand { font-size: 1rem; }
  h1, .h1, .h3, .h4 { font-size: 1.1rem; }
  .form-label { margin-bottom: 0.25rem; }
  
  /* Admin users mobile: compact role toggles */
  .role-toggle { font-size: 0.65rem !important; padding: 0.15rem 0.35rem !important; }
  .role-toggle .bi { font-size: 0.8rem; }
}

/* Role toggle button icons should stay visible */
.btn-check:checked + .role-toggle {
  font-weight: 600;
}

/* Avatar hover effect */
.avatar-thumbnail:hover {
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}