/* Mobile-first overrides */

/* Larger tap targets */
.btn {
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn-sm {
  min-height: 36px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Readable monospace labels */
.font-monospace {
  font-size: 0.92em;
  letter-spacing: 0.03em;
}

/* Cards: subtle hover lift on desktop */
@media (hover: hover) {
  .card {
    transition: box-shadow 0.15s ease;
  }
  .card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  }
}

/* Status badge colors — override Bootstrap defaults where needed */
.bg-active    { background-color: #198754 !important; }
.bg-consumed  { background-color: #6c757d !important; }
.bg-exited    { background-color: #ffc107 !important; color: #212529 !important; }

/* Sticky scan button floating on mobile */
@media (max-width: 576px) {
  #scan-fab {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 1000;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 0;
    font-size: 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  }
}

/* Operation card inline forms */
.card .border.rounded {
  border-color: #dee2e6 !important;
}