/* Mobile-only overrides (loaded via media query in base.html) */

/* Slightly larger base text on phones (keep dashboard as-is) */
body {
  font-size: 0.98rem;
}

/* Reduce container side padding a bit */
main.container {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* Make attachment zoom overlay truly fullscreen on phones */
.zoom-pic-image-container {
  padding: 0 !important;
}

.zoom-pic-fullscreen-image {
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  object-fit: contain;
  border-radius: 0;
}

/* Hide giant nav buttons; navigation is via swipe */
.zoom-pic-nav {
  display: none !important;
}

/* Tables: tighter and more readable on small screens */
.table {
  font-size: 0.88rem;
}

.table > :not(caption) > * > * {
  padding: 0.35rem 0.5rem;
}

/* Cards/forms: reduce vertical whitespace */
.card-body {
  padding: 0.85rem;
}

.card-header {
  padding: 0.6rem 0.85rem;
}

/* Make small buttons easier to tap */
.btn.btn-sm {
  padding: 0.35rem 0.6rem;
}