/* components-v1-card-divider  — 端末で本ファイルの鮮度確認に使う目印(古いキャッシュ判定用)。
   この目印が配信 components.css に見えない場合は本ファイルが古いキャッシュ(区切り線修正が未反映) */

/* 角丸 */
.card { border-radius: 10px; border: none; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.btn { border-radius: 8px; }
.form-control { border-radius: 8px; }
.badge { border-radius: 6px; }

/* テーブルホバー */
.table-hover tbody tr:hover { background-color: rgba(0,104,183,.04); }

/* card-table 最終行の下 border を消し、card-footer の border-top と二重線(太線)にならないようにする(Tabler 公式の単線に合わせる) */
.card-table > tbody > tr:last-child > td,
.card-table > tbody > tr:last-child > th { border-bottom-width: 0; }

/* フォーカスリング */
.form-control:focus { box-shadow: 0 0 0 3px rgba(0,104,183,.15); }

/* ボタン押下フィードバック */
.btn { transition: all .15s; }
.btn:active { transform: scale(.97); }