/* Desktop density approximates 90% browser zoom through layout dimensions.
   Keep viewport units and pointer coordinates unscaled for scrolling and canvases.
   Touch layouts retain their existing typography and target sizes. */
@media (min-width: 1101px) and (pointer: fine) {
  :root { font-size: 90%; }
  body { font-size: 14.4px; }
  body:has(#top) { font-size: 12.6px; }
  button, input, select, textarea { padding: 5.4px 8.1px; }
  .small { font-size: 0.85rem; }
  #top .small, #board .small, #meter .small { font-size: 10.8px; }
  .brand { font-size: 18px; min-height: 39.6px; gap: 9px; }
  .brand img { width: 32.4px; height: 32.4px; }
  .workspaceIdentity { min-height: 39.6px; }
  .organizationLink { min-height: 39.6px; max-width: 189px; padding: 7.2px 10.8px; font-size: 11.7px; gap: 7.2px; }
  header#top { gap: 7.2px; padding: 9px 12.6px; }
  .filters { gap: 7.2px; padding-top: 1.8px; }
  #q { flex-basis: 198px; min-width: 135px; max-width: 288px; }
  .filters select { max-width: 162px; }
  .views { gap: 2.7px; padding: 2.7px; }
  .views button { gap: 6.3px; }
  .uiIcon { width: 14.4px; height: 14.4px; }
  #top .iconBtn .uiIcon, #bellBtn .uiIcon, #settingsBtn .uiIcon, #newBtn .uiIcon { width: 17.1px; height: 17.1px; }
  .adminMode { min-height: 32.4px; padding: 6.3px 9px; font-size: 10.8px; }
  .mineSwitch { min-height: 39.6px; gap: 7.2px; }
  #fMine:checked + .switchTrack::before { transform: translateX(14.4px); }
  #fMine, .mineSwitch .switchTrack { width: 36px; height: 21.6px; }
  .mineSwitch .switchTrack::before { width: 15.6px; height: 15.6px; }

  .meter { padding: 9px 12.6px 0; gap: 3.6px; }
  .meter .bar { height: 29.7px; }
  .meter .seg { min-height: 29.7px; font-size: 10.8px; }
  .meter .keys { font-size: 10px; }
  .meter select { font-size: 10.8px; padding: 2.7px 6.3px; }
  .board { padding: 12.6px; gap: 12.6px; }
  .board { --board-column-fit: 198px; --board-column-comfortable: 283.5px; --board-column-wide: 340.2px; }
  .col > h2 { font-size: 13.5px; padding: 11.7px 12.6px; }
  .col .stack { padding: 8.1px; gap: 8.1px; }
  .cardItem { padding: 10.8px; border-radius: 8.1px; }
  .cardItem .t { font-size: 13.5px; margin: 8.1px 0 10.8px; }
  .cardItem .meta { gap: 6.3px; font-size: 10px; }
  .cardItem .k { font-size: 12.6px; }
  .cardItem .type .uiIcon { width: 18px; height: 18px; }
  .chip { font-size: 10px; padding: 1.8px 6.3px; }
  .chip .uiIcon { width: 10.8px; height: 10.8px; }
  .cardItem .avatar { width: 18px; height: 18px; }
  #detail .ticketTitle { font-size: 19.8px; margin-bottom: 16.2px; }
  #detail .ticketProperty dd, #detail .ticketProperty select { font-size: 12.6px; }
  #detail .ticketProperty select { min-height: 39.6px; padding: 7.2px 5.4px; }

  h1, .container h1, .docsIntro h1, .auth-story h1 { font-size: 27px; }
  h2, .docsArticle h2, .tourDialog h2 { font-size: 20.7px; }
  h3 { font-size: 17.1px; }
  body:not(:has(#top)) button, .button { min-height: 39.6px; padding: 8.1px 14.4px; }
  body:not(:has(#top)) input:not([type=checkbox]):not([type=radio]), body:not(:has(#top)) select, body:not(:has(#top)) textarea { min-height: 41.4px; padding: 9px 10.8px; }
  .app-header { padding-block: 14.4px; gap: 7.2px 18px; }
  .header-workspace { gap: 12.6px; }
  .container { gap: 18px; padding: 23.4px 21.6px 72px; }
  .panel { padding: 18px; }
  .project-card { gap: 10.8px; }
  .project-card h2 { font-size: 16.2px; }
  .project-card > p, #dialogBody p { font-size: 13.5px; }
  .dialog { width: min(558px, calc(100vw - 24px)); }
  #dialogBody { padding: 18px; }
  .personal-settings { gap: 21.6px; }
  .personal-tabs [role=tab] { min-height: 39.6px; padding: 9px 16.2px; font-size: 12.6px; }
}

/* Preserve usable action targets while keeping the compact desktop typography. */
#detail .ticketProperty select, #pageActions button, #pageActions .button, :root #createProject, :root #invitePerson, :root #connectAgent { min-height: 44px; }