/* Zonas táctiles de al menos 44 px en pantallas táctiles (teléfono y tablet), sin cambiar el tamaño visible:
   el área se amplía con un ::after invisible centrado. No toca la barra de arriba (la lleva otra hoja). */
@media (pointer: coarse) {
  /* .icon-btn, .send-btn y .cbw-menu ya tienen posición propia (relative/fixed): no se toca. */
  .tool-icon, .new-task, .quick-chip, .foot-upgrade, .foot-credits, .foot-icon, .model-btn, .agent-pill, .rail-btn { position: relative; }
  .tool-icon::after, .icon-btn::after, .send-btn::after, .new-task::after, .quick-chip::after, .foot-upgrade::after,
  .foot-credits::after, .foot-icon::after, .model-btn::after, .agent-pill::after, .cbw-menu::after, .rail-btn::after {
    content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: max(100%, 44px);
    transform: translate(-50%, -50%);
  }
}