/* Mobile Specific Layout & Touch Optimizations */

@media (max-width: 600px) {
  .main-content {
    padding: 12px;
  }

  .stats-grid {
    gap: 8px;
  }

  .stat-card {
    padding: 10px 12px;
  }

  .stat-card-value {
    font-size: 1.4rem;
  }

  .prompt-card {
    padding: 14px;
  }

  .prompt-card-title {
    font-size: 1.05rem;
  }

  .bottom-sheet {
    max-height: 85vh;
  }

  /* Extra large touch target spacing on forms */
  .form-control, .btn {
    min-height: 50px;
    font-size: 1rem;
  }
}

/* Horizontal pill scroll containers */
.pill-row {
  display: flex;
  overflow-x: auto;
  gap: 8px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.pill-row::-webkit-scrollbar {
  display: none;
}