/* =========================================
   GHOSTNET // ARCHIVE - MOBILE STYLES
   ========================================= */

@media (max-width: 768px) {
    /* --- ОСНОВНАЯ НАВИГАЦИЯ И ШАПКА --- */
    #mobile-menu-btn { display: block; }
    
    aside {
        position: fixed;
        left: -260px;
        top: 40px;
        height: calc(100vh - 40px);
        z-index: 2000;
        transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 10px 0 20px rgba(0,0,0,0.8);
        width: 250px;
    }
    aside.mobile-open { left: 0; }
    
    /* --- ТАБЛИЦЫ И СЕТКИ ФАЙЛОВ --- */
    #action-bar { width: 95%; flex-wrap: wrap; justify-content: center; padding: 10px; }
    .data-table th, .data-table td { font-size: 0.75rem; padding: 5px; }
    .hide-on-mobile { display: none !important; }
    
    .search-bar { flex-direction: column; }
    #reg-search { width: 100% !important; margin-bottom: 10px; }
    
    #file-grid-container {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        gap: 10px;
    }

    .tyrell-checkbox { width: 20px; height: 20px; }

    /* --- МОДАЛЬНЫЕ ОКНА И ТЕРМИНАЛЫ (ФИКС СО СКРИНШОТА) --- */
    
    /* Делаем модальное окно на весь экран телефона (убираем отступы по бокам) */
    #modal-window {
        width: 98% !important;
        height: 98% !important;
        padding: 10px !important;
    }

    /* Превращаем 2 колонки (редактор + боковая панель) в 1 колонку */
    .term-app-layout {
        flex-direction: column !important;
        overflow-y: auto; /* Позволяем скроллить весь контент вниз */
    }

    /* Главная область (например, редактор) */
    .term-main-view {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid var(--border);
        min-height: 40vh; /* Чтобы не сжималось в 0 */
        padding: 10px !important;
    }

    /* Боковая панель (например, EXIF или плейлист) */
    .term-sidebar {
        width: 100% !important;
        border-left: none !important;
        height: auto !important;
        padding: 10px !important;
    }

    /* Уменьшаем шрифты в текстовых полях на телефоне */
    textarea.tyrell-input, #exif-display {
        font-size: 0.75rem !important;
    }
}