/* ============================================================
   岗位主题：body class 切换 --role-* 变量映射
   ywkj=业务会计岗  cwfx=财务分析岗  cbkj=成本会计岗  cwzg=财务主管岗
   ============================================================ */
body.ywkj { --role-color: var(--ywkj-color); --role-light: var(--ywkj-light);
            --role-dark: var(--ywkj-dark);   --role-bg: var(--ywkj-bg); }
body.cwfx { --role-color: var(--cwfx-color); --role-light: var(--cwfx-light);
            --role-dark: var(--cwfx-dark);   --role-bg: var(--cwfx-bg); }
body.cbkj { --role-color: var(--cbkj-color); --role-light: var(--cbkj-light);
            --role-dark: var(--cbkj-dark);   --role-bg: var(--cbkj-bg); }
body.cwzg { --role-color: var(--cwzg-color); --role-light: var(--cwzg-light);
            --role-dark: var(--cwzg-dark);   --role-bg: var(--cwzg-bg); }

/* 岗位主题下导航品牌点 */
body.ywkj .navbar-brand .brand-mark { background: linear-gradient(135deg, #0e7490, #22b8cf); }
body.cwfx .navbar-brand .brand-mark { background: linear-gradient(135deg, #6d28d9, #a855f7); }
body.cbkj .navbar-brand .brand-mark { background: linear-gradient(135deg, #b45309, #e8963a); }
body.cwzg .navbar-brand .brand-mark { background: linear-gradient(135deg, #15803d, #34c26e); }

/* 主题化的主按钮 / 步骤点 / 链接 */
body.ywkj .btn-primary:not(.keep-brand),
body.cwfx .btn-primary:not(.keep-brand),
body.cbkj .btn-primary:not(.keep-brand),
body.cwzg .btn-primary:not(.keep-brand) {
    background: var(--role-color);
}
body.ywkj .btn-primary:not(.keep-brand):hover,
body.cwfx .btn-primary:not(.keep-brand):hover,
body.cbkj .btn-primary:not(.keep-brand):hover,
body.cwzg .btn-primary:not(.keep-brand):hover {
    background: var(--role-dark);
}
body:not(.ywkj):not(.cwfx):not(.cbkj):not(.cwzg) .btn-primary { background: var(--brand-color); }
body:not(.ywkj):not(.cwfx):not(.cbkj):not(.cwzg) .btn-primary:hover { background: var(--brand-dark); }

.step-dot.active {
    background: var(--role-color);
    border-color: var(--role-color);
    color: #fff;
    box-shadow: 0 0 0 5px var(--role-bg);
}
.step-line.done { background: var(--role-color); }
.page-title::after, .hub-title-accent {
    background: var(--role-color);
}
.task-card:hover { border-color: var(--role-color); }
a.text-link { color: var(--role-color); text-decoration: none; font-weight: 600; }
a.text-link:hover { text-decoration: underline; }