/* Estilos da página de ranking de FIIs.
   Global (e não CSS isolation) porque o conteúdo é renderizado por componentes MudBlazor,
   cujos elementos não recebem o atributo de escopo exigido por ::deep. */

/* Desktop: linha de detalhe e indicador de expansão não são utilizados. */
.rk-detail-row,
.rk-expand-only-mobile {
    display: none;
}

.rk-row-expandable {
    cursor: default;
}

.rk-row-locked {
    cursor: pointer;
}

/* Convite à assinatura inline: ocupa as colunas Código e Score da primeira linha bloqueada,
   sem borrão e sem altura extra; as demais colunas seguem borradas e alinhadas. */
.rk-upsell-cell {
    white-space: nowrap;
}

.rk-upsell-link {
    color: var(--mud-palette-primary);
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Marcação leve em HTML puro: evita centenas de componentes MudBlazor por tabela. */
.rk-pos {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.rk-pos-1 {
    color: var(--mud-palette-warning);
}

.rk-pos-2 {
    color: var(--mud-palette-secondary);
}

.rk-pos-3 {
    color: var(--mud-palette-info);
}

.rk-code {
    font-weight: 700;
}

.rk-score {
    color: var(--mud-palette-primary);
    font-weight: 700;
}

.rk-up {
    color: var(--mud-palette-success);
    white-space: nowrap;
}

.rk-down {
    color: var(--mud-palette-error);
    white-space: nowrap;
}

.rk-muted {
    color: var(--mud-palette-text-secondary);
}

.rk-warn {
    color: var(--mud-palette-warning);
    margin-left: 4px;
}

.rk-chevron {
    color: var(--mud-palette-text-secondary);
    margin-left: 4px;
}

.rk-new,
.rk-badge {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 10px;
    font-size: 0.75rem;
    line-height: 1.4;
    color: #fff;
}

.rk-new {
    background-color: var(--mud-palette-primary);
}

.rk-badge-pos {
    background-color: var(--mud-palette-success);
}

.rk-badge-neg {
    background-color: var(--mud-palette-error);
    margin-left: 4px;
}

@media (max-width: 600px) {
    /* Mobile: mantém a tabela real, exibindo apenas #, Código, Score e Variação. */
    .rk-col-secondary {
        display: none;
    }

    .rk-detail-row {
        display: table-row;
    }

    .rk-expand-only-mobile {
        display: inline;
    }

    .rk-row-expandable {
        cursor: pointer;
    }

    .rk-detail-cell {
        padding-top: 4px;
        padding-bottom: 8px;
    }
}