body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; }

/* ==================== BOLHAS DE MENSAGEM (CHAT DASHBOARD) ==================== */
.message-user {
    align-self: flex-end;
    background: linear-gradient(135deg, #0B1F3A, #1A4E77);
    color: #ffffff;
    border: none;
    border-bottom-right-radius: 4px;
    box-shadow: 0 4px 12px rgba(11, 31, 58, 0.3);
}

.message-bot {
    align-self: flex-start;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom-left-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.message-agent {
    align-self: flex-start;
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    border: 1px solid #a7f3d0;
    border-bottom-left-radius: 4px;
    color: #064e3b;
    border-left: 3px solid #10b981;
}

.message-note {
    align-self: center;
    background: #fefce8;
    width: 95%;
    text-align: center;
    color: #854d0e;
    border: 1px solid #fde68a;
    border-radius: 10px;
    font-size: 0.78rem;
    font-style: italic;
    box-shadow: none;
}

.transcription {
    background: #f8fafc;
    border-left: 3px solid #94a3b8;
    padding: 8px 12px;
    margin-top: 8px;
    border-radius: 6px;
    color: #475569;
    font-size: 0.85rem;
}

.conversation-item.active { background-color: rgba(16, 185, 129, 0.12); }
.conversation-item.active .active-indicator { background-color: #10b981; }
.client-data-item { cursor: pointer; }
.client-data-item:hover .edit-icon { opacity: 1; }

/* ==================== SCROLLBAR ==================== */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: rgba(16, 185, 129, 0.45); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #10b981; }

/* ==================== FUNDO DO CHAT ==================== */
#chat-history {
    background: linear-gradient(180deg, #f1f5f9 0%, #e9eef5 100%);
}

#chat-history .p-3 {
    border-radius: 14px;
    padding: 12px 16px;
    line-height: 1.55;
    font-size: 0.9rem;
}