/* Clientes (anunciantes) */
.ganhos { background: linear-gradient(135deg, #0b1220, #1e293b); color: #fff; border-radius: var(--raio); padding: 16px 18px; display: flex; flex-direction: column; gap: 2px; box-shadow: var(--sombra); }
.ganhos > small { color: #cbd5e1; font-weight: 600; }
.ganhos-total { font-family: var(--titulo); font-size: 2rem; font-weight: 800; letter-spacing: -.02em; }
.ganhos-linha { display: flex; gap: 8px; margin-top: 10px; }
.ganhos-linha span { flex: 1; min-width: 0; background: rgba(255,255,255,.08); border-radius: 12px; padding: 8px 10px; display: flex; flex-direction: column; }
.ganhos-linha small { color: #cbd5e1; font-size: .72rem; }
.ganhos-linha b { font-size: .95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ganhos-linha span.ruim b { color: #fda4af; }
.ganhos-rodape { color: #94a3b8 !important; margin-top: 8px; font-size: .78rem; }
.cliente-ic { width: 42px; height: 42px; border-radius: 14px; flex: none; display: flex; align-items: center; justify-content: center;
  background: var(--marca); color: #fff; font-family: var(--titulo); font-weight: 800; font-size: 1.1rem; }
.cartao.cliente.pausado { opacity: .6; }
.selo-cliente { flex: none; font-size: .72rem; font-weight: 800; padding: 4px 9px; border-radius: 999px; white-space: nowrap; }
.selo-cliente.ok { background: #dcfce7; color: #166534; }
.selo-cliente.aberto { background: #e0f2fe; color: #075985; }
.selo-cliente.atrasado { background: #ffe4e6; color: #be123c; }
.selo-cliente.pausado { background: #f1f5f9; color: #475569; }
.ficha { display: flex; flex-direction: column; gap: 6px; background: var(--fundo); border-radius: 14px; padding: 12px; }
.ficha > div, .ficha > a { display: flex; align-items: center; gap: 8px; font-size: .92rem; color: var(--texto); text-decoration: none; }
.ficha > a { color: var(--whats); font-weight: 700; }
.anuncio { display: flex; align-items: center; gap: 10px; background: var(--card); border: 1px solid var(--linha); border-radius: 14px; padding: 8px; }
.anuncio > img, .anuncio > video { width: 64px; height: 64px; border-radius: 10px; object-fit: cover; flex: none; background: #000; }
.anuncio.fora > img, .anuncio.fora > video { opacity: .45; }
.anuncio select { margin-top: 4px; padding: 4px 8px; border-radius: 10px; border: 1.5px solid var(--linha); font-size: 14px; background: #fff; max-width: 150px; }
.anuncio .no-ar { color: #16a34a !important; font-weight: 700; }
.cobranca-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border: 1px solid var(--linha); border-radius: 14px; padding: 10px; background: var(--card); }
.cobranca-linha .cartao-texto { flex: 1 1 150px; }
.cobranca-linha .cartao-texto b { white-space: normal; }
.cobranca-linha .cobranca-botoes { margin-left: auto; }
.cobranca-linha.atrasada { border-color: #fecdd3; background: #fff1f2; }
.cobranca-linha.paga small { color: #16a34a !important; }
.cobranca-linha.atrasada small { color: #be123c !important; font-weight: 700; }
.cobranca-botoes { display: flex; gap: 6px; flex: none; }
.linha > .campo { flex: 1; min-width: 0; }
.linha > .campo input { width: 100%; min-width: 0; }
.btn.pequeno { min-height: 36px; padding: 6px 10px; font-size: .8rem; gap: 4px; }
.btn.pequeno.ok { background: #16a34a; color: #fff; border-color: #16a34a; }