/* === ASSISTANT IA — MOBILE === */

@media (max-width: 767.98px) {
    .tuco-assistant-page {
        padding: 0 18px 28px !important;
    }

    .tuco-assistant-toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        margin: 26px 0 18px !important;
        padding: 0 !important;
    }

    .tuco-assistant-toolbar > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .tuco-assistant-toolbar > [class*="col-"]:first-child {
        grid-column: 1 / -1;
    }

    .tuco-assistant-toolbar > [class*="col-"]:nth-child(2) {
        grid-column: 1;
    }

    .tuco-assistant-toolbar > [class*="col-"]:nth-child(3) {
        grid-column: 2;
    }

    .tuco-assistant-toolbar h2 {
        color: var(--text);
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    #assistant-ai-provider {
        width: 100%;
    }

    #assistant-ai-provider .Select-control {
        min-height: 44px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
    }

    #assistant-new-chat-btn {
        width: auto !important;
        min-height: 44px;
        padding: 8px 13px;
        border-radius: var(--radius-md) !important;
        white-space: nowrap;
    }

    .tuco-assistant-card {
        overflow: hidden;
        border: 1px solid var(--border) !important;
        border-radius: 24px !important;
        background: var(--filter-surface) !important;
        box-shadow:
            0 8px 24px rgba(29, 45, 61, .06)
            !important;
    }

    .tuco-assistant-card > .card-body {
        padding: 14px !important;
    }

    .tuco-assistant-card .alert {
        margin-bottom: 14px !important;
        padding: 12px 14px;
        border: 0;
        border-radius: var(--radius-lg);
        background: #e8f5f2;
        color: #28585a;
        font-size: .85rem;
        line-height: 1.45;
    }

    .tuco-assistant-page .tuco-ai-main-chat {
        height: 48dvh;
        min-height: 310px;
        padding: 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
    }

    .tuco-assistant-page .tuco-ai-user-bubble {
        max-width: 90%;
        border-radius: 16px 16px 4px 16px;
    }

    .tuco-assistant-page .tuco-ai-assistant-bubble {
        max-width: 96%;
        border-radius: 16px 16px 16px 4px;
        box-shadow: none;
    }

    .tuco-assistant-page .tuco-ai-composer {
        bottom: 0;
        margin-top: 12px;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .tuco-assistant-page .tuco-ai-input-group {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100%;
    }

    .tuco-assistant-page
    .tuco-ai-question.form-control {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0;
        min-height: 52px;
        max-height: 120px;
        border-radius: 14px 0 0 14px !important;
        resize: none;
    }

    .tuco-assistant-page
    .tuco-ai-send-btn.btn {
        flex: 0 0 52px;
        width: 52px !important;
        border-radius: 0 14px 14px 0 !important;
    }
    .tuco-assistant-page .tuco-ai-empty-state {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 100%;
    }

    .tuco-assistant-page .tuco-ai-empty-bird {
        width: 64px;
        height: auto;
        opacity: .55;
    }

    .tuco-assistant-page .tuco-ai-assistant-bubble {
        font-size: .95rem;
        line-height: 1.55;
        letter-spacing: 0;
        overflow-wrap: anywhere;
    }

    .tuco-assistant-page
    .tuco-ai-assistant-bubble :is(h1, h2) {
        margin: 0 0 12px !important;
        font-size: 1.12rem !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .tuco-assistant-page
    .tuco-ai-assistant-bubble h2 {
        margin: 16px 0 8px !important;
        font-size: 1.05rem !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .tuco-assistant-page
    .tuco-ai-assistant-bubble h3,
    .tuco-assistant-page
    .tuco-ai-assistant-bubble h4 {
        margin: 14px 0 7px !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .tuco-assistant-page
    .tuco-ai-assistant-bubble p,
    .tuco-assistant-page
    .tuco-ai-assistant-bubble li {
        font-size: .95rem !important;
        line-height: 1.55 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .tuco-assistant-page
    .tuco-ai-assistant-bubble ul,
    .tuco-assistant-page
    .tuco-ai-assistant-bubble ol {
        margin-bottom: 12px;
        padding-left: 20px;
    }
}

/* === END ASSISTANT IA — MOBILE === */