@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Pages/Index.razor.rz.scp.css */

/*
    A faixa de resumo.

    Quatro números de referência numa linha, com peso MENOR que o do conteúdo abaixo —
    é o que os tira da disputa com "Personagens" e "Chamados". Antes eram quatro cards
    do mesmo tamanho e da mesma cor das seções que a pessoa realmente veio operar, e o
    olho não tinha como saber por onde começar.

    A hierarquia fica: título da página → o que fazer (personagens, chamados) → números
    de consulta. Card é para o que se opera.
*/
.account-summary[b-yqx4wbr5xv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-6);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--bg-inset);
}

.summary-item[b-yqx4wbr5xv] { display: flex; align-items: baseline; gap: var(--space-2); }

.summary-label[b-yqx4wbr5xv] {
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-subtle);
}

.summary-item strong[b-yqx4wbr5xv] { font-size: var(--text-lg); }

/* A ação vem junto do número a que pertence, e discreta: apoiar é oferta, não tarefa
   pendente — um botão vermelho aqui cobraria algo que ninguém pediu. */
.summary-link[b-yqx4wbr5xv] { font-size: var(--text-xs); text-decoration: underline; }
/* /Components/Shared/Pager.razor.rz.scp.css */
.pager[b-9fs663ugob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding-block: var(--space-4);
    flex-wrap: wrap;
}
.pager-status[b-9fs663ugob] { color: var(--text-muted); font-size: var(--text-sm); }
.pager-status strong[b-9fs663ugob] { color: var(--text); }

/* Disabled links keep their place so the row does not reflow between pages. */
.is-off[b-9fs663ugob] { opacity: 0.4; pointer-events: none; }
/* /Components/Shared/StatCard.razor.rz.scp.css */
.stat[b-03t6ddg7ap] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-4);
    background: var(--bg-inset);
    border: 1px solid var(--line);
    border-radius: var(--radius);
}
/* Label above value, small and muted: the number is what the eye should land on. */
.stat-label[b-03t6ddg7ap] { font-size: var(--text-xs); color: var(--text-subtle); text-transform: uppercase; letter-spacing: 0.06em; }
.stat-value[b-03t6ddg7ap] { font-size: var(--text-2xl); font-weight: 700; line-height: 1.1; }
.stat-hint[b-03t6ddg7ap] { font-size: var(--text-xs); color: var(--text-muted); }