.message-row {
    position: relative;
    display: block;
    clear: both;
    margin-bottom: 2px;
}

.message-bubble {
    position: relative;
}

.message-menu-trigger {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: rgba(255, 255, 255, .75);
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
}

.message-row.received .message-menu-trigger {
    right: auto;
    left: 6px;
}

.message-row:hover .message-menu-trigger {
    display: flex;
}

.message-menu-trigger:hover {
    background: rgba(0, 0, 0, .16);
}

.message-context-menu {
    position: absolute;
    top: 28px;
    right: 0;
    min-width: 160px;
    background: #202c33;
    color: #e9edef;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    z-index: 30;
    overflow: hidden;
}

.message-row.received .message-context-menu {
    right: auto;
    left: 0;
}

.message-context-menu button {
    width: 100%;
    background: none;
    border: none;
    color: inherit;
    text-align: left;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.message-context-menu button:hover {
    background: rgba(255, 255, 255, .08);
}

body.light .message-context-menu {
    background: #fff;
    color: #111b21;
    border-color: #d1d7db;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}

body.light .message-menu-trigger {
    color: #667781;
}

.note-card {
    position: relative;
    float: right;
    max-width: 65%;
    margin: 0 8px 10px 0;
    background: #f7d84a;
    color: #111b21;
    border-radius: 8px 8px 0 8px;
    padding: 10px 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}

.note-card .message-menu-trigger {
    color: #5c4b00;
}

.note-title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.note-text {
    white-space: pre-wrap;
    word-break: break-word;
}

.note-card .message-time {
    font-size: 12px;
    color: rgba(17, 27, 33, .72) !important;
    text-align: left;
    margin-top: 6px;
}

/* FIX (ago/2026): "Selecionar todos" do filtro de vendedores em Desempenho
   agora e uma acao separada das opcoes de vendedor de verdade - menor e com
   uma linha divisoria, para nao parecer "mais um item da lista" que da pra
   desmarcar sem querer. Anexado aqui (arquivo ja servido pelo backend) em
   vez de um arquivo novo, porque arquivos novos em /assets/css nao sao
   servidos sem reiniciar o container (o servidor faz fallback pro
   index.html/SPA para paths desconhecidos criados apos o boot). */
.performance-seller-selectall {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 6px 8px;
    margin-bottom: 4px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    color: #9ca3af;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
}

.performance-seller-selectall input {
    accent-color: var(--primary);
}