/* ============================================================
   Адаптив
   ============================================================ */

/* --- Планшет --- */
@media (max-width: 992px) {
    .vk-layout {
        grid-template-columns: var(--vk-sidebar-w) 1fr;
        max-width: 900px;
    }
    .vk-right { display: none; }
}

/* --- Мобильные --- */
@media (max-width: 768px) {
    body { font-size: 15px; padding-bottom: 60px; }

    .vk-header__inner {
        height: 52px;
        padding: 0 12px;
        gap: 10px;
    }
    .vk-burger { display: flex; }
    .vk-logo { font-size: 18px; }
    .vk-search { display: none; }
    .vk-search.is-open { display: block; position: absolute; top: 52px; left: 0; right: 0; padding: 8px 12px; background: var(--vk-blue); z-index: 100; }
    .vk-header__login { display: none; }
    .vk-header__icon { font-size: 20px; width: 36px; height: 36px; }

    .vk-layout {
        grid-template-columns: 1fr;
        padding: 0 8px;
        margin-top: 8px;
        gap: 8px;
    }
    .vk-sidebar {
        display: none;
        position: fixed;
        top: 52px; left: 0; bottom: 60px;
        width: 240px;
        background: #fff;
        padding: 12px;
        z-index: 90;
        overflow-y: auto;
        box-shadow: 2px 0 12px rgba(0,0,0,.2);
    }
    .vk-sidebar.is-open { display: block; }

    .vk-card { padding: 14px; border-radius: 6px; }
    .vk-card__title { font-size: 16px; }

    .vk-profile__head { flex-direction: column; align-items: center; text-align: center; }
    .vk-avatar--xl { width: 96px; height: 96px; }

    .vk-table { font-size: 12px; }
    .vk-table th, .vk-table td { padding: 6px 8px; }

    .admin-tabs a { padding: 6px 10px; font-size: 12px; }

    /* Нижняя навигация */
    .vk-mobile-nav {
        display: flex;
        position: fixed;
        bottom: 0; left: 0; right: 0;
        height: 60px;
        background: #fff;
        border-top: 1px solid var(--vk-border);
        z-index: 80;
        justify-content: space-around;
        align-items: center;
    }
    .vk-mobile-nav__item {
        display: flex; flex-direction: column; align-items: center;
        color: var(--vk-muted); font-size: 11px; gap: 2px;
        flex: 1; padding: 6px 0;
    }
    .vk-mobile-nav__item:hover { text-decoration: none; }
    .vk-mobile-nav__item span { font-size: 10px; }
    .vk-mobile-nav__item:first-child, .vk-mobile-nav__item:nth-child(2) { font-size: 18px; }
}

/* Скрыть нижнюю навигацию на десктопе */
@media (min-width: 769px) {
    .vk-mobile-nav { display: none; }
}

/* --- Очень узкие --- */
@media (max-width: 480px) {
    .vk-card { padding: 12px; }
    .auth-card { padding: 20px; }
    .auth-logo { font-size: 28px; }
    .vk-btn { padding: 8px 12px; font-size: 13px; }
}