/* ABP App - Mobile-first styles */

[x-cloak] { display: none !important; }

/* Bottom Navigation */
.nav-bottom-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.7rem;
    color: #6c757d;
    text-decoration: none;
    padding: 0.25rem 0.75rem;
    gap: 0.1rem;
}
.nav-bottom-btn i { font-size: 1.25rem; }
.nav-bottom-btn.active { color: #0d6efd; }
.nav-bottom-btn:hover { color: #0d6efd; text-decoration: none; }

/* Tappable Cards */
.card-tap { cursor: pointer; transition: transform 0.1s; }
.card-tap:active { transform: scale(0.97); }

/* Pull-to-refresh feel */
main { -webkit-overflow-scrolling: touch; }

/* Status badges */
.badge-status { font-size: 0.75rem; }

/* Compact list items for mobile */
.list-item-compact {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid #e9ecef;
}
.list-item-compact:last-child { border-bottom: none; }
.list-item-compact:active { background: #f0f0f0; }

/* Loading spinner */
.spinner-center {
    display: flex;
    justify-content: center;
    padding: 2rem;
}

/* Safe area for notch devices */
@supports (padding: env(safe-area-inset-bottom)) {
    .navbar:last-child {
        padding-bottom: calc(0.25rem + env(safe-area-inset-bottom));
    }
}