/* ui/v1/ss-keypad.css — clavier à chiffres mélangés (voir ss-keypad.js). Clair et sombre.
   v1.1 : grille plus compacte (touches de 40 px, le minimum confortable au doigt) ; plusieurs claviers
   dans un formulaire = un seul visible à la fois (les autres : terminé = points + « Modifier », à venir = masqué). */
.ss-keypad-input{letter-spacing:.4em;text-align:center;caret-color:transparent;cursor:default}
.ss-keypad{max-width:184px;margin:.5rem auto .8rem;user-select:none;-webkit-user-select:none}
.ss-keypad-dots{display:flex;justify-content:center;gap:8px;margin:.1rem 0 .5rem}
.ss-keypad-dots span{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;opacity:.35}
.ss-keypad-dots span.on{background:currentColor;opacity:1}
.ss-keypad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ss-keypad-key{aspect-ratio:1/1;min-height:40px;padding:0;font-size:1.1rem;font-weight:600;border-radius:var(--radius-sm,10px);border:1px solid var(--border,rgba(127,127,127,.35));
  background:var(--surface-2,rgba(127,127,127,.08));color:inherit;cursor:pointer;touch-action:manipulation;transition:transform .06s}
.ss-keypad-key:active{transform:scale(.94);background:rgba(127,127,127,.2)}
.ss-keypad-key.is-empty{visibility:hidden;pointer-events:none}
.ss-keypad-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.ss-keypad-actions button{padding:.5rem;border-radius:9px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit}
.ss-keypad-ok{background:var(--primary,#0f766e) !important;border-color:var(--primary,#0f766e) !important;color:var(--primary-ink,#fff) !important}
.ss-keypad.is-next{outline:3px solid var(--primary,#0f766e);outline-offset:6px;border-radius:12px;transition:outline .2s}
.ss-keypad.is-done .ss-keypad-grid,.ss-keypad.is-done .ss-keypad-actions{display:none}
.ss-keypad-edit{display:none;margin:0 auto;padding:.2rem .6rem;border:0;background:none;color:var(--primary,#0f766e);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer}
.ss-keypad.is-done .ss-keypad-edit{display:block}
.ss-keypad.is-done{margin-bottom:.3rem}