/* Keep each Home count together instead of wrapping the label away from its value. */
#sales-home-summary > span { display: inline-block; }
#sales-home-summary > span + span::before { content: " · "; white-space: pre; }

@media (max-width: 760px) {
  .sales-filters .text-button { min-height: 44px; min-width: 44px; }
  .sales-task-row { flex-wrap: wrap; gap: 8px; }
  .sales-task-content { flex: 1 1 100%; }
  .sales-task-actions { flex-wrap: nowrap; justify-content: flex-start; max-width: none; gap: 8px; width: 100%; }
  .sales-task-actions .button,
  .sales-task-actions .text-button { min-height: 44px; }
  .sales-task-actions .button { min-width: 104px; }
  .sales-task-actions .text-button { min-width: 48px; padding: 10px 8px; font-size: 13px; text-align: center; }
  .sales-task-company,
  .sales-task-meta > span { overflow-wrap: anywhere; }
  .sales-contact-form select,
  .sales-contact-form textarea { font-size: 16px; }
}

@media (max-width: 520px) {
  #sales-home .panel-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; }
  #sales-home .panel-heading > div { display: contents; }
  #sales-home-heading { grid-column: 1; grid-row: 1; align-self: center; }
  #sales-home .panel-heading > .button { grid-column: 2; grid-row: 1; min-height: 40px; }
  #sales-home-summary { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; line-height: 1.5; }
  #sales-home-summary > span + span::before { content: none; }

  .sales-tasks-panel .panel-heading,
  .sales-history-panel .panel-heading { padding: 14px; }
  .sales-tasks-panel .panel-heading p,
  .sales-history-panel .panel-heading p { line-height: 1.5; }
  .sales-filters { flex-wrap: nowrap; gap: 2px; padding: 6px 8px; overflow-x: auto; scrollbar-width: none; }
  .sales-filters::-webkit-scrollbar { display: none; }
  .sales-filters .text-button { flex: 1 0 auto; padding: 8px; text-align: center; }
  .sales-task-row { padding: 14px; }
  .sales-task-content h3 { font-size: 14px; line-height: 1.45; }
  .sales-task-meta { gap: 4px 12px; line-height: 1.5; }
  .sales-tasks-panel .directory-footer { padding: 10px 14px; }
  .sales-empty { min-height: 168px; padding: 24px 16px; }

  .sales-contact-form { gap: 12px; padding: 14px; }
  .sales-contact-kind { grid-template-columns: minmax(0, 1fr) minmax(0, 150px); align-items: center; gap: 12px; }
  .sales-contact-kind select { width: 100%; min-height: 44px; }
  .sales-contact-footer { align-items: center; gap: 12px; }
  .sales-contact-footer .form-hint { max-width: none; font-size: 12px; }
  .sales-contact-footer > .button { min-height: 44px; }
  .sales-activity-list { padding: 0 14px; }
  .sales-activity-item { gap: 10px; padding: 14px 0; }
  .sales-activity-text { line-height: 1.55; }
  .sales-activity-time { line-height: 1.5; }
}