/*
 * settings.css — v6.19.0 で大幅縮小
 *   旧タブ式 UI 用 CSS（.tabs / .tab-btn / .tab-panel）+ ユーザー編集モーダル系 CSS +
 *   部署管理リスト系 CSS + フィードバック統計 CSS + ドキュメント管理タブ CSS を全削除。
 *
 *   v6.19.0 以降、本ファイルは以下のみ提供:
 *     1. /settings.html （カード一覧、index.css の app-tile を流用）
 *     2. /login-history.html （独立ページ、シンプルなテーブル）
 *     3. /access-log.html （独立ページ、シンプルなテーブル）
 *
 *   index.css の .app-icon / .mini-badge は緑・アンバーのみ定義済のため、
 *   設定画面で必要な赤（権限）・紫（履歴・監査）系の色を本ファイルで追加。
 */

/* ========== v6.19.0: 設定画面カード用の色拡張（index.css の .app-icon / .mini-badge を継承） ========== */
.app-icon.red {
  background: rgba(217, 48, 37, .10);
  color: #c5221f;
}
.app-icon.purple {
  background: rgba(142, 68, 173, .12);
  color: #6a1b9a;
}
.mini-badge.red {
  background: rgba(217, 48, 37, .10);
  color: #c5221f;
}
.mini-badge.purple {
  background: rgba(142, 68, 173, .12);
  color: #6a1b9a;
}

/* ========== 履歴ページ用のテーブル共通スタイル（login-history.html / access-log.html） ========== */
.table-wrapper {
  overflow-x: auto;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-sm);
}
.table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.table-wrapper th,
.table-wrapper td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--gray-200);
}
.table-wrapper th {
  background: var(--navy-pale);
  font-weight: 700;
  color: var(--navy);
  white-space: nowrap;
}
.table-wrapper tbody tr:last-child td {
  border-bottom: none;
}
.table-wrapper tbody tr:hover {
  background: var(--gray-100);
}

/* ========== 履歴ページ用カード見出し（旧 .card-title 互換） ========== */
.card-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--navy);
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--navy-pale);
}

/* ========== トースト（履歴ページで万一使う場合の保険） ========== */
.toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--navy-dark);
  color: #fff;
  padding: 12px 24px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: var(--shadow-md);
  z-index: 300;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.toast.show { opacity: 1; }
.toast.error { background: var(--danger); }