/* DanceConnect - UI helpers */

/* Base tweaks */
body { background-color: #f6f7f9; }

/* Cards */
.dc-card {
  border-radius: 0.75rem;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}
.dc-muted { color: #6b7280; }

/* Mobile improvements */
@media (max-width: 767.98px) {
  /* Reduce container padding slightly on phones */
  .container { padding-left: 14px; padding-right: 14px; }

  /* Buttons full width on mobile when desired */
  .dc-btn-block { width: 100%; }

  /* Table readability */
  .table td, .table th { padding: .65rem .6rem; }

  /* Avoid big badges wrapping weirdly */
  .badge { white-space: nowrap; }

  /* Action buttons stack nicely */
  .dc-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem;
    justify-items: stretch;
  }
  .dc-actions .btn { width: 100%; }

  /* Long strings (emails) should wrap */
  .dc-wrap {
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* “app-like”: smoother taps */
  a, button {
    -webkit-tap-highlight-color: transparent;
  }
}