/* Extra-small phones (max-width: 480px) */

:root {
    --header-height: 48px;
    --bottom-nav-height: 58px;
}

.logo img {
    height: 20px;
}

.profile-avatar {
    width: 28px;
    height: 28px;
    font-size: 10px;
}

.dashboard-header h1 {
    font-size: 1.2rem;
}

.dashboard-stat-card {
    flex: 0 0 min(132px, 44vw);
    padding: 12px;
}

.dashboard-stat-card .stat-value {
    font-size: 1.2rem;
}

.mobile-bottom-nav a {
    font-size: 0.5625rem;
    gap: 2px;
}

.mobile-bottom-nav a i,
.mobile-bottom-nav a svg {
    width: 18px;
    height: 18px;
}

.booking-summary-bar {
    grid-template-columns: 1fr;
}

.image-upload-grid {
    grid-template-columns: 1fr;
}