:root {
    --briquezi-laranja: #f2600c;
}

.briquezi-atend-wrapper { max-width: 900px; }

.briquezi-atend-header { margin-bottom: 1em; }
.briquezi-atend-header h3 { margin: 0 0 8px; }

.briquezi-atend-tabela { width: 100%; border-collapse: collapse; }
.briquezi-atend-tabela th, .briquezi-atend-tabela td { padding: 8px 10px; text-align: left; }

.briquezi-status { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.briquezi-status-ticket_aberto { background: #e7f3ff; color: #0b5fae; }
.briquezi-status-ticket_andamento { background: #fff4e0; color: #a56200; }
.briquezi-status-ticket_aguardando { background: #f3e8ff; color: #6b21a8; }
.briquezi-status-ticket_resolvido { background: #e6f9ec; color: #1a7a3d; }
.briquezi-status-ticket_fechado { background: #f0f0f0; color: #555; }

/* Conversa: sempre uma mensagem embaixo da outra, alinhadas à esquerda.
   As respostas da equipe (fundo azul) recebem um leve recuo de 20px pra se destacar. */
.briquezi-atend-thread { margin: 1.5em 0; display: flex; flex-direction: column; gap: 14px; }
.briquezi-msg { border-radius: 8px; padding: 12px 14px; max-width: 80%; align-self: flex-start; color: #2b2b2b; }
.briquezi-msg-cliente { background: #f1f1f1; }
.briquezi-msg-equipe { background: #dcefff; margin-left: 20px; }
.briquezi-msg-nota-interna { background: #fff8dc; border: 1px dashed #d4b106; }
.briquezi-msg-topo { display: flex; gap: 10px; font-size: 12px; color: #666; margin-bottom: 6px; align-items: baseline; flex-wrap: wrap; }
.briquezi-msg-corpo { color: #2b2b2b; }
.briquezi-msg-corpo p { margin: 0 0 6px; }
.briquezi-msg-anexos { margin-top: 8px; font-size: 13px; display: flex; flex-direction: column; gap: 4px; }

.briquezi-atend-mensagens-erro { color: #c0392b; font-weight: 600; display: none; margin: 8px 0; }
.briquezi-atend-loading { font-style: italic; color: #666; margin-left: 8px; }

/* Botões no padrão visual do site: fundo laranja, texto branco;
   no hover inverte para fundo branco com texto laranja. */
.briquezi-atend-wrapper .button,
.briquezi-atend-wrapper .woocommerce-Button,
.briquezi-atend-admin-detalhe .button,
#briquezi-novo-ticket-form button[type="submit"],
#briquezi-responder-form button[type="submit"] {
    background: var(--briquezi-laranja) !important;
    color: #fff !important;
    border: 2px solid var(--briquezi-laranja) !important;
    border-radius: 4px;
    padding: 10px 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.briquezi-atend-wrapper .button:hover,
.briquezi-atend-wrapper .woocommerce-Button:hover,
.briquezi-atend-admin-detalhe .button:hover,
#briquezi-novo-ticket-form button[type="submit"]:hover,
#briquezi-responder-form button[type="submit"]:hover {
    background: #fff !important;
    color: var(--briquezi-laranja) !important;
}

@media (max-width: 600px) {
    .briquezi-msg { max-width: 100%; }
    .briquezi-msg-equipe { margin-left: 12px; }
}