/* Keep compact desktop controls, with comfortable targets on touch phones. */
@media (max-width:700px) and (pointer:coarse) {
  .app-header { height:54px; }
  .header-actions button,
  .header-menu>summary { min-height:44px; }
  .header-actions #openAccountBtn,
  .header-menu>summary { width:44px; min-width:44px; height:44px; }

  .source-switch button,
  .search-field input,
  .library-search>button,
  .catalog-select select,
  .catalog-action,
  .catalog-heading .quiet { min-height:44px; }
  .catalog-select { min-width:0; }
  .catalog-action { min-width:44px; }
  .catalog-heading .quiet { min-width:44px; }

  .card-title { min-height:44px; line-height:22px; }
  .card-actions { gap:0; margin-right:0; }
  .card-actions .icon-button { width:44px; min-width:44px; height:44px; min-height:44px; }
  .card-actions svg { width:18px; height:18px; }
  .following-actions button { min-height:44px; }

  dialog:not(.player-dialog) button,
  dialog:not(.player-dialog) select,
  dialog:not(.player-dialog) input:not([type=checkbox]),
  .action-popover button { min-height:44px; }
  dialog:not(.player-dialog) .icon-button { width:44px; min-width:44px; }
  dialog:not(.player-dialog) select,
  dialog:not(.player-dialog) input:not([type=checkbox]) { font-size:16px; }
}