/* ============================================
   Responsive Styles - Tablet (max-width: 768px)
   ============================================ */

@media (max-width: 768px) {
  .card {
    padding: 24px 20px;
    border-radius: var(--radius-sm);
  }

  ::-webkit-scrollbar {
    width: 8px;
  }

  .btn-gold,
  .btn-outline {
    padding: 12px 24px;
    font-size: 0.75rem;
  }

  .loading-logo {
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    margin-bottom: 32px;
  }

  .loading-spinner {
    width: 50px;
    height: 50px;
  }

  .stat-card {
    padding: 16px;
  }

  .form-input {
    font-size: 0.85rem;
    padding: 12px 16px;
  }

  /* Section containers */
  .section-container {
    padding: 20px;
  }

  /* Modal */
  .modal-glass {
    padding: 28px 20px;
  }
}