/* =============================================================================
   One maintenance - カスタムCSS（最小限）
   Tailwind CDNで賄えない部分のみここに記述
   ============================================================================= */

/* PIN入力ボックス：タップ時のハイライト抑制（モバイル） */
.pin-input {
  -webkit-tap-highlight-color: transparent;
  caret-color: transparent;
}

/* ローディングアニメーションをTailwindのanimate-pulseと統一 */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .5; }
}

/* スクロールバーのカスタマイズ（プラグインリストが長くなった場合） */
.plugin-scroll {
  scrollbar-width: thin;
  scrollbar-color: #CBD5E1 transparent;
}

.plugin-scroll::-webkit-scrollbar {
  width: 4px;
}

.plugin-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.plugin-scroll::-webkit-scrollbar-thumb {
  background-color: #CBD5E1;
  border-radius: 2px;
}

/* グリッドのカラムスパンをTailwind JIT対応のために明示 */
@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
}