.status-cell i.fa-star,
.status-cell i.fa-circle {
  color: #4039ff;
}

/* DataTables 隠し列 */
.karte-table th.hidden,
.karte-table td.hidden {
  display: none;
}

/* ──────────────────────────────
   カルテ一覧テーブル
────────────────────────────── */

/* テーブル全体 */
.karte-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  font-size: 0.9em;
  background: #fff;
}

/* ヘッダー */
.karte-table thead th {
  border-bottom: 2px solid #ddd;
  padding: 0.6em 0.8em;
  text-align: left;
  background: #f7f7f7;
  color: #333;
}

/* ボディのセル */
.karte-table tbody td {
  border-bottom: 1px solid #eee;
  padding: 0.6em 0.8em;
  vertical-align: middle;
}

/* 行ホバー時の背景色 */
.karte-table tbody tr:hover {
  background: #fafafa;
}

/* リンクセル */
.karte-table tbody td a {
  color: #0073aa;
  text-decoration: none;
}
.karte-table tbody td a:hover {
  text-decoration: underline;
}

/* 状況アイコンの中央配置 */
.karte-table .status-cell {
  text-align: center;
}

/* ページネーション */
.dataTables_wrapper .dataTables_paginate {
  margin: 1em 0;
  text-align: right;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #fafafa;
  color: #333 !important;
  border: 1px solid #ddd;
  padding: 0.3em 0.6em;
  margin-left: 0.2em;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #0073aa;
  color: #fff !important;
  border-color: #0073aa;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #eee;
}

/* 件数表示・検索フォーム位置 */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 0.5em;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  font-size: 0.9em;
}

/* モバイル対応：スクロール可能に */
@media screen and (max-width: 768px) {
  .karte-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}