/*
 * CODSHIPX AI CRM R57-R1
 * CODI ONBOARDING CHAT READABILITY
 * Isolated typography only.
 * No layout / review / API / business-logic override.
 */

.codi-message small,
.codi-message p,
.codi-chat-intro strong,
.codi-chat-intro small,
.codi-conversation-side h2,
.codi-conversation-side>p,
.codi-conversation-context span,
.codi-conversation-context strong,
.codi-conversation-ready strong,
.codi-conversation-ready small,
.codi-conversation-main>header strong,
.codi-conversation-main>header small,
.codi-chat-language,
.codi-chat-row>div,
.codi-chat-row.thinking small,
.codi-chat-error,
.codi-conversation-composer textarea,
.codi-conversation-main>footer,
.codi-conversation-composer .codi-composer-add span,
.codi-conversation-composer .codi-composer-add b,
.r7-codi-panel .codi-message small,
.r7-codi-panel .codi-message p,
.r7-r31-codi-conversation .codi-conversation-side h2,
.r7-r31-codi-conversation .codi-conversation-side>p,
.r7-r31-codi-conversation .codi-conversation-main>header strong,
.r7-r31-codi-conversation .codi-chat-row.assistant>div,
/* CODSHIPX_AI_R17_R3_CHAT_EXACT_MIDDLE_FIX */



/* Back */
.r7-r31-codi-conversation
.codi-conversation-main>header
.codi-conversation-back,
/* Send */
.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-send,
.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-add span,
.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-add b,
/* SEND */

.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-send,
.codi-chat-row,
.codi-chat-row p,
.codi-chat-row .codi-chat-text,
.codi-chat-row .codi-message-text,
.codi-conversation-messages .codi-message,
.codi-conversation-messages .message-content,
.codi-conversation-messages [data-role='assistant'],
.codi-conversation-messages [data-role='user'],
[data-codi-message],
[class*='codi-message'] p,
[class*='codi-bubble'] p {
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.codi-conversation-composer textarea,
.codi-conversation-composer input,
.codi-conversation-composer [contenteditable="true"],
[class*="codi-conversation"] textarea,
[class*="codi-conversation"] input {
    font-size: 15.5px !important;
    line-height: 1.55 !important;
}

@media (max-width: 900px) {
.codi-message small,
.codi-message p,
.codi-chat-intro strong,
.codi-chat-intro small,
.codi-conversation-side h2,
.codi-conversation-side>p,
.codi-conversation-context span,
.codi-conversation-context strong,
.codi-conversation-ready strong,
.codi-conversation-ready small,
.codi-conversation-main>header strong,
.codi-conversation-main>header small,
.codi-chat-language,
.codi-chat-row>div,
.codi-chat-row.thinking small,
.codi-chat-error,
.codi-conversation-composer textarea,
.codi-conversation-main>footer,
.codi-conversation-composer .codi-composer-add span,
.codi-conversation-composer .codi-composer-add b,
.r7-codi-panel .codi-message small,
.r7-codi-panel .codi-message p,
.r7-r31-codi-conversation .codi-conversation-side h2,
.r7-r31-codi-conversation .codi-conversation-side>p,
.r7-r31-codi-conversation .codi-conversation-main>header strong,
.r7-r31-codi-conversation .codi-chat-row.assistant>div,
/* CODSHIPX_AI_R17_R3_CHAT_EXACT_MIDDLE_FIX */



/* Back */
.r7-r31-codi-conversation
.codi-conversation-main>header
.codi-conversation-back,
/* Send */
.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-send,
.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-add span,
.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-add b,
/* SEND */

.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-send,
.codi-chat-row,
.codi-chat-row p,
.codi-chat-row .codi-chat-text,
.codi-chat-row .codi-message-text,
.codi-conversation-messages .codi-message,
.codi-conversation-messages .message-content,
.codi-conversation-messages [data-role='assistant'],
.codi-conversation-messages [data-role='user'],
[data-codi-message],
[class*='codi-message'] p,
[class*='codi-bubble'] p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .codi-conversation-composer textarea,
    .codi-conversation-composer input,
    .codi-conversation-composer [contenteditable="true"],
    [class*="codi-conversation"] textarea,
    [class*="codi-conversation"] input {
        font-size: 15px !important;
    }
}

/* ================================================================
   CODSHIPX_R57_R1_R2_BOTTOM_COMPACT
   Composer + status footer only.
   Chat message typography intentionally preserved.
   ================================================================ */

.r7-r31-codi-conversation
.codi-conversation-composer {
    box-sizing: border-box !important;
    padding: 7px 9px !important;
    gap: 7px !important;
    border-radius: 14px !important;
}

.r7-r31-codi-conversation
.codi-conversation-composer
textarea {
    box-sizing: border-box !important;
    min-height: 44px !important;
    max-height: 88px !important;
    padding: 6px 7px !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

.r7-r31-codi-conversation
.codi-conversation-composer
textarea::placeholder {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.r7-r31-codi-conversation
.codi-conversation-composer
> button {
    height: 34px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;

    font-size: 12.5px !important;
    line-height: 1 !important;
}

.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-add
span,
.r7-r31-codi-conversation
.codi-conversation-composer
.codi-composer-add
b {
    font-size: 12.5px !important;
    line-height: 1 !important;
}

.r7-r31-codi-conversation
.codi-conversation-main
> footer {
    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 32px !important;

    padding: 0 24px !important;
    margin: 0 !important;

    gap: 10px !important;

    font-size: 10.5px !important;
    line-height: 1.25 !important;

    overflow: hidden !important;
}

.r7-r31-codi-conversation
.codi-conversation-main
> footer
span {
    min-width: 0 !important;

    font-size: 10.5px !important;
    line-height: 1.25 !important;
}

.r7-r31-codi-conversation
.codi-conversation-main
> footer
span:first-child {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.r7-r31-codi-conversation
.codi-conversation-main
> footer
span:last-child {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

@media (max-width: 900px) {

    .r7-r31-codi-conversation
    .codi-conversation-composer
    textarea,
    .r7-r31-codi-conversation
    .codi-conversation-composer
    textarea::placeholder {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .r7-r31-codi-conversation
    .codi-conversation-composer
    > button,
    .r7-r31-codi-conversation
    .codi-conversation-composer
    .codi-composer-add
    span,
    .r7-r31-codi-conversation
    .codi-conversation-composer
    .codi-composer-add
    b {
        font-size: 12px !important;
    }

    .r7-r31-codi-conversation
    .codi-conversation-main
    > footer,
    .r7-r31-codi-conversation
    .codi-conversation-main
    > footer
    span {
        font-size: 10px !important;
    }
}