/*!
 * Product-feedback composer — unique filename (nginx caches /css/ immutable).
 * Category chips and the description field stay visible on every viewport.
 */

#pf-overlay .pf-cats,
#pf-body .pf-cats {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
}

#pf-overlay .pf-cat,
#pf-body .pf-cat {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 12px 14px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  font: 600 0.95rem/1.3 inherit !important;
  text-align: left !important;
}

#pf-overlay .pf-cat.pf-cat-selected,
#pf-body .pf-cat.pf-cat-selected {
  border-color: #0f766e !important;
  background: #f0fdfa !important;
}

#pf-overlay .pf-field,
#pf-body .pf-field {
  display: block !important;
  margin-bottom: 12px !important;
}

#pf-overlay .pf-field label,
#pf-body .pf-field label {
  display: block !important;
  color: #0f172a !important;
  font-size: 0.82rem !important;
  font-weight: 650 !important;
}

#pf-overlay .pf-field input,
#pf-overlay .pf-field textarea,
#pf-overlay #pf-desc,
#pf-overlay #pf-title-field,
#pf-body .pf-field input,
#pf-body .pf-field textarea,
#pf-body #pf-desc,
#pf-body #pf-title-field {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  padding: 10px 12px !important;
}

#pf-overlay #pf-desc,
#pf-body #pf-desc {
  min-height: 110px !important;
  resize: vertical !important;
}