/* Common component styles — ActionBar + MobileBottomNav */

.action-bar-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.action-bar-desktop {
    /* inline, no special positioning */
}

.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

/* Add bottom padding when bottom nav is visible to prevent content overlap */
body.has-bottom-nav {
    padding-bottom: 56px;
}

.stat-card {
    transition: box-shadow 0.2s ease;
}

.stat-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}