.btn-font-md {
    font-size: 1rem;
}



.accordion-button:not(.collapsed) {
    background: var(--color-surface-elevated) !important;
    color: var(--color-text-primary) !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(80%) sepia(72%) saturate(1000%) hue-rotate(10deg) brightness(105%) contrast(104%);
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 217, 0, 0.25) !important;
    border-color: var(--apollo-yellow) !important;
}

.accordion-button::after {
    filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%);
}

.accordion-body {
    background: var(--color-bg-primary) !important;
    color: var(--color-text-primary) !important;
}

/* ==============================================
   CARDS AZURE DASHBOARD - HOVER EFFECTS
   ============================================== */

.card-dashboard:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.card-dashboard[style*="border-left"]:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}