/**
 * Air Quality Widget Styles
 *
 * Minimal crowdsourced air quality reporting widget.
 */

/* Widget Container */
.air-quality-widget {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}

/* Form container - max width and button spacing */
.air-quality-form {
  max-width: 400px;
}

/* Reduce button padding to fit on one line on mobile */
.air-quality-widget .btn {
  padding-inline: 15px;
}

/* Maintain button structure in checked state */
.air-quality-widget .btn-check:checked + .btn {
  padding-inline: 15px;
}

.air-quality-widget .btn div {
  display: block;
  width: 100%;
}

/* PM2.5 range text below button label */
.air-quality-range {
  font-size: 0.65rem;
  opacity: 0.7;
  margin-top: 0.1rem;
}

/* History toggle button */
.air-history-toggle {
  color: #999;
  text-decoration: none;
}

.air-history-toggle:hover {
  color: #666;
}

.air-history-toggle:focus {
  box-shadow: none;
}

/* History collapse */
.air-quality-history {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.air-quality-history.show {
  max-height: 300px;
}

/* Reports History */
.air-quality-reports {
  padding: 0.5rem 0;
}

.air-reports-list {
  margin: 0;
  padding: 0;
}

.air-reports-list li {
  border-bottom: 1px solid #eee;
  padding: 0.25rem 0;
}

.air-reports-list li:last-child {
  border-bottom: none;
}

/* Message feedback - more compact */
.air-quality-message {
  min-height: 0;
}