/**
 * カスタムCSS
 * AdminLTEテーマのカスタマイズ
 */

/* ブランドロゴ調整 */
.brand-link .fas.fa-car {
  margin-left: 0.8rem;
  margin-right: 0.5rem;
  font-size: 1.5rem;
  color: #ffffff;
}

/* 統計カードの数値サイズ調整 */
.small-box h3 {
  font-size: 2.2rem;
  font-weight: 700;
}

/* テーブルヘッダーの背景色 */
.card-body table thead {
  background-color: #f4f6f9;
}

/* テーブル行ホバー効果 */
.card-body table tbody tr:hover {
  background-color: #f8f9fa;
  cursor: pointer;
}

/* ローディングスピナー */
#loading .spinner-border {
  width: 3rem;
  height: 3rem;
}

/* エラーメッセージアイコン */
#error-message .fas.fa-exclamation-triangle {
  margin-right: 0.5rem;
}

/* 平均燃費・合計費用カード */
.card-body h5 {
  font-weight: 600;
  margin-bottom: 1rem;
}

.card-body h2 {
  font-weight: 700;
  margin-bottom: 0;
}

/* レスポンシブ: 小画面での統計カード調整 */
@media (max-width: 767.98px) {
  .small-box h3 {
    font-size: 1.8rem;
  }
  
  .small-box p {
    font-size: 0.9rem;
  }
}

/* ナビゲーションリンクのアクティブ状態強調 */
.nav-sidebar .nav-link.active {
  background-color: #007bff !important;
  color: #ffffff !important;
}

/* カードヘッダーのアイコン余白 */
.card-title .fas {
  margin-right: 0.5rem;
}