/* Mobile-first tweaks */
body { -webkit-tap-highlight-color: transparent; }

/* Sticky bottom nav spacing */
@media (max-width: 767px) {
  .card { border-radius: 12px !important; }
}

/* Form controls bigger on mobile */
@media (max-width: 575px) {
  .form-control, .form-select { font-size: 16px !important; } /* prevent iOS zoom */
}

/* Expense list items */
.list-group-item { border-left: none; border-right: none; }
.list-group-item:first-child { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.list-group-item:last-child { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* Camera button */
label[for="file-camera"], label[for="file-gallery"] {
  cursor: pointer;
  transition: background-color 0.15s;
}

/* Number inputs: hide spinners on mobile */
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* PWA standalone mode */
@media (display-mode: standalone) {
  .navbar.sticky-top { padding-top: env(safe-area-inset-top); }
}
