/* Mobile-specific tweaks (phones < 480px) */
@media (max-width: 480px) {
  body { font-size: 14px; }
  .page-head h1 { font-size: 1.3em; }
  .card { padding: 14px 12px; border-radius: 8px; }
  .nav-inner { padding: 8px 12px; gap: 10px; }
  .brand-text strong { font-size: 0.88em; }
  .brand-text small { display: none; }
  .form-grid { grid-template-columns: 1fr; gap: 10px; }
  .data-table { display: block; overflow-x: auto; }
  .btn { padding: 7px 11px; font-size: 0.85em; }
}