/* ============================================================
   Tabelas
   ============================================================ */

.tabela-credenciais input {
    padding: 0.5rem 0.65rem;
    border-radius: var(--raio-sm);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-alt);
    color: var(--cor-texto);
    font-family: inherit;
    width: 100%;
}

.tabela-credenciais input:focus {
    border-color: var(--cor-primaria-forte);
    outline: none;
}

/* Células de TabelaDados (#502): ficam na página, por isso o CSS é global e não isolado. */
.tabela-dados-celula-acoes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.admin-seletor-papel {
    min-width: 9rem;
}

.acoes-tenant {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.acoes-tenant button,
.tabela-credenciais button {
    padding: 0.4rem 0.8rem;
    min-height: 38px;
    border-radius: var(--raio-sm);
    border: 1px solid var(--cor-borda-forte);
    background: none;
    color: var(--cor-texto);
    cursor: pointer;
    font-family: inherit;
    font-weight: 500;
    transition: background var(--transicao), border-color var(--transicao);
}

.acoes-tenant button:hover:not(:disabled),
.tabela-credenciais button:hover:not(:disabled) {
    background: var(--cor-superficie-alt);
    border-color: var(--cor-secundaria);
    color: var(--cor-secundaria);
}

.acoes-tenant button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.ajuda-credencial {
    margin: 0.2rem 0 0;
    color: var(--cor-texto-fraco);
    font-size: 0.8rem;
}

.badge-credencial {
    display: inline-block;
    padding: 0.25rem 0.7rem;
    border-radius: var(--raio-pilula);
    background: var(--cor-pendente);
    color: var(--cor-carvao);
    font-size: 0.78rem;
    font-weight: 700;
}

.badge-credencial--ok {
    background: var(--cor-ok);
    color: #072b12;
}

.qr-code-whatsapp {
    display: block;
    max-width: 280px;
    margin: 1rem 0;
    border-radius: var(--raio);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
}


/* Vendas e comissões (#504) */
.selo-saude { display: inline-block; padding: 2px 10px; border-radius: 10px; font-size: .85em; }
.selo-saude.ok { background: #e6f4ea; color: #1e6b32; }
.selo-saude.erro { background: #fdecea; color: #a12622; }
.selo-saude.neutro { background: #eee; color: #555; }
.vendas-csv, .vendas-ultimas, .vendas-reconciliacao, .vendas-saude { margin-top: 24px; }
.resultado-csv { margin-top: 12px; padding: 8px 12px; border-radius: 6px; }
.resultado-csv.ok { background: #e6f4ea; }
.resultado-csv.erro { background: #fdecea; }