.ombox-numeric-keypad[hidden]{display:none!important}
.ombox-numeric-keypad{position:fixed;z-index:1085;inset:0;display:flex;align-items:flex-end;justify-content:center}
.ombox-numeric-keypad-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(15,23,42,.48)}
.ombox-numeric-keypad-sheet{position:relative;width:min(100%,420px);padding:14px max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-radius:18px 18px 0 0;background:var(--color-white,#fff);box-shadow:0 -12px 36px rgba(15,23,42,.2)}
.ombox-numeric-keypad-sheet header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--color-text-primary,#172033)}
.ombox-numeric-keypad-sheet header strong{font-size:14px}.ombox-numeric-keypad-sheet output{font-size:24px;font-weight:700;letter-spacing:.08em}
.ombox-numeric-keypad-status{min-height:18px;margin:0 0 6px;color:var(--color-danger,#dc2626);font-size:12px;text-align:right}
.ombox-numeric-keypad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ombox-numeric-keypad-grid button,.ombox-numeric-keypad-done{min-height:48px;border:1px solid var(--color-border,#d8dee8);border-radius:10px;background:var(--color-surface-muted,#f8fafc);color:var(--color-text-primary,#172033);font-size:20px;font-weight:600}
.ombox-numeric-keypad-grid button:is(:hover,:focus-visible){border-color:var(--color-primary,#0087f7);outline:2px solid color-mix(in srgb,var(--color-primary,#0087f7) 22%,transparent);outline-offset:1px}
.ombox-numeric-keypad-done{width:100%;margin-top:10px;border-color:var(--color-text-primary,#172033);background:var(--color-text-primary,#172033);color:#fff;font-size:16px}
body.ombox-keypad-open{overflow:hidden}
body.eye-protection .ombox-numeric-keypad-sheet{background:#faf8f3;color:#4a3c28}body.eye-protection .ombox-numeric-keypad-grid button{border-color:#c9b99f;background:#fffdf8;color:#4a3c28}
body.device-tablet .ombox-numeric-keypad-sheet,body.shell-variant-tablet .ombox-numeric-keypad-sheet{margin-bottom:24px;border-radius:18px}
body.device-desktop .ombox-numeric-keypad,body.shell-variant-desktop .ombox-numeric-keypad{align-items:center}
body.device-desktop .ombox-numeric-keypad-sheet,body.shell-variant-desktop .ombox-numeric-keypad-sheet{border-radius:18px}
body.device-tv .ombox-numeric-keypad-sheet,body.shell-variant-tv .ombox-numeric-keypad-sheet{width:min(760px,80vw);padding:28px;border-radius:24px}
body.device-tv .ombox-numeric-keypad-grid button,body.shell-variant-tv .ombox-numeric-keypad-grid button,body.device-tv .ombox-numeric-keypad-done,body.shell-variant-tv .ombox-numeric-keypad-done{min-height:72px;font-size:28px}