/* ══════════════════════════════════════════════════════════════
   LastRound — Shared Numberpad + Currency Formatting
   Include in any module: <link rel="stylesheet" href="/shared/numpad.css">
   ══════════════════════════════════════════════════════════════ */

/* ── Numberpad Overlay ── */
.numpad-overlay { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 500; background: var(--surface, #18160F); border-top: 2px solid var(--accent-dim, #584E3B); box-shadow: 0 -4px 24px rgba(0,0,0,0.5); padding: 10px 12px 16px; }
.numpad-overlay.show { display: block; }
.numpad-display { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 8px; }
.numpad-field-label { font-size: 11px; color: var(--text-dim, #6b665c); text-transform: uppercase; letter-spacing: 0.5px; }
.numpad-value { font-size: 22px; font-weight: 600; color: var(--text, #DBD6CB); font-variant-numeric: tabular-nums; letter-spacing: 0.5px; text-align: right; flex: 1; }
.numpad-close { background: none; border: 1px solid var(--border, #454035); color: var(--text-dim, #6b665c); border-radius: 6px; padding: 4px 12px; font-size: 12px; cursor: pointer; }
.numpad-close:hover { border-color: var(--accent-dim, #584E3B); color: var(--text, #DBD6CB); }
.numpad-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.numpad-btn { background: var(--surface2, #242118); border: 1px solid var(--border, #454035); color: var(--text, #DBD6CB); border-radius: 10px; padding: 14px 0; font-size: 20px; font-weight: 500; cursor: pointer; text-align: center; -webkit-user-select: none; user-select: none; transition: background 0.1s; font-variant-numeric: tabular-nums; }
.numpad-btn:active { background: var(--accent-dim, #584E3B); }
.numpad-btn.action { background: rgba(206,181,156,0.1); color: var(--accent, #CEB59C); font-size: 14px; font-weight: 600; }
.numpad-btn.action:active { background: var(--accent-dim, #584E3B); }
.numpad-btn.tab { background: rgba(158,171,160,0.12); color: var(--green, #9EABA0); font-size: 14px; font-weight: 600; }
.numpad-btn.tab:active { background: rgba(158,171,160,0.25); }
.numpad-btn.del { color: var(--red, #B77543); font-size: 16px; }
.numpad-btn.del:active { background: rgba(183,117,67,0.15); }

/* ── Global Input Focus Highlight ── */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--accent, #CEB59C) !important;
  box-shadow: 0 0 0 2px rgba(206,181,156,0.25) !important;
}