/* ==========================================================================
   ScribeClin - Financeiro
   Tabela de cobranças, filtros e badges de status. Reaproveita .ag-badge,
   .ag-det-* e .modal-sm de agenda.css para o modal de detalhe.
   ========================================================================== */

.financeiro-view { display: flex; flex-direction: column; gap: 12px; }

.fin-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.fin-filters { display: flex; gap: 4px; padding: 3px; border: 1px solid var(--border); border-radius: 10px; }

.fin-filter {
    padding: 6px 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text-muted);
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
}
.fin-filter.active { background: var(--accent); color: var(--on-accent); }

.fin-total {
    font-size: 0.85rem;
    color: var(--text-muted);
}
.fin-total strong { color: var(--danger-text); font-size: 1rem; }

.fin-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--bg-card);
}

.fin-table th {
    text-align: left;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    padding: 10px 14px;
    border-bottom: 1px solid var(--border);
}

.fin-table td {
    padding: 10px 14px;
    font-size: 0.85rem;
    border-bottom: 1px solid rgba(128, 140, 160, 0.12);
}

.fin-row { cursor: pointer; }
.fin-row:hover td { background: rgba(99, 102, 241, 0.06); }
.fin-amount { font-weight: 600; }
.fin-empty { text-align: center; color: var(--text-muted); padding: 30px 0 !important; }

/* Status — mesma paleta da agenda, por consistência. */
.fin-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}
.fin-st-pendente  { background: rgba(234, 179, 8, 0.15);  color: var(--warning-text); }
.fin-st-pago      { background: rgba(34, 197, 94, 0.15);  color: var(--success-text); }
.fin-st-cancelado { background: rgba(148, 163, 184, 0.12); color: var(--text-muted); text-decoration: line-through; }

tr.fin-st-cancelado td { opacity: 0.6; }