/* Mobile/app-only styles for profile.php. Edit this file when only the app/mobile view needs CSS changes. */
@media (max-width: 767px) {
    body { padding-bottom: 86px; }
    .profile-action-bar { top: 62px; }
    .profile-action-bar .shell { overflow-x: auto; }
    .profile-mobile-actions {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 80;
        border: 1px solid #E6E2DB;
        border-radius: 18px;
        background: rgba(255,255,255,.96);
        padding: 10px;
        box-shadow: 0 16px 40px rgba(15,23,42,.18);
        backdrop-filter: blur(14px);
    }
    .profile-mobile-actions .btn {
        padding: 11px 8px;
        border-radius: 14px;
        font-size: 12px;
    }
}

/* Shared compact mobile header tuning. */
@media (max-width: 767px) {
    nav.sticky, header.main-nav {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    nav.sticky .brand, header.main-nav .brand,
    nav.sticky a.brand, header.main-nav a.brand {
        min-width: 0;
    }
    nav.sticky .brand span, header.main-nav .brand span {
        overflow-wrap: anywhere;
    }
    header.main-nav .shell {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .header-search input,
    .header-search .search-box,
    header.main-nav input,
    header.main-nav select,
    header.main-nav button {
        min-height: 38px;
        font-size: 13px !important;
    }
}