/* Costco Refrigeration & HVAC PM Styling */

:root {
  --costco-blue: #005daa;
  --costco-red: #e01a22;
  --costco-dark-blue: #004780;
}

/* Hide scrollbar for tabs */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Custom touch enhancements for mobile */
button, input, select, textarea {
  touch-action: manipulation;
}

/* Tab active style */
.tab-btn.active {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}

/* Checklist item cards */
.pm-card {
  transition: all 0.15s ease-in-out;
}
.pm-card:focus-within {
  border-color: var(--costco-blue);
  box-shadow: 0 0 0 1px var(--costco-blue);
}

/* Status toggles */
.status-pill {
  transition: all 0.12s ease;
  user-select: none;
}
.status-pill.selected-yes {
  background-color: #10b981;
  color: #ffffff;
  border-color: #059669;
}
.status-pill.selected-no {
  background-color: #ef4444;
  color: #ffffff;
  border-color: #dc2626;
}
.status-pill.selected-na {
  background-color: #64748b;
  color: #ffffff;
  border-color: #475569;
}

/* Photo previews */
.photo-slot {
  aspect-ratio: 4 / 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background-size: cover;
  background-position: center;
}

/* Canvas signature pads */
canvas {
  touch-action: none;
}

/* Smooth fade in */
.tab-content {
  animation: fadeIn 0.18s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}