/* ================= چت موبایل — پیام AI تمام‌عرض، کارت‌های خوانا ================= */
@media (max-width: 768px) {
    .chat-area-stack {
        padding-top: 92px !important;
    }

    .chat-area-stack,
    #chat-container.chat-container,
    .chat-container {
        overflow-x: hidden !important;
    }

    #chat-container.chat-container,
    .chat-container {
        --chat-mobile-pad: 8px;
        padding: 12px var(--chat-mobile-pad) 104px !important;
        gap: 14px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .message {
        display: flex !important;
        align-items: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-bottom: 0 !important;
    }

    /* پیام AI: آواتار بالا، بدنه تمام‌عرض زیر آن (بدون فشردگی کنار آواتار) */
    .ai-message {
        display: grid !important;
        grid-template-columns: 28px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 10px;
        row-gap: 8px;
        align-items: start !important;
        justify-content: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-wrap: nowrap !important;
    }

    .ai-message > .ai-avatar {
        grid-column: 1;
        grid-row: 1;
        margin: 0 !important;
    }

    .ai-message > .message-body {
        grid-column: 1 / -1;
        grid-row: 2;
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        background: var(--bg-surface-solid, #fff) !important;
        border: 1px solid var(--border) !important;
        border-radius: 16px !important;
        padding: 14px 14px !important;
        box-shadow: 0 2px 12px rgba(11, 87, 208, 0.06) !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    [data-theme="dark"] .ai-message > .message-body {
        background: #1e1f23 !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
    }

    .user-message {
        justify-content: flex-end !important;
        flex-direction: row-reverse !important;
    }

    .user-message .message-body {
        flex: 1 1 auto !important;
        max-width: min(92vw, 100%) !important;
        margin-inline-start: auto !important;
        margin-inline-end: 0 !important;
        border-radius: 16px 4px 16px 16px !important;
        padding: 10px 14px !important;
    }

    .ai-avatar,
    .user-avatar {
        width: 28px !important;
        height: 28px !important;
        flex-shrink: 0 !important;
    }

    .ai-message .message-body > p,
    .ai-message .message-body > ul,
    .ai-message .message-body > ol,
    .ai-message .message-body .user-message-text {
        font-size: 0.94rem !important;
        line-height: 1.78 !important;
    }

    .ai-message pre,
    .ai-message .code-block-wrapper {
        max-width: 100% !important;
        border-radius: 12px !important;
    }

    /* کارت‌های غنی — تمام‌عرض داخل بدنه پیام (بدون 100vw که در RTL جابه‌جا می‌شود) */
    .ai-message .message-body .infobox-container,
    .ai-message .message-body .ai-kv-infobox,
    .ai-message .message-body .web-search-sources,
    .ai-message .message-body .web-search-live,
    .ai-message .message-body > details.ai-supplement-block,
    .ai-message .message-body details.ai-supplement-block,
    .ai-message .message-body > .table-responsive:has(.ai-table) {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
        margin-top: 12px !important;
        margin-bottom: 12px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }

    .ai-message .message-body > details.ai-supplement-block,
    .ai-message .message-body details.ai-supplement-block {
        overflow: hidden;
        padding: 0 !important;
    }

    .ai-message .message-body details.ai-supplement-block > summary.ai-supplement-summary {
        padding: 14px 14px !important;
    }

    .ai-message .message-body details.ai-supplement-block > :not(summary) {
        padding: 12px 14px 16px !important;
    }

    /* ردیف کلید–مقدار: برچسب بالا، متن تمام‌عرض زیر آن */
    .ai-message .message-body .ai-kv-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        padding: 12px 14px !important;
        direction: rtl;
    }

    .ai-message .message-body .ai-kv-label {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: 0.78rem !important;
        line-height: 1.45 !important;
        text-align: right !important;
    }

    .ai-message .message-body .ai-kv-value {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: 0.92rem !important;
        line-height: 1.72 !important;
        text-align: right !important;
    }

    .ai-message .message-body .ai-wikidata-card__header {
        padding: 12px 14px !important;
        flex-wrap: nowrap !important;
    }

    .ai-message .message-body .ai-wikidata-card__title {
        font-size: 0.92rem !important;
    }

    .ai-message .message-body .web-search-sources__header,
    .ai-message .message-body .web-search-serp__link {
        padding: 12px 14px !important;
    }

    .message-footer-actions {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    .msg-retry-btn {
        width: 100%;
        max-width: 100%;
        align-self: stretch;
    }

    .ai-response-error {
        width: 100% !important;
        max-width: 100% !important;
    }

    .msg-reply-quote {
        margin-bottom: 8px !important;
        padding: 8px 10px !important;
        border-radius: 10px !important;
        font-size: 0.82rem !important;
    }
}