/**
 * Mobile polish — shared across member/admin pages.
 * Focus: tap targets, form zoom prevention, table overflow, safe-area padding.
 */

/* Prevent iOS zoom on focus for small font inputs */
input, select, textarea, button {
  font-size: 16px;
}

/* Make buttons easier to tap */
.btn, button, [role="button"], input[type="submit"] {
  min-height: 44px;
}

/* Horizontal scrolling for tables */
table {
  max-width: 100%;
}

.table-responsive,
.caicp-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Safe area padding for iOS notches */
body {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* Generic small-screen tweaks */
@media (max-width: 576px) {
  .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .navbar .navbar-brand {
    font-size: 0.95rem;
  }
}