/* Thumb-sized targets in the Project workspace, wherever the pointer is coarse.
 *
 * 36px and 28px are pointer sizes. They are the same controls on a phone, hit
 * with a thumb, so where the browser says the pointer is coarse they get a
 * thumb's target. The icons inside them do not change; only the hit area.
 *
 * NOT a phone layout: the arrangement on a phone is the one the workspace
 * already had (aly-workspace-dock.css, `max-width: 639.98px`) — the panel and
 * the canvas each full-width, one toggle between them — and it is the same for
 * a 2D Project and a 3D one. There is no separate mobile design for 3D.
 */
@media (pointer: coarse) {
  .workspace-rail-item { width: 44px; height: 44px; }
  .workspace-rail .dock-home { width: 40px; height: 40px; }
  .workspace-rail .dock-home img { width: 28px; height: 28px; margin: 6px; }
  .workspace-dock .dock-open-app,
  .workspace-dock .dock-usage,
  .workspace-dock .workspace-chat-history-menu,
  .workspace-dock .dock-mode-option,
  .workspace-dock .dock-model-toggle { min-height: 40px; }
  .workspace-dock .aly-icon-btn { min-width: 40px; min-height: 40px; }
  /* Send is the one control in the composer a thumb must never miss. */
  .workspace-dock .dock-send { width: 40px; min-width: 40px; height: 40px; min-height: 40px; }
}