/* touch.css — Touch Mode: bigger targets for smart boards / 75" IR touch frames */

body.touch-mode { --handle: var(--handle-lg); }

body.touch-mode .app { grid-template-columns: 76px 1fr; grid-template-rows: 64px 1fr 58px; }

body.touch-mode .tool-btn { width: 60px; height: 60px; }
body.touch-mode .tool-btn .ic { width: 30px; height: 30px; }
body.touch-mode .toolbar { gap: 8px; padding: 10px 6px; }

body.touch-mode .icon-btn, body.touch-mode .text-btn { min-width: var(--tap-lg); height: var(--tap-lg); }
body.touch-mode .icon-btn.sm { min-width: 44px; height: 44px; }
body.touch-mode .text-btn { font-size: 15px; padding: 0 14px; }
body.touch-mode .ic { width: 24px; height: 24px; }

body.touch-mode .vc-btn, body.touch-mode .vc-zoom { height: 46px; min-width: 46px; font-size: 17px; }
body.touch-mode .vc-zoom { min-width: 64px; }

body.touch-mode .context-toolbar { padding: 10px; gap: 8px; }
body.touch-mode .opt-btn { height: 44px; min-width: 44px; font-size: 15px; }
body.touch-mode .mini-select { height: 44px; font-size: 15px; }
body.touch-mode .swatch { width: 30px; height: 30px; }
body.touch-mode .slider { height: 10px; width: 150px; }
body.touch-mode .slider::-webkit-slider-thumb { width: 28px; height: 28px; }
body.touch-mode .slider::-moz-range-thumb { width: 28px; height: 28px; }

body.touch-mode .context-menu .cm-item { padding: 14px 14px; font-size: 15.5px; }
body.touch-mode .page-tab { height: 42px; font-size: 14.5px; padding: 0 14px; }
body.touch-mode .flyout .fly-item { width: 56px; height: 56px; }
body.touch-mode .flyout { grid-template-columns: repeat(4, 56px); }
body.touch-mode .btn { height: 48px; font-size: 15px; }
body.touch-mode .board-name { font-size: 17px; }

/* larger tool-options wrap on touch */
body.touch-mode .tool-options { padding: 12px; gap: 14px; }