@pythia-software/query-table-ui 0.9.5 → 0.9.6

package/dist/theme.css

@@ -1688,9 +1688,9 @@
   .qt-btn,
   .qt-add,
   .qt-link-btn {
-    min-height: 40px;
+    min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     height: auto;
-    padding: 8px 10px;
+    padding: calc(0px + 8px * var(--qt-touch-target-scale, 1)) calc(var(--_qt-padding-x, 6px) + (10px - var(--_qt-padding-x, 6px)) * var(--qt-touch-target-scale, 1));
     touch-action: manipulation;
   }
   .qt-chip-x,
@@ -1725,9 +1725,9 @@
     min-width: 0;
   }
   .qt-qb-saved-star {
-    width: 32px;
-    min-width: 32px;
-    min-height: 32px;
+    width: calc(16px + 16px * var(--qt-touch-target-scale, 1));
+    min-width: calc(16px + 16px * var(--qt-touch-target-scale, 1));
+    min-height: calc(16px + 16px * var(--qt-touch-target-scale, 1));
     font-size: 18px;
   }
   .qt-qb-saved-name {
@@ -1766,7 +1766,7 @@
   }
   .qt-chip {
     height: auto;
-    min-height: 40px;
+    min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
     padding: 0 8px;
     gap: 5px;
     flex-wrap: wrap;
@@ -1776,21 +1776,21 @@
     display: none;
   }
   .qt-chip-x {
-    min-width: 30px;
-    min-height: 30px;
+    min-width: calc(var(--_qt-target-width, 0px) + (30px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(20px + 10px * var(--qt-touch-target-scale, 1));
     padding: 0 7px;
     justify-content: center;
     font-size: 13px;
   }
   .qt-chip-op,
   .qt-chip-val {
-    height: 32px;
-    min-height: 32px;
+    height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
+    min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
     padding: 0 6px;
     font-size: 16px;
   }
   .qt-chip-op-btn {
-    height: 32px;
+    height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
     padding: 0 8px;
     font-size: 13px;
   }
@@ -1806,12 +1806,12 @@
     flex: 1 0 100%;
   }
   .qt-chip-agg-group {
-    height: 32px;
+    height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
     font-size: 13px;
   }
   .qt-chip-agg-group .qt-chip-x {
-    min-width: 28px;
-    min-height: 28px;
+    min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(20px + 8px * var(--qt-touch-target-scale, 1));
     font-size: 12px;
   }
   .qt-qb-pagination {
@@ -1835,9 +1835,9 @@
   }
   .qt-qb-num {
     width: 100%;
-    min-height: 40px;
+    min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     box-sizing: border-box;
-    padding: 6px 8px;
+    padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
     font-size: 16px;
   }
   .qt-qb-run-bar {
@@ -1874,8 +1874,8 @@
   }
   .qt-auto-refresh-select {
     width: 150px;
-    height: 40px;
-    padding: 6px 8px;
+    height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
+    padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
     font-size: 16px;
   }
   .qt-picker {
@@ -1884,9 +1884,9 @@
   }
   .qt-picker-input {
     width: 100%;
-    min-height: 42px;
+    min-height: calc(var(--_qt-target-height, 24px) + (42px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     box-sizing: border-box;
-    padding: 7px 9px;
+    padding: calc(2px + 5px * var(--qt-touch-target-scale, 1)) 9px;
     font-size: 16px;
   }
   .qt-picker-list {
@@ -1898,8 +1898,8 @@
     padding: 7px 10px;
   }
   .qt-picker-item {
-    min-height: 48px;
-    padding: 8px 10px;
+    min-height: calc(var(--_qt-target-height, 24px) + (48px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
+    padding: calc(5px + 3px * var(--qt-touch-target-scale, 1)) 10px;
     font-size: 14px;
   }
   .qt-selection-toolbar {
@@ -1913,10 +1913,10 @@
     margin-left: 0;
   }
   .qt-selection-actions > * {
-    min-height: 40px;
+    min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-qt-section-head {
-    min-height: 48px;
+    min-height: calc(36px + 12px * var(--qt-touch-target-scale, 1));
     padding: 2px 8px;
   }
   .qt-qt-section-summary {
@@ -1925,8 +1925,8 @@
     white-space: nowrap;
   }
   .qt-btn.qt-qt-section-toggle {
-    height: 44px;
-    min-height: 44px;
+    height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
+    min-height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
     padding: 0 4px;
   }
   .qt-metrics {
@@ -1992,8 +1992,8 @@
     background: var(--qt-row-selected-bg);
   }
   .qt-checkbox-cell input {
-    width: 20px;
-    height: 20px;
+    width: calc(13px + 7px * var(--qt-touch-target-scale, 1));
+    height: calc(13px + 7px * var(--qt-touch-target-scale, 1));
     margin: 0;
   }
   .qt-empty {
@@ -2008,10 +2008,10 @@
     left: 12px;
     width: calc(100vw - 48px);
     width: calc(100cqw - 24px);
-    min-height: 40px;
+    min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
   }
   .qt-table-summary .qt-btn {
-    min-width: 76px;
+    min-width: calc(var(--_qt-target-width, 30px) + (76px - var(--_qt-target-width, 30px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-cell-menu {
     inset: auto max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
@@ -2026,8 +2026,8 @@
     padding: 8px 10px 10px;
   }
   .qt-cm-item {
-    min-height: 44px;
-    padding: 10px 12px;
+    min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
+    padding: calc(6px + 4px * var(--qt-touch-target-scale, 1)) 12px;
     font-size: 15px;
   }
   .qt-modal-backdrop {
@@ -2053,7 +2053,7 @@
   .qt-saved-pick {
     flex: 1 0 100%;
     min-width: 0;
-    padding: 6px 2px;
+    padding: calc(4px + 2px * var(--qt-touch-target-scale, 1)) 2px;
   }
   .qt-saved-default,
   .qt-saved-delete {
@@ -2061,7 +2061,7 @@
     justify-content: center;
   }
   .qt-modal-footer .qt-btn {
-    min-width: 96px;
+    min-width: calc(var(--_qt-target-width, 30px) + (96px - var(--_qt-target-width, 30px)) * var(--qt-touch-target-scale, 1));
     justify-content: center;
   }
 }
@@ -2708,14 +2708,14 @@
   .qt-sheet select,
   .qt-sheet input:not([type=checkbox]),
   .qt-selection-toolbar .qt-btn {
-    min-height: 44px;
+    min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     touch-action: manipulation;
   }
   .qt-qb .qt-btn,
   .qt-qb .qt-add,
   .qt-qb .qt-link-btn {
-    padding: 6px 10px;
-    min-width: 44px;
+    padding: calc(0px + 6px * var(--qt-touch-target-scale, 1)) calc(var(--_qt-padding-x, 6px) + (10px - var(--_qt-padding-x, 6px)) * var(--qt-touch-target-scale, 1));
+    min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-qb-bar {
     padding: 4px 8px;
@@ -2725,14 +2725,14 @@
     gap: 6px;
   }
   .qt-qb-state-bar .qt-btn {
-    min-height: 32px;
-    min-width: 32px;
+    min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
+    min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
     padding: 0 6px;
   }
   .qt-qb-state-bar .qt-qb-collapse-btn {
     min-width: 0;
-    height: 44px;
-    min-height: 44px;
+    height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
+    min-height: calc(28px + 16px * var(--qt-touch-target-scale, 1));
     padding: 0 4px;
   }
   .qt-qb-editor-bar {
@@ -2782,7 +2782,7 @@
     padding-left: 12px;
   }
   .qt-qb .qt-qb-num {
-    min-height: 32px;
+    min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     padding: 0 8px;
     border-radius: 8px;
   }
@@ -2796,7 +2796,7 @@
     border-radius: 8px 0 0 8px;
   }
   .qt-qb-num-step {
-    min-width: 44px;
+    min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
     padding: 0 10px;
     font-size: 13px;
     touch-action: manipulation;
@@ -2813,19 +2813,19 @@
   }
   .qt-th,
   .qt-cell {
-    height: 44px;
+    height: calc(calc(1lh + 17px) + (44px - calc(1lh + 17px)) * var(--qt-touch-target-scale, 1));
     padding-top: 6px;
     padding-bottom: 6px;
   }
   .qt-qb .qt-qb-saved-star,
   .qt-qb .qt-qb-saved-cancel {
-    min-width: 44px;
-    min-height: 44px;
+    min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-qb-state-bar .qt-qb-saved-star,
   .qt-qb-state-bar .qt-qb-saved-cancel {
-    min-width: 32px;
-    min-height: 32px;
+    min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-qb-collapse-caret,
   .qt-qt-section-toggle-caret {
@@ -2834,22 +2834,22 @@
   }
   .qt-qb .qt-chip-x,
   .qt-qb .qt-chip-op-btn {
-    min-height: 32px;
-    min-width: 32px;
+    min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
+    min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
     padding-top: 0;
     padding-bottom: 0;
   }
   .qt-qb .qt-chip-op,
   .qt-qb .qt-chip-val {
-    min-height: 32px;
+    min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
     font-size: 16px;
     max-width: 100%;
   }
   .qt-qb-editor-bar .qt-btn,
   .qt-qb-editor-bar .qt-add,
   .qt-qb-editor-bar .qt-link-btn {
-    min-height: 32px;
-    padding: 0 8px;
+    min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
+    padding: 0 calc(var(--_qt-padding-x, 6px) + (8px - var(--_qt-padding-x, 6px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-qb-editor-bar .qt-qb-row:not(.qt-qb-pagination) > .qt-qb-kw[data-mobile-label] {
     flex: 1 0 auto;
@@ -2892,7 +2892,7 @@
     width: 100%;
     max-width: 100%;
     min-width: 0;
-    min-height: 32px;
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
     border-radius: 8px;
     background: var(--qt-bg, #fff);
     box-shadow: inset 0 0 0 1px var(--qt-border);
@@ -2909,7 +2909,7 @@
     flex: 1;
     gap: 6px;
     min-width: 0;
-    min-height: 32px;
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
     padding: 0 8px;
     border: 0;
     border-radius: 0;
@@ -2990,10 +2990,10 @@
     padding-right: 8px;
   }
   .qt-split-btn {
-    height: 32px;
+    height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-qb .qt-split-btn > .qt-split-btn-caret {
-    width: 28px;
+    width: calc(24px + 4px * var(--qt-touch-target-scale, 1));
   }
   .qt-qb-row--filters > .qt-qb-hint,
   .qt-qb-row--sort > .qt-qb-hint,
@@ -3012,7 +3012,7 @@
     overflow: visible;
   }
   .qt-query-reorder-list > .qt-reorder-item {
-    min-height: 32px;
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
     max-width: 100%;
     min-width: 0;
     padding: 0;
@@ -3037,7 +3037,7 @@
   .qt-query-reorder-list .qt-reorder-handle {
     flex-shrink: 0;
     min-width: 24px;
-    min-height: 32px;
+    min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
     padding: 0;
     font-size: 20px;
   }
@@ -3117,7 +3117,7 @@
     padding: 8px 12px;
   }
   .qt-sheet .qt-sort-extract-footer > button {
-    min-height: 32px;
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
     padding: 0 8px;
   }
   .qt-sheet .qt-reorder-hint {
@@ -3147,7 +3147,7 @@
   }
   .qt-sheet .qt-picker-input {
     flex-shrink: 0;
-    min-height: 44px;
+    min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     padding: 6px 10px;
     border-radius: 10px;
   }
@@ -3164,7 +3164,7 @@
   }
   .qt-sheet .qt-picker-item {
     padding: 6px 4px;
-    min-height: 44px;
+    min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     border-bottom: 1px solid var(--qt-border-subtle);
   }
   .qt-sheet .qt-picker-row {
@@ -3204,7 +3204,7 @@
   }
   .qt-sheet .qt-op-cell {
     padding: 6px 8px;
-    min-height: 44px;
+    min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
     font-size: 15px;
   }
   .qt-sheet .qt-auto-refresh-popover {
@@ -3229,7 +3229,7 @@
     flex-shrink: 0;
   }
   .qt-sheet .qt-value-picker-list button {
-    min-height: 44px;
+    min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     font-size: 16px;
     padding: 6px 8px;
   }
@@ -3256,18 +3256,18 @@
   .qt-filter-editor .qt-chip-val {
     width: 100% !important;
     min-width: 0;
-    min-height: 44px;
+    min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
     font-size: 16px;
-    padding: 6px 8px;
+    padding: calc(1px + 5px * var(--qt-touch-target-scale, 1)) 8px;
   }
   .qt-filter-editor .qt-chip-op-btn {
-    min-height: 44px;
+    min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
     font-size: 16px;
-    padding: 6px 8px;
+    padding: calc(0px + 6px * var(--qt-touch-target-scale, 1)) 8px;
   }
   .qt-filter-editor .qt-chip-x {
-    min-width: 44px;
-    min-height: 44px;
+    min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(20px + 24px * var(--qt-touch-target-scale, 1));
   }
   .qt-filter-combine {
     display: flex;
@@ -3317,7 +3317,7 @@
   .qt-mobile-form input,
   .qt-mobile-form .qt-chip-val,
   .qt-mobile-form .qt-chip-op-btn {
-    min-height: 36px;
+    min-height: calc(var(--_qt-target-height, 24px) + (36px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     padding: 0 8px;
     font-size: 16px;
     border: 1px solid var(--qt-border);
@@ -3348,15 +3348,15 @@
   }
   .qt-mobile-form-inline .qt-btn {
     flex-shrink: 0;
-    min-width: 44px;
-    min-height: 44px;
+    min-width: calc(var(--_qt-target-width, 0px) + (44px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(var(--_qt-target-height, 24px) + (44px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-mobile-form-actions {
     justify-content: space-between;
     border-top: 1px solid var(--qt-border-subtle);
   }
   .qt-mobile-form-remove {
-    min-height: 32px;
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
     padding: 0 8px;
     border: 0;
     border-radius: 8px;
@@ -3368,7 +3368,7 @@
     touch-action: manipulation;
   }
   .qt-sheet .qt-mobile-form-remove {
-    min-height: 32px;
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-mobile-form > .qt-mobile-form-remove {
     border-top: 1px solid var(--qt-border-subtle);
@@ -3390,7 +3390,7 @@
   .qt-mobile-form .qt-chip-agg-group {
     display: inline-flex;
     align-items: center;
-    min-height: 32px;
+    min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
     max-width: 100%;
     padding-left: 8px;
     border: 1px solid var(--qt-border);
@@ -3404,8 +3404,8 @@
   .qt-sheet .qt-mobile-form .qt-chip-x,
   .qt-sheet .qt-mobile-form .qt-chip-agg-add {
     flex-shrink: 0;
-    min-width: 32px;
-    min-height: 32px;
+    min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(20px + 12px * var(--qt-touch-target-scale, 1));
     padding-top: 0;
     padding-bottom: 0;
   }
@@ -3421,8 +3421,8 @@
   }
   .qt-filter-combine select {
     min-width: 0;
-    min-height: 44px;
-    padding: 6px 8px;
+    min-height: calc(24px + 20px * var(--qt-touch-target-scale, 1));
+    padding: calc(2px + 4px * var(--qt-touch-target-scale, 1)) 8px;
     border: 1px solid var(--qt-border);
     border-radius: 8px;
     background: var(--qt-bg, #fff);
@@ -3504,8 +3504,8 @@
   }
   .qt-sheet .qt-icon-btn,
   .qt-sheet .qt-column-name {
-    min-width: 32px;
-    min-height: 32px;
+    min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
     padding-top: 0;
     padding-bottom: 0;
   }
@@ -3515,7 +3515,7 @@
   .qt-sheet .qt-preview-controls input {
     max-width: 100%;
     font-size: 16px;
-    padding: 6px 8px;
+    padding: calc(min(6px, var(--_qt-padding-y, 1px)) + (6px - min(6px, var(--_qt-padding-y, 1px))) * var(--qt-touch-target-scale, 1)) 8px;
   }
   .qt-sheet .qt-catalogue-list {
     max-height: none;
@@ -3698,10 +3698,10 @@
   .qt-set-editor.qt-sheet select,
   .qt-set-editor.qt-sheet > input {
     font-size: 16px;
-    min-height: 44px;
+    min-height: calc(32px + 12px * var(--qt-touch-target-scale, 1));
   }
   .qt-set-editor.qt-sheet .qt-set-option {
-    min-height: 44px;
+    min-height: calc(calc(1lh + 12px) + (44px - calc(1lh + 12px)) * var(--qt-touch-target-scale, 1));
     box-sizing: border-box;
   }
 }
@@ -4061,14 +4061,14 @@
   }
   .qt-json-action {
     width: 28px;
-    height: 32px;
+    height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
   }
   .qt-json-search-mode {
-    height: 32px;
+    height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
     width: 68px;
   }
   .qt-json-search.qt-input {
-    height: 32px;
+    height: calc(28px + 4px * var(--qt-touch-target-scale, 1));
     font-size: 16px;
   }
   .qt-json-content {
@@ -4080,7 +4080,7 @@
   .qt-json-toggle,
   .qt-json-toggle-space,
   .qt-json-copy {
-    height: 28px;
+    height: calc(24px + 4px * var(--qt-touch-target-scale, 1));
   }
   .qt-json-copy {
     opacity: 1;
@@ -4089,8 +4089,8 @@
 @media (pointer: coarse) {
   .qt-json-toggle,
   .qt-json-copy {
-    min-width: 28px;
-    min-height: 32px;
+    min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-json-copy {
     opacity: 1;
@@ -5546,7 +5546,7 @@
     display: none;
   }
   .qt-metrics-editor-header .qt-metric-close {
-    min-height: 34px;
+    min-height: calc(30px + 4px * var(--qt-touch-target-scale, 1));
     order: 2;
     margin-inline-start: auto;
   }
@@ -5568,7 +5568,7 @@
   }
   .qt-metrics-editor-footer .qt-btn {
     font-size: 12px;
-    min-height: 38px;
+    min-height: calc(30px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-metric-workspace > :is(aside, section) {
     padding: 12px;
@@ -5765,8 +5765,8 @@
 }
 @media (pointer: coarse) {
   .qt-metric-card-resize {
-    width: 30px;
-    height: 30px;
+    width: calc(22px + 8px * var(--qt-touch-target-scale, 1));
+    height: calc(22px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-metric-card-edit,
   .qt-metric-card-resize {
@@ -6212,22 +6212,22 @@
   .qt-property-controls .qt-btn,
   .qt-property-controls .qt-add,
   .qt-property-controls .qt-link-btn {
-    min-height: 36px;
+    min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
   }
   .qt-property-icon-button {
-    min-width: 32px;
+    min-width: calc(26px + 6px * var(--qt-touch-target-scale, 1));
   }
   .qt-property-controls input,
   .qt-property-controls select {
     font-size: 16px;
-    height: 36px;
+    height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-property-controls .qt-property-view-picker select {
     max-width: 100%;
     font-size: 13px;
   }
   .qt-property-controls .qt-property-save-star {
-    width: 32px;
+    width: calc(24px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-property-columns,
   .qt-property {
@@ -6464,7 +6464,7 @@
   }
   .qt-property-editor-tabs > button {
     flex: 1;
-    min-height: 36px;
+    min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
   }
   .qt-property-editor-tabs [aria-selected=true] {
     color: var(--qt-accent);
@@ -6484,7 +6484,7 @@
     padding: 0 12px 12px;
   }
   .qt-property-editor-list .qt-reorder-item {
-    min-height: 44px;
+    min-height: calc(40px + 4px * var(--qt-touch-target-scale, 1));
   }
   .qt-property-editor-footer {
     padding: 12px;
@@ -6494,17 +6494,17 @@
   }
   .qt-property-editor-footer > button {
     flex: 1;
-    min-height: 40px;
+    min-height: calc(24px + 16px * var(--qt-touch-target-scale, 1));
     justify-content: center;
   }
   .qt-property-editor .qt-property-icon-button,
   .qt-property-editor .qt-reorder-handle {
-    min-height: 36px;
-    min-width: 28px;
+    min-height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
+    min-width: calc(24px + 4px * var(--qt-touch-target-scale, 1));
   }
   .qt-property-editor :is(input, select) {
     font-size: 16px;
-    min-height: 40px;
+    min-height: calc(var(--_qt-target-height, 24px) + (40px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
   }
 }
 .qt-item-detail-actions {
@@ -6692,7 +6692,7 @@
     gap: 0;
   }
   .qt-item-detail-button {
-    min-height: 36px;
+    min-height: calc(28px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-item-expanded {
     padding: 8px;
@@ -6975,7 +6975,7 @@
   }
   .qt-qb--compact .qt-qb-pagination .qt-qb-num {
     width: 54px;
-    min-height: 32px;
+    min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-qb--compact .qt-qb-body > .qt-qb-row--unused {
     align-self: center;
@@ -7141,17 +7141,17 @@
 }
 @media (max-width: 760px), (pointer: coarse) and (max-height: 500px) {
   .qt-group-op-control {
-    height: 28px;
+    height: calc(20px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-qb--groupable .qt-group-clauses .qt-chip {
-    height: 32px;
-    min-height: 32px;
+    height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-qb--groupable .qt-query-reorder-list--columns {
     gap: 6px;
   }
   .qt-group-views .qt-btn {
-    min-height: 36px;
+    min-height: calc(24px + 12px * var(--qt-touch-target-scale, 1));
   }
 }
 .qt-columns-editor.qt-modal {
@@ -7685,8 +7685,8 @@
   }
   .qt-sheet .qt-representative-editor > .qt-picker-heading > button {
     display: inline-flex;
-    min-height: 32px;
-    min-width: 32px;
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
+    min-width: calc(var(--_qt-target-width, 0px) + (32px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-sheet .qt-representative-editor {
     padding: 0 12px 12px;
@@ -7695,10 +7695,10 @@
   .qt-representative-order .qt-chip-x,
   .qt-representative-order .qt-reorder-handle,
   .qt-representative-field {
-    min-height: 32px;
+    min-height: calc(var(--_qt-target-height, 24px) + (32px - var(--_qt-target-height, 24px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-representative-order .qt-chip-x {
-    min-width: 28px;
+    min-width: calc(var(--_qt-target-width, 0px) + (28px - var(--_qt-target-width, 0px)) * var(--qt-touch-target-scale, 1));
   }
   .qt-representative-order .qt-chip-op-btn {
     min-width: 0;
@@ -7706,7 +7706,7 @@
     font-size: 12px;
   }
   .qt-representative-order .qt-reorder-handle {
-    min-width: 24px;
+    min-width: calc(16px + 8px * var(--qt-touch-target-scale, 1));
   }
   .qt-representative-field {
     font-size: 13px;
@@ -7717,7 +7717,7 @@
   .qt-representative-footer .qt-btn,
   .qt-representative-footer > .qt-link-btn,
   .qt-representative-body > .qt-add {
-    min-height: 32px;
+    min-height: calc(24px + 8px * var(--qt-touch-target-scale, 1));
   }
 }
 .qt-group-clauses .qt-qb-row--unused {
@@ -7848,5 +7848,177 @@
   }
 }
 
+/* src/touchTargets.css */
+:where(.qt-btn, .qt-add, .qt-link-btn) {
+  --_qt-target-height: 24px;
+}
+.qt-btn {
+  --_qt-target-width: 30px;
+}
+.qt-add {
+  --_qt-target-width: 26px;
+}
+.qt-link-btn {
+  --_qt-target-width: 28px;
+}
+.qt-qb-collapse-btn,
+.qt-qt-section-toggle {
+  --_qt-target-height: 28px;
+}
+.qt-chip-op,
+.qt-chip-val,
+.qt-chip-op-btn,
+.qt-chip-x,
+.qt-chip-agg-add {
+  --_qt-target-height: 20px;
+}
+.qt-chip-x {
+  --_qt-target-width: 20px;
+}
+.qt-chip-op-btn {
+  --_qt-target-width: 20px;
+}
+.qt-qb-saved-star {
+  --_qt-target-height: 16px;
+  --_qt-target-width: 16px;
+}
+.qt-qb-saved-cancel {
+  --_qt-target-height: 16px;
+  --_qt-target-width: 16px;
+}
+.qt-qb-num,
+.qt-qb-saved-input {
+  --_qt-target-height: calc(1lh + 6px);
+}
+.qt-qb-num-step {
+  --_qt-target-height: calc(1lh + 6px);
+  --_qt-target-width: calc(4ch + 13px);
+}
+.qt-cm-item,
+.qt-op-cell {
+  --_qt-target-height: 32px;
+}
+.qt-picker-input {
+  --_qt-target-height: calc(1lh + 6px);
+}
+.qt-popover .qt-input,
+.qt-field-picker-popover .qt-picker-input {
+  --_qt-target-height: 32px;
+}
+.qt-popover .qt-input {
+  --_qt-padding-y: 6px;
+}
+.qt-formula-input {
+  --_qt-padding-y: 12px;
+}
+.qt-preview-controls select {
+  --_qt-padding-y: 5px;
+}
+.qt-metrics-editor .qt-input {
+  --_qt-padding-y: 6px;
+}
+.qt-picker-item {
+  --_qt-target-height: calc(1lh + 10px);
+}
+.qt-picker-popover .qt-picker-input {
+  --_qt-target-height: calc(1lh + 18px);
+}
+.qt-picker-popover .qt-picker-item {
+  --_qt-target-height: calc(1lh + 18px);
+}
+.qt-saved-pick {
+  --_qt-target-height: calc(2lh + 8px);
+}
+.qt-value-picker-list button {
+  --_qt-target-height: calc(1lh + 16px);
+}
+.qt-sort-extract-input,
+.qt-sort-extract-direction,
+.qt-sort-extract-field {
+  --_qt-target-height: 32px;
+}
+.qt-sort-direction-grid .qt-btn {
+  --_qt-target-height: 34px;
+}
+.qt-icon-btn {
+  --_qt-target-height: 22px;
+  --_qt-target-width: 22px;
+}
+.qt-column-name {
+  --_qt-target-height: 20px;
+}
+.qt-json-action {
+  --_qt-target-height: 28px;
+  --_qt-target-width: 28px;
+}
+.qt-json-toggle {
+  --_qt-target-height: 24px;
+  --_qt-target-width: 20px;
+}
+.qt-json-copy {
+  --_qt-target-height: 24px;
+  --_qt-target-width: 24px;
+}
+.qt-item-detail-button {
+  --_qt-target-height: 28px;
+}
+.qt-property-icon-button {
+  --_qt-target-width: 26px;
+  --_qt-padding-x: 0px;
+}
+.qt-property-controls input,
+.qt-property-controls select {
+  --_qt-target-height: 28px;
+}
+.qt-property-editor :is(input, select) {
+  --_qt-target-height: calc(1lh * 5 / 6 + 4px);
+}
+.qt-property-pick {
+  --_qt-target-height: calc(1.3em + 17px);
+}
+.qt-metrics-editor .qt-btn {
+  --_qt-target-height: 30px;
+}
+.qt-metrics-editor :is(input, select) {
+  --_qt-target-height: 34px;
+}
+.qt-metric-selection-tools select {
+  --_qt-target-height: 30px;
+}
+.qt-representative-field {
+  --_qt-target-height: 24px;
+}
+.qt-representative-order .qt-reorder-handle {
+  --_qt-target-height: 22px;
+  --_qt-target-width: 16px;
+}
+@media (max-width: 760px), (pointer: coarse) and (max-height: 500px) {
+  .qt-sheet .qt-picker-input {
+    --_qt-target-height: calc(1lh * 3 / 4 + 18px);
+  }
+  .qt-sheet .qt-picker-item {
+    --_qt-target-height: calc(1lh * 6 / 7 + 18px);
+  }
+  .qt-qb-num {
+    --_qt-target-height: calc(1lh * 13 / 16 + 6px);
+  }
+  .qt-sheet .qt-value-picker-list button {
+    --_qt-target-height: calc(1lh * 13 / 16 + 16px);
+  }
+  .qt-chip-op,
+  .qt-chip-val {
+    height: max(calc(1lh + 4px), calc(20px + 12px * var(--qt-touch-target-scale, 1)));
+  }
+  .qt-chip-op-btn {
+    height: max(calc(1lh + 2px), calc(20px + 12px * var(--qt-touch-target-scale, 1)));
+  }
+  .qt-auto-refresh-select {
+    height: max(calc(1lh + 6px + 8px * var(--qt-touch-target-scale, 1)), calc(24px + 16px * var(--qt-touch-target-scale, 1)));
+  }
+  .qt-json-search.qt-input {
+    height: max(calc(1lh + 8px), calc(28px + 4px * var(--qt-touch-target-scale, 1)));
+  }
+}
+
 /* src/theme.css */
 /*# sourceMappingURL=theme.css.map */