/* 大按鈕群組 lg 按鈕群組背景色 */
#btn-toggle-lg .nav-tabs {
    border-bottom: none;
    background-color: var(--gray-95);
}

/* 大按鈕群組 lg 按鈕樣式 */
#btn-toggle-lg .nav-link {
    flex: 1;
    text-align: center;
    padding: 0.5rem 1.5rem;
    font-weight: bold;
    color: #6C757D;
    background-color: transparent;
    border: none !important;
    border-radius: 0.5rem;
    transition: background-color 0.3s, box-shadow 0.3s;
}

/* 大按鈕群組 lg 啟動中按鈕樣式 */
#btn-toggle-lg .nav-link.active {
    background-color: white !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    color: #212529 !important;
}

/* 大按鈕群組 lg 按鈕 hover 樣式 */
#btn-toggle-lg .nav-tabs .nav-link:hover {
    background-color: white !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    color: #212529 !important;
}

/* 大按鈕群組 lg 按鈕 focus-visible 樣式  */
#btn-toggle-lg .nav-tabs .nav-link:focus-visible {
    outline: 2px dashed red !important;
    border-radius: 0.5rem;
}

/* 小按鈕群組 按鈕設定 */
#btn-toggle-sm .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--teal-40) !important;
    font-weight: bold;
    border-bottom: 2px solid var(--teal-60) !important;
}

/* QA 按鈕群組 */
#btn-toggle-QA button.active {
    border: 1px solid #E0EDED !important;
    background-color: #E0EDED !important;
    color: var(--brand-onPrimaryVarDark) !important;
}

/* 個人線上查閱信用報告  PC*/
#btn-toggle-PC button {
    border: none !important;
    color: #364959 !important;
    outline: 2px solid #BFC7D1;
}

#btn-toggle-PC button.active {
    background-color: #E0EDED;
    color: #173535 !important;
    outline: none;
}