/**
 * ステータス一覧バッジのプリセット色（1 か所の変数定義）。
 * 案件一覧: .case-list-wf.case-list-wf--custom.case-list-wf--preset-{id}
 * 設定モーダル: .lcm-badge-preset-tile__swatch--{id}
 * → 同じ変数を参照するので見た目が一致します。
 */

/* プリセット付きバッジの共通形（style.css 未読込環境でもピル状に） */
.case-list-wf {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  line-height: 1.35;
}
.case-list-wf.case-list-wf--custom {
  border: 1px solid var(--border, #ced4da);
}

:root {
  --lcm-preset-primary-bg: #0d6efd;
  --lcm-preset-primary-fg: #ffffff;
  --lcm-preset-primary-bd: #0a58ca;

  --lcm-preset-secondary-bg: #6c757d;
  --lcm-preset-secondary-fg: #ffffff;
  --lcm-preset-secondary-bd: #565e64;

  --lcm-preset-success-bg: #198754;
  --lcm-preset-success-fg: #ffffff;
  --lcm-preset-success-bd: #146c43;

  --lcm-preset-danger-bg: #dc3545;
  --lcm-preset-danger-fg: #ffffff;
  --lcm-preset-danger-bd: #b02a37;

  --lcm-preset-warning-bg: #ffc107;
  --lcm-preset-warning-fg: #212529;
  --lcm-preset-warning-bd: #cc9a06;

  --lcm-preset-info-bg: #0dcaf0;
  --lcm-preset-info-fg: #055160;
  --lcm-preset-info-bd: #09adc7;

  --lcm-preset-dark-bg: #212529;
  --lcm-preset-dark-fg: #ffffff;
  --lcm-preset-dark-bd: #111418;

  --lcm-preset-light-bg: #f8f9fa;
  --lcm-preset-light-fg: #212529;
  --lcm-preset-light-bd: #dee2e6;

  --lcm-preset-indigo-bg: #6610f2;
  --lcm-preset-indigo-fg: #ffffff;
  --lcm-preset-indigo-bd: #520dc2;

  --lcm-preset-teal-bg: #0f766e;
  --lcm-preset-teal-fg: #ffffff;
  --lcm-preset-teal-bd: #0d5f59;
}

/* ----- 案件一覧バッジ ----- */
.case-list-wf--preset-primary {
  color: var(--lcm-preset-primary-fg);
  background-color: var(--lcm-preset-primary-bg);
  border-color: var(--lcm-preset-primary-bd);
}
.case-list-wf--preset-secondary {
  color: var(--lcm-preset-secondary-fg);
  background-color: var(--lcm-preset-secondary-bg);
  border-color: var(--lcm-preset-secondary-bd);
}
.case-list-wf--preset-success {
  color: var(--lcm-preset-success-fg);
  background-color: var(--lcm-preset-success-bg);
  border-color: var(--lcm-preset-success-bd);
}
.case-list-wf--preset-danger {
  color: var(--lcm-preset-danger-fg);
  background-color: var(--lcm-preset-danger-bg);
  border-color: var(--lcm-preset-danger-bd);
}
.case-list-wf--preset-warning {
  color: var(--lcm-preset-warning-fg);
  background-color: var(--lcm-preset-warning-bg);
  border-color: var(--lcm-preset-warning-bd);
}
.case-list-wf--preset-info {
  color: var(--lcm-preset-info-fg);
  background-color: var(--lcm-preset-info-bg);
  border-color: var(--lcm-preset-info-bd);
}
.case-list-wf--preset-dark {
  color: var(--lcm-preset-dark-fg);
  background-color: var(--lcm-preset-dark-bg);
  border-color: var(--lcm-preset-dark-bd);
}
.case-list-wf--preset-light {
  color: var(--lcm-preset-light-fg);
  background-color: var(--lcm-preset-light-bg);
  border-color: var(--lcm-preset-light-bd);
}
.case-list-wf--preset-indigo {
  color: var(--lcm-preset-indigo-fg);
  background-color: var(--lcm-preset-indigo-bg);
  border-color: var(--lcm-preset-indigo-bd);
}
.case-list-wf--preset-teal {
  color: var(--lcm-preset-teal-fg);
  background-color: var(--lcm-preset-teal-bg);
  border-color: var(--lcm-preset-teal-bd);
}

/* ----- 設定モーダルの色タイル（背景のみ・一覧と同じ色） ----- */
.lcm-badge-preset-tile__swatch--primary {
  background: var(--lcm-preset-primary-bg);
}
.lcm-badge-preset-tile__swatch--secondary {
  background: var(--lcm-preset-secondary-bg);
}
.lcm-badge-preset-tile__swatch--success {
  background: var(--lcm-preset-success-bg);
}
.lcm-badge-preset-tile__swatch--danger {
  background: var(--lcm-preset-danger-bg);
}
.lcm-badge-preset-tile__swatch--warning {
  background: var(--lcm-preset-warning-bg);
}
.lcm-badge-preset-tile__swatch--info {
  background: var(--lcm-preset-info-bg);
}
.lcm-badge-preset-tile__swatch--dark {
  background: var(--lcm-preset-dark-bg);
}
.lcm-badge-preset-tile__swatch--light {
  background: var(--lcm-preset-light-bg);
  border: 1px solid var(--lcm-preset-light-bd);
}
.lcm-badge-preset-tile__swatch--indigo {
  background: var(--lcm-preset-indigo-bg);
}
.lcm-badge-preset-tile__swatch--teal {
  background: var(--lcm-preset-teal-bg);
}

/* ----- 案件一覧: 操作列（全幅で必ず表示。狭い画面は折り返し） ----- */
.data td.td-actions {
  min-width: 8.5rem;
  vertical-align: middle;
  white-space: normal;
}

.lcm-index-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.25rem;
}

@media (min-width: 768px) {
  .data td.td-status .case-list-wf {
    white-space: nowrap;
  }

  .lcm-index-actions {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

.lcm-index-actions .btn--icon-only {
  padding: 0.28rem 0.5rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
  box-sizing: border-box;
  justify-content: center;
  border: 1px solid var(--border, #ced4da);
  background: var(--surface, #fff);
  color: inherit;
}

.lcm-index-actions .btn--icon-only:hover {
  background: var(--hover-bg, #f1f3f5);
}

.lcm-index-actions .btn--icon-only .btn__icon svg {
  display: block;
}