/* ============================================================
   課程配當（Subject）區 RWD 配色覆寫
   結構沿用 ../Pay/Pay_Css/bootstrap.min.css 與 rwd.css
   本檔僅覆寫配色變數並提供 Subject 專屬樣式（需最後載入）
   ============================================================ */

:root {
    --pay-primary: #6b3f8a;        /* 主色：紫 */
    --pay-primary-dark: #4e2c66;   /* 深紫 */
    --pay-accent: #2f9e8f;         /* 點綴：青綠 */
    --pay-bg: #f6f4f9;             /* 背景：淡紫灰 */
    --pay-border: #ddd4e6;         /* 邊框 */
    --pay-head-bg: #f0eaf6;        /* 表頭底色 */
}

/* Subject 區主色按鈕（沿用 .btn-pay 結構，僅換色由變數驅動） */
.subject-title {
    color: var(--pay-primary-dark);
    font-weight: 700;
}

/* 報表表格表頭置中、可換行的長英中文標題 */
.subject-report-table th {
    background-color: var(--pay-head-bg);
    color: var(--pay-primary-dark);
    text-align: center;
    vertical-align: middle;
}

.subject-report-table td {
    vertical-align: middle;
}

/* ---------- 桌機（含框架內）寬度最大化 ----------
   覆寫 rwd.css 的 .pay-wrapper max-width:1200px，
   讓寬表格在電腦瀏覽時撐滿整個畫面；
   小螢幕維持原行為並由 .table-responsive 水平捲動。 */
@media (min-width: 992px) {
    .pay-wrapper {
        max-width: none;
        width: 100%;
        margin: 1rem auto;
        padding: 0 .75rem;
    }
}

/* 查詢表單頁位於 frameset 上方框架（高度僅 16%），
   在桌機縮小卡片上下留白，避免在矮框架內被裁切。 */
@media (min-width: 992px) {
    .pay-wrapper.subject-qry {
        margin: .5rem auto;
    }

    .pay-wrapper.subject-qry .pay-card {
        padding: .75rem 1rem;
    }
}