/* Irreal Cassino — o painel do administrador (admin.js). */
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.kpi{background:#fff;border:1px solid var(--fio);border-radius:14px;padding:16px 18px}
.kpi small{display:block;font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--cinza)}
.kpi strong{display:block;font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:6px}
.kpi span{font:13px var(--sans);color:var(--cinza)}
.kpi.alerta{border-color:var(--latao);background:rgba(169,130,59,.08)}
.pino{display:inline-block;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:9px;background:var(--ficha);color:#fff;font:700 11px/18px var(--sans)}
.tabela{overflow-x:auto;background:#fff;border:1px solid var(--fio);border-radius:14px}
.tabela table{width:100%;border-collapse:collapse;font:14px var(--sans)}
.tabela th,.tabela td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--fio);white-space:nowrap}
.tabela th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--cinza);background:var(--papel)}
.tabela td.num{text-align:right;font-variant-numeric:tabular-nums}
.tabela button{border:1px solid var(--fio-forte);background:#fff;border-radius:999px;padding:5px 12px;font:600 12px var(--sans);cursor:pointer}
.selo{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--papel-2)}
.selo.aprovado,.selo.liberada,.selo.paga{background:rgba(43,106,80,.15);color:#1f5c42}
.selo.pendente,.selo.aguardando{background:rgba(169,130,59,.15);color:#7a5a1c}
.selo.reembolsado,.selo.cancelada{background:rgba(168,50,47,.12);color:var(--ficha)}
.selo.teste{background:#e6e3f5;color:#4b3f8a}
.chatAdmin{display:grid;grid-template-columns:320px 1fr;gap:12px;min-height:520px}
@media (max-width:820px){.chatAdmin{grid-template-columns:1fr}}
.listaConversas{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--fio);border-radius:14px;overflow:auto;max-height:640px}
.listaConversas li{padding:12px 14px;border-bottom:1px solid var(--fio);cursor:pointer;font-family:var(--sans)}
.listaConversas li:hover,.listaConversas li.ativa{background:var(--papel)}
.listaConversas b{display:block;font-size:14px}
.listaConversas small{display:block;font-size:13px;color:var(--cinza);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.listaConversas li.nova b::after{content:" ●";color:var(--ficha)}
.conversa{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fio);border-radius:14px;min-height:420px;max-height:640px}
.conversa .vazio{margin:auto;font-family:var(--sans);color:var(--cinza)}
.conversaTopo{padding:12px 16px;border-bottom:1px solid var(--fio);font-family:var(--sans);font-size:14px;display:flex;gap:10px;align-items:center}
.conversaTopo button{margin-left:auto;border:1px solid var(--fio-forte);background:#fff;border-radius:999px;padding:5px 12px;font:600 12px var(--sans);cursor:pointer}
.conversaMsgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;font-family:var(--sans)}
.conversaMsgs div{max-width:78%;padding:9px 12px;border-radius:12px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.conversaMsgs .pessoa{align-self:flex-start;background:var(--papel)}
.conversaMsgs .suporte{align-self:flex-end;background:#163a2b;color:#f2ede4}
.conversaMsgs small{display:block;font-size:11px;opacity:.6;margin-top:3px}
.responder{display:flex;gap:8px;padding:10px;border-top:1px solid var(--fio)}
.responder textarea{flex:1;min-height:60px;padding:10px;border:1px solid var(--fio-forte);border-radius:10px;font:15px/1.4 var(--sans);resize:vertical}
.responder .botao{align-self:flex-end}