/*
 * Women’s Soul — width normalization for account shortcodes.
 * Цель: все шорткоды внутри личного кабинета занимают 100% доступной ширины родительского контейнера.
 * Патч не меняет серверную логику, роли, статусы, заявки, товары, курсы и сообщения.
 */

/* Базовая защита от горизонтального вылета */
.ws-svs-shell,
.ws-svs-shell *,
.ws-sai-shell,
.ws-sai-shell *,
.ws-sai-support-admin-chat,
.ws-sai-support-admin-chat *,
.ws-vsd-wrap,
.ws-vsd-wrap * {
    box-sizing: border-box;
}

/* Продавец / мастер курсов / писатель: статусы, формы, админ-плашки, товары, курсы */
.ws-svs-shell,
.ws-svs-shell-wide {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 24px !important;
}

.ws-svs-card,
.ws-svs-application-card,
.ws-svs-product-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Сообщения администратора и обращения пользователей */
.ws-sai-shell {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 24px !important;
}

.ws-sai-card,
.ws-sai-admin-chat-card,
.ws-sai-support-admin-chat {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.ws-sai-support-admin-chat .ws-sai-chat-layout,
.ws-sai-shell .ws-sai-chat-layout {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.ws-sai-chat-sidebar,
.ws-sai-chat-main,
.ws-sai-dialog-list,
.ws-sai-chat-messages,
.ws-sai-chat-form {
    min-width: 0 !important;
}

/* Продажи продавца */
.ws-vsd-wrap {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 24px !important;
}

.ws-vsd-card,
.ws-vsd-section,
.ws-vsd-table-wrap,
.ws-vsd-summary-grid,
.ws-vsd-metrics {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Метрики продаж не должны оставаться узкой колонкой на широком экране */
.ws-vsd-metrics,
.ws-vsd-summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

/* Таблицы остаются адаптивными: контейнер 100%, таблица скроллится внутри, а не ломает страницу */
.ws-svs-table-wrap,
.ws-vsd-table-wrap,
.ws-sai-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Формы и поля */
.ws-svs-form,
.ws-svs-grid,
.ws-sai-support-form,
.ws-sai-chat-form,
.ws-vsd-filter-form {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.ws-svs-form input:not([type="checkbox"]):not([type="radio"]),
.ws-svs-form select,
.ws-svs-form textarea,
.ws-sai-support-form input:not([type="checkbox"]):not([type="radio"]),
.ws-sai-support-form select,
.ws-sai-support-form textarea,
.ws-sai-chat-form input:not([type="checkbox"]):not([type="radio"]),
.ws-sai-chat-form select,
.ws-sai-chat-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Кнопки не должны растягивать карточку и вызывать горизонтальный скролл */
.ws-svs-actions,
.ws-sai-card-actions,
.ws-vsd-actions {
    max-width: 100% !important;
    flex-wrap: wrap !important;
}

.ws-svs-btn,
.ws-sai-primary-btn,
.ws-sai-secondary-action-btn,
.ws-sai-delete-btn,
.ws-vsd-btn {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center;
}

/* Чекбоксы не должны наследовать width:100% от общих стилей input */
.ws-svs-consent input[type="checkbox"],
.ws-svs-consents input[type="checkbox"],
.ws-svs-form input[type="checkbox"],
.ws-sai-support-form input[type="checkbox"],
.ws-sai-chat-form input[type="checkbox"] {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
    margin-top: 3px !important;
}

/* Адаптив сообщений: на планшете и телефоне диалоги становятся одной колонкой */
@media (max-width: 1000px) {
    .ws-sai-support-admin-chat .ws-sai-chat-layout,
    .ws-sai-shell .ws-sai-chat-layout {
        grid-template-columns: 1fr !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .ws-sai-chat-sidebar,
    .ws-sai-chat-main {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ws-svs-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    .ws-svs-shell,
    .ws-sai-shell,
    .ws-vsd-wrap {
        margin-bottom: 18px !important;
    }

    .ws-svs-card,
    .ws-svs-application-card,
    .ws-svs-product-card,
    .ws-sai-card,
    .ws-vsd-card {
        padding: 18px !important;
        border-radius: 16px !important;
    }

    .ws-sai-chat-main {
        height: auto !important;
        min-height: 420px !important;
    }

    .ws-svs-btn,
    .ws-sai-primary-btn,
    .ws-sai-secondary-action-btn,
    .ws-vsd-btn {
        width: 100% !important;
    }
}