.pos-grid{display: grid;grid-template-columns: repeat(3,38px);gap: 4px;padding: 6px;background: var(--surface-2);border: 1px solid var(--border);border-radius: 10px;width: max-content}.pos-grid label{position: relative;width: 38px;height: 30px;border-radius: 6px;background: var(--surface);border: 1px solid var(--border);cursor: pointer}.pos-grid input{position: absolute;opacity: 0;inset: 0;cursor: pointer}.pos-grid label:has(input:checked){background: var(--brand);border-color: var(--brand)}.pos-grid label:has(input:focus-visible){box-shadow: var(--focus)}.pos-grid label:has(input:disabled){opacity: 0.4;cursor: not-allowed}