/* ============================================================
   credenciales.css — estilos de la pestaña "Credenciales"
   Extiende el design system de styles.css (variables :root).
   ============================================================ */

#cred-meta {
    font-size: .9rem;
}

/* Títulos de sección */
.page-container section h2 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 1.75rem 0 .6rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid var(--border);
}

/* ---- Tablas ---- */
.balances-table-wrap {
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.balances-table-wrap table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;        /* Detalle se expande; no truncar */
    font-size: .85rem;
}

.balances-table-wrap thead th {
    text-align: left;
    padding: .7rem 1rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-secondary);
    background: var(--bg-surface-raised);
    border-bottom: 1px solid var(--border-strong);
    white-space: nowrap;
}

.balances-table-wrap tbody td {
    padding: .6rem 1rem;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
    vertical-align: top;
    line-height: 1.55;
}

.balances-table-wrap tbody tr:last-child td {
    border-bottom: none;
}

.balances-table-wrap tbody tr:hover {
    background: var(--bg-hover);
}

/* Grupo (bold) y Plataforma (atenuada): que no se peguen ni se rompan */
.balances-table-wrap tbody td:first-child {
    font-weight: 600;
    white-space: nowrap;
}

.balances-table-wrap tbody td:nth-child(2) {
    color: var(--text-secondary);
    white-space: nowrap;
}

/* Valores de credenciales */
.balances-table-wrap code {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: .8rem;
    background: var(--bg-surface-overlay);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: .08rem .4rem;
    color: var(--text-primary);
    word-break: break-all;
}

/* Cobertura */
#cred-cov p {
    margin: .4rem 0;
    color: var(--text-secondary);
    line-height: 1.6;
}

#cred-cov strong {
    color: var(--text-primary);
}

/* Utilidad (por si no está en styles.css) */
.text-muted {
    color: var(--text-tertiary);
}