/* ==========================================
   TABLET PORTRAIT (491–880px)
   Одноколоночные формы в модальных окнах хранилища.
   Дополняет auth-modal.css; мобиль (≤490) и десктоп (>880) не затрагивает.
   ========================================== */

@media (min-width: 491px) and (max-width: 880px) {
    /* --- Контент модалок --- */
    .add-link-modal__content,
    .add-text-modal__content,
    .add-folder-modal__content,
    .edit-link-modal__content,
    .edit-text-modal__content,
    .edit-file-modal__content,
    .add-chat-modal__content,
    .edit-chat-modal__content {
        width: calc(100% - 32px);
        max-width: 100%;
    }

    /* --- Сетки форм: одна колонка --- */
    .add-link-form,
    .add-text-form,
    .add-folder-form,
    .edit-link-form,
    .edit-text-form,
    .edit-file-form,
    .add-chat-modal__form,
    .edit-chat-modal__form {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 12px;
    }

    /* Сброс явных grid-area (формы с 2 колонками) */
    .add-link-form > *,
    .add-text-form > *,
    .add-folder-form > *,
    .edit-link-form > *,
    .edit-text-form > * {
        grid-column: 1 / -1;
        grid-row: auto;
        min-width: 0;
    }

    /* Поля — без переполнения колонок */
    .add-link-form__input,
    .add-link-form__textarea,
    .add-text-form__input,
    .add-text-form__textarea,
    .add-folder-form__input,
    .add-folder-form__textarea,
    .edit-link-form__input,
    .edit-text-form__input,
    .edit-text-form__textarea,
    .edit-file-form__input,
    .add-chat-modal__input,
    .edit-chat-modal__input {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Блоки загрузки иконки — горизонтально, компактно */
    .add-link-form__file-upload,
    .add-text-form__file-upload,
    .add-folder-form__file-upload,
    .edit-link-form__file-upload,
    .edit-text-form__file-upload {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .edit-file-form__icon-selector,
    .edit-file-form__info {
        min-width: 0;
    }

    /* Кнопки доп. действий в «Добавить ссылку» */
    .add-link-actions__btns {
        flex-wrap: wrap;
        gap: 12px;
    }

    .add-link-actions__btn {
        flex: 1 1 calc(33.333% - 14px);
        min-width: 90px;
    }
}