/* アクセスキーの入力欄とキーパッド。ログイン画面と「キーを追加」で共用する */

.key-input {
  font-family: Consolas, "Courier New", monospace;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

.keypad-key {
  margin-top: 8px;
  background: #fff;
  border: 1px solid #dde1e8;
  border-radius: 8px;
  padding: 6px;
}

.kk-row {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 4px;
}
.kk-row + .kk-row { margin-top: 4px; }

/* 貼り付け / ⌫ / クリア。貼り付けを広く取る（いちばん使う操作） */
.kk-row.kk-actions {
  grid-template-columns: 4fr 2fr 2fr;
  margin-top: 6px;
}

.keypad-key button {
  /* 同じキーを続けて押す（「33」など）とダブルタップ拡大が起きるので切る。
     home.html はこのCSSしか読まないため、ここでも指定しておく */
  touch-action: manipulation;
  min-height: 38px;
  padding: 0;
  background: #f4f6fa;
  color: #222;
  border: 1px solid #ccd2dc;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  font-family: inherit;
  cursor: pointer;
}
.keypad-key button:active { background: #dde3ec; }

.keypad-key .kk-actions button {
  font-size: 13px;
  font-weight: normal;
}
.keypad-key .kk-wide {
  background: #eef4fb;
  border-color: #b8cfe8;
}