/* ============================================================
   basic-style token 已由 base.html 載入的 basic-style.css 提供
   此檔只包含本頁專屬樣式，請勿在此重複定義全站共用規則
   ============================================================ */

/* ── 標題層級微調 ───────────────────────────────────────────── */
.set-h6 {
  color: var(--color-primary, #0c2340);
  font-size: 1.375rem;
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  padding: 0;
}

/* ── 表格容器卡片化 ─────────────────────────────────────────── */
.table-wrapper {
  background-color: var(--color-bg, #ffffff);
  border-radius: 8px;
  border: 1px solid var(--color-border, #dce3ed);
  box-shadow: 0 4px 16px rgba(12, 35, 64, 0.05);
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  -webkit-overflow-scrolling: touch;
}

.table-wrapper table,
.table-wrapper table.mobile-table-inner {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  border: none;
}

/* ── 表頭樣式（與全站一致的企業藍 #0d6fbb，保留層級網格格線）── */
.table-wrapper table.mobile-table-inner .set-table-head {
  background-color: var(--color-accent-dark, #0d6fbb);
}

.table-wrapper table.mobile-table-inner .set-table-head td,
.table-wrapper table.mobile-table-inner .set-table-head th {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.03rem;
  line-height: 1.35;
  padding: 0.75rem 0.5rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

/* ── 表格資料列與儲存格 ─────────────────────────────────────── */
.table-wrapper table.mobile-table-inner tr:not(.set-table-head) {
  transition: background-color 0.2s ease;
}

.table-wrapper table.mobile-table-inner tr:not(.set-table-head):hover {
  background-color: rgba(29, 143, 224, 0.05);
}

/* 清除資料列預設豎線邊框，保留精緻的橫向底線 */
.table-wrapper table.mobile-table-inner tr:not(.set-table-head) td {
  padding: 0.75rem 0.5rem;
  font-size: 0.9rem;
  color: var(--color-text, #0c2340);
  border: 0;
  border-bottom: 1px solid var(--color-border, #dce3ed);
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.table-wrapper table.mobile-table-inner tr:last-child td {
  border-bottom: none;
}

/* 首欄重點醒目（年度或主要數據） */
.table-wrapper table.mobile-table-inner tr:not(.set-table-head) td:first-child {
  font-weight: 500;
  color: var(--color-primary, #0c2340);
}

/* ── 手機滑動提示 ───────────────────────────────────────────── */
.mobile-touch {
  display: none;
  font-weight: 500;
  color: var(--color-accent, #1d8fe0);
  font-size: 0.85rem;
  letter-spacing: 0.03rem;
}

/* ── 專案既有斷點（僅 900px 與 600px） ──────────────────────── */
@media (max-width: 900px) {
  .set-padding-lr {
    padding: 0 1.5rem;
  }
}

@media (max-width: 600px) {
  .table-wrapper {
    overflow-x: auto;
  }

  .mobile-touch {
    display: block;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
  }

  .mobile-table-inner {
    min-width: 720px;
    width: 100%;
  }
}