/* Telas do "Mais" (corretores, comissões, relatórios, financeiro, limpeza,
   mensagens, alertas, cupons, configurações, integrações) — complementa gestao.css. */

.lista-limpa { list-style: none; margin: 0; padding: 0; }
.acoes-pilha { display: flex; flex-direction: column; gap: var(--s-2); }
.acoes-pilha .btn { width: 100%; }
@media (min-width: 640px) { .acoes-pilha { flex-direction: row; flex-wrap: wrap; } .acoes-pilha .btn { width: auto; } }
.valor.forte, .forte { font-weight: 600; }
.sr-rotulo .campo-rotulo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Corretores */
.avatar { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--accent-suave); color: var(--accent-text); font-weight: 600; font-size: .875rem; letter-spacing: .02em; }
.avatar.inativo { background: var(--surface-2); color: var(--text-muted); }

/* Comissões */
.com-resumo .kpi-valor { font-size: 1.375rem; }
.pix-linha { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
.pix-chave { flex: 1; min-width: 0; font-size: .875rem; overflow-wrap: anywhere; }
.filtros-comissao { display: flex; flex-direction: column; gap: var(--s-3); }
@media (min-width: 720px) { .filtros-comissao { flex-direction: row; align-items: flex-end; justify-content: space-between; } .filtros-comissao .campo { width: 16rem; } }
.item-check { cursor: pointer; }
.cb-grande { width: 1.375rem; height: 1.375rem; margin: 0; flex: none; }
.barra-pagar { margin-top: var(--s-2); }
.barra-pagar > span { color: var(--text); font-weight: 600; font-variant-numeric: tabular-nums; }

/* Relatórios */
.pilha-rel { display: flex; flex-direction: column; gap: var(--s-5); }
.filtros-rel { gap: var(--s-3); }
.kpis .card.kpi { padding: var(--s-3) var(--s-4); }
.kpis .kpi-valor { font-size: 1.375rem; }
@media (min-width: 1024px) { .kpis .kpi-valor { font-size: 1.625rem; } }
.lucro { display: flex; flex-direction: column; gap: 2px; padding: var(--s-3) var(--s-4); border-radius: var(--r-campo); background: var(--success-suave); }
.lucro .kpi-valor { color: var(--success-text); }
.lucro.negativo { background: var(--danger-suave); }
.lucro.negativo .kpi-valor { color: var(--danger-text); }
.rank-item .item-txt { gap: 2px; }
.rank-valor { flex: none; font-weight: 600; }
.empilhada .vazia { flex: 1; }
.empilhada-leg .marca-origem { width: 1.25rem; height: 1.25rem; }
.csv-links { gap: var(--s-2); }
.grafico { min-height: 180px; }

/* Limpeza */
.grupo-perigo .limpeza { border-color: color-mix(in srgb, var(--danger) 50%, var(--border)); }
.grupo-hoje .limpeza { border-color: color-mix(in srgb, var(--accent) 50%, var(--border)); }

/* Mensagens */
.msg-texto > summary { cursor: pointer; min-height: 2.75rem; display: flex; align-items: center; color: var(--accent-text); font-weight: 600; font-size: .875rem; }
.msg-texto p { white-space: pre-wrap; font-size: .9375rem; padding: var(--s-3); border-radius: var(--r-campo); background: var(--surface-2); overflow-wrap: anywhere; }

/* Alertas */
.alerta { display: flex; gap: var(--s-3); align-items: flex-start; }
.alerta-txt { flex: 1; min-width: 0; }
.alerta-ico { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; flex: none; background: var(--surface-2); color: var(--text-muted); }
.alerta-critico { border-color: color-mix(in srgb, var(--danger) 55%, var(--border)); }
.alerta-critico .alerta-ico { background: var(--danger-suave); color: var(--danger-text); }
.alerta-aviso .alerta-ico { background: var(--sun-suave); color: var(--warning-text); }
.alerta-info .alerta-ico { background: var(--accent-suave); color: var(--accent-text); }
.alerta-resolvido { opacity: .8; }
.alerta-resolvido .alerta-ico { background: var(--success-suave); color: var(--success-text); }

/* Cupons */
.cupom { flex-wrap: wrap; }
.cupom-codigo { font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace; letter-spacing: .04em; }

/* Configurações */
.msg-config textarea:disabled { opacity: .55; }

/* Integrações */
.url-linha { flex-wrap: nowrap; align-items: stretch; }
.url-linha .codigo { flex: 1; min-width: 0; display: flex; align-items: center; }
@media (max-width: 420px) { .url-linha { flex-wrap: wrap; } }
.regra-nova .campos-2 { grid-template-columns: 7.5rem minmax(0, 1fr); }
/* Pares com valor em dinheiro: o rótulo quebra, o valor nunca. */
.pares-valor { grid-template-columns: minmax(0, 1fr) auto; }
.pares-valor dd { white-space: nowrap; overflow-wrap: normal; }
/* Segmentado que quebra linha quando não cabe (5 atalhos no celular). */
.seg-quebra { flex-wrap: wrap; overflow: visible; }
.seg-quebra .seg-op { flex: 1 0 auto; }
@media (max-width: 479px) { .msg-salvar > span { display: none; } .msg-salvar .btn { flex: 1; } }
.pares-valor { column-gap: 0; }
.pares-valor dd { padding-left: var(--s-4); }
.grafico .dica { white-space: normal; width: max-content; max-width: min(17rem, 92%); }