     1|/* touch-targets.css — Touch-friendly minimum tap targets (44x44px per WCAG 2.5.5)
     2|   Uses both @media (pointer: coarse) and min-width breakpoints for
     3|   viewport-constrained touch sizing.
     4|
     5|   COVERS:
     6|     button, a[role="button"], [role="menuitem"],
     7|     .chat-mobile-toggle, .deploy-tab, .git-tab, .notification-bell,
     8|     .dropdown-trigger, .dropdown-trigger-new,
  .dropdown-item-new, .btn-icon, .icon-btn,
     9|     .action-icon, .btn, button.btn-sm, a.nav-link, .nav-link-new,
    10|     .segmented-btn, .hamburger__button, .hamburger__menuitem,
    11|     .more-overflow__button, .more-overflow__item,
    12|     [data-hamburger-toggle], [data-more-overflow-toggle] */
    13|
    14|/* Q1: Hover-capable touch devices — 44x44px + 8px spacing between adjacent items */
    15|@media (hover: none) and (pointer: coarse) {
    16|  button,
    17|  a[role="button"],
    18|  [role="menuitem"],
    19|  .chat-mobile-toggle,
    20|  .deploy-tab,
    21|  .git-tab,
    22|  .notification-bell,
    23|  .dropdown-trigger,
    24|  .dropdown-trigger-new,
  .dropdown-item-new,
    25|  .btn-icon,
    26|  .icon-btn,
    27|  .action-icon,
    28|  .btn,
    29|  button.btn-sm,
    30|  a.nav-link,
    31|  .nav-link-new,
    32|  .segmented-btn,
    33|  .hamburger__button,
    34|  .hamburger__menuitem,
    35|  .more-overflow__button,
    36|  .more-overflow__item,
    37|  [data-hamburger-toggle],
    38|  [data-more-overflow-toggle] {
    39|    min-width: 44px;
    40|    min-height: 44px;
    41|    margin: 4px;
    42|  }
    43|}
    44|
    45|/* Q2: All touch devices (baseline) — 44x44px minimum */
    46|@media (pointer: coarse) {
    47|  button,
    48|  a[role="button"],
    49|  [role="menuitem"],
    50|  .chat-mobile-toggle,
    51|  .deploy-tab,
    52|  .git-tab,
    53|  .notification-bell,
    54|  .dropdown-trigger,
    55|  .dropdown-trigger-new,
  .dropdown-item-new,
    56|  .btn-icon,
    57|  .icon-btn,
    58|  .action-icon,
    59|  .btn,
    60|  button.btn-sm,
    61|  a.nav-link,
    62|  .nav-link-new,
    63|  .segmented-btn,
    64|  .hamburger__button,
    65|  .hamburger__menuitem,
    66|  .more-overflow__button,
    67|  .more-overflow__item,
    68|  [data-hamburger-toggle],
    69|  [data-more-overflow-toggle] {
    70|    min-width: 44px;
    71|    min-height: 44px;
    72|  }
    73|}
    74|
    75|/* Q3: Touch devices above tablet breakpoint — relaxed sizing */
    76|@media (pointer: coarse) and (min-width: 768px) {
    77|  button,
    78|  a[role="button"],
    79|  [role="menuitem"],
    80|  .chat-mobile-toggle,
    81|  .deploy-tab,
    82|  .git-tab,
    83|  .notification-bell,
    84|  .dropdown-trigger,
    85|  .dropdown-trigger-new,
  .dropdown-item-new,
    86|  .btn-icon,
    87|  .icon-btn,
    88|  .action-icon,
    89|  .btn,
    90|  button.btn-sm,
    91|  a.nav-link,
    92|  .nav-link-new,
    93|  .segmented-btn,
    94|  .hamburger__button,
    95|  .hamburger__menuitem,
    96|  .more-overflow__button,
    97|  .more-overflow__item,
    98|  [data-hamburger-toggle],
    99|  [data-more-overflow-toggle] {
   100|    min-width: 48px;
   101|    min-height: 48px;
   102|  }
   103|}
   104|
   105|/* Q4: Touch devices at desktop breakpoint — maintain WCAG minimum */
   106|@media (pointer: coarse) and (min-width: 992px) {
   107|  button,
   108|  a[role="button"],
   109|  [role="menuitem"],
   110|  .chat-mobile-toggle,
   111|  .deploy-tab,
   112|  .git-tab,
   113|  .notification-bell,
   114|  .dropdown-trigger,
   115|  .dropdown-trigger-new,
  .dropdown-item-new,
   116|  .btn-icon,
   117|  .icon-btn,
   118|  .action-icon,
   119|  .btn,
   120|  button.btn-sm,
   121|  a.nav-link,
   122|  .nav-link-new,
   123|  .segmented-btn,
   124|  .hamburger__button,
   125|  .hamburger__menuitem,
   126|  .more-overflow__button,
   127|  .more-overflow__item,
   128|  [data-hamburger-toggle],
   129|  [data-more-overflow-toggle] {
   130|    min-width: 44px;
   131|    min-height: 44px;
   132|  }
   133|}
   134|