/* === Jarvis — мобильная адаптация === */

@media screen and (max-width: 768px) {
    body { font-size: 16px; }

    .topbar-menu {
        top: 10px;
        left: 10px;
    }
    .topbar-logo-btn { width: 52px; height: 52px; }
    .topbar-menu::before { top: 52px; width: 52px; }
    .topbar-dropdown { top: 64px; padding: 6px; gap: 4px; }
    .icon-btn { width: 38px; height: 38px; }

    #chat-container {
        /* Сверху делаем отступ, чтобы плавающая кнопка не накрывала первые
           сообщения и empty-state. */
        padding: 76px 12px 8px;
        gap: 12px;
    }

    .msg {
        max-width: 88%;
        padding: 11px 14px 12px;
        font-size: 15px;
    }

    #input-area {
        padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px));
        gap: 6px;
    }
    #input-text {
        font-size: 16px;            /* избегаем zoom на iOS Safari */
        padding: 9px 12px;
        flex-basis: 100%;
        order: -1;                  /* поле ввода — наверх, кнопки снизу */
    }
    .attachBtn, .ttsToggleBtn, .micBtn, .sendBtn {
        width: 38px; height: 38px;
    }
    #file-preview-bar { order: -2; }

    /* Модалка на мобильном — почти полноэкранная */
    .modal-overlay { padding: 12px; }
    .modal-content { max-height: 94vh; border-radius: 14px; }
    .modal-header { padding: 14px 18px; }
    .modal-body { padding: 14px 18px; }
    .modal-footer { padding: 12px 18px; }

    .auth-card {
        padding: 28px 22px 24px;
        max-width: 100%;
    }
    .auth-logo-img { width: 120px; height: 120px; margin-bottom: 12px; }
    .auth-tagline { font-size: 12px; letter-spacing: 1.2px; }

    /* На тач-устройстве кнопка копирования всегда видима, иначе её не дотянуться. */
    .msg-copy { opacity: 0.55; }
}

/* Safe-area для iPhone notch/home indicator (на любом размере, если iPhone) */
@supports (padding: env(safe-area-inset-top)) {
    .topbar-menu {
        top: calc(10px + env(safe-area-inset-top, 0px));
    }
}