/* shell/touch.css - Neura Space on phones and tablets (mobile-ux 2026-10-17; the same rules as @neura/ui
   styles/mobile.css and Neura Build's adapter styles/999-touch.css, so the three products feel the same in the hand).
   - On a touch screen (pointer: coarse) every key is at least 44 x 44 px to tap; the Neva dock keeps its look and its
     keys get an invisible 44 px hit area.
   - Text fields are 16 px below 768 px: iOS zooms the page into anything smaller.
   - The Neva dock stays clear of the iPhone home indicator (viewport-fit=cover in index.html makes the inset real).
   Linked last in index.html; nothing changes with a mouse on a desktop. */
@media (pointer: coarse) {
  .command-bar .cmd-actions :is(.icon-btn, .search-toggle, .world-switch),
  .nav-tabs .nav-tab {
    position: relative;
  }
  .command-bar .cmd-actions :is(.icon-btn, .search-toggle, .world-switch)::after,
  .nav-tabs .nav-tab::after {
    content: "";
    position: absolute;
    inset-block: min(0px, calc((100% - 44px) / 2));
    inset-inline: min(0px, calc((100% - 44px) / 2));
  }
  .nav-tabs .nav-tab {
    min-height: 44px !important;
  }
  /* the last tab ends the row: its hit area must not reach past it (the row would scroll, G26) */
  .nav-tabs .nav-tab:last-child::after {
    inset-inline-end: 0;
  }
  .atmos-tabs .atmos-tab {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  .atmos-textbtn,
  .atmos-seg__opt,
  .atmos-nav,
  .atmos-visual__suggest {
    min-height: 44px !important;
  }

  /* the Neva dock: 44 px hit areas, 16 px composer */
  .neva-led button:not(.notch-camera, .notch-compact-open, .notch-wave, .neva-led__anchor *) {
    position: relative;
  }
  .neva-led button:not(.notch-compact-open, .notch-wave, .neva-led__anchor *)::after {
    content: "";
    position: absolute;
    inset-block: min(0px, calc((100% - 44px) / 2));
    inset-inline: min(0px, calc((100% - 44px) / 2));
  }
  .neva-led-conv-field {
    font-size: 16px !important;
  }
}
@media (max-width: 767px), (pointer: coarse) {
  .cmd-actions .search-field input {
    font-size: 16px !important;
  }
}
body .neva-root > .neva-dock.has-neva-led {
  bottom: env(safe-area-inset-bottom, 0px);
}
/* Settings, "Neva display": on a narrow notch the two keys do not fit beside the name ("Siri Wave" slid under
   "Neva display"); stack them like the editions row (same rule as the shared dock, web !188). */
@media (max-width: 620px) {
  .notch-display-pref-legend { float: none; max-width: none; padding: 0; }
  .notch-display-pref-options { justify-content: flex-start; flex-wrap: wrap; margin-top: 8px; }
}
@media (pointer: coarse) {
  .neva-led :is(.notch-display-option, .notch-edition) { min-height: 44px; }
}