/* ==========================================================================
   SUPPORT PAGE STYLES - Asamd Auto Dispensers
   Clean, minimal, cool-toned accents; extends base.css without duplication
   ==========================================================================
*/

.support-hero .card {
  background: linear-gradient(180deg, var(--color-white) 0%, var(--color-gray-50) 100%);
}

/* FAQ details styling */
.faq-item {
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface);
}

.faq-item > summary {
  cursor: pointer;
  list-style: none;
  font-weight: var(--font-weight-semibold);
}

.faq-item > summary::-webkit-details-marker { display: none; }

.faq-item[open] {
  box-shadow: var(--shadow-sm);
}

.faq-item p {
  margin-top: var(--space-3);
  color: var(--color-text-secondary);
}

/* Contact form feedback messages */
#formMsg {
  min-height: 1.25rem;
}

#formMsg.success {
  color: var(--color-success);
}

#formMsg.error {
  color: var(--color-danger);
}

/* Chat status note */
#chatStatus {
  min-height: 1.25rem;
}