/* BreveIA — chat.css (refatorado para coluna lateral fixa) */

/* ══ COLUNA LATERAL: o .breveia-chat ocupa 100% da altura ══ */
.edital-detail__col-chat .breveia-chat {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: var(--superficie);
    font-family: var(--font-sans, -apple-system, sans-serif);
    font-size: 13px;
}

/* Fallback: quando usado fora da coluna lateral (página antiga) */
.breveia-chat {
    border: 1px solid var(--borda-leve);
    border-radius: var(--r-lg);
    overflow: hidden;
    font-family: var(--font-sans, -apple-system, sans-serif);
    font-size: 13px;
    background: var(--superficie);
    margin: var(--sp-6) 0;
}

/* ══ HEADER ══ */
.breveia-chat__header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    background: var(--superficie);
    border-bottom: 1px solid var(--borda-leve);
    font-weight: 600;
    color: var(--texto);
    flex-shrink: 0;
}

.breveia-chat__icon { font-size: 16px; }
.breveia-chat__title { flex: 1; font-size: 13px; }

.breveia-chat__badge {
    background: var(--azul-fundo);
    color: var(--azul);
    font-size: 11px;
    font-weight: 500;
    padding: 2px 7px;
    border-radius: 20px;
    border: 1px solid var(--borda-leve);
}

/* ══ RODAPÉ: atalhos + envio (fixos na base do card) ══ */
.breveia-chat__footer {
    flex-shrink: 0;
    border-top: 1px solid var(--borda-leve);
    background: var(--superficie);
}

.breveia-chat__sugestoes {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 10px 12px 6px;
    background: var(--superficie);
}

.breveia-chat__sugestao {
    background: var(--fundo);
    border: 1px solid var(--borda-leve);
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 11px;
    color: var(--texto-secundario);
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
    font-family: inherit;
}

.breveia-chat__sugestao:hover {
    background: var(--azul-fundo);
    border-color: var(--azul);
    color: var(--azul);
}

/* ══ MENSAGENS (flex:1 para preencher o espaço) ══ */
.breveia-chat__messages {
    flex: 1;
    overflow-y: auto;
    padding: 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--fundo);
    min-height: 0; /* crucial para flex overflow funcionar */
}

.breveia-chat__msg {
    max-width: 88%;
    padding: 8px 12px;
    border-radius: 10px;
    line-height: 1.5;
    word-break: break-word;
    font-size: 12px;
}

.breveia-chat__msg--user {
    align-self: flex-end;
    background: var(--azul);
    color: #fff;
    border-bottom-right-radius: 3px;
}

.breveia-chat__msg--assistant {
    align-self: flex-start;
    background: var(--superficie);
    color: var(--texto);
    border: 1px solid var(--borda-leve);
    border-bottom-left-radius: 3px;
}

.breveia-chat__msg--erro {
    align-self: flex-start;
    background: var(--vermelho-fundo);
    color: var(--vermelho);
    border: 1px solid rgba(185,28,28,0.2);
    border-bottom-left-radius: 3px;
}

.breveia-chat__msg--erro a { color: var(--azul); text-decoration: underline; }

/* Digitando */
.breveia-chat__msg--digitando {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 14px;
}

.breveia-chat__msg--digitando span {
    width: 6px; height: 6px;
    background: var(--texto-secundario);
    border-radius: 50%;
    animation: breveia-bounce 1.2s ease-in-out infinite;
}
.breveia-chat__msg--digitando span:nth-child(2) { animation-delay: .2s; }
.breveia-chat__msg--digitando span:nth-child(3) { animation-delay: .4s; }

@keyframes breveia-bounce {
    0%, 80%, 100% { transform: scale(1);   opacity: .5; }
    40%           { transform: scale(1.3); opacity: 1;  }
}

/* ══ INPUT ══ */
.breveia-chat__input-area {
    display: flex;
    align-items: flex-end;
    gap: 7px;
    padding: 6px 12px 10px;
    background: var(--superficie);
}

.breveia-chat__input {
    flex: 1;
    resize: none;
    border: 1px solid var(--borda-leve);
    border-radius: var(--r-md);
    padding: 7px 10px;
    font-size: 12px;
    font-family: inherit;
    color: var(--texto);
    background: var(--fundo);
    outline: none;
    transition: border-color .2s;
    line-height: 1.5;
}
.breveia-chat__input:focus    { border-color: var(--azul); }
.breveia-chat__input:disabled { opacity: .5; cursor: not-allowed; }
.breveia-chat__input::placeholder { color: var(--texto-secundario); }

.breveia-chat__send {
    width: 34px; height: 34px;
    background: var(--azul);
    border: none;
    border-radius: var(--r-md);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, transform .1s;
    flex-shrink: 0;
}
.breveia-chat__send:hover    { background: var(--azul-escuro, #1d4ed8); }
.breveia-chat__send:active   { transform: scale(.95); }
.breveia-chat__send:disabled { opacity: .4; cursor: not-allowed; transform: none; }

.breveia-chat--locked .breveia-chat__input,
.breveia-chat--locked .breveia-chat__send {
    opacity: .55;
    cursor: not-allowed;
}

/* ══ UPGRADE (free) ══ */
.breveia-chat-upgrade {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 24px 20px;
    text-align: center;
    background: var(--superficie);
}
.breveia-chat-upgrade__icon  { font-size: 32px; margin-bottom: 12px; }
.breveia-chat-upgrade__title { font-size: 15px; font-weight: 700; color: var(--texto); margin: 0 0 14px; }
.breveia-chat-upgrade__list  {
    list-style: none; padding: 0; margin: 0 0 18px;
    text-align: left; width: 100%;
}
.breveia-chat-upgrade__list li { font-size: 12px; color: var(--texto-secundario); padding: 3px 0; }
.breveia-chat-upgrade__cta   {
    display: block; width: 100%; box-sizing: border-box;
    font-size: 14px; padding: 10px 20px;
    border-radius: var(--r-md);
}
.breveia-chat-upgrade__sub   { font-size: 11px; color: var(--texto-secundario); margin: 10px 0 0; }

/* ══ LOGIN PROMPT ══ */
.breveia-chat-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px;
    text-align: center;
    background: var(--superficie);
    color: var(--texto-secundario);
    font-size: 13px;
    gap: 12px;
}

.breveia-btn {
    display: inline-block;
    background: var(--azul);
    color: #fff;
    padding: 8px 20px;
    border-radius: var(--r-md);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background .15s;
}
.breveia-btn:hover      { background: var(--azul-escuro, #1d4ed8); color: #fff; }
.breveia-btn--pro       { background: #7c3aed; }
.breveia-btn--pro:hover { background: #6d28d9; }

/* ══ SCROLLBAR ══ */
.breveia-chat__messages::-webkit-scrollbar       { width: 3px; }
.breveia-chat__messages::-webkit-scrollbar-track { background: transparent; }
.breveia-chat__messages::-webkit-scrollbar-thumb { background: var(--borda); border-radius: 4px; }

/* ══ MOBILE: volta ao modo inline ══ */
@media (max-width: 768px) {
    .edital-detail__col-chat .breveia-chat {
        border-radius: 0;
        height: 100%;
    }
    .breveia-chat-upgrade,
    .breveia-chat-login {
        height: auto;
        padding: 20px;
    }
}