﻿
/* =========================================================
   Project Activity Tabs - Active Button Colors
   Uses the title marker inside the active Blazor Bootstrap tab button.
   ========================================================= */
#activities-pane .activity-subtabs .nav-link.active:has(.act-phone-title),
#activities-pane .activity-subtabs .nav-link[aria-selected="true"]:has(.act-phone-title) {
    background-color: #0d6efd !important;
    background: #0d6efd !important;
    color: #fff !important;
    border-color: #0d6efd !important;
    box-shadow: 0 4px 10px rgba(13,110,253,.28) !important;
}

#activities-pane .activity-subtabs .nav-link.active:has(.act-task-title),
#activities-pane .activity-subtabs .nav-link[aria-selected="true"]:has(.act-task-title) {
    background-color: #198754 !important;
    background: #198754 !important;
    color: #fff !important;
    border-color: #198754 !important;
    box-shadow: 0 4px 10px rgba(25,135,84,.28) !important;
}

#activities-pane .activity-subtabs .nav-link.active:has(.act-event-title),
#activities-pane .activity-subtabs .nav-link[aria-selected="true"]:has(.act-event-title) {
    background-color: #f97316 !important;
    background: #f97316 !important;
    color: #fff !important;
    border-color: #f97316 !important;
    box-shadow: 0 4px 10px rgba(249,115,22,.28) !important;
}

#activities-pane .activity-subtabs .nav-link.active:has(.act-email-title),
#activities-pane .activity-subtabs .nav-link[aria-selected="true"]:has(.act-email-title) {
    background-color: #7c3aed !important;
    background: #7c3aed !important;
    color: #fff !important;
    border-color: #7c3aed !important;
    box-shadow: 0 4px 10px rgba(124,58,237,.28) !important;
}

#activities-pane .activity-subtabs .nav-link.active .act-tab-title,
#activities-pane .activity-subtabs .nav-link.active .act-tab-title i,
#activities-pane .activity-subtabs .nav-link[aria-selected="true"] .act-tab-title,
#activities-pane .activity-subtabs .nav-link[aria-selected="true"] .act-tab-title i {
    color: #fff !important;
}
