/* Shared keypad; colors and fonts inherit CalculusPro's existing identity. */
.math-keypad{min-width:0;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);direction:rtl}
.math-keypad [hidden]{display:none!important}.math-keypad button,.mkp-quick button{font-family:inherit;min-height:44px;touch-action:manipulation;color:var(--text);background:var(--paper);border:1px solid var(--control-line,var(--line));border-radius:9px;padding:8px;min-width:0;max-width:100%;white-space:normal}
.math-keypad button:disabled,.mkp-quick button:disabled{opacity:.55}.math-keypad button:focus-visible,.mkp-quick button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mkp-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mkp-toolbar button{font-size:12px;flex:0 1 auto}
.mkp-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mkp-tabs button{font-size:13px;line-height:1.5}.mkp-tabs [aria-selected=true]{background:var(--accent);color:var(--paper)}
.mkp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mkp-grid button{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow:hidden}.mkp-symbol{display:block;max-width:100%;font-size:17px;pointer-events:none}.mkp-symbol .katex{font-size:1em}.mkp-grid small,.mkp-quick small{font-size:11px;line-height:1.5;overflow-wrap:anywhere;pointer-events:none}.math-keypad h4{font-size:13px;margin:16px 0 8px}.mkp-status{font-size:12px;line-height:1.8;margin:12px 0 0;overflow-wrap:anywhere}.mkp-status button{display:block;margin-top:6px}.mkp-highlight{box-shadow:inset 0 -3px 0 var(--accent)}.math-keypad [aria-pressed=true][data-key]{background:var(--soft)}
.mkp-extras{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.mkp-suggestion{padding:10px;margin-top:10px;background:var(--soft);border-radius:10px;font-size:13px}.mkp-suggestion button{margin:5px}
.mkp-quick{display:flex;flex-wrap:wrap;gap:6px;padding:9px;width:100%}.mkp-quick button{flex:1 0 44px}.mkp-quick small{display:none}.mkp-quick .mkp-all{flex:1 0 90px;font-size:13px}.quick-palette:has(.mkp-quick){padding:0}.mkp-legacy{display:none!important}
#practice-keyboard:has(.math-keypad){padding:0;border:0;background:transparent}
@media(max-width:420px){.math-keypad{padding:8px}.mkp-grid{gap:4px}.mkp-grid button{padding:6px 2px}.mkp-symbol{font-size:15px}.mkp-tabs button{padding:7px 2px;font-size:12px}.mkp-toolbar button{padding:7px}.mkp-quick{gap:4px}.math-keypad .katex-display{margin:0}}
@media(prefers-reduced-motion:no-preference){.math-keypad button{transition:background-color .12s ease,box-shadow .12s ease}}
/* The legacy mobile palette is a grid; the shared bar owns its own wrapping. */
.quick-palette:has(.mkp-quick){display:block;overflow:visible}

.math-keypad button:active,.mkp-quick button:active{background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}
.math-keypad button,.mkp-quick button{min-width:44px}
.math-keypad{container-type:inline-size}
@container(max-width:235px){.mkp-grid{grid-template-columns:repeat(4,minmax(44px,1fr))}}

/* Keep long formula previews clear of key borders without changing their content. */
.mkp-symbol{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:2px 0;box-sizing:border-box}
.mkp-symbol .katex{display:inline-block;flex:none;transform-origin:center center}