/* /Components/Core/Data/TcgCard.razor.rz.scp.css */
/* TcgCard - Card padronizado */

[b-83125z2rqi] .tcg-card {
    border-radius: var(--tcg-card-border-radius, 0);
    box-shadow: var(--tcg-card-shadow, none);
    transition: box-shadow var(--tcg-transition-normal, 250ms ease),
                transform var(--tcg-transition-normal, 250ms ease);
}

[b-83125z2rqi] .tcg-card:hover {
    box-shadow: var(--tcg-shadow-card-hover, none);
}

[b-83125z2rqi] .tcg-card .ant-card-head {
    border-bottom: 1px solid var(--tcg-border-color-light, #e2e0df);
}

[b-83125z2rqi] .tcg-card .ant-card-head-title {
    font-weight: var(--tcg-font-weight-semibold, 600);
    color: var(--tcg-text-primary, #201e1d);
}

[b-83125z2rqi] .tcg-card .ant-card-body {
    padding: var(--tcg-card-padding, 24px);
}

/* Classe mantida por compatibilidade — altura gerenciada pelo pai via tcg-equal-height-row */

/* Responsividade */
@media (max-width: 768px) {
    [b-83125z2rqi] .tcg-card .ant-card-body {
        padding: var(--tcg-card-padding-mobile, 16px);
    }

    [b-83125z2rqi] .tcg-card .ant-card-head {
        padding: 0 var(--tcg-space-md, 16px);
    }
}

@media (max-width: 576px) {
    [b-83125z2rqi] .tcg-card .ant-card-body {
        padding: var(--tcg-space-sm, 8px);
    }
}
/* /Components/Core/Data/TcgStatCard.razor.rz.scp.css */
/* TcgStatCard - Card de estatística */

[b-xv6zdowxci] .tcg-stat-card {
    height: 100%;
    min-height: var(--tcg-stat-card-min-height, 100px);
    border-radius: var(--tcg-card-border-radius, 0);
    transition: box-shadow var(--tcg-transition-normal, 250ms ease),
                transform var(--tcg-transition-normal, 250ms ease);
}

[b-xv6zdowxci] .tcg-stat-card:hover {
    box-shadow: var(--tcg-shadow-card-hover, none);
    transform: translateY(-2px);
}

[b-xv6zdowxci] .tcg-stat-card .ant-card-body {
    padding: var(--tcg-space-md, 16px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[b-xv6zdowxci] .tcg-stat-card .ant-statistic-title {
    font-size: var(--tcg-stat-title-size, 12px);
    color: var(--tcg-text-secondary, #4a4644);
    margin-bottom: var(--tcg-space-xs, 4px);
}

[b-xv6zdowxci] .tcg-stat-card .ant-statistic-content {
    font-size: var(--tcg-stat-value-size, 38px);
    font-weight: var(--tcg-font-weight-semibold, 600);
}

[b-xv6zdowxci] .tcg-stat-card .ant-statistic-content-prefix {
    margin-right: var(--tcg-space-xs, 4px);
}

.tcg-stat-card-footer[b-xv6zdowxci] {
    margin-top: var(--tcg-space-sm, 8px);
    padding-top: var(--tcg-space-sm, 8px);
    border-top: 1px solid var(--tcg-border-color-light, #e2e0df);
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-text-tertiary, #6b6663);
}

/* Responsividade */
@media (max-width: 768px) {
    [b-xv6zdowxci] .tcg-stat-card {
        min-height: 80px;
    }

    [b-xv6zdowxci] .tcg-stat-card .ant-card-body {
        padding: var(--tcg-space-sm, 8px);
    }

    [b-xv6zdowxci] .tcg-stat-card .ant-statistic-content {
        font-size: var(--tcg-font-size-xl, 20px);
    }
}

@media (max-width: 576px) {
    [b-xv6zdowxci] .tcg-stat-card .ant-statistic-content {
        font-size: var(--tcg-font-size-lg, 16px);
    }

    [b-xv6zdowxci] .tcg-stat-card .ant-statistic-title {
        font-size: var(--tcg-font-size-xs, 11px);
    }
}
/* /Components/Core/Data/TcgTable.razor.rz.scp.css */
/* TcgTable - Tabela padronizada */

.tcg-table-container[b-qnxt64zpjz] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[b-qnxt64zpjz] .tcg-table {
    border-radius: var(--tcg-border-radius, 0);
    overflow: hidden;
}

/* Header da tabela */
[b-qnxt64zpjz] .tcg-table .ant-table-thead > tr > th {
    background: var(--tcg-table-header-bg, #ec3013);
    color: var(--tcg-table-header-color, #ffffff);
    font-weight: var(--tcg-font-weight-semibold, 600);
    font-size: var(--tcg-font-size-sm, 13px);
    padding: var(--tcg-table-cell-padding, 10px 12px);
    border: none;
    transition: background-color var(--tcg-transition-fast, 150ms ease);
}

[b-qnxt64zpjz] .tcg-table .ant-table-thead > tr > th:hover {
    background: var(--tcg-primary-dark, #c2260f);
}

/* Células da tabela */
[b-qnxt64zpjz] .tcg-table .ant-table-tbody > tr > td {
    padding: var(--tcg-table-cell-padding, 10px 12px);
    font-size: var(--tcg-font-size-sm, 13px);
    border-bottom: 1px solid var(--tcg-border-color-light, #f0f0f0);
    transition: background-color var(--tcg-transition-fast, 150ms ease);
}

/* Linhas alternadas */
[b-qnxt64zpjz] .tcg-table .ant-table-tbody > tr:nth-child(even) > td {
    background-color: #fafafa;
}

[b-qnxt64zpjz] .tcg-table .ant-table-tbody > tr:nth-child(odd) > td {
    background-color: #ffffff;
}

/* Hover nas linhas */
[b-qnxt64zpjz] .tcg-table .ant-table-tbody > tr:hover > td {
    background-color: var(--tcg-table-row-hover-bg, #fdecea) !important;
}

/* Paginação */
[b-qnxt64zpjz] .tcg-table .ant-pagination {
    margin-top: var(--tcg-space-md, 16px);
}

/* Responsividade */
@media (max-width: 768px) {
    [b-qnxt64zpjz] .tcg-table .ant-table-thead > tr > th,
    [b-qnxt64zpjz] .tcg-table .ant-table-tbody > tr > td {
        padding: var(--tcg-space-sm, 8px) var(--tcg-space-xs, 4px);
        font-size: var(--tcg-font-size-xs, 11px);
    }
}

/* Modo responsivo (cards) */
@media (max-width: 960px) {
    [b-qnxt64zpjz] .tcg-table.ant-table-wrapper .ant-table-content {
        overflow-x: visible;
    }

    [b-qnxt64zpjz] .tcg-table .ant-table-tbody > tr {
        display: flex;
        flex-direction: column;
        margin-bottom: var(--tcg-space-sm, 8px);
        border: 1px solid var(--tcg-border-color, #201e1d);
        border-radius: var(--tcg-border-radius-sm, 0);
    }

    [b-qnxt64zpjz] .tcg-table .ant-table-tbody > tr > td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--tcg-border-color-light, #f0f0f0);
    }

    [b-qnxt64zpjz] .tcg-table .ant-table-tbody > tr > td:last-child {
        border-bottom: none;
    }
}
/* /Components/Core/Feedback/TcgEmpty.razor.rz.scp.css */
/* Estado vazio — tela 66 do PlayTCG 2.0 */

.te[b-bglvnb3st3] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.te-title[b-bglvnb3st3] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--tcg-ink, #201e1d);
}

.te-body[b-bglvnb3st3] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

/* Ações encostadas no pé do bloco: o texto sobe, o botão fica na base. */
.te-actions[b-bglvnb3st3] {
    margin-top: auto;
    padding-top: var(--tcg-space-xs, 4px);
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.te-hint[b-bglvnb3st3] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.te-foot[b-bglvnb3st3] {
    margin-top: auto;
    padding-top: 6px;
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
    display: flex;
    align-items: center;
    gap: 12px;
}

.te-foot-text[b-bglvnb3st3] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* Quando há rodapé de atualização, as ações não precisam empurrar. */
.te-actions:has(~ .te-foot)[b-bglvnb3st3] {
    margin-top: 0;
}
/* /Components/Core/Feedback/TcgError.razor.rz.scp.css */
/* Erro em linha — tela 66 do PlayTCG 2.0 */

.tf[b-119kcdfi1k] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 14px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.tf-flat[b-119kcdfi1k] {
    border: none;
    padding: 12px 0;
    background: transparent;
}

.tf-badge[b-119kcdfi1k] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
    line-height: 1;
}

.tf-text[b-119kcdfi1k] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tf-title[b-119kcdfi1k] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
    line-height: 1.3;
}

.tf-body[b-119kcdfi1k] {
    font-size: 14px;
    line-height: 1.45;
    color: var(--tcg-neutral-700, #4a4644);
}

.tf-actions[b-119kcdfi1k] {
    margin-top: var(--tcg-space-sm, 8px);
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.tf-retry[b-119kcdfi1k] {
    height: 40px;
    padding: 0 14px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    color: var(--tcg-ink, #201e1d);
}

.tf-retry:hover[b-119kcdfi1k] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.tf-retry:focus-visible[b-119kcdfi1k] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}
/* /Components/Core/Feedback/TcgErrorPage.razor.rz.scp.css */
/* Moldura das telas de erro — tela 65 do PlayTCG 2.0 */

.ep[b-zmqnz3tllc] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.ep-dark[b-zmqnz3tllc] {
    background: var(--tcg-arena-900, #141312);
    color: var(--tcg-ground, #f3f2f2);
}

.ep-head[b-zmqnz3tllc] {
    height: 60px;
    flex: 0 0 60px;
    background: var(--tcg-surface, #fff);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 var(--tcg-space-xl, 32px);
}

.ep-dark .ep-head[b-zmqnz3tllc] {
    background: var(--tcg-arena-800, #201e1d);
    border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
}

.ep-wordmark[b-zmqnz3tllc] {
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.ep-dark .ep-wordmark[b-zmqnz3tllc] {
    color: var(--tcg-ground, #f3f2f2);
}

.ep-body[b-zmqnz3tllc] {
    flex: 1;
    /* A moldura do design tem 600px; a coluna de texto não passa disso
       mesmo em tela larga, porque erro se lê de uma vez só. */
    width: 100%;
    max-width: 600px;
    padding: 40px var(--tcg-space-xl, 32px);
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ep-code[b-zmqnz3tllc] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
}

.ep-dark .ep-code[b-zmqnz3tllc] {
    color: var(--tcg-accent, #ec3013);
}

.ep-title[b-zmqnz3tllc] {
    margin: 0;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-display, -0.03em);
    line-height: 1.05;
    color: var(--tcg-ink, #201e1d);
}

.ep-dark .ep-title[b-zmqnz3tllc] {
    color: var(--tcg-ground, #f3f2f2);
}

.ep-lead[b-zmqnz3tllc] {
    margin: 0;
    font-size: var(--tcg-font-size-lg, 16px);
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

.ep-dark .ep-lead[b-zmqnz3tllc] {
    color: var(--tcg-neutral-300, #c9c6c4);
}

.ep-dark .ep-lead[b-zmqnz3tllc]  strong {
    color: var(--tcg-ground, #f3f2f2);
}

.ep-actions[b-zmqnz3tllc] {
    margin-top: auto;
    padding-top: var(--tcg-space-lg, 24px);
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

@media (max-width: 575px) {
    .ep-head[b-zmqnz3tllc] {
        padding: 0 var(--tcg-space-md, 16px);
    }

    .ep-body[b-zmqnz3tllc] {
        padding: var(--tcg-space-lg, 24px) var(--tcg-space-md, 16px);
    }

    .ep-title[b-zmqnz3tllc] {
        font-size: 32px;
    }
}
/* /Components/Core/Feedback/TcgForbidden.razor.rz.scp.css */
/* 403 — tela 65 do PlayTCG 2.0 */

.fb-note[b-1os1snv40l] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: var(--tcg-space-md, 16px);
    font-size: 14px;
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
}

/* A ação principal ocupa a sobra; a secundária fica do tamanho do rótulo. */
.fb-grow[b-1os1snv40l] {
    flex: 1;
}
/* /Components/Core/Feedback/TcgLoading.razor.rz.scp.css */
/* TcgLoading — estado de carregamento */

.tcg-loading[b-rw57lhdjiz] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    width: 100%;
}

.tcg-loading-boxed[b-rw57lhdjiz] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 20px;
}

.tcg-loading-text[b-rw57lhdjiz] {
    min-width: 0;
}

.tcg-loading-message[b-rw57lhdjiz] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: var(--tcg-font-weight-bold, 700);
    color: var(--tcg-ink, #201e1d);
}

.tcg-loading-detail[b-rw57lhdjiz] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}
/* /Components/Core/Feedback/TcgOffline.razor.rz.scp.css */
/* Sem conexão — tela 66 do PlayTCG 2.0 */

.of[b-qxhrl45f8s] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.of-label[b-qxhrl45f8s] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

.of-title[b-qxhrl45f8s] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.of-body[b-qxhrl45f8s] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-300, #c9c6c4);
}

.of-body strong[b-qxhrl45f8s] {
    color: var(--tcg-ground, #f3f2f2);
    font-variant-numeric: tabular-nums;
}

.of-actions[b-qxhrl45f8s] {
    margin-top: var(--tcg-space-sm, 8px);
    display: flex;
    gap: 2px;
}

.of-btn[b-qxhrl45f8s] {
    flex: 1;
    height: 48px;
    padding: 0 14px;
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-ground, #f3f2f2);
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.of-btn:hover[b-qxhrl45f8s] {
    background: var(--tcg-arena-700, #2c2a28);
}

.of-btn:focus-visible[b-qxhrl45f8s] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}
/* /Components/Core/Feedback/TcgPickTournament.razor.rz.scp.css */
.pt-wrap[b-d8jf21tam1] {
    padding: var(--tcg-space-xl) var(--tcg-space-md);
}
/* /Components/Core/Feedback/TcgSkeletonTable.razor.rz.scp.css */
/* Esqueleto de tabela — tela 66 do PlayTCG 2.0 */

.sk[b-b2umxczxfk] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sk-head[b-b2umxczxfk] {
    padding: 12px var(--tcg-space-md, 16px);
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    align-items: center;
    gap: 12px;
}

.sk-row[b-b2umxczxfk] {
    padding: 14px var(--tcg-space-md, 16px);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    display: flex;
    align-items: center;
    gap: 12px;
}

.sk-row:last-child[b-b2umxczxfk] {
    border-bottom: none;
}

/* Cabeçalho usa barras mais finas que as linhas — a mesma hierarquia da
   tabela real, onde o rótulo é 11px e o corpo 14px. */
.sk-head .sk-lead[b-b2umxczxfk],
.sk-head .sk-fill[b-b2umxczxfk],
.sk-head .sk-trail[b-b2umxczxfk] {
    height: 12px;
}

.sk-row .sk-lead[b-b2umxczxfk],
.sk-row .sk-fill[b-b2umxczxfk],
.sk-row .sk-trail[b-b2umxczxfk] {
    height: 16px;
}

.sk-lead[b-b2umxczxfk] {
    width: 28px;
    flex: 0 0 28px;
}

.sk-fill[b-b2umxczxfk] {
    flex: 1;
    min-width: 0;
}

.sk-trail[b-b2umxczxfk] {
    width: 40px;
    flex: 0 0 40px;
}
/* /Components/Core/Feedback/TcgToast.razor.rz.scp.css */
/* TcgToast — retorno de ação (ver comentário no .razor). Especificação: docs/design/PlayTCG 2.0 - Toast.dc.html, tela 75. */

.tcg-toast-stack[b-osfpiwf53k] {
    position: fixed;
    right: 28px;
    bottom: 28px;
    left: auto;
    z-index: var(--tcg-z-popover, 1060);
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 420px;
    pointer-events: none;
}

/*
  Fundo cheio — tinta no sucesso, vermelho na falha. Nada de cartão branco com tarja: a cor
  cheia É a separação da página, por isso não há raio nem sombra em lugar nenhum aqui (a
  especificação é explícita: "sem verde, sem raio, sem sombra").
*/
.tcg-toast[b-osfpiwf53k] {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: 420px;
    padding: 16px 18px;
    color: var(--tcg-ground, #f3f2f2);
    animation: tcg-toast-in-b-osfpiwf53k 180ms ease-out;
}

.tcg-toast-success[b-osfpiwf53k] {
    background: var(--tcg-ink, #201e1d);
}

.tcg-toast-error[b-osfpiwf53k] {
    background: var(--tcg-accent, #ec3013);
}

.tcg-toast-icon[b-osfpiwf53k] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.tcg-toast-success .tcg-toast-icon[b-osfpiwf53k] {
    color: var(--tcg-ink, #201e1d);
}

.tcg-toast-error .tcg-toast-icon[b-osfpiwf53k] {
    color: var(--tcg-accent, #ec3013);
}

.tcg-toast-icon svg[b-osfpiwf53k] {
    width: 16px;
    height: 16px;
}

.tcg-toast-content[b-osfpiwf53k] {
    flex: 1;
    min-width: 0;
}

.tcg-toast-title[b-osfpiwf53k] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: var(--tcg-font-weight-bold, 700);
    line-height: 1.25;
}

.tcg-toast-detail[b-osfpiwf53k] {
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.92;
    overflow-wrap: anywhere;
}

.tcg-toast-actions[b-osfpiwf53k] {
    margin-top: 12px;
    display: flex;
    gap: 2px;
}

.tcg-toast-action[b-osfpiwf53k] {
    height: 38px;
    padding: 0 12px;
    background: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: var(--tcg-font-weight-bold, 700);
    cursor: pointer;
}

.tcg-toast-success .tcg-toast-action[b-osfpiwf53k] {
    color: var(--tcg-ink, #201e1d);
}

.tcg-toast-error .tcg-toast-action[b-osfpiwf53k] {
    color: var(--tcg-accent-700, #c2260f);
}

.tcg-toast-action:hover[b-osfpiwf53k] {
    opacity: 0.85;
}

.tcg-toast-action:focus-visible[b-osfpiwf53k] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* O X está sempre presente, inclusive no sucesso — a especificação é explícita nisso. */
.tcg-toast-close[b-osfpiwf53k] {
    flex: 0 0 auto;
    margin-top: 4px;
    padding: 4px;
    background: transparent;
    border: none;
    color: currentColor;
    opacity: 0.75;
    cursor: pointer;
    line-height: 0;
}

.tcg-toast-close svg[b-osfpiwf53k] {
    width: 15px;
    height: 15px;
}

.tcg-toast-close:hover[b-osfpiwf53k] {
    opacity: 1;
}

.tcg-toast-close:focus-visible[b-osfpiwf53k] {
    opacity: 1;
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* Entra deslizando 16px da direita em 180ms; sai em 120ms (75 · ANATOMIA). A duração da saída
   precisa bater com ExitAnimationMs em ToastState — é o tempo que o item continua na lista
   depois de Dismiss, só para esta animação tocar. */
@keyframes tcg-toast-in-b-osfpiwf53k {
    from {
        opacity: 0;
        transform: translateX(16px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.tcg-toast-leaving[b-osfpiwf53k] {
    animation: tcg-toast-out-b-osfpiwf53k 120ms ease-in forwards;
}

@keyframes tcg-toast-out-b-osfpiwf53k {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(16px);
    }
}

/* prefers-reduced-motion troca o deslize por um simples aparecer/desaparecer. */
@media (prefers-reduced-motion: reduce) {
    .tcg-toast[b-osfpiwf53k] {
        animation: tcg-toast-in-reduced-b-osfpiwf53k 150ms ease-out;
    }

    .tcg-toast-leaving[b-osfpiwf53k] {
        animation: tcg-toast-out-reduced-b-osfpiwf53k 120ms ease-in forwards;
    }
}

@keyframes tcg-toast-in-reduced-b-osfpiwf53k {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes tcg-toast-out-reduced-b-osfpiwf53k {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* A especificação fixa 420px para desktop; abaixo disso a pilha respeita a borda da tela em
   vez de estourar — não existe uma regra equivalente na especificação porque a tela 75 não
   cobre telas estreitas no web, mas deixar o toast maior que o viewport quebraria a página. */
@media (max-width: 480px) {
    .tcg-toast-stack[b-osfpiwf53k] {
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
    }

    .tcg-toast[b-osfpiwf53k] {
        width: auto;
    }
}
/* /Components/Core/Layout/TcgAccountNav.razor.rz.scp.css */
/* Navegação da área Conta — telas 44 a 47 do PlayTCG 2.0 */

.an[b-ks268wci49] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    overflow-x: auto;
}

.an-tab[b-ks268wci49] {
    flex: 0 0 auto;
    height: 44px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-neutral-700, #4a4644);
    white-space: nowrap;
}

.an-tab:hover[b-ks268wci49] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.an-tab-active[b-ks268wci49] {
    color: var(--tcg-ink, #201e1d);
    font-weight: 700;
    box-shadow: inset 0 -3px 0 var(--tcg-accent, #ec3013);
}

.an-tab:focus-visible[b-ks268wci49] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: -2px;
}
/* /Components/Core/Layout/TcgAuthShell.razor.rz.scp.css */
/* Moldura das telas de acesso — telas 38 a 43 do PlayTCG 2.0 */

.au-stage[b-erp0ow1c8d] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    font-family: var(--tcg-font-family, 'Archivo', system-ui, sans-serif);
    color: var(--tcg-ink, #201e1d);
}

/* ========== Moldura partida (38, 39) ========== */

.au-frame[b-erp0ow1c8d] {
    width: 100%;
    max-width: 1000px;
    min-height: 680px;
    background: var(--tcg-ground, #f3f2f2);
    display: grid;
    grid-template-columns: 420px 1fr;
    overflow: hidden;
}

.au-panel[b-erp0ow1c8d] {
    background: var(--tcg-ink, #201e1d);
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.au-brand[b-erp0ow1c8d] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.au-mark[b-erp0ow1c8d] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
}

.au-wordmark[b-erp0ow1c8d] {
    font-size: 22px;
    font-weight: 700;
    color: var(--tcg-ground, #f3f2f2);
    line-height: 1;
}

.au-descriptor[b-erp0ow1c8d] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--tcg-neutral-500, #8a8582);
    margin-top: 3px;
}

.au-headline[b-erp0ow1c8d] {
    margin: 0;
    font-size: 34px;
    font-weight: 700;
    color: var(--tcg-ground, #f3f2f2);
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.1;
    text-wrap: balance;
}

.au-body[b-erp0ow1c8d] {
    padding: 40px 44px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* ========== Cartão estreito (40, 41, 42, 43) ========== */

.au-stage-compact .au-card[b-erp0ow1c8d] {
    width: 100%;
    max-width: 480px;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.au-bar[b-erp0ow1c8d] {
    background: var(--tcg-ink, #201e1d);
    padding: 20px 28px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.au-mark-sm[b-erp0ow1c8d] {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.au-wordmark-sm[b-erp0ow1c8d] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-ground, #f3f2f2);
}

.au-body-compact[b-erp0ow1c8d] {
    padding: 32px 28px;
    min-height: 340px;
}

/* ========== Responsivo ========== */

@media (max-width: 900px) {
    .au-frame[b-erp0ow1c8d] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .au-panel[b-erp0ow1c8d] {
        padding: 28px 24px;
    }

    .au-headline[b-erp0ow1c8d] {
        font-size: 26px;
    }

    .au-body[b-erp0ow1c8d] {
        padding: 28px 24px;
    }
}

@media (max-width: 480px) {
    .au-stage[b-erp0ow1c8d] {
        padding: 0;
    }

    .au-body-compact[b-erp0ow1c8d] {
        padding: 24px 20px;
    }
}
/* /Components/Core/Layout/TcgPage.razor.rz.scp.css */
/* TcgPage - Estilos do componente de página padrão */

.tcg-page-content[b-pq1cmpksh2] {
    padding: var(--tcg-page-padding, 16px);
    min-height: 200px;
}

/* Responsividade */
@media (max-width: 768px) {
    .tcg-page-content[b-pq1cmpksh2] {
        padding: var(--tcg-page-padding-mobile, 8px);
    }
}

@media (max-width: 576px) {
    .tcg-page-content[b-pq1cmpksh2] {
        padding: 4px;
    }
}
/* /Components/Core/Layout/TcgProviderMark.razor.rz.scp.css */
/* Marca do provedor no botão de login social. O tamanho e o respiro vêm do
   mock (tela 38): 20x20 e 10px até o rótulo. */

.tcg-provider-mark[b-9irr76x20k] {
    display: inline-flex;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.tcg-provider-mark svg[b-9irr76x20k] {
    width: 20px;
    height: 20px;
    display: block;
}
/* /Components/Core/Layout/TcgPublicEventHeader.razor.rz.scp.css */
/* Cabeçalho do acompanhamento público — telas 32, 33 e 34 do PlayTCG 2.0 */

.pe[b-4vlk4720iu] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.pe-bar[b-4vlk4720iu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: var(--tcg-space-md, 16px) 18px 0 18px;
}

.pe-brand[b-4vlk4720iu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pe-wordmark[b-4vlk4720iu] {
    font-size: 14px;
    font-weight: 700;
}

.pe-live[b-4vlk4720iu] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: 1px;
}

.pe-live-dot[b-4vlk4720iu] {
    width: 6px;
    height: 6px;
    background: #fff;
}

.pe-status[b-4vlk4720iu] {
    margin-left: auto;
    padding: 4px 8px;
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-neutral-300, #c9c6c4);
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: 1px;
}

.pe-name[b-4vlk4720iu] {
    padding: 12px 18px 0 18px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.pe-context[b-4vlk4720iu] {
    padding: var(--tcg-space-xs, 4px) 18px 0 18px;
    font-size: 12px;
    color: var(--tcg-neutral-500, #8a8582);
}

.pe-tabs[b-4vlk4720iu] {
    margin-top: var(--tcg-space-md, 16px);
    background: var(--tcg-surface, #fff);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
}

.pe-tab[b-4vlk4720iu] {
    flex: 1;
    /* Alvo de toque: a aba é o controle mais usado destas telas. */
    min-height: var(--tcg-touch-target, 44px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
    color: var(--tcg-neutral-700, #4a4644);
    text-decoration: none;
}

.pe-tab:hover[b-4vlk4720iu] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.pe-tab-active[b-4vlk4720iu],
.pe-tab-active:hover[b-4vlk4720iu] {
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    box-shadow: inset 0 -3px 0 var(--tcg-accent, #ec3013);
}

.pe-tab:focus-visible[b-4vlk4720iu] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: -2px;
}

/* No desktop a faixa ganha respiro, mas a tela continua sendo a de 390px
   com colunas mais largas — não vira outra tela. */
@media (min-width: 768px) {
    .pe-bar[b-4vlk4720iu],
    .pe-name[b-4vlk4720iu],
    .pe-context[b-4vlk4720iu] {
        padding-left: var(--tcg-space-xl, 32px);
        padding-right: var(--tcg-space-xl, 32px);
    }

    .pe-name[b-4vlk4720iu] {
        font-size: 24px;
    }

    .pe-tabs[b-4vlk4720iu] {
        padding: 0 var(--tcg-space-xl, 32px);
    }

    .pe-tab[b-4vlk4720iu] {
        flex: 0 0 auto;
        padding: 13px 20px;
    }
}
/* /Components/Core/Layout/TcgPublicFooter.razor.rz.scp.css */
/* Rodapé público — tela 29 do PlayTCG 2.0 */

.pf[b-ldvvmwynkb] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-neutral-500, #8a8582);
    padding: var(--tcg-space-md, 16px) var(--tcg-space-xl, 32px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    font-size: var(--tcg-font-size-sm, 13px);
}

.pf-links[b-ldvvmwynkb] {
    display: flex;
    gap: var(--tcg-space-lg, 24px);
    flex-wrap: wrap;
}

.pf-links a[b-ldvvmwynkb] {
    color: var(--tcg-neutral-500, #8a8582);
    text-decoration: none;
}

.pf-links a:hover[b-ldvvmwynkb] {
    color: var(--tcg-ground, #f3f2f2);
}

.pf-links a:focus-visible[b-ldvvmwynkb] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

@media (max-width: 575px) {
    .pf[b-ldvvmwynkb] {
        padding: var(--tcg-space-md, 16px);
    }

    .pf-links[b-ldvvmwynkb] {
        gap: var(--tcg-space-md, 16px);
    }
}
/* /Components/Core/Layout/TcgPublicHeader.razor.rz.scp.css */
/* Cabeçalho público — telas 29, 30, 31, 36 e 37 do PlayTCG 2.0 */

.ph[b-gazs2u6wr6] {
    height: 72px;
    background: var(--tcg-surface, #fff);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    align-items: center;
    gap: var(--tcg-space-lg, 24px);
    padding: 0 var(--tcg-space-xl, 32px);
}

.ph-brand[b-gazs2u6wr6] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: var(--tcg-ink, #201e1d);
    flex: 0 0 auto;
}

.ph-wordmark[b-gazs2u6wr6] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.ph-nav[b-gazs2u6wr6] {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-left: auto;
}

.ph-nav-link[b-gazs2u6wr6] {
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-neutral-700, #4a4644);
    text-decoration: none;
}

.ph-nav-link:hover[b-gazs2u6wr6] {
    color: var(--tcg-accent, #ec3013);
}

.ph-nav-link-active[b-gazs2u6wr6] {
    color: var(--tcg-ink, #201e1d);
    font-weight: 700;
}

.ph-actions[b-gazs2u6wr6] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-sm, 8px);
    margin-left: auto;
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* A navegação já empurrou as ações para a direita. */
.ph-nav ~ .ph-actions[b-gazs2u6wr6] {
    margin-left: 26px;
}

.ph-user-greeting[b-gazs2u6wr6] {
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ph-btn-ghost[b-gazs2u6wr6],
.ph-btn-primary[b-gazs2u6wr6] {
    height: 44px;
    padding: 0 var(--tcg-space-md, 16px);
    display: inline-flex;
    align-items: center;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.ph-btn-ghost[b-gazs2u6wr6] {
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.ph-btn-ghost:hover[b-gazs2u6wr6] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.ph-btn-primary[b-gazs2u6wr6] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
}

.ph-btn-primary:hover[b-gazs2u6wr6] {
    background: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.ph-btn-ghost:focus-visible[b-gazs2u6wr6],
.ph-btn-primary:focus-visible[b-gazs2u6wr6],
.ph-nav-link:focus-visible[b-gazs2u6wr6],
.ph-brand:focus-visible[b-gazs2u6wr6] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* Abaixo de 992px a navegação some: sobra a assinatura e a saída da página. */
@media (max-width: 991px) {
    .ph[b-gazs2u6wr6] {
        padding: 0 var(--tcg-space-md, 16px);
        gap: var(--tcg-space-sm, 8px);
    }

    .ph-nav[b-gazs2u6wr6] {
        display: none;
    }

    /* "Meu painel" sozinho já diz que a pessoa está logada — o nome cede o
       lugar apertado da barra estreita. */
    .ph-user-greeting[b-gazs2u6wr6] {
        display: none;
    }
}

@media (max-width: 575px) {
    .ph-wordmark[b-gazs2u6wr6] {
        font-size: var(--tcg-font-size-lg, 16px);
    }

    .ph-btn-ghost[b-gazs2u6wr6],
    .ph-btn-primary[b-gazs2u6wr6] {
        padding: 0 12px;
        font-size: 13px;
    }
}
/* /Components/Core/Layout/TcgRegistrationGate.razor.rz.scp.css */
/* Porta da inscrição pública — tela 31 do PlayTCG 2.0 */

.rg[b-3sz3subqu2] {
    display: flex;
    flex-direction: column;
}

.rg-grow[b-3sz3subqu2] {
    flex: 1;
}

.rg-key[b-3sz3subqu2] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Trilha de passos ========== */

.rg-steps[b-3sz3subqu2] {
    background: var(--tcg-surface, #fff);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rg-step[b-3sz3subqu2] {
    padding: var(--tcg-space-md, 16px) 20px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    min-width: 0;
}

.rg-step:last-child[b-3sz3subqu2] {
    border-right: none;
}

.rg-step-active[b-3sz3subqu2] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border-right-color: var(--tcg-ink, #201e1d);
}

.rg-step-n[b-3sz3subqu2] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-step-active .rg-step-n[b-3sz3subqu2] {
    color: var(--tcg-neutral-500, #8a8582);
}

.rg-step-name[b-3sz3subqu2] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    margin-top: 2px;
    color: var(--tcg-neutral-700, #4a4644);
}

.rg-step-active .rg-step-name[b-3sz3subqu2] {
    color: var(--tcg-ground, #f3f2f2);
}

/* ========== Corpo ========== */

.rg-body[b-3sz3subqu2] {
    padding: var(--tcg-space-xl, 32px);
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: var(--tcg-space-xl, 32px);
    align-items: start;
}

.rg-col[b-3sz3subqu2] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
}

.rg-title[b-3sz3subqu2] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.rg-card[b-3sz3subqu2] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rg-card-quiet[b-3sz3subqu2] {
    gap: var(--tcg-space-sm, 8px);
    border-color: var(--tcg-neutral-300, #c9c6c4);
}

.rg-lead[b-3sz3subqu2] {
    margin: 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.6;
    color: var(--tcg-neutral-700, #4a4644);
}

.rg-actions[b-3sz3subqu2] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.rg-note[b-3sz3subqu2] {
    margin: 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Resumo ========== */

.rg-side[b-3sz3subqu2] {
    min-width: 0;
}

.rg-summary[b-3sz3subqu2] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 22px;
}

.rg-summary-label[b-3sz3subqu2] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
}

.rg-summary-name[b-3sz3subqu2] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-top: var(--tcg-space-sm, 8px);
    line-height: 1.2;
}

.rg-summary-when[b-3sz3subqu2] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-300, #c9c6c4);
    margin-top: 6px;
}

.rg-rule[b-3sz3subqu2] {
    height: 1px;
    background: var(--tcg-arena-700, #2c2a28);
    margin: 18px 0;
}

.rg-line[b-3sz3subqu2] {
    display: flex;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding: var(--tcg-space-sm, 8px) 0;
    font-size: 14px;
}

.rg-line-label[b-3sz3subqu2] {
    color: var(--tcg-neutral-300, #c9c6c4);
}

.rg-total[b-3sz3subqu2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding-top: 14px;
    margin-top: var(--tcg-space-sm, 8px);
    border-top: 1px solid var(--tcg-arena-700, #2c2a28);
}

.rg-total-label[b-3sz3subqu2] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.rg-total-value[b-3sz3subqu2] {
    font-size: 28px;
    font-weight: 700;
}

.rg-summary-note[b-3sz3subqu2] {
    margin: 14px 0 0 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-500, #8a8582);
}

@media (max-width: 991px) {
    .rg-body[b-3sz3subqu2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .rg-body[b-3sz3subqu2] {
        padding: var(--tcg-space-lg, 24px) var(--tcg-space-md, 16px);
    }

    .rg-steps[b-3sz3subqu2] {
        grid-template-columns: 1fr;
    }

    .rg-step[b-3sz3subqu2] {
        border-right: none;
        border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    }

    .rg-actions .tcg-btn[b-3sz3subqu2] {
        width: 100%;
    }
}
/* /Components/Core/Layout/TcgSection.razor.rz.scp.css */
/* TcgSection - Seção com título */

.tcg-section[b-ijze97bmli] {
    margin-bottom: var(--tcg-space-lg, 24px);
}

.tcg-section-header[b-ijze97bmli] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--tcg-space-md, 16px);
    padding-bottom: var(--tcg-space-sm, 8px);
    border-bottom: 1px solid var(--tcg-border-color-light, #f0f0f0);
}

.tcg-section-title[b-ijze97bmli] {
    display: flex;
    align-items: center;
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: var(--tcg-font-weight-semibold, 600);
    color: var(--tcg-text-primary, #201e1d);
}

.tcg-section-extra[b-ijze97bmli] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-sm, 8px);
}

.tcg-section-content[b-ijze97bmli] {
    /* Conteúdo da seção */
}

/* Responsividade */
@media (max-width: 576px) {
    .tcg-section-header[b-ijze97bmli] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--tcg-space-sm, 8px);
    }

    .tcg-section-extra[b-ijze97bmli] {
        width: 100%;
        justify-content: flex-start;
    }

    .tcg-section-title[b-ijze97bmli] {
        font-size: var(--tcg-font-size-base, 15px);
    }
}
/* /Components/Core/Moderation/MyOrganizerSuspensionBanner.razor.rz.scp.css */
/* D-13 tela 10B — "o que o organizador suspenso vê". Mirrors the design's dark suspended block
   (#141312, accent label) — see docs/design/organizadores/LEIA-ME.md frame 10B. */

.mosb[b-ttspzum76m] {
    background: var(--tcg-arena-900, #141312);
    color: var(--tcg-ground, #f3f2f2);
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.mosb-label[b-ttspzum76m] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-accent, #ec3013);
}

.mosb-title[b-ttspzum76m] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
    margin: 0;
}

.mosb-reason[b-ttspzum76m] {
    background: var(--tcg-arena-700, #2c2a28);
    padding: 14px;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.55;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.mosb-reason strong[b-ttspzum76m] { color: var(--tcg-ground, #f3f2f2); }

.mosb-blocked-label[b-ttspzum76m] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-500, #8a8582);
    margin-bottom: 8px;
}

.mosb-blocked-list[b-ttspzum76m] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.7;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.mosb-actions[b-ttspzum76m] { display: flex; gap: 2px; flex-wrap: wrap; margin-top: 4px; }

.mosb-btn[b-ttspzum76m] {
    display: inline-flex;
    align-items: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 14px;
    background: transparent;
    color: var(--tcg-ground, #f3f2f2);
    border: 2px solid var(--tcg-neutral-700, #4a4644);
    font-weight: 600;
    font-size: var(--tcg-font-size-sm, 13px);
    text-decoration: none;
}

.mosb-btn-primary[b-ttspzum76m] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); font-weight: 700; }
.mosb-btn-primary:hover[b-ttspzum76m] { background: var(--tcg-accent-800, #a81f0b); }

.mosb-fine[b-ttspzum76m] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-500, #8a8582); line-height: 1.5; margin: 0; }
/* /Components/Core/Print/TcgPrintDocument.razor.rz.scp.css */
/*
 * Modelo de documento — tela 67 do PlayTCG 2.0.
 *
 * A4 retrato, margem de 14mm, corpo 16px (~12pt), rótulos 10-11px, réguas de
 * 2px nas divisões e 1px entre linhas, números tabulares — a régua da seção
 * "Impressão" do README. Preto sobre branco: o vermelho da marca é a única
 * cor, e só aparece dentro do corpo injetado (tabelas, faixas), nunca aqui.
 */

.pd[b-evpd8wqram] {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.pd-table[b-evpd8wqram] {
    width: 210mm;
    max-width: 100%;
    border-collapse: collapse;
    background: #fff;
    color: var(--tcg-ink, #201e1d);
    font-size: 16px;
    line-height: 1.5;
}

/* thead/tfoot já nascem table-header-group/table-footer-group; explícito
   porque um reset qualquer pode ter zerado isso. */
.pd-table > thead[b-evpd8wqram] {
    display: table-header-group;
}

.pd-table > tfoot[b-evpd8wqram] {
    display: table-footer-group;
}

.pd-table td[b-evpd8wqram] {
    padding: 0;
}

/* ---------- Cabeçalho ---------- */

.pd-head[b-evpd8wqram] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5em;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    padding: 0 0 .9em 0;
    margin: 0 0 .9em 0;
}

.pd-brand[b-evpd8wqram] {
    display: flex;
    align-items: center;
    gap: .7em;
    min-width: 0;
}

.pd-brand-text[b-evpd8wqram] {
    min-width: 0;
}

.pd-head-title[b-evpd8wqram] {
    font-size: 1.15em;
    font-weight: 700;
    line-height: 1.1;
}

.pd-head-scope[b-evpd8wqram] {
    font-size: .7em;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #6b6663;
    margin-top: .25em;
}

.pd-head-event[b-evpd8wqram] {
    text-align: right;
    font-size: .8em;
    line-height: 1.5;
    color: #4a4644;
    min-width: 0;
}

.pd-head-event-name[b-evpd8wqram] {
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

/* ---------- Corpo ---------- */

.pd-body[b-evpd8wqram] {
    min-width: 0;
}

/* ---------- Rodapé ---------- */

.pd-foot[b-evpd8wqram] {
    border-top: 2px solid var(--tcg-ink, #201e1d);
    padding: .8em 0 0 0;
    margin: .9em 0 0 0;
    font-size: .7em;
    line-height: 1.5;
    color: #6b6663;
}

.pd-foot-issuer strong[b-evpd8wqram] {
    color: var(--tcg-ink, #201e1d);
}

@media print {
    .pd[b-evpd8wqram] {
        display: block;
    }

    .pd-table[b-evpd8wqram] {
        width: 100%;
        font-size: 12pt;
    }
}

/*
 * A4 nos quatro lados. O README da seção Impressão pede 14mm; os dois
 * documentos impressos que já existem no produto — a folha oficial P&B
 * (DeckOfficialSheet, tela 52) e a ficha de mesa (MatchSlips, tela 28) — já
 * usam 10mm. @page não é isolado pelo Blazor: todo CSS com escopo por
 * componente cai no MESMO bundle global, e regras @page sem pseudo-classe se
 * fundem por propriedade — a que carregar por último no bundle vence a
 * margem para QUALQUER página que for impressa, não só a sua. Introduzir um
 * terceiro valor aqui quebraria os outros dois por sorteio de ordem de
 * bundling. Fica em 10mm, o valor que já é o de fato do produto.
 */
@page {
    size: A4;
    margin: 10mm;
}

/* A numeração real só existe dentro da margin box de @page: é o único lugar
   onde o CSS enxerga a página física que o motor de impressão está montando.
   counter(page)/counter(pages) são os contadores nativos do Chromium para
   isso — tentar simular isso em HTML normal (fora de @page) dá sempre o
   mesmo número em toda página, porque nada em tbody sabe onde a folha quebrou. */
@media print {
    @page {
        @bottom-right {
            content: "PÁGINA " counter(page) " DE " counter(pages);
            font-family: Archivo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 11px;
            font-weight: 700;
            color: #201e1d;
        }
    }
}
/* /Components/Core/Reputation/ReputationCards.razor.rz.scp.css */
.rc[b-l4gqyzdl4i] { display: inline-flex; align-items: center; gap: 6px; }

.rc-cards[b-l4gqyzdl4i] { display: inline-flex; gap: 2px; }

/* Card: a small rect, border always the empty color; the fill is a left-anchored overlay whose
   width is the fraction (0..1) for this card, in the tier color — LEIA-ME "preenchimento parcial". */
.rc-card[b-l4gqyzdl4i] {
    position: relative;
    display: inline-block;
    border: 2px solid var(--rc-empty);
    background: transparent;
    box-sizing: border-box;
}

.rc-card[b-l4gqyzdl4i]::after {
    content: "";
    position: absolute;
    inset: 0;
    width: calc(var(--rc-fill) * 100%);
    background: var(--rc-color);
}

/* md: 20-24px nota geral */
.rc-md .rc-card[b-l4gqyzdl4i] { width: 16px; height: 22px; }

/* sm: 13px em linha */
.rc-sm .rc-card[b-l4gqyzdl4i] { width: 10px; height: 14px; }

/* xs: 9-12px junto ao nome do organizador */
.rc-xs .rc-card[b-l4gqyzdl4i] { width: 7px; height: 10px; }

.rc-value[b-l4gqyzdl4i] { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--tcg-ink, #201e1d); }

.rc-md .rc-value[b-l4gqyzdl4i] { font-size: var(--tcg-font-size-xl, 20px); }
.rc-sm .rc-value[b-l4gqyzdl4i] { font-size: var(--tcg-font-size-sm, 13px); }
.rc-xs .rc-value[b-l4gqyzdl4i] { font-size: var(--tcg-font-size-xs, 11px); }

.rc-value-new[b-l4gqyzdl4i] { font-weight: 600; color: var(--tcg-neutral-600, #6b6663); font-size: var(--tcg-font-size-sm, 13px); }

.rc-count[b-l4gqyzdl4i] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); }

.rc-label[b-l4gqyzdl4i] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--tcg-neutral-600, #6b6663);
}
/* /Components/SocialLoginButton/SocialLoginButton.razor.rz.scp.css */
.simple-button[b-whu98my7fo] {
    transition: all 0.3s ease;
    border-radius: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

[b-whu98my7fo] .social-login-btn {
    font-weight: 600;
    color: white !important;
}

[b-whu98my7fo] .social-login-btn .anticon,
[b-whu98my7fo] .social-login-btn .anticon *,
[b-whu98my7fo] .social-login-btn i,
[b-whu98my7fo] .social-login-btn i *,
[b-whu98my7fo] .social-login-btn svg,
[b-whu98my7fo] .social-login-btn svg * {
    color: white !important;
    fill: white !important;
    stroke: white !important;
}

[b-whu98my7fo] .social-login-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.microsoft-icon[b-whu98my7fo] {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    vertical-align: middle;
    height: 16px;
}

    .microsoft-icon svg[b-whu98my7fo] {
        width: 16px;
        height: 16px;
    }
/* /Components/Tournament/TournamentCard/TournamentCard.razor.rz.scp.css */
.tournament-card[b-j9qmbg5oiv] {
    transition: all 0.3s ease;
}

.tournament-card:hover[b-j9qmbg5oiv] {
    transform: translateY(-2px);
}

.tournament-card .ant-card-meta-title[b-j9qmbg5oiv] {
    font-size: 16px;
    font-weight: 600;
}

.tournament-card .ant-card-meta-description[b-j9qmbg5oiv] {
    color: #666;
    font-size: 13px;
}

.tournament-card .ant-statistic-title[b-j9qmbg5oiv] {
    font-size: 12px;
    font-weight: 500;
}

.tournament-card .ant-statistic-content[b-j9qmbg5oiv] {
    font-size: 14px;
}
/* /Components/Tournament/TournamentTimePicker/TournamentTimePicker.razor.rz.scp.css */
.tournament-time-picker[b-crldifo1sa] {
    margin-bottom: 8px;
}

.time-picker-label[b-crldifo1sa] {
    margin-bottom: 4px;
    font-size: 14px;
}

.elapsed-time[b-crldifo1sa] {
    margin-top: 4px;
    font-size: 12px;
}

.helper-text[b-crldifo1sa] {
    margin-top: 2px;
    font-size: 11px;
    color: var(--tcg-neutral-500, #8a8582);
}

.tournament-time-picker .ant-picker[b-crldifo1sa] {
    border-radius: 0;
    transition: border-color 0.3s ease;
}

.tournament-time-picker .ant-picker:hover[b-crldifo1sa] {
    border-color: var(--tcg-primary-light);
}

.tournament-time-picker .ant-picker-focused[b-crldifo1sa] {
    border-color: var(--tcg-primary);
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}
/* /Components/Tournaments/PairingCard.razor.rz.scp.css */
.pairing-card[b-m6ni2k1cu6] {
    margin-bottom: 16px;
}

.pairing-card-content[b-m6ni2k1cu6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pairing-table-number[b-m6ni2k1cu6] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.pairing-players[b-m6ni2k1cu6] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 16px;
    align-items: center;
}

.pairing-player[b-m6ni2k1cu6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 0;
    transition: all 0.3s ease;
    min-height: 80px;
}

/* Sem semáforo: vitória lê como tinta (accent), não verde. Separação por
   borda, não por sombra — o sistema 2.0 não usa box-shadow em nada. */
.pairing-player.player-winner[b-m6ni2k1cu6] {
    background-color: var(--tcg-accent-100);
    border: 2px solid var(--tcg-accent, #ec3013);
}

.pairing-player:hover[b-m6ni2k1cu6] {
    background-color: var(--tcg-bg-hover, #e2e0df);
}

.pairing-player.player-winner:hover[b-m6ni2k1cu6] {
    background-color: var(--tcg-accent-100, #fdecea);
}

.player-info[b-m6ni2k1cu6] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex: 1;
}

.player-details[b-m6ni2k1cu6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.player-name-row[b-m6ni2k1cu6] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.winner-icon[b-m6ni2k1cu6] {
    font-size: 16px;
    animation: pulse-b-m6ni2k1cu6 1.5s ease-in-out infinite;
}

@keyframes pulse-b-m6ni2k1cu6 {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.player-pop-id[b-m6ni2k1cu6] {
    font-size: 11px;
    color: var(--tcg-neutral-500, #8a8582);
}

.player-record[b-m6ni2k1cu6] {
    font-size: 12px;
    color: var(--tcg-text-secondary, #4a4644);
    font-weight: 500;
}

.player-score[b-m6ni2k1cu6] {
    padding: 8px 12px;
    background-color: var(--tcg-neutral-200, #e2e0df);
    border-radius: 0;
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
}

.pairing-vs[b-m6ni2k1cu6] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    padding: 8px;
}

.pairing-bye[b-m6ni2k1cu6] {
    background-color: var(--tcg-bg-hover, #e2e0df);
    border: 1px dashed var(--tcg-neutral-300, #c9c6c4);
    justify-content: center;
}

.pairing-status[b-m6ni2k1cu6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.status-info[b-m6ni2k1cu6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .pairing-players[b-m6ni2k1cu6] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .pairing-vs[b-m6ni2k1cu6] {
        transform: rotate(90deg);
        padding: 4px;
    }

    .player-score[b-m6ni2k1cu6] {
        padding: 4px 8px;
    }

    .pairing-status[b-m6ni2k1cu6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (max-width: 480px) {
    .pairing-card-content[b-m6ni2k1cu6] {
        gap: 8px;
    }

    .player-info[b-m6ni2k1cu6] {
        gap: 8px;
    }

    .player-name-row[b-m6ni2k1cu6] {
        font-size: 13px;
    }

    .player-pop-id[b-m6ni2k1cu6], .player-record[b-m6ni2k1cu6] {
        font-size: 10px;
    }
}
/* /Pages/Account/Center/Index.razor.rz.scp.css */
/* Central da conta — tela 44 do PlayTCG 2.0 */

.acc[b-qys5to8he9] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

/* ========== Faixa em tinta ========== */

.acc-hero[b-qys5to8he9] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 28px 32px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-xl, 32px);
    flex-wrap: wrap;
}

.acc-hero-kicker[b-qys5to8he9] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
}

.acc-hero-name[b-qys5to8he9] {
    margin: 6px 0 0 0;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.05;
    color: var(--tcg-ground, #f3f2f2);
}

.acc-hero-meta[b-qys5to8he9] {
    font-size: 14px;
    color: var(--tcg-neutral-300, #c9c6c4);
    margin-top: 4px;
}

.acc-hero-actions[b-qys5to8he9] {
    display: flex;
    gap: 2px;
    flex: 0 0 auto;
}

.acc-btn-dark[b-qys5to8he9],
.acc-btn-light[b-qys5to8he9] {
    height: 48px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.acc-btn-dark[b-qys5to8he9] {
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-ground, #f3f2f2);
}

.acc-btn-dark:hover[b-qys5to8he9] {
    background: var(--tcg-arena-700, #2c2a28);
    color: #fff;
}

.acc-btn-light[b-qys5to8he9] {
    background: var(--tcg-ground, #f3f2f2);
    color: var(--tcg-ink, #201e1d);
}

.acc-btn-light:hover[b-qys5to8he9] {
    background: #fff;
    color: var(--tcg-ink, #201e1d);
}

/* ========== Grade ========== */

.acc-grid[b-qys5to8he9] {
    display: grid;
    grid-template-columns: 1fr 1fr 380px;
    gap: var(--tcg-space-lg, 24px);
    align-items: start;
}

.acc-side[b-qys5to8he9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* ========== Cartão ========== */

.acc-card[b-qys5to8he9] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.acc-card-head[b-qys5to8he9] {
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.acc-card-label[b-qys5to8he9] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

/* ========== Pendências ========== */

.acc-list[b-qys5to8he9] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.acc-todo[b-qys5to8he9] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.acc-todo:last-child[b-qys5to8he9] {
    border-bottom: none;
}

.acc-todo-urgent[b-qys5to8he9] {
    background: var(--tcg-accent-100, #fdecea);
}

.acc-todo-box[b-qys5to8he9] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border: 2px solid var(--tcg-ink, #201e1d);
}

.acc-todo-box-urgent[b-qys5to8he9] {
    border-color: var(--tcg-accent, #ec3013);
}

.acc-todo-body[b-qys5to8he9] {
    flex: 1;
    min-width: 0;
}

.acc-todo-title[b-qys5to8he9] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.acc-todo-meta[b-qys5to8he9] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.acc-todo-meta-urgent[b-qys5to8he9] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

/* ========== Atalhos ========== */

.acc-tiles[b-qys5to8he9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: var(--tcg-neutral-200, #e2e0df);
    padding: 2px;
}

.acc-tile[b-qys5to8he9] {
    background: var(--tcg-surface, #fff);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 96px;
    color: var(--tcg-ink, #201e1d);
}

a.acc-tile:hover[b-qys5to8he9] {
    background: var(--tcg-ground, #f3f2f2);
    color: var(--tcg-ink, #201e1d);
}

.acc-tile-off[b-qys5to8he9] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.acc-tile-title[b-qys5to8he9] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.acc-tile-meta[b-qys5to8he9] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Temporada ========== */

.acc-season[b-qys5to8he9] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px;
}

.acc-season-label[b-qys5to8he9] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
}

.acc-season-hero[b-qys5to8he9] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 6px;
}

.acc-season-figure[b-qys5to8he9] {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-accent, #ec3013);
}

.acc-season-caption[b-qys5to8he9] {
    font-size: 14px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.acc-season-rule[b-qys5to8he9] {
    height: 1px;
    background: var(--tcg-arena-700, #2c2a28);
    margin: 16px 0;
}

.acc-season-cells[b-qys5to8he9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.acc-season-value[b-qys5to8he9] {
    font-size: 24px;
    font-weight: 700;
}

.acc-season-key[b-qys5to8he9] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Vazio, erro, botões ========== */

.acc-empty[b-qys5to8he9] {
    padding: 24px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.acc-empty-title[b-qys5to8he9] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.acc-empty-body[b-qys5to8he9] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.acc-error[b-qys5to8he9] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.acc-error-title[b-qys5to8he9] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.acc-error-body[b-qys5to8he9] {
    font-size: var(--tcg-font-size-sm, 13px);
}

.acc-btn-primary[b-qys5to8he9] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.acc-btn-primary:hover[b-qys5to8he9] {
    background: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.acc-btn-sm[b-qys5to8he9] {
    height: 38px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 700;
    flex: 0 0 auto;
}

.acc :focus-visible[b-qys5to8he9] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .acc-grid[b-qys5to8he9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .acc-hero[b-qys5to8he9] {
        padding: 20px;
    }

    .acc-hero-name[b-qys5to8he9] {
        font-size: 28px;
    }

    .acc-tiles[b-qys5to8he9] {
        grid-template-columns: 1fr;
    }

    .acc-todo[b-qys5to8he9] {
        flex-wrap: wrap;
    }
}
/* /Pages/Account/Data/MyData.razor.rz.scp.css */
/* Meus dados — tela 45 do PlayTCG 2.0 (LGPD) */

.md[b-4diysj4e1m] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.md-head[b-4diysj4e1m] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.md-title[b-4diysj4e1m] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.md-sub[b-4diysj4e1m] {
    margin: 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
    max-width: 62ch;
}

.md-grid[b-4diysj4e1m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--tcg-space-xl, 32px);
    align-items: start;
}

.md-col[b-4diysj4e1m] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

.md-h2[b-4diysj4e1m] {
    margin: 0 0 12px 0;
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
}

.md-h2-danger[b-4diysj4e1m] {
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Caixas e linhas ========== */

.md-box[b-4diysj4e1m] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.md-box-flat[b-4diysj4e1m] {
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.md-box-column[b-4diysj4e1m] {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.md-row[b-4diysj4e1m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.md-row:last-child[b-4diysj4e1m] {
    border-bottom: none;
}

.md-row-body[b-4diysj4e1m] {
    flex: 1;
    min-width: 0;
}

.md-row-title[b-4diysj4e1m] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.md-row-meta[b-4diysj4e1m] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.md-tag[b-4diysj4e1m] {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

.md-tag-public[b-4diysj4e1m] {
    color: var(--tcg-accent-700, #c2260f);
}

.md-note[b-4diysj4e1m] {
    margin: 8px 0 0 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Interruptores ==========

   Os de visibilidade agora funcionam: um <input type="checkbox"> de verdade,
   desenhado como interruptor. Manter o <span> decorativo aqui seria manter algo
   que o teclado e o leitor de tela nao alcancam. */

.md-switch-input[b-4diysj4e1m] {
    flex: 0 0 auto;
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    width: 52px;
    height: 28px;
    background: var(--tcg-neutral-300, #c9c6c4);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    cursor: pointer;
    position: relative;
    transition: background .15s ease, border-color .15s ease;
}

.md-switch-input[b-4diysj4e1m]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background: #fff;
    transition: transform .15s ease;
}

.md-switch-input:checked[b-4diysj4e1m] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
}

.md-switch-input:checked[b-4diysj4e1m]::after {
    transform: translateX(24px);
}

.md-switch-input:focus-visible[b-4diysj4e1m] {
    outline: 2px solid var(--tcg-ink, #201e1d);
    outline-offset: 2px;
}

.md-switch-input:disabled[b-4diysj4e1m] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

/* A linha inteira e clicavel porque o interruptor vive dentro de um <label>. */
label.md-row[b-4diysj4e1m] {
    cursor: pointer;
}

/* ========== Irreversível ========== */

.md-danger[b-4diysj4e1m] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.md-danger-title[b-4diysj4e1m] {
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.md-danger-body[b-4diysj4e1m] {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
}

.md-danger-body strong[b-4diysj4e1m] {
    color: var(--tcg-ink, #201e1d);
}

.md-danger-foot[b-4diysj4e1m] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.md-alert[b-4diysj4e1m] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
}

.md-accept[b-4diysj4e1m] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--tcg-neutral-700, #4a4644);
    cursor: pointer;
}

.md-accept input[b-4diysj4e1m] {
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.md-accept-box[b-4diysj4e1m] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-top: 1px;
    border: 2px solid var(--tcg-accent, #ec3013);
    background: var(--tcg-surface, #fff);
}

.md-accept input:checked + .md-accept-box[b-4diysj4e1m] {
    background: var(--tcg-accent, #ec3013);
    box-shadow: inset 0 0 0 3px #fff;
}

.md-accept input:focus-visible + .md-accept-box[b-4diysj4e1m] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.md-confirm[b-4diysj4e1m] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.md-confirm-title[b-4diysj4e1m] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.md-confirm-actions[b-4diysj4e1m] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ========== Botões ========== */

.md-btn-dark[b-4diysj4e1m] {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    cursor: pointer;
}

.md-btn-dark:disabled[b-4diysj4e1m] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.md-btn-danger[b-4diysj4e1m] {
    align-self: flex-start;
    height: 48px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.md-btn-danger:hover:not(:disabled)[b-4diysj4e1m] {
    background: var(--tcg-accent-100, #fdecea);
    color: var(--tcg-accent-700, #c2260f);
}

.md-btn-danger:disabled[b-4diysj4e1m] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.md-btn-danger-solid[b-4diysj4e1m] {
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.md-btn-danger-solid:hover:not(:disabled)[b-4diysj4e1m] {
    background: var(--tcg-accent-700, #c2260f);
}

.md-btn-danger-solid:disabled[b-4diysj4e1m] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.md-btn-ghost[b-4diysj4e1m] {
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    cursor: pointer;
}

.md-btn-ghost:hover:not(:disabled)[b-4diysj4e1m] {
    background: var(--tcg-neutral-200, #e2e0df);
}

/* ========== Outros direitos ========== */

.md-rights-line[b-4diysj4e1m] {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
}

.md-rights-line a[b-4diysj4e1m] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

.md :focus-visible[b-4diysj4e1m] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 1024px) {
    .md-grid[b-4diysj4e1m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .md-title[b-4diysj4e1m] {
        font-size: 26px;
    }

    .md-box-flat[b-4diysj4e1m] {
        flex-direction: column;
        align-items: flex-start;
    }

    .md-row[b-4diysj4e1m] {
        flex-wrap: wrap;
    }
}
/* /Pages/Account/Settings/Components/BaseView.razor.rz.scp.css */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.baseView[b-sty1t3ijn9] {
  display: flex;
  padding-top: 12px;
}
.baseView :global .ant-legacy-form-item .ant-legacy-form-item-control-wrapper[b-sty1t3ijn9] {
  width: 100%;
}
.baseView .left[b-sty1t3ijn9] {
  min-width: 224px;
  max-width: 448px;
}
.baseView .right__b__1[b-sty1t3ijn9] {
  flex: 1;
  padding-left: 104px;
}
.baseView .right__b__1 .avatar_title[b-sty1t3ijn9] {
  height: 22px;
  margin-bottom: 8px;
  color: var(--tcg-text-primary, #201e1d);
  font-size: 14px;
  line-height: 22px;
}
.baseView .right__b__1 .avatar[b-sty1t3ijn9] {
  width: 144px;
  height: 144px;
  margin-bottom: 12px;
  overflow: hidden;
}
.baseView .right__b__1 .avatar img[b-sty1t3ijn9] {
  width: 100%;
}
.baseView .right__b__1 .button_view[b-sty1t3ijn9] {
  width: 144px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .baseView[b-sty1t3ijn9] {
    flex-direction: column-reverse;
  }
  .baseView .right__b__1[b-sty1t3ijn9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 448px;
    padding: 20px;
  }
  .baseView .right__b__1 .avatar_title[b-sty1t3ijn9] {
    display: none;
  }
}
/* /Pages/Account/Settings/Components/GeographicView.razor.rz.scp.css */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.row .item[b-gkijyk64ie] {
  width: 50%;
  max-width: 220px;
}
.row .item:first-child[b-gkijyk64ie] {
  width: calc(50% - 8px);
  margin-right: 8px;
}
@media screen and (max-width: 576px) {
  .item:first-child[b-gkijyk64ie] {
    margin: 0;
    margin-bottom: 8px;
  }
}
/* /Pages/Account/Settings/Components/PhoneView.razor.rz.scp.css */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.area_code[b-7n7gw9f65z] {
  width: 30%;
  max-width: 128px;
  margin-right: 8px;
}
.phone_number[b-7n7gw9f65z] {
  width: calc(70% - 8px);
  max-width: 312px;
}
/* /Pages/Account/Settings/Index.razor.rz.scp.css */
/* Configurações — tela 46 do PlayTCG 2.0 */

.st[b-1zbf9yq7t6] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.st-title[b-1zbf9yq7t6] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.st-body[b-1zbf9yq7t6] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 720px;
}

.st-group[b-1zbf9yq7t6] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 10px;
}

.st-box[b-1zbf9yq7t6] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.st-box-off[b-1zbf9yq7t6] {
    opacity: var(--tcg-disabled-opacity, .45);
}

.st-row[b-1zbf9yq7t6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.st-row:last-child[b-1zbf9yq7t6] {
    border-bottom: none;
}

.st-row-body[b-1zbf9yq7t6] {
    flex: 1;
    min-width: 0;
}

.st-row-title[b-1zbf9yq7t6] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.st-row-meta[b-1zbf9yq7t6] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.st-ok[b-1zbf9yq7t6] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

.st-note[b-1zbf9yq7t6] {
    margin: 8px 0 0 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Interruptores (apagados) ========== */

.st-switch[b-1zbf9yq7t6] {
    flex: 0 0 auto;
    width: 52px;
    height: 28px;
    background: var(--tcg-neutral-300, #c9c6c4);
    padding: 3px;
    display: flex;
}

.st-switch-on[b-1zbf9yq7t6] {
    background: var(--tcg-accent, #ec3013);
    justify-content: flex-end;
}

.st-switch-knob[b-1zbf9yq7t6] {
    width: 22px;
    height: 22px;
    background: #fff;
}

/* ========== Troca de senha ========== */

.st-panel[b-1zbf9yq7t6] {
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    padding: 16px;
    background: var(--tcg-ground, #f3f2f2);
}

.st-form[b-1zbf9yq7t6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.st-field[b-1zbf9yq7t6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.st-label[b-1zbf9yq7t6] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.st-input[b-1zbf9yq7t6] {
    height: 48px;
    padding: 0 12px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    font-family: inherit;
    font-size: 15px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
    width: 100%;
}

.st-input:focus[b-1zbf9yq7t6] {
    border-color: var(--tcg-accent, #ec3013);
}

.st-form-actions[b-1zbf9yq7t6] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.st-alert[b-1zbf9yq7t6] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
}

/* ========== Botões ========== */

.st-btn-primary[b-1zbf9yq7t6] {
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.st-btn-primary:hover:not(:disabled)[b-1zbf9yq7t6] {
    background: var(--tcg-accent-700, #c2260f);
}

.st-btn-primary:disabled[b-1zbf9yq7t6] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.st-btn-ghost[b-1zbf9yq7t6] {
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    cursor: pointer;
    flex: 0 0 auto;
}

.st-btn-ghost:hover:not(:disabled)[b-1zbf9yq7t6] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.st-btn-sm[b-1zbf9yq7t6] {
    height: 40px;
    padding: 0 12px;
    font-size: 13px;
    flex: 0 0 auto;
}

.st-btn-wide[b-1zbf9yq7t6] {
    width: 100%;
    text-align: left;
}

.st-foot[b-1zbf9yq7t6] {
    display: flex;
    gap: 2px;
}

.st :focus-visible[b-1zbf9yq7t6] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .st-title[b-1zbf9yq7t6] {
        font-size: 26px;
    }

    .st-row[b-1zbf9yq7t6] {
        flex-wrap: wrap;
    }
}
/* /Pages/Admin/Appeals/AdminAppeals.razor.rz.scp.css */
.ap[b-i0exabdb8o] {
    max-width: 1100px;
    margin: 0 auto;
    padding: var(--tcg-page-padding, 24px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ap-bar[b-i0exabdb8o] { display: flex; justify-content: space-between; align-items: flex-start; }

.ap-title[b-i0exabdb8o] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.ap-bar-meta[b-i0exabdb8o] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; font-variant-numeric: tabular-nums; }

.ap-layout[b-i0exabdb8o] { display: grid; grid-template-columns: 280px 1fr; gap: 20px; align-items: start; }

@media (max-width: 860px) {
    .ap-layout[b-i0exabdb8o] { grid-template-columns: 1fr; }
}

.ap-list[b-i0exabdb8o] { display: flex; flex-direction: column; gap: 8px; }

.ap-list-item[b-i0exabdb8o] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    cursor: pointer;
    font: inherit;
}

.ap-list-item:hover[b-i0exabdb8o] { border-color: var(--tcg-ink, #201e1d); }

.ap-list-item-active[b-i0exabdb8o] { border-color: var(--tcg-accent, #ec3013); background: var(--tcg-accent-100, #fdecea); }

.ap-list-name[b-i0exabdb8o] { font-weight: 700; color: var(--tcg-ink, #201e1d); }

.ap-list-when[b-i0exabdb8o] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); font-variant-numeric: tabular-nums; }

.ap-detail[b-i0exabdb8o] { min-width: 0; }

.ap-card[b-i0exabdb8o] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 20px; }

.ap-card-label[b-i0exabdb8o] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.ap-mt[b-i0exabdb8o] { margin-top: 18px; }

.ap-columns[b-i0exabdb8o] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }

@media (max-width: 700px) {
    .ap-columns[b-i0exabdb8o] { grid-template-columns: 1fr; }
}

.ap-dl[b-i0exabdb8o] { margin: 0; }

.ap-dl dt[b-i0exabdb8o] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 10px;
}

.ap-dl dt:first-child[b-i0exabdb8o] { margin-top: 0; }

.ap-dl dd[b-i0exabdb8o] { margin: 2px 0 0; color: var(--tcg-ink, #201e1d); white-space: pre-wrap; }

.ap-body[b-i0exabdb8o] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.5; color: var(--tcg-neutral-700, #4a4644); margin: 0; }

.ap-fine[b-i0exabdb8o] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 10px; }

.ap-actions[b-i0exabdb8o] { display: flex; gap: 10px; flex-wrap: wrap; }

.ap-btn[b-i0exabdb8o] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
}

.ap-btn:hover:not(:disabled)[b-i0exabdb8o] { background: var(--tcg-neutral-200, #e2e0df); }
.ap-btn:disabled[b-i0exabdb8o] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.ap-btn-primary[b-i0exabdb8o] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.ap-btn-primary:hover:not(:disabled)[b-i0exabdb8o] { background: var(--tcg-accent-800, #a81f0b); }

.ap-btn-danger[b-i0exabdb8o] { border-color: var(--tcg-accent-700, #c2260f); color: var(--tcg-accent-700, #c2260f); }
.ap-btn-danger:hover:not(:disabled)[b-i0exabdb8o] { background: var(--tcg-accent-100, #fdecea); }

.ap-reason[b-i0exabdb8o] { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--tcg-neutral-300, #c9c6c4); display: flex; flex-direction: column; gap: 10px; }

.ap-textarea[b-i0exabdb8o] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    resize: vertical;
}

.ap-notes[b-i0exabdb8o] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }

.ap-note[b-i0exabdb8o] { padding: 10px 12px; border: 1px solid var(--tcg-neutral-300, #c9c6c4); display: flex; flex-direction: column; gap: 4px; }

.ap-note-meta[b-i0exabdb8o] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); font-variant-numeric: tabular-nums; }

.ap-note-text[b-i0exabdb8o] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-ink, #201e1d); white-space: pre-wrap; }
/* /Pages/Admin/AuditLogs.razor.rz.scp.css */
/* Atividade da plataforma — tela 63 do PlayTCG 2.0 */

.ad[b-c4lukg28qv] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.ad-head[b-c4lukg28qv] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ad-title[b-c4lukg28qv] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.ad-subtitle[b-c4lukg28qv] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 2px;
}

/* ========== Aviso ========== */

.ad-disclosure[b-c4lukg28qv] {
    display: flex;
    gap: 14px;
    padding: 16px 18px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-neutral-300, #c9c6c4);
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.6;
}

.ad-disclosure strong[b-c4lukg28qv] {
    color: var(--tcg-ground, #f3f2f2);
}

.ad-disclosure em[b-c4lukg28qv] {
    color: var(--tcg-accent, #ec3013);
    font-style: normal;
    font-weight: 600;
}

.ad-disclosure-mark[b-c4lukg28qv] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

/* ========== Números ========== */

.ad-strip[b-c4lukg28qv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.ad-strip-cell[b-c4lukg28qv] {
    padding: 18px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    min-width: 0;
}

.ad-strip-cell:last-child[b-c4lukg28qv] {
    border-right: none;
}

.ad-strip-value[b-c4lukg28qv] {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-ink, #201e1d);
}

.ad-strip-key[b-c4lukg28qv] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 5px;
}

/* ========== Grade ========== */

.ad-grid[b-c4lukg28qv] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--tcg-space-lg, 24px);
    align-items: start;
}

.ad-col[b-c4lukg28qv] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

/* ========== Cartão ========== */

.ad-card[b-c4lukg28qv] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ad-card-head[b-c4lukg28qv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ad-label[b-c4lukg28qv] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.ad-card-state[b-c4lukg28qv] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Tabela ========== */

.ad-table-frame[b-c4lukg28qv] {
    overflow-x: auto;
}

.ad-table[b-c4lukg28qv] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    min-width: 520px;
}

.ad-table thead tr[b-c4lukg28qv] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.ad-table th[b-c4lukg28qv] {
    text-align: left;
    padding: 10px 18px;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-700, #4a4644);
    white-space: nowrap;
}

.ad-table td[b-c4lukg28qv] {
    padding: 11px 18px;
    font-size: 13px;
    color: var(--tcg-ink, #201e1d);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.ad-table tbody tr:last-child td[b-c4lukg28qv] {
    border-bottom: none;
}

.ad-right[b-c4lukg28qv] {
    text-align: right;
}

.ad-strong[b-c4lukg28qv] {
    font-weight: 600;
}

.ad-muted[b-c4lukg28qv] {
    color: var(--tcg-neutral-600, #6b6663);
    white-space: nowrap;
}

.ad-tag[b-c4lukg28qv] {
    display: inline-block;
    padding: 3px 8px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    white-space: nowrap;
}

/* ========== Saúde ========== */

.ad-health[b-c4lukg28qv],
.ad-queue[b-c4lukg28qv],
.ad-accounts[b-c4lukg28qv] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ad-health-row[b-c4lukg28qv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding: 12px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.ad-health-row:last-child[b-c4lukg28qv] {
    border-bottom: none;
}

.ad-health-name[b-c4lukg28qv] {
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.ad-health-state[b-c4lukg28qv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.ad-dot[b-c4lukg28qv] {
    width: 10px;
    height: 10px;
    display: inline-block;
}

.ad-dot-ok[b-c4lukg28qv] {
    background: var(--tcg-ink, #201e1d);
}

.ad-dot-bad[b-c4lukg28qv] {
    background: var(--tcg-accent, #ec3013);
}

/* ========== Fila e contas ========== */

.ad-queue-row[b-c4lukg28qv],
.ad-account-row[b-c4lukg28qv] {
    display: flex;
    align-items: flex-start;
    gap: var(--tcg-space-sm, 8px);
    padding: 14px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.ad-queue-row:last-child[b-c4lukg28qv],
.ad-account-row:last-child[b-c4lukg28qv] {
    border-bottom: none;
}

.ad-queue-body[b-c4lukg28qv] {
    flex: 1;
    min-width: 0;
}

.ad-queue-title[b-c4lukg28qv] {
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
    word-break: break-word;
}

.ad-queue-meta[b-c4lukg28qv] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.ad-queue-error[b-c4lukg28qv] {
    font-size: 12px;
    color: var(--tcg-accent-700, #c2260f);
    margin-top: 3px;
    word-break: break-word;
}

/* ========== Vazio, falha, nota ========== */

.ad-empty[b-c4lukg28qv],
.ad-fail[b-c4lukg28qv] {
    padding: 18px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.ad-fail[b-c4lukg28qv] {
    background: var(--tcg-accent-100, #fdecea);
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

.ad-note[b-c4lukg28qv] {
    margin: 0;
    padding: 12px 18px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--tcg-neutral-600, #6b6663);
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.ad-note-strong[b-c4lukg28qv] {
    color: var(--tcg-ink, #201e1d);
    font-weight: 600;
}

.ad-note-wide[b-c4lukg28qv] {
    border-top: none;
    border-left: 2px solid var(--tcg-neutral-300, #c9c6c4);
    padding: 0 0 0 14px;
    max-width: 96ch;
}

.ad-note code[b-c4lukg28qv] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    background: var(--tcg-neutral-200, #e2e0df);
    padding: 1px 4px;
}

/* ========== Botões ========== */

.ad-btn[b-c4lukg28qv] {
    height: 40px;
    padding: 0 14px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
    cursor: pointer;
    flex: 0 0 auto;
}

.ad-btn:hover:not(:disabled)[b-c4lukg28qv] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.ad-btn:disabled[b-c4lukg28qv] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.ad-btn-sm[b-c4lukg28qv] {
    height: 32px;
    padding: 0 10px;
    font-size: 12px;
}

.ad :focus-visible[b-c4lukg28qv] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .ad-grid[b-c4lukg28qv] {
        grid-template-columns: 1fr;
    }

    .ad-strip[b-c4lukg28qv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ad-strip-cell:nth-child(2)[b-c4lukg28qv] {
        border-right: none;
    }

    .ad-strip-cell:nth-child(-n+2)[b-c4lukg28qv] {
        border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    }
}

@media (max-width: 768px) {
    .ad-title[b-c4lukg28qv] {
        font-size: var(--tcg-font-size-xxl, 26px);
    }

    .ad-strip[b-c4lukg28qv] {
        grid-template-columns: 1fr;
    }

    .ad-strip-cell[b-c4lukg28qv] {
        border-right: none;
        border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    }

    .ad-strip-cell:last-child[b-c4lukg28qv] {
        border-bottom: none;
    }

    .ad-strip-value[b-c4lukg28qv] {
        font-size: 26px;
    }
}
/* /Pages/Admin/JobHistory.razor.rz.scp.css */
/* Tela 61 — histórico de uma rotina (I-104). */

.jh[b-5rv8b64a76] { display: flex; flex-direction: column; }

/* ---------- barra ---------- */

.jh-bar[b-5rv8b64a76] {
    min-height: 64px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 10px 28px;
}

.jh-back[b-5rv8b64a76] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--tcg-touch-target, 44px);
    height: var(--tcg-touch-target, 44px);
    margin-left: -12px;
    color: var(--tcg-ground, #f3f2f2);
}

.jh-back:hover[b-5rv8b64a76] { color: var(--tcg-accent, #ec3013); }

.jh-bar-id[b-5rv8b64a76] { flex: 1 1 240px; min-width: 0; }

.jh-bar-title[b-5rv8b64a76] {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.jh-bar-sub[b-5rv8b64a76] {
    font-size: 12px;
    color: var(--tcg-neutral-500, #8a8582);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    word-break: break-word;
}

.jh-btn-dark[b-5rv8b64a76],
.jh-btn[b-5rv8b64a76] {
    min-height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    border: none;
    display: inline-flex;
    align-items: center;
}

.jh-btn-dark[b-5rv8b64a76] { background: var(--tcg-arena-700, #2c2a28); color: var(--tcg-ground, #f3f2f2); }
/* A moldura pede #3a3735 no hover; a paleta não tem esse tom, e inventar um token por
   causa de um hover é como as dezoito cores fora do sistema começaram. O cinza forte
   documentado é o vizinho mais próximo e faz o mesmo trabalho: clarear sobre tinta. */
.jh-btn-dark:hover[b-5rv8b64a76] { background: var(--tcg-neutral-700, #4a4644); }

.jh-btn[b-5rv8b64a76] {
    background: var(--tcg-surface, #ffffff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    margin-top: 16px;
    text-decoration: none;
}

.jh-btn:hover[b-5rv8b64a76] { background: var(--tcg-neutral-200, #e2e0df); color: var(--tcg-ink, #201e1d); }

/* ---------- faixa das 50 passadas ---------- */

.jh-banner[b-5rv8b64a76] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px 28px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.jh-banner-main[b-5rv8b64a76] { flex: 1 1 360px; min-width: 0; }

.jh-banner-key[b-5rv8b64a76] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-500, #8a8582);
}

.jh-strip[b-5rv8b64a76] {
    display: flex;
    gap: 2px;
    margin-top: 12px;
    height: 38px;
}

.jh-strip-cell[b-5rv8b64a76] { flex: 1 1 0; min-width: 2px; }
.jh-strip-ok[b-5rv8b64a76] { background: var(--tcg-neutral-500, #8a8582); }
.jh-strip-falha[b-5rv8b64a76] { background: var(--tcg-accent, #ec3013); }

.jh-strip-legend[b-5rv8b64a76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 9px;
    font-size: 12px;
    color: var(--tcg-neutral-500, #8a8582);
}

.jh-legend-keys[b-5rv8b64a76] { display: flex; align-items: center; gap: 16px; }
.jh-legend-keys > span[b-5rv8b64a76] { display: flex; align-items: center; gap: 6px; }
.jh-legend-dot[b-5rv8b64a76] { width: 10px; height: 10px; display: inline-block; }

.jh-banner-metrics[b-5rv8b64a76] {
    flex: 0 0 auto;
    display: flex;
    border-left: 1px solid var(--tcg-arena-700, #2c2a28);
}

.jh-metric[b-5rv8b64a76] { padding: 0 24px; }
.jh-metric + .jh-metric[b-5rv8b64a76] { border-left: 1px solid var(--tcg-arena-700, #2c2a28); }
.jh-metric-value[b-5rv8b64a76] { font-size: 28px; font-weight: 700; line-height: 1; }
.jh-metric-alerta[b-5rv8b64a76] { color: var(--tcg-accent, #ec3013); }

.jh-metric-key[b-5rv8b64a76] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-500, #8a8582);
    margin-top: 5px;
}

/* ---------- corpo ---------- */

.jh-body[b-5rv8b64a76] {
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.jh-diagnostico[b-5rv8b64a76] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 16px 18px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.jh-diagnostico-mark[b-5rv8b64a76] {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    background: var(--tcg-accent, #ec3013);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
}

.jh-diagnostico-title[b-5rv8b64a76] { font-size: 17px; font-weight: 700; }

.jh-diagnostico-text[b-5rv8b64a76] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.5;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: var(--tcg-ink, #201e1d);
    word-break: break-word;
}

.jh-diagnostico-since[b-5rv8b64a76] {
    margin: 6px 0 0 0;
    font-size: 14px;
    color: var(--tcg-neutral-700, #4a4644);
}

.jh-filtros[b-5rv8b64a76] { display: flex; }

.jh-filtro[b-5rv8b64a76] {
    min-height: 40px;
    padding: 9px 13px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    background: var(--tcg-surface, #ffffff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    cursor: pointer;
}

.jh-filtro + .jh-filtro[b-5rv8b64a76] { border-left: none; }
.jh-filtro-on[b-5rv8b64a76] { background: var(--tcg-ink, #201e1d); color: var(--tcg-ground, #f3f2f2); }

/* ---------- a grade ---------- */

.jh-card[b-5rv8b64a76] {
    background: var(--tcg-surface, #ffffff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.jh-grid-head[b-5rv8b64a76],
.jh-row[b-5rv8b64a76] {
    display: grid;
    grid-template-columns: 64px 190px 126px 106px minmax(200px, 1fr) 96px;
    align-items: start;
}

.jh-grid-head[b-5rv8b64a76] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-700, #4a4644);
}

.jh-grid-head > span[b-5rv8b64a76] { padding: 11px 12px; }
.jh-grid-head > span:first-child[b-5rv8b64a76] { padding-left: 18px; }
.jh-grid-head > span:last-child[b-5rv8b64a76] { padding-right: 18px; }

.jh-row[b-5rv8b64a76] {
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-base, 15px);
    font-variant-numeric: tabular-nums;
}

.jh-row-alerta[b-5rv8b64a76] {
    background: var(--tcg-accent-100, #fdecea);
    box-shadow: inset 4px 0 0 var(--tcg-accent, #ec3013);
}

.jh-cell[b-5rv8b64a76] { padding: 12px; color: var(--tcg-neutral-700, #4a4644); min-width: 0; }
.jh-cell:first-child[b-5rv8b64a76] { padding-left: 18px; }
.jh-cell:last-child[b-5rv8b64a76] { padding-right: 18px; }
.jh-right[b-5rv8b64a76] { text-align: right; justify-self: end; }
.jh-num[b-5rv8b64a76] { color: var(--tcg-ink, #201e1d); }
.jh-row-alerta .jh-num[b-5rv8b64a76] { font-weight: 700; }
.jh-cell-sub[b-5rv8b64a76] { font-size: 12px; color: var(--tcg-neutral-600, #6b6663); }
.jh-muted[b-5rv8b64a76] { color: var(--tcg-neutral-500, #8a8582); }

.jh-mono[b-5rv8b64a76] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-ink, #201e1d);
    word-break: break-word;
}

.jh-badge[b-5rv8b64a76] {
    display: inline-block;
    padding: 3px 8px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
}

.jh-badge-ok[b-5rv8b64a76] { border: 2px solid var(--tcg-ink, #201e1d); color: var(--tcg-ink, #201e1d); }
.jh-badge-falhou[b-5rv8b64a76] { background: var(--tcg-accent, #ec3013); color: #ffffff; }

.jh-badge-sub[b-5rv8b64a76] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--tcg-neutral-700, #4a4644);
    margin-top: 4px;
}

/* ---------- vazio e nota ---------- */

.jh-vazio[b-5rv8b64a76] {
    margin: 24px 28px;
    background: var(--tcg-surface, #ffffff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 26px;
    max-width: 640px;
}

.jh-vazio-key[b-5rv8b64a76] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-600, #6b6663);
}

.jh-vazio-title[b-5rv8b64a76] {
    margin: 8px 0 0 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
}

.jh-vazio p[b-5rv8b64a76] {
    margin: 10px 0 0 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.6;
    color: var(--tcg-neutral-700, #4a4644);
}

.jh-vazio code[b-5rv8b64a76] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.jh-note[b-5rv8b64a76] {
    margin: 0;
    background: var(--tcg-ground, #f3f2f2);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
    max-width: 78ch;
}

.jh-note strong[b-5rv8b64a76] { color: var(--tcg-ink, #201e1d); }

/* ---------- telefone ---------- */

@media (max-width: 900px) {
    .jh-bar[b-5rv8b64a76],
    .jh-banner[b-5rv8b64a76] { padding-inline: 18px; }

    .jh-body[b-5rv8b64a76],
    .jh-vazio[b-5rv8b64a76] { padding-inline: 18px; margin-inline: 0; }

    .jh-btn-dark[b-5rv8b64a76] { flex: 1 1 100%; justify-content: center; text-align: center; }

    .jh-banner-metrics[b-5rv8b64a76] {
        flex: 1 1 100%;
        border-left: 0;
        border-top: 1px solid var(--tcg-arena-700, #2c2a28);
        margin-top: 14px;
        padding-top: 12px;
    }

    .jh-metric[b-5rv8b64a76] { flex: 1; padding: 0 12px 0 0; }
    .jh-metric + .jh-metric[b-5rv8b64a76] { padding-left: 12px; }
    .jh-metric-value[b-5rv8b64a76] { font-size: 20px; }

    .jh-grid-head[b-5rv8b64a76] { display: none; }

    .jh-row[b-5rv8b64a76] {
        grid-template-columns: auto 1fr auto;
        padding: 12px 14px;
        gap: 2px 10px;
    }

    .jh-cell[b-5rv8b64a76],
    .jh-cell:first-child[b-5rv8b64a76],
    .jh-cell:last-child[b-5rv8b64a76] { padding: 0; }

    .jh-num[b-5rv8b64a76] { grid-column: 1; grid-row: 1; font-weight: 700; }
    .jh-row > .jh-cell:nth-child(2)[b-5rv8b64a76] { grid-column: 2; grid-row: 1; }
    .jh-row > .jh-cell:nth-child(2) .jh-cell-sub[b-5rv8b64a76] { display: inline; margin-left: 6px; }
    .jh-row > .jh-cell:nth-child(2) > div[b-5rv8b64a76] { display: inline; }
    .jh-row > .jh-cell:nth-child(3)[b-5rv8b64a76] { grid-column: 3; grid-row: 1; justify-self: end; text-align: right; }
    .jh-row > .jh-cell:nth-child(4)[b-5rv8b64a76] { grid-column: 1 / -1; grid-row: 2; justify-self: start; text-align: left; font-size: var(--tcg-font-size-sm, 13px); }
    .jh-row > .jh-cell:nth-child(4)[b-5rv8b64a76]::before { content: "afetados: "; color: var(--tcg-neutral-500, #8a8582); }
    .jh-row > .jh-cell:nth-child(5)[b-5rv8b64a76] { grid-column: 1 / -1; grid-row: 3; margin-top: 4px; }
    .jh-row > .jh-cell:nth-child(6)[b-5rv8b64a76] { grid-column: 1 / -1; grid-row: 4; justify-self: start; text-align: left; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); }
}
/* /Pages/Admin/Jobs.razor.rz.scp.css */
/* Tela 60 — Rotinas automáticas (I-104).
   A grade é a mesma no desktop e no telefone: lá ela vira linha de tabela, aqui vira cartão.
   Um markup só, porque duas cópias divergem na primeira correção. */

.jb[b-ytwmln9uf5] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ---------- barra ---------- */

.jb-bar[b-ytwmln9uf5] {
    min-height: 64px;
    background: var(--tcg-ink, #201e1d);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding: 10px 28px;
}

.jb-bar-id[b-ytwmln9uf5] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
}

.jb-bar-title[b-ytwmln9uf5] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ground, #f3f2f2);
}

.jb-bar-count[b-ytwmln9uf5] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-500, #8a8582);
}

.jb-bar-actions[b-ytwmln9uf5] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.jb-bar-clock[b-ytwmln9uf5] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ---------- botões ---------- */

.jb-btn-light[b-ytwmln9uf5],
.jb-btn[b-ytwmln9uf5],
.jb-btn-dark[b-ytwmln9uf5] {
    min-height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    border: none;
}

.jb-btn-light[b-ytwmln9uf5] { background: var(--tcg-ground, #f3f2f2); color: var(--tcg-ink, #201e1d); }
.jb-btn-light:hover:not(:disabled)[b-ytwmln9uf5] { background: #ffffff; }
.jb-btn-light:disabled[b-ytwmln9uf5] { opacity: var(--tcg-disabled-opacity, 0.45); cursor: default; }

.jb-btn[b-ytwmln9uf5] { background: var(--tcg-surface, #ffffff); color: var(--tcg-ink, #201e1d); border: 2px solid var(--tcg-ink, #201e1d); }
.jb-btn:hover[b-ytwmln9uf5] { background: var(--tcg-neutral-200, #e2e0df); }

.jb-btn-dark[b-ytwmln9uf5] { background: var(--tcg-arena-700, #2c2a28); color: var(--tcg-ground, #f3f2f2); }
/* A moldura pede #3a3735 no hover; a paleta não tem esse tom, e inventar um token por
   causa de um hover é como as dezoito cores fora do sistema começaram. O cinza forte
   documentado é o vizinho mais próximo e faz o mesmo trabalho: clarear sobre tinta. */
.jb-btn-dark:hover[b-ytwmln9uf5] { background: var(--tcg-neutral-700, #4a4644); }

.jb-btn-sm[b-ytwmln9uf5] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 11px;
    background: var(--tcg-surface, #ffffff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.jb-btn-sm:hover[b-ytwmln9uf5] { background: var(--tcg-neutral-200, #e2e0df); color: var(--tcg-ink, #201e1d); }

.jb-btn-sm-alerta[b-ytwmln9uf5] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #ffffff;
}

.jb-btn-sm-alerta:hover[b-ytwmln9uf5] { background: var(--tcg-accent-700, #c2260f); border-color: var(--tcg-accent-700, #c2260f); color: #ffffff; }

/* ---------- faixa do topo ---------- */

.jb-banner[b-ytwmln9uf5] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px 28px;
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.jb-banner-main[b-ytwmln9uf5] { flex: 1 1 320px; min-width: 0; }

.jb-banner-eyebrow[b-ytwmln9uf5] {
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-500, #8a8582);
}

.jb-banner-mark[b-ytwmln9uf5] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background: var(--tcg-ground, #f3f2f2);
}

.jb-banner-alerta .jb-banner-eyebrow[b-ytwmln9uf5] { color: var(--tcg-accent, #ec3013); }
.jb-banner-alerta .jb-banner-mark[b-ytwmln9uf5] { background: var(--tcg-accent, #ec3013); }

.jb-banner-title[b-ytwmln9uf5] {
    margin: 8px 0 0 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.2;
}

.jb-banner-support[b-ytwmln9uf5] {
    margin: 4px 0 0 0;
    font-size: 14px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.jb-banner-metrics[b-ytwmln9uf5] {
    flex: 0 0 auto;
    display: flex;
    border-left: 1px solid var(--tcg-arena-700, #2c2a28);
}

.jb-metric[b-ytwmln9uf5] { padding: 0 26px; }
.jb-metric + .jb-metric[b-ytwmln9uf5] { border-left: 1px solid var(--tcg-arena-700, #2c2a28); }

.jb-metric-value[b-ytwmln9uf5] { font-size: 30px; font-weight: 700; line-height: 1; }
.jb-metric-alerta[b-ytwmln9uf5] { color: var(--tcg-accent, #ec3013); }

.jb-metric-key[b-ytwmln9uf5] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-500, #8a8582);
    margin-top: 5px;
}

/* ---------- a grade ---------- */

.jb-card[b-ytwmln9uf5] {
    margin: 24px 28px;
    background: var(--tcg-surface, #ffffff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.jb-grid-head[b-ytwmln9uf5],
.jb-row[b-ytwmln9uf5] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) 104px 168px 126px minmax(180px, 1.2fr) 96px 104px;
    align-items: start;
    gap: 0;
}

.jb-grid-head[b-ytwmln9uf5] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-700, #4a4644);
}

.jb-grid-head > span[b-ytwmln9uf5] { padding: 11px 12px; }
.jb-grid-head > span:first-child[b-ytwmln9uf5] { padding-left: 18px; }
.jb-grid-head > span:last-child[b-ytwmln9uf5] { padding-right: 18px; }

.jb-group-head[b-ytwmln9uf5] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    padding: 9px 18px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-700, #4a4644);
}

.jb-group-note[b-ytwmln9uf5] { color: var(--tcg-neutral-600, #6b6663); }

.jb-row[b-ytwmln9uf5] {
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-base, 15px);
    font-variant-numeric: tabular-nums;
}

.jb-row-alerta[b-ytwmln9uf5] {
    background: var(--tcg-accent-100, #fdecea);
    box-shadow: inset 4px 0 0 var(--tcg-accent, #ec3013);
}

.jb-cell[b-ytwmln9uf5] { padding: 11px 12px; color: var(--tcg-neutral-700, #4a4644); min-width: 0; }
.jb-cell:first-child[b-ytwmln9uf5] { padding-left: 18px; }
.jb-cell:last-child[b-ytwmln9uf5] { padding: 8px 18px 8px 12px; }
.jb-right[b-ytwmln9uf5] { text-align: right; justify-self: end; }

.jb-cell-name[b-ytwmln9uf5] { color: var(--tcg-ink, #201e1d); }
.jb-job-label[b-ytwmln9uf5] { font-weight: 700; }

.jb-job-class[b-ytwmln9uf5] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    word-break: break-word;
}

.jb-cell-sub[b-ytwmln9uf5] { font-size: 12px; color: var(--tcg-neutral-600, #6b6663); }
.jb-muted[b-ytwmln9uf5] { color: var(--tcg-neutral-500, #8a8582); }
.jb-cell-what[b-ytwmln9uf5] { line-height: 1.45; }
.jb-what-alerta[b-ytwmln9uf5] { color: var(--tcg-accent-700, #c2260f); font-weight: 600; }

.jb-late[b-ytwmln9uf5] { font-weight: 700; color: var(--tcg-accent-700, #c2260f); }
.jb-late-detail[b-ytwmln9uf5] { font-size: 12px; font-weight: 600; color: var(--tcg-accent-700, #c2260f); }

/* ---------- etiquetas ---------- */

.jb-badge[b-ytwmln9uf5] {
    display: inline-block;
    padding: 3px 8px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.jb-badge-ok[b-ytwmln9uf5] { border: 2px solid var(--tcg-ink, #201e1d); color: var(--tcg-ink, #201e1d); }
.jb-badge-falhou[b-ytwmln9uf5],
.jb-badge-parou[b-ytwmln9uf5] { background: var(--tcg-accent, #ec3013); color: #ffffff; }
.jb-badge-sem[b-ytwmln9uf5] { border: 2px solid var(--tcg-neutral-300, #c9c6c4); color: var(--tcg-neutral-600, #6b6663); }

.jb-badge-sub[b-ytwmln9uf5] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--tcg-accent-700, #c2260f);
    margin-top: 4px;
}

.jb-badge-sub-calma[b-ytwmln9uf5] { font-weight: 400; color: var(--tcg-neutral-700, #4a4644); letter-spacing: 0; }

/* ---------- bloco do erro ---------- */

.jb-erro[b-ytwmln9uf5] {
    background: var(--tcg-accent-100, #fdecea);
    box-shadow: inset 4px 0 0 var(--tcg-accent, #ec3013);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    padding: 0 18px 14px 18px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.jb-erro > *[b-ytwmln9uf5] {
    background: var(--tcg-surface, #ffffff);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 14px 16px;
}

.jb-erro-msg[b-ytwmln9uf5] { flex: 1 1 320px; min-width: 0; border-right-width: 0; }
.jb-erro-hist[b-ytwmln9uf5] { flex: 0 0 auto; border-left-width: 0; }

@media (max-width: 820px) {
    .jb-erro-msg[b-ytwmln9uf5] { border-right-width: 2px; }
    .jb-erro-hist[b-ytwmln9uf5] { border-left-width: 2px; }
}

.jb-erro-key[b-ytwmln9uf5] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-accent-700, #c2260f);
}

.jb-erro-hist .jb-erro-key[b-ytwmln9uf5] { color: var(--tcg-neutral-600, #6b6663); }

.jb-erro-text[b-ytwmln9uf5] {
    font-size: 14px;
    line-height: 1.5;
    color: var(--tcg-ink, #201e1d);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    margin-top: 6px;
    word-break: break-word;
}

.jb-erro-count[b-ytwmln9uf5] { font-size: 19px; font-weight: 700; margin-top: 4px; }
.jb-erro-since[b-ytwmln9uf5] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-700, #4a4644); margin-top: 3px; }

/* ---------- serviço fora ---------- */

.jb-fora[b-ytwmln9uf5] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.jb-fora-mark[b-ytwmln9uf5] { flex: 0 0 14px; width: 14px; height: 14px; background: var(--tcg-accent, #ec3013); }
.jb-fora-text[b-ytwmln9uf5] { flex: 1 1 280px; min-width: 0; }

.jb-fora-key[b-ytwmln9uf5] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-500, #8a8582);
}

.jb-fora-title[b-ytwmln9uf5] { font-size: 19px; font-weight: 700; margin-top: 4px; }

.jb-fora-lead[b-ytwmln9uf5] {
    margin: 4px 0 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.jb-fora-lead strong[b-ytwmln9uf5] { color: var(--tcg-ground, #f3f2f2); }
.jb-fora-action[b-ytwmln9uf5] { flex: 0 0 auto; }

/* ---------- notas e vazio ---------- */

.jb-note[b-ytwmln9uf5],
.jb-note-plain[b-ytwmln9uf5] {
    margin: 0 28px 24px 28px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
    max-width: 78ch;
}

.jb-note[b-ytwmln9uf5] {
    background: var(--tcg-ground, #f3f2f2);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 14px 16px;
}

.jb-note strong[b-ytwmln9uf5] { color: var(--tcg-ink, #201e1d); }

.jb-explica[b-ytwmln9uf5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2px;
    background: var(--tcg-ink, #201e1d);
    margin: 0 28px 24px 28px;
}

.jb-explica-cell[b-ytwmln9uf5] { background: var(--tcg-ground, #f3f2f2); padding: 18px; }

.jb-explica-key[b-ytwmln9uf5] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-600, #6b6663);
}

.jb-explica-cell p[b-ytwmln9uf5] {
    margin: 5px 0 0 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
}

.jb-explica-cell strong[b-ytwmln9uf5] { color: var(--tcg-ink, #201e1d); }
.jb-explica-cell code[b-ytwmln9uf5] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.jb-empty[b-ytwmln9uf5] {
    margin: 24px 28px;
    background: var(--tcg-surface, #ffffff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 26px;
    max-width: 700px;
}

.jb-empty-eyebrow[b-ytwmln9uf5] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-600, #6b6663);
}

.jb-empty-title[b-ytwmln9uf5] {
    margin: 8px 0 0 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.15;
}

.jb-empty-lead[b-ytwmln9uf5] {
    margin: 10px 0 0 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.6;
    color: var(--tcg-neutral-700, #4a4644);
}

.jb-empty .jb-note[b-ytwmln9uf5] { margin: 16px 0 0 0; }
.jb-empty .jb-btn[b-ytwmln9uf5] { margin-top: 16px; }

/* ---------- esqueleto ---------- */

.jb-skel-banner[b-ytwmln9uf5] { background: var(--tcg-ink, #201e1d); padding: 18px 28px; }

.jb-skel[b-ytwmln9uf5] {
    display: block;
    background: var(--tcg-neutral-200, #e2e0df);
    animation: jbPulse-b-ytwmln9uf5 1.4s ease-in-out infinite;
}

.jb-skel-dark[b-ytwmln9uf5] { background: var(--tcg-arena-700, #2c2a28); }

.jb-skel-row[b-ytwmln9uf5] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.jb-skel-row-head[b-ytwmln9uf5] { background: var(--tcg-ground, #f3f2f2); border-bottom: 2px solid var(--tcg-ink, #201e1d); }
.jb-skel-stack[b-ytwmln9uf5] { flex: 1; display: flex; flex-direction: column; gap: 6px; }

@keyframes jbPulse-b-ytwmln9uf5 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

@media (prefers-reduced-motion: reduce) {
    .jb-skel[b-ytwmln9uf5] { animation: none; }
}

/* ---------- telefone: a mesma grade vira cartão ---------- */

@media (max-width: 900px) {
    .jb-bar[b-ytwmln9uf5],
    .jb-banner[b-ytwmln9uf5] { padding-inline: 18px; }

    .jb-card[b-ytwmln9uf5],
    .jb-note[b-ytwmln9uf5],
    .jb-note-plain[b-ytwmln9uf5],
    .jb-explica[b-ytwmln9uf5],
    .jb-empty[b-ytwmln9uf5] { margin-inline: 18px; }

    .jb-banner-metrics[b-ytwmln9uf5] { flex: 1 1 100%; border-left: 0; border-top: 1px solid var(--tcg-arena-700, #2c2a28); margin-top: 14px; padding-top: 12px; }
    .jb-metric[b-ytwmln9uf5] { flex: 1; padding: 0 12px 0 0; }
    .jb-metric + .jb-metric[b-ytwmln9uf5] { padding-left: 12px; }
    .jb-metric-value[b-ytwmln9uf5] { font-size: 20px; }

    .jb-grid-head[b-ytwmln9uf5] { display: none; }

    .jb-row[b-ytwmln9uf5] {
        grid-template-columns: 1fr auto;
        padding: 12px 14px;
        gap: 2px 10px;
    }

    .jb-cell[b-ytwmln9uf5],
    .jb-cell:first-child[b-ytwmln9uf5],
    .jb-cell:last-child[b-ytwmln9uf5] { padding: 0; }

    /* Nome e etiqueta na primeira linha; o resto empilha em uma coluna só. */
    .jb-cell-name[b-ytwmln9uf5] { grid-column: 1; grid-row: 1; }
    .jb-row > .jb-cell:nth-child(4)[b-ytwmln9uf5] { grid-column: 2; grid-row: 1; justify-self: end; text-align: right; }
    .jb-row > .jb-cell:nth-child(2)[b-ytwmln9uf5],
    .jb-row > .jb-cell:nth-child(3)[b-ytwmln9uf5],
    .jb-row > .jb-cell:nth-child(6)[b-ytwmln9uf5] { display: inline; grid-column: 1; grid-row: 2; font-size: var(--tcg-font-size-sm, 13px); }
    .jb-row > .jb-cell:nth-child(2)[b-ytwmln9uf5]::after,
    .jb-row > .jb-cell:nth-child(3)[b-ytwmln9uf5]::after { content: " · "; color: var(--tcg-neutral-500, #8a8582); }
    .jb-row > .jb-cell:nth-child(3) > div[b-ytwmln9uf5] { display: inline; }
    .jb-cell-what[b-ytwmln9uf5] { grid-column: 1 / -1; grid-row: 3; font-size: var(--tcg-font-size-sm, 13px); margin-top: 2px; }
    .jb-row > .jb-cell:last-child[b-ytwmln9uf5] { grid-column: 1 / -1; grid-row: 4; justify-self: start; text-align: left; margin-top: 8px; }

    .jb-fora[b-ytwmln9uf5] { padding: 14px; }
    .jb-fora-action[b-ytwmln9uf5] { flex: 1 1 100%; }
    .jb-fora-action .jb-btn-dark[b-ytwmln9uf5] { width: 100%; text-align: center; }
}
/* /Pages/Admin/Limits/AdminLimits.razor.rz.scp.css */
.al[b-ho3mgm5rw8] { max-width: 900px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); }

.al-bar[b-ho3mgm5rw8] { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }

.al-title[b-ho3mgm5rw8] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.al-badge[b-ho3mgm5rw8] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 4px 10px;
}

.al-list[b-ho3mgm5rw8] { display: flex; flex-direction: column; gap: 16px; }

.al-card[b-ho3mgm5rw8] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 20px; }

.al-card-head[b-ho3mgm5rw8] { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; }

.al-card-name[b-ho3mgm5rw8] { font-weight: 700; color: var(--tcg-ink, #201e1d); }

.al-card-when[b-ho3mgm5rw8] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); }

.al-card-label[b-ho3mgm5rw8] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-600, #6b6663);
}

.al-table[b-ho3mgm5rw8] { width: 100%; border-collapse: collapse; margin-bottom: 14px; }

.al-table th[b-ho3mgm5rw8] {
    text-align: left;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    padding: 6px 8px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.al-table td[b-ho3mgm5rw8] {
    padding: 8px;
    font-size: var(--tcg-font-size-sm, 13px);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.al-num[b-ho3mgm5rw8] { font-variant-numeric: tabular-nums; }

.al-input[b-ho3mgm5rw8] {
    width: 100px;
    height: 36px;
    padding: 0 8px;
    border: 2px solid var(--tcg-accent, #ec3013);
    background: var(--tcg-accent-100, #fdecea);
    font: inherit;
    font-variant-numeric: tabular-nums;
}

.al-just[b-ho3mgm5rw8] { margin-bottom: 14px; }

.al-just-text[b-ho3mgm5rw8] { font-style: italic; color: var(--tcg-neutral-700, #4a4644); margin: 4px 0 0; }

.al-actions[b-ho3mgm5rw8] { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }

.al-btn[b-ho3mgm5rw8] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
}

.al-btn:disabled[b-ho3mgm5rw8] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.al-btn-primary[b-ho3mgm5rw8] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.al-btn-primary:hover:not(:disabled)[b-ho3mgm5rw8] { background: var(--tcg-accent-800, #a81f0b); }

.al-btn-danger[b-ho3mgm5rw8] { border-color: var(--tcg-accent-700, #c2260f); color: var(--tcg-accent-700, #c2260f); }
.al-btn-danger:hover:not(:disabled)[b-ho3mgm5rw8] { background: var(--tcg-accent-100, #fdecea); }

.al-textarea[b-ho3mgm5rw8] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    resize: vertical;
    margin-bottom: 10px;
}

.al-fine[b-ho3mgm5rw8] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 4px 0 0; }
/* /Pages/Admin/Monitoring.razor.rz.scp.css */
.monitoring-container[b-7hcoxp3ztv] {
    padding: 0 8px;
}

.service-cards-grid[b-7hcoxp3ztv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.tools-grid[b-7hcoxp3ztv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.monitoring-actions[b-7hcoxp3ztv] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.last-refresh[b-7hcoxp3ztv] {
    font-size: 13px;
    color: var(--tcg-text-secondary, #4a4644);
}

/* Service cards grid */
.service-cards[b-7hcoxp3ztv] {
    margin-bottom: 24px;
}

.service-card[b-7hcoxp3ztv] {
    margin-bottom: 16px;
    min-height: 120px;
}

.service-card-header[b-7hcoxp3ztv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.service-name[b-7hcoxp3ztv] {
    font-weight: 600;
    font-size: 14px;
}

.service-card-body[b-7hcoxp3ztv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.metric[b-7hcoxp3ztv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

.metric-label[b-7hcoxp3ztv] {
    color: var(--tcg-text-secondary, #4a4644);
}

.metric-value[b-7hcoxp3ztv] {
    font-weight: 500;
}

.metric-value.slow[b-7hcoxp3ztv] {
    color: var(--tcg-result-draw);
}

.metric-value.timestamp[b-7hcoxp3ztv] {
    font-weight: 400;
    color: var(--tcg-text-secondary, #4a4644);
}

.service-error[b-7hcoxp3ztv] {
    margin-top: 6px;
    font-size: 12px;
    color: var(--tcg-result-loss);
    word-break: break-word;
}

/* Tools section */
.tools-card[b-7hcoxp3ztv] {
    margin-bottom: 24px;
}

.tool-card[b-7hcoxp3ztv] {
    margin-bottom: 16px;
}

.tool-link[b-7hcoxp3ztv] {
    display: block;
    text-decoration: none;
    color: inherit;
}

.tool-content[b-7hcoxp3ztv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tool-icon[b-7hcoxp3ztv] {
    font-size: 24px;
    color: var(--tcg-ink, #201e1d);
    flex-shrink: 0;
}

.tool-name[b-7hcoxp3ztv] {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
}

.tool-description[b-7hcoxp3ztv] {
    font-size: 12px;
    color: var(--tcg-text-secondary, #4a4644);
}

@media (max-width: 767px) {
    .monitoring-container[b-7hcoxp3ztv] {
        padding: 0;
    }

    .monitoring-actions[b-7hcoxp3ztv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
/* /Pages/Admin/Notifications.razor.rz.scp.css */
.admin-notifications-container[b-uge9xt72l6] {
    padding: 0;
}

.notifications-toolbar[b-uge9xt72l6] {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
/* /Pages/Admin/PaymentSettings.razor.rz.scp.css */
.payment-settings-container[b-jdfpt45fy9] {
    padding: 0 8px;
}

.loading-wrapper[b-jdfpt45fy9] {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

.field-hint[b-jdfpt45fy9] {
    font-size: 12px;
    color: var(--tcg-text-tertiary, #6b6663);
    margin-top: 4px;
}

.last-updated[b-jdfpt45fy9] {
    font-size: 12px;
    color: var(--tcg-text-tertiary, #6b6663);
    margin-top: 16px;
}
/* /Pages/Admin/Reports/AdminReports.razor.rz.scp.css */
.aq[b-r62t54r4he] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--tcg-page-padding, 24px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aq-bar[b-r62t54r4he] { display: flex; justify-content: space-between; align-items: flex-start; }

.aq-title[b-r62t54r4he] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.aq-bar-meta[b-r62t54r4he] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; font-variant-numeric: tabular-nums; }

.aq-tabs[b-r62t54r4he] { margin-bottom: 4px; }

.aq-layout[b-r62t54r4he] { display: grid; grid-template-columns: 320px 1fr; gap: 20px; align-items: start; }

@media (max-width: 860px) {
    .aq-layout[b-r62t54r4he] { grid-template-columns: 1fr; }
}

.aq-list[b-r62t54r4he] { display: flex; flex-direction: column; gap: 8px; }

.aq-list-item[b-r62t54r4he] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    cursor: pointer;
    font: inherit;
    position: relative;
}

.aq-list-item:hover[b-r62t54r4he] { border-color: var(--tcg-ink, #201e1d); }

.aq-list-item-active[b-r62t54r4he] { border-color: var(--tcg-accent, #ec3013); background: var(--tcg-accent-100, #fdecea); }

.aq-list-name[b-r62t54r4he] { font-weight: 700; color: var(--tcg-ink, #201e1d); }

.aq-list-count[b-r62t54r4he] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); font-variant-numeric: tabular-nums; }

.aq-chip[b-r62t54r4he] {
    align-self: flex-start;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    padding: 2px 6px;
    margin-top: 2px;
}

.aq-chip-open[b-r62t54r4he] { background: var(--tcg-accent-100, #fdecea); color: var(--tcg-accent-700, #c2260f); }

.aq-detail[b-r62t54r4he] { min-width: 0; }

.aq-card[b-r62t54r4he] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 20px; }

.aq-card-label[b-r62t54r4he] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.aq-mt[b-r62t54r4he] { margin-top: 18px; }

.aq-status-title[b-r62t54r4he] { font-size: var(--tcg-font-size-xl, 20px); margin: 0 0 4px; color: var(--tcg-ink, #201e1d); }

.aq-detail-head[b-r62t54r4he] { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df); }

.aq-reports[b-r62t54r4he] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }

.aq-reports li[b-r62t54r4he] { border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df); padding-bottom: 10px; }

.aq-reports li:last-child[b-r62t54r4he] { border-bottom: none; }

.aq-report-reason[b-r62t54r4he] { font-weight: 700; margin-right: 8px; }

.aq-report-status[b-r62t54r4he] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); margin-right: 8px; }

.aq-report-when[b-r62t54r4he] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); font-variant-numeric: tabular-nums; }

.aq-body[b-r62t54r4he] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.5; color: var(--tcg-neutral-700, #4a4644); margin: 4px 0 0; }

.aq-fine[b-r62t54r4he] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 0 0 8px; }

.aq-history[b-r62t54r4he] { margin: 0; padding-left: 18px; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-700, #4a4644); }

.aq-actions[b-r62t54r4he] { display: flex; gap: 10px; flex-wrap: wrap; }

.aq-btn[b-r62t54r4he] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
}

.aq-btn:hover:not(:disabled)[b-r62t54r4he] { background: var(--tcg-neutral-200, #e2e0df); }
.aq-btn:disabled[b-r62t54r4he] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.aq-btn-primary[b-r62t54r4he] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.aq-btn-primary:hover:not(:disabled)[b-r62t54r4he] { background: var(--tcg-accent-800, #a81f0b); }

.aq-btn-danger[b-r62t54r4he] { border-color: var(--tcg-accent-700, #c2260f); color: var(--tcg-accent-700, #c2260f); }
.aq-btn-danger:hover:not(:disabled)[b-r62t54r4he] { background: var(--tcg-accent-100, #fdecea); }

.aq-reason[b-r62t54r4he] { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--tcg-neutral-300, #c9c6c4); display: flex; flex-direction: column; gap: 10px; }

.aq-textarea[b-r62t54r4he] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    resize: vertical;
}
/* /Pages/Admin/Store/StoreVerificationQueue.razor.rz.scp.css */
.vq[b-71wvqeejyv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--tcg-page-padding, 24px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vq-bar[b-71wvqeejyv] { display: flex; justify-content: space-between; align-items: flex-start; }

.vq-title[b-71wvqeejyv] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.vq-bar-meta[b-71wvqeejyv] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; font-variant-numeric: tabular-nums; }

.vq-tabs[b-71wvqeejyv] { margin-bottom: 4px; }

.vq-layout[b-71wvqeejyv] { display: grid; grid-template-columns: 300px 1fr; gap: 20px; align-items: start; }

@media (max-width: 860px) {
    .vq-layout[b-71wvqeejyv] { grid-template-columns: 1fr; }
}

.vq-list[b-71wvqeejyv] { display: flex; flex-direction: column; gap: 8px; }

.vq-list-item[b-71wvqeejyv] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    cursor: pointer;
    font: inherit;
}

.vq-list-item:hover[b-71wvqeejyv] { border-color: var(--tcg-ink, #201e1d); }

.vq-list-item-active[b-71wvqeejyv] { border-color: var(--tcg-accent, #ec3013); background: var(--tcg-accent-100, #fdecea); }

.vq-list-name[b-71wvqeejyv] { font-weight: 700; color: var(--tcg-ink, #201e1d); }

.vq-list-cnpj[b-71wvqeejyv] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); font-variant-numeric: tabular-nums; }

.vq-detail[b-71wvqeejyv] { min-width: 0; }

.vq-card[b-71wvqeejyv] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 20px; }

.vq-card-head[b-71wvqeejyv] { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }

.vq-card-title[b-71wvqeejyv] { font-weight: 700; }

.vq-card-when[b-71wvqeejyv] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); }

.vq-card-label[b-71wvqeejyv] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.vq-mt[b-71wvqeejyv] { margin-top: 18px; }

.vq-status-title[b-71wvqeejyv] { font-size: var(--tcg-font-size-xl, 20px); margin: 0 0 4px; color: var(--tcg-ink, #201e1d); }

.vq-detail-head[b-71wvqeejyv] { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df); }

.vq-columns[b-71wvqeejyv] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }

@media (max-width: 700px) {
    .vq-columns[b-71wvqeejyv] { grid-template-columns: 1fr; }
}

.vq-dl[b-71wvqeejyv] { margin: 0; }

.vq-dl dt[b-71wvqeejyv] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 10px;
}

.vq-dl dt:first-child[b-71wvqeejyv] { margin-top: 0; }

.vq-dl dd[b-71wvqeejyv] { margin: 2px 0 0; color: var(--tcg-ink, #201e1d); }

.vq-body[b-71wvqeejyv] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.5; color: var(--tcg-neutral-700, #4a4644); margin: 0; }

.vq-fine[b-71wvqeejyv] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); }

.vq-notfound[b-71wvqeejyv] { background: var(--tcg-accent-100, #fdecea); border: 2px solid var(--tcg-accent, #ec3013); padding: 12px; }

.vq-notfound-title[b-71wvqeejyv] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1.5px; color: var(--tcg-accent-700, #c2260f); margin-bottom: 6px; }

.vq-history[b-71wvqeejyv] { margin: 0; padding-left: 18px; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-700, #4a4644); }

.vq-actions[b-71wvqeejyv] { display: flex; gap: 10px; flex-wrap: wrap; }

.vq-btn[b-71wvqeejyv] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
}

.vq-btn:hover:not(:disabled)[b-71wvqeejyv] { background: var(--tcg-neutral-200, #e2e0df); }
.vq-btn:disabled[b-71wvqeejyv] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.vq-btn-primary[b-71wvqeejyv] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.vq-btn-primary:hover:not(:disabled)[b-71wvqeejyv] { background: var(--tcg-accent-800, #a81f0b); }

.vq-btn-danger[b-71wvqeejyv] { border-color: var(--tcg-accent-700, #c2260f); color: var(--tcg-accent-700, #c2260f); }
.vq-btn-danger:hover:not(:disabled)[b-71wvqeejyv] { background: var(--tcg-accent-100, #fdecea); }

.vq-reason[b-71wvqeejyv] { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--tcg-neutral-300, #c9c6c4); display: flex; flex-direction: column; gap: 10px; }

.vq-textarea[b-71wvqeejyv] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    resize: vertical;
}

.vq-select[b-71wvqeejyv] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 10px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.vq-taken[b-71wvqeejyv] { border-color: var(--tcg-accent, #ec3013); }
/* /Pages/Admin/Suspensions/AdminSuspensions.razor.rz.scp.css */
.su[b-navzpust8k] {
    max-width: 900px;
    margin: 0 auto;
    padding: var(--tcg-page-padding, 24px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.su-bar[b-navzpust8k] { display: flex; justify-content: space-between; align-items: flex-start; }

.su-title[b-navzpust8k] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.su-bar-meta[b-navzpust8k] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; font-variant-numeric: tabular-nums; }

.su-filters[b-navzpust8k] { display: flex; gap: 12px; flex-wrap: wrap; }

.su-list[b-navzpust8k] { display: flex; flex-direction: column; gap: 12px; }

.su-card[b-navzpust8k] { background: var(--tcg-surface, #fff); border: 2px solid var(--tcg-ink, #201e1d); padding: 16px 20px; }

.su-row[b-navzpust8k] { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }

.su-chip[b-navzpust8k] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    border: 1px solid var(--tcg-ink, #201e1d);
    padding: 2px 6px;
    margin-right: 8px;
}

.su-target[b-navzpust8k] { font-weight: 700; font-variant-numeric: tabular-nums; }

.su-appeal-flag[b-navzpust8k] {
    margin-left: 10px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent-700, #c2260f);
    background: var(--tcg-accent-100, #fdecea);
    padding: 2px 6px;
    text-decoration: none;
}

.su-when[b-navzpust8k] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); font-variant-numeric: tabular-nums; white-space: nowrap; }

.su-reason[b-navzpust8k] { font-size: var(--tcg-font-size-base, 15px); color: var(--tcg-neutral-700, #4a4644); margin: 10px 0; }

.su-meta[b-navzpust8k] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); font-variant-numeric: tabular-nums; margin-bottom: 10px; }

.su-actions[b-navzpust8k] { display: flex; gap: 10px; flex-wrap: wrap; }

.su-btn[b-navzpust8k] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
}

.su-btn:hover:not(:disabled)[b-navzpust8k] { background: var(--tcg-neutral-200, #e2e0df); }
.su-btn:disabled[b-navzpust8k] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.su-btn-primary[b-navzpust8k] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.su-btn-primary:hover:not(:disabled)[b-navzpust8k] { background: var(--tcg-accent-800, #a81f0b); }

.su-btn-danger[b-navzpust8k] { border-color: var(--tcg-accent-700, #c2260f); color: var(--tcg-accent-700, #c2260f); }
.su-btn-danger:hover:not(:disabled)[b-navzpust8k] { background: var(--tcg-accent-100, #fdecea); }

.su-revert[b-navzpust8k] { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--tcg-neutral-300, #c9c6c4); display: flex; flex-direction: column; gap: 10px; }

.su-textarea[b-navzpust8k] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    resize: vertical;
}

.su-fine[b-navzpust8k] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 0; }
/* /Pages/Analytics/PlayerPerformance.razor.rz.scp.css */
.pf[b-i0y1ac9y44] {
    max-width: 1040px;
    margin: 0 auto;
    padding: var(--tcg-space-lg) var(--tcg-space-md);
}

.pf-head[b-i0y1ac9y44] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tcg-space-sm);
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: var(--tcg-space-lg);
}

.pf-title[b-i0y1ac9y44] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl);
    font-weight: 800;
    color: var(--tcg-ink);
}

.pf-period[b-i0y1ac9y44] {
    font-size: var(--tcg-font-size-sm);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--tcg-text-tertiary);
}

/* ── Números do topo ───────────────────────────────────────────────── */

.pf-stats[b-i0y1ac9y44] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: var(--tcg-space-md);
    margin-bottom: var(--tcg-space-xl);
}

.pf-stat[b-i0y1ac9y44] {
    padding: var(--tcg-space-md);
    border: var(--tcg-border-frame);
    background: var(--tcg-surface);
}

.pf-stat-key[b-i0y1ac9y44] {
    font-size: var(--tcg-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--tcg-text-tertiary);
}

.pf-stat-value[b-i0y1ac9y44] {
    margin: 6px 0 2px;
    font-size: var(--tcg-font-size-xxxl);
    font-weight: 800;
    line-height: 1;
    color: var(--tcg-ink);
}

.pf-stat-note[b-i0y1ac9y44] {
    font-size: var(--tcg-font-size-sm);
    color: var(--tcg-text-secondary);
}

/* ── Seções ────────────────────────────────────────────────────────── */

.pf-section[b-i0y1ac9y44] {
    margin-bottom: var(--tcg-space-xl);
}

.pf-section-head[b-i0y1ac9y44] {
    margin-bottom: var(--tcg-space-md);
}

.pf-section-title[b-i0y1ac9y44] {
    margin: 0;
    font-size: var(--tcg-font-size-xl);
    font-weight: 800;
    color: var(--tcg-ink);
}

.pf-section-note[b-i0y1ac9y44] {
    margin-top: 2px;
    font-size: var(--tcg-font-size-sm);
    color: var(--tcg-text-tertiary);
}

/* ── Gráfico mensal ────────────────────────────────────────────────── */

.pf-chart[b-i0y1ac9y44] {
    display: flex;
    gap: var(--tcg-space-sm);
    align-items: flex-end;
    /* Rola em vez de espremer: com muitos meses, barras de 3px não dizem nada. */
    overflow-x: auto;
    padding: var(--tcg-space-md);
    border: var(--tcg-border-frame);
    background: var(--tcg-surface);
}

.pf-bar-slot[b-i0y1ac9y44] {
    flex: 1 0 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.pf-bar-value[b-i0y1ac9y44] {
    font-size: var(--tcg-font-size-xs);
    font-weight: 700;
    color: var(--tcg-text-secondary);
}

.pf-bar-track[b-i0y1ac9y44] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 140px;
    background: var(--tcg-neutral-200);
}

.pf-bar[b-i0y1ac9y44] {
    width: 100%;
    background: var(--tcg-accent);
}

.pf-bar-label[b-i0y1ac9y44] {
    font-size: var(--tcg-font-size-xs);
    color: var(--tcg-text-tertiary);
    white-space: nowrap;
}

/* ── Tabelas ───────────────────────────────────────────────────────── */

.pf-table-wrap[b-i0y1ac9y44] {
    overflow-x: auto;
    border: var(--tcg-border-frame);
    background: var(--tcg-surface);
}

.pf-table[b-i0y1ac9y44] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--tcg-font-size-base);
}

.pf-table th[b-i0y1ac9y44] {
    padding: 10px 14px;
    background: var(--tcg-table-header-bg);
    color: var(--tcg-table-header-color);
    font-size: var(--tcg-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

.pf-table td[b-i0y1ac9y44] {
    padding: 11px 14px;
    border-top: var(--tcg-border-rule);
    color: var(--tcg-ink);
}

.pf-num[b-i0y1ac9y44] {
    text-align: right;
    white-space: nowrap;
}

/* ── Recentes ──────────────────────────────────────────────────────── */

.pf-recent[b-i0y1ac9y44] {
    margin: 0;
    padding: 0;
    list-style: none;
    border: var(--tcg-border-frame);
    background: var(--tcg-surface);
}

.pf-recent-item[b-i0y1ac9y44] {
    display: flex;
    gap: var(--tcg-space-md);
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
}

.pf-recent-item + .pf-recent-item[b-i0y1ac9y44] {
    border-top: var(--tcg-border-rule);
}

.pf-recent-main[b-i0y1ac9y44] {
    min-width: 0;
}

.pf-recent-name[b-i0y1ac9y44] {
    font-weight: 700;
    color: var(--tcg-ink);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.pf-recent-name:hover[b-i0y1ac9y44] {
    text-decoration: underline;
}

.pf-recent-meta[b-i0y1ac9y44] {
    font-size: var(--tcg-font-size-sm);
    color: var(--tcg-text-tertiary);
}

.pf-recent-result[b-i0y1ac9y44] {
    flex: 0 0 auto;
    font-weight: 700;
    color: var(--tcg-text-secondary);
}

@media (max-width: 600px) {
    .pf-stat-value[b-i0y1ac9y44] {
        font-size: var(--tcg-font-size-xxl);
    }
}
/* /Pages/Checkin/CheckInLanding.razor.rz.scp.css */
.ck[b-f07nk9dl65] {
    max-width: 480px;
    margin: 0 auto;
    padding: var(--tcg-page-padding, 24px) 16px;
}

.ck-card[b-f07nk9dl65] {
    background: var(--tcg-surface, #fff);
    border: var(--tcg-border-frame, 2px solid #201e1d);
    padding: 24px 20px;
}

.ck-label[b-f07nk9dl65] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.ck-title[b-f07nk9dl65] { font-size: var(--tcg-font-size-xl, 20px); margin: 0 0 10px; line-height: 1.2; color: var(--tcg-ink, #201e1d); }

.ck-body[b-f07nk9dl65] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.55; color: var(--tcg-neutral-700, #4a4644); margin: 0 0 12px; }

.ck-fine[b-f07nk9dl65] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 0 0 12px; }

.ck-note[b-f07nk9dl65] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
    background: var(--tcg-ground, #f3f2f2);
    border-left: 4px solid var(--tcg-ink, #201e1d);
    padding: 12px 14px;
    margin: 0;
}

.ck-panel[b-f07nk9dl65] {
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 16px 18px;
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ck-panel-title[b-f07nk9dl65] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.ck-panel .ck-body[b-f07nk9dl65] { margin: 0; }

.ck-actions[b-f07nk9dl65] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }

.ck-actions-stack[b-f07nk9dl65] { flex-direction: column; }

.ck-btn[b-f07nk9dl65] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ck-btn:hover:not(:disabled)[b-f07nk9dl65] { background: var(--tcg-neutral-200, #e2e0df); }
.ck-btn:disabled[b-f07nk9dl65] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.ck-btn-primary[b-f07nk9dl65] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.ck-btn-primary:hover:not(:disabled)[b-f07nk9dl65] { background: var(--tcg-accent-800, #a81f0b); }

.ck-btn-lg[b-f07nk9dl65] { height: 56px; font-size: var(--tcg-font-size-base, 15px); }

.ck-options[b-f07nk9dl65] { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; }

.ck-option[b-f07nk9dl65] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    text-align: left;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    padding: 12px 14px;
    font: inherit;
    cursor: pointer;
    min-height: var(--tcg-touch-target, 44px);
}

.ck-option:hover[b-f07nk9dl65] { background: var(--tcg-neutral-200, #e2e0df); }

.ck-option-name[b-f07nk9dl65] { font-size: var(--tcg-font-size-base, 15px); font-weight: 700; color: var(--tcg-ink, #201e1d); }

.ck-option-meta[b-f07nk9dl65] { font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); }

.ck-result[b-f07nk9dl65] { padding: 20px; margin: -24px -20px 16px; }

.ck-result-ok[b-f07nk9dl65] { background: var(--tcg-accent, #ec3013); color: #fff; }

.ck-result-pending[b-f07nk9dl65] { background: var(--tcg-ink, #201e1d); color: #fff; }

.ck-result-label[b-f07nk9dl65] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: var(--tcg-letter-spacing-label, 1.5px); opacity: .9; }

.ck-result-title[b-f07nk9dl65] { font-size: var(--tcg-font-size-xl, 20px); font-weight: 700; line-height: 1.2; margin: 6px 0 0; }

.ck-result-time[b-f07nk9dl65] { font-size: 28px; font-weight: 700; font-variant-numeric: tabular-nums; margin-top: 14px; }

/* Mobile-first: 390px is the target width, but nothing here assumes it — the card just stays
   full-width with a side gutter down to very small phones. */
@media (max-width: 420px) {
    .ck[b-f07nk9dl65] { padding: 16px 12px; }
    .ck-card[b-f07nk9dl65] { padding: 20px 16px; }
    .ck-result[b-f07nk9dl65] { margin: -20px -16px 16px; }
}
/* /Pages/Dashboard/Admin/AdminDashboard.razor.rz.scp.css */
/* Admin — tela 19 do PlayTCG 2.0 */

.ad[b-s412m5xa7p] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

/* ========== Barra ========== */

.ad-bar[b-s412m5xa7p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 14px 18px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.ad-bar-name[b-s412m5xa7p] {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--tcg-ink, #201e1d);
}

.ad-bar-actions[b-s412m5xa7p] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ad-search[b-s412m5xa7p] {
    height: var(--tcg-touch-target, 44px);
    width: 280px;
    max-width: 60vw;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    font-family: inherit;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
}

.ad-search:focus[b-s412m5xa7p] {
    outline: none;
    border-color: var(--tcg-ink, #201e1d);
}

/* ========== Métricas (faixa em tinta) ========== */

.ad-metrics[b-s412m5xa7p] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.ad-metric[b-s412m5xa7p] {
    padding: 18px 20px;
    border-right: 1px solid var(--tcg-arena-700, #2c2a28);
}

.ad-metric:last-child[b-s412m5xa7p] {
    border-right: none;
}

.ad-metric-value[b-s412m5xa7p] {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.ad-metric-label[b-s412m5xa7p] {
    margin-top: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Grade ========== */

.ad-grid[b-s412m5xa7p] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
    align-items: start;
}

.ad-card[b-s412m5xa7p] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    min-width: 0;
}

.ad-card-head[b-s412m5xa7p] {
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-ink, #201e1d);
}

.ad-card-ink[b-s412m5xa7p] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border-color: var(--tcg-ink, #201e1d);
}

.ad-card-head-ink[b-s412m5xa7p] {
    border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-neutral-500, #8a8582);
}

.ad-side[b-s412m5xa7p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ad-side-fill[b-s412m5xa7p] {
    flex: 1;
}

/* ========== Tabela de usuários ========== */

.ad-table-wrap[b-s412m5xa7p] {
    overflow-x: auto;
}

.ad-table[b-s412m5xa7p] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.ad-table thead tr[b-s412m5xa7p] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ad-table th[b-s412m5xa7p] {
    text-align: left;
    padding: 10px 16px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-700, #4a4644);
    white-space: nowrap;
}

.ad-table td[b-s412m5xa7p] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    white-space: nowrap;
}

.ad-table tbody tr:last-child td[b-s412m5xa7p] {
    border-bottom: none;
}

.ad-user-name[b-s412m5xa7p] {
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.ad-user-email[b-s412m5xa7p] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.ad-tag[b-s412m5xa7p] {
    display: inline-block;
    padding: 3px 8px;
    border: 2px solid var(--tcg-ink, #201e1d);
    font-size: 11px;
    font-weight: 700;
}

.ad-tag-off[b-s412m5xa7p] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

.ad-table-action[b-s412m5xa7p] {
    text-align: right;
}

.ad-table-foot[b-s412m5xa7p] {
    padding: 12px 18px;
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Saúde dos serviços ========== */

.ad-health[b-s412m5xa7p] {
    padding: 6px 18px 12px 18px;
}

.ad-health-row[b-s412m5xa7p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: 14px;
    font-weight: 600;
}

.ad-health-row:last-child[b-s412m5xa7p] {
    border-bottom: none;
}

.ad-health-status[b-s412m5xa7p] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 400;
    color: var(--tcg-neutral-600, #6b6663);
}

.ad-health-dot[b-s412m5xa7p] {
    width: 10px;
    height: 10px;
    background: var(--tcg-ink, #201e1d);
    flex: 0 0 auto;
}

.ad-health-dot-bad[b-s412m5xa7p] {
    background: var(--tcg-accent, #ec3013);
}

/* ========== Atividade recente ========== */

.ad-activity[b-s412m5xa7p] {
    padding: 4px 18px 14px 18px;
}

.ad-activity-row[b-s412m5xa7p] {
    padding: 11px 0;
    border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
}

.ad-activity-row:last-child[b-s412m5xa7p] {
    border-bottom: none;
}

.ad-activity-title[b-s412m5xa7p] {
    font-size: 14px;
    font-weight: 600;
}

.ad-activity-meta[b-s412m5xa7p] {
    font-size: 12px;
    color: var(--tcg-neutral-500, #8a8582);
}

.ad-activity-empty[b-s412m5xa7p] {
    padding: 18px;
    font-size: 13px;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Responsivo ========== */

@media (max-width: 992px) {
    .ad-grid[b-s412m5xa7p] {
        grid-template-columns: 1fr;
    }

    .ad-metrics[b-s412m5xa7p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ad-metric:nth-child(2)[b-s412m5xa7p] {
        border-right: none;
    }
}

@media (max-width: 640px) {
    .ad-search[b-s412m5xa7p] {
        width: 100%;
        max-width: none;
    }
}
/* /Pages/Dashboard/Organizer/OrganizerDashboard.razor.rz.scp.css */
/* Casa do organizador — tela 53 do PlayTCG 2.0 */

.od[b-c8gax7h0e3] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

/* ========== Cabeçalho ========== */

.od-head[b-c8gax7h0e3] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.od-title[b-c8gax7h0e3] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.od-subtitle[b-c8gax7h0e3] {
    margin-top: 2px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Barra ao vivo ========== */

.od-live[b-c8gax7h0e3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-lg, 24px);
    flex-wrap: wrap;
    padding: 14px 18px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.od-live-body[b-c8gax7h0e3] {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
}

.od-live-flag[b-c8gax7h0e3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
}

.od-live-dot[b-c8gax7h0e3] {
    width: 7px;
    height: 7px;
    background: #fff;
}

.od-live-name[b-c8gax7h0e3] {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.od-live-meta[b-c8gax7h0e3] {
    font-size: 12px;
    opacity: .9;
}

/* ========== Grade ========== */

.od-grid[b-c8gax7h0e3] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--tcg-space-lg, 24px);
    align-items: start;
}

.od-col[b-c8gax7h0e3] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

.od-col-side[b-c8gax7h0e3] {
    gap: 2px;
}

/* ========== Cartão ========== */

.od-card[b-c8gax7h0e3] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.od-card-head[b-c8gax7h0e3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.od-card-head-tabs[b-c8gax7h0e3] {
    padding: 12px 18px;
}

.od-card-label[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.od-card-count[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Listas ========== */

.od-list[b-c8gax7h0e3] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.od-row[b-c8gax7h0e3],
.od-attention[b-c8gax7h0e3] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.od-row:last-child[b-c8gax7h0e3],
.od-attention:last-child[b-c8gax7h0e3] {
    border-bottom: none;
}

.od-attention-urgent[b-c8gax7h0e3] {
    background: var(--tcg-accent-100, #fdecea);
}

.od-tick[b-c8gax7h0e3] {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 2px solid var(--tcg-ink, #201e1d);
}

.od-tick-urgent[b-c8gax7h0e3] {
    border-color: var(--tcg-accent, #ec3013);
}

.od-row-body[b-c8gax7h0e3] {
    flex: 1;
    min-width: 0;
}

.od-row-title[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.od-row-meta[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.od-row-meta-urgent[b-c8gax7h0e3] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

.od-note[b-c8gax7h0e3] {
    flex: 0 0 auto;
    max-width: 160px;
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
    text-align: right;
}

/* ========== Data ========== */

.od-date[b-c8gax7h0e3] {
    flex: 0 0 62px;
}

.od-date-dow[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.od-date-day[b-c8gax7h0e3] {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-ink, #201e1d);
}

.od-date-month[b-c8gax7h0e3] {
    font-size: 11px;
    font-weight: 600;
    color: var(--tcg-neutral-600, #6b6663);
}

.od-chip[b-c8gax7h0e3] {
    flex: 0 0 auto;
    padding: 4px 8px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
}

.od-chip-draft[b-c8gax7h0e3] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 2px 6px;
}

.od-chip-live[b-c8gax7h0e3] {
    background: var(--tcg-ink, #201e1d);
    color: #fff;
}

/* ========== Cartão em tinta ========== */

.od-ink[b-c8gax7h0e3] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px;
}

.od-ink-label[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
}

.od-ink-hero[b-c8gax7h0e3] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.od-ink-figure[b-c8gax7h0e3] {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.od-ink-caption[b-c8gax7h0e3] {
    font-size: 13px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.od-ink-rule[b-c8gax7h0e3] {
    height: 1px;
    background: var(--tcg-arena-700, #2c2a28);
    margin: 16px 0;
}

.od-ink-cells[b-c8gax7h0e3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.od-ink-value[b-c8gax7h0e3] {
    font-size: 22px;
    font-weight: 700;
}

.od-ink-key[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.od-ink-note[b-c8gax7h0e3] {
    margin-top: 16px;
    font-size: 12px;
    line-height: 1.45;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Atalhos ========== */

.od-links[b-c8gax7h0e3] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.od-links li[b-c8gax7h0e3] {
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.od-links li:last-child[b-c8gax7h0e3] {
    border-bottom: none;
}

.od-links a[b-c8gax7h0e3] {
    display: block;
    padding: 13px 18px;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.od-links a:hover[b-c8gax7h0e3] {
    background: var(--tcg-neutral-200, #e2e0df);
}

/* ========== Vazio e erro ========== */

.od-empty[b-c8gax7h0e3] {
    padding: 24px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.od-empty-title[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.od-empty-body[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.od-error[b-c8gax7h0e3] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.od-error-title[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.od-error-body[b-c8gax7h0e3] {
    font-size: var(--tcg-font-size-sm, 13px);
}

/* ========== Botões ========== */

.od-btn[b-c8gax7h0e3] {
    display: inline-flex;
    align-items: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.od-btn:hover[b-c8gax7h0e3] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.od-btn-primary[b-c8gax7h0e3] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.od-btn-primary:hover[b-c8gax7h0e3] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.od-btn-ghost[b-c8gax7h0e3] {
    flex: 0 0 auto;
    background: #fff;
    border-color: #fff;
}

.od-btn-sm[b-c8gax7h0e3] {
    height: 38px;
    padding: 0 12px;
    font-size: 13px;
    flex: 0 0 auto;
}

.od :focus-visible[b-c8gax7h0e3] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.od-live :focus-visible[b-c8gax7h0e3] {
    outline-color: #fff;
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .od-grid[b-c8gax7h0e3] {
        grid-template-columns: 1fr;
    }

    .od-col-side[b-c8gax7h0e3] {
        gap: var(--tcg-space-lg, 24px);
    }
}

@media (max-width: 768px) {
    .od-row[b-c8gax7h0e3],
    .od-attention[b-c8gax7h0e3] {
        flex-wrap: wrap;
        gap: 12px;
    }

    .od-note[b-c8gax7h0e3] {
        max-width: none;
        text-align: left;
    }

    .od-ink-figure[b-c8gax7h0e3] {
        font-size: 32px;
    }
}
/* /Pages/Dashboard/Player/PlayerDashboard.razor.rz.scp.css */
/* Painel do jogador — tela 01 do PlayTCG 2.0 */

.pd[b-960tm4x60r] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.pd-head[b-960tm4x60r] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.pd-title[b-960tm4x60r] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.pd-grid[b-960tm4x60r] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--tcg-space-lg, 24px);
    align-items: start;
}

.pd-col[b-960tm4x60r] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

/* ========== Cartão ========== */

.pd-card[b-960tm4x60r] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pd-card-head[b-960tm4x60r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.pd-card-label[b-960tm4x60r] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.pd-card-state[b-960tm4x60r] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent-700, #c2260f);
}

.pd-card-link[b-960tm4x60r] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
}

/* ========== Células de métrica ========== */

.pd-cells[b-960tm4x60r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pd-cell[b-960tm4x60r] {
    padding: 20px 18px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    min-width: 0;
}

.pd-cell:last-child[b-960tm4x60r] {
    border-right: none;
}

.pd-cell-label[b-960tm4x60r] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pd-cell-value[b-960tm4x60r] {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.05;
    color: var(--tcg-ink, #201e1d);
}

.pd-cell-value-accent[b-960tm4x60r] {
    color: var(--tcg-accent, #ec3013);
}

.pd-cell-unit[b-960tm4x60r] {
    font-size: 16px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Listas ========== */

.pd-list[b-960tm4x60r] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pd-row[b-960tm4x60r] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.pd-row:last-child[b-960tm4x60r] {
    border-bottom: none;
}

.pd-date[b-960tm4x60r] {
    flex: 0 0 62px;
}

.pd-date-dow[b-960tm4x60r] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pd-date-day[b-960tm4x60r] {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-ink, #201e1d);
}

.pd-date-month[b-960tm4x60r] {
    font-size: 11px;
    font-weight: 600;
    color: var(--tcg-neutral-600, #6b6663);
}

.pd-row-body[b-960tm4x60r] {
    flex: 1;
    min-width: 0;
}

.pd-row-title[b-960tm4x60r] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pd-row-meta[b-960tm4x60r] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-700, #4a4644);
}

.pd-chip[b-960tm4x60r] {
    flex: 0 0 auto;
    padding: 4px 8px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
}

/* ========== Partidas ========== */

.pd-match[b-960tm4x60r] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.pd-match:last-child[b-960tm4x60r] {
    border-bottom: none;
}

.pd-outcome[b-960tm4x60r] {
    flex: 0 0 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}

.pd-outcome-win[b-960tm4x60r] {
    background: var(--tcg-result-win, #ec3013);
}

.pd-outcome-loss[b-960tm4x60r] {
    background: var(--tcg-result-loss, #4a4644);
}

.pd-outcome-draw[b-960tm4x60r] {
    background: var(--tcg-result-draw, #c9c6c4);
    color: var(--tcg-ink, #201e1d);
}

.pd-match-opponent[b-960tm4x60r] {
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd-match-score[b-960tm4x60r] {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

/* ========== Temporada (cartão em tinta) ========== */

.pd-season[b-960tm4x60r] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px;
}

.pd-season-label[b-960tm4x60r] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
}

.pd-season-hero[b-960tm4x60r] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 6px;
}

.pd-season-figure[b-960tm4x60r] {
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-accent, #ec3013);
}

.pd-season-caption[b-960tm4x60r] {
    font-size: 14px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.pd-season-rule[b-960tm4x60r] {
    height: 1px;
    background: var(--tcg-arena-700, #2c2a28);
    margin: 16px 0;
}

.pd-season-cells[b-960tm4x60r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.pd-season-value[b-960tm4x60r] {
    font-size: 24px;
    font-weight: 700;
}

.pd-season-key[b-960tm4x60r] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Vazio e erro ========== */

.pd-empty[b-960tm4x60r] {
    padding: 24px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.pd-empty-title[b-960tm4x60r] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.pd-empty-body[b-960tm4x60r] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pd-error[b-960tm4x60r] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.pd-error-title[b-960tm4x60r] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.pd-error-body[b-960tm4x60r] {
    font-size: var(--tcg-font-size-sm, 13px);
}

/* ========== Botões ========== */

.pd-btn-primary[b-960tm4x60r] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.pd-btn-primary:hover[b-960tm4x60r] {
    background: var(--tcg-accent-700, #c2260f);
}

.pd-btn-sm[b-960tm4x60r] {
    height: 38px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 700;
    flex: 0 0 auto;
}

.pd :focus-visible[b-960tm4x60r] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .pd-grid[b-960tm4x60r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .pd-cells[b-960tm4x60r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pd-cell:nth-child(2)[b-960tm4x60r] {
        border-right: none;
    }

    .pd-cell-value[b-960tm4x60r] {
        font-size: 30px;
    }

    .pd-row[b-960tm4x60r] {
        flex-wrap: wrap;
        gap: 12px;
    }
}
/* /Pages/Dashboard/Staff/StaffDashboard.razor.rz.scp.css */
/* Painel do juiz — tela 22 do PlayTCG 2.0 */

.jd[b-dbmq1b1yrq] {
    background: var(--tcg-arena-900, #141312);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 70vh;
}

/* ========== Faixa de contexto ========== */

.jd-strip[b-dbmq1b1yrq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding: 12px 24px;
    min-height: 64px;
    background: var(--tcg-arena-800, #201e1d);
    border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
}

.jd-strip-left[b-dbmq1b1yrq] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    min-width: 0;
}

.jd-flag[b-dbmq1b1yrq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
}

.jd-flag-pip[b-dbmq1b1yrq] {
    width: 7px;
    height: 7px;
    background: #fff;
}

.jd-strip-count[b-dbmq1b1yrq] {
    font-size: 13px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.jd-picker select[b-dbmq1b1yrq] {
    height: 44px;
    min-width: 220px;
    max-width: 100%;
    padding: 0 12px;
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-ground, #f3f2f2);
    border: none;
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
}

.jd-picker select:focus-visible[b-dbmq1b1yrq],
.jd button:focus-visible[b-dbmq1b1yrq] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== Estados ========== */

.jd-state[b-dbmq1b1yrq] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
}

.jd-fail[b-dbmq1b1yrq] {
    border: 2px solid var(--tcg-accent, #ec3013);
    background: rgba(236, 48, 19, .1);
    padding: 24px;
    max-width: 620px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.jd-fail-quiet[b-dbmq1b1yrq] {
    border-color: var(--tcg-arena-700, #2c2a28);
    background: var(--tcg-arena-800, #201e1d);
}

.jd-fail-title[b-dbmq1b1yrq] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
}

.jd-fail-body[b-dbmq1b1yrq] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-300, #c9c6c4);
}

/* ========== Grade ========== */

.jd-grid[b-dbmq1b1yrq] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 28px;
    padding: 24px;
    min-width: 0;
    align-items: start;
}

/* ========== Fila ========== */

.jd-queue[b-dbmq1b1yrq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.jd-queue-head[b-dbmq1b1yrq] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding-bottom: 14px;
}

.jd-queue-title[b-dbmq1b1yrq] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
}

.jd-queue-sort[b-dbmq1b1yrq] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.jd-row[b-dbmq1b1yrq] {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 16px 20px;
    background: var(--tcg-arena-800, #201e1d);
    border-left: 4px solid var(--tcg-neutral-700, #4a4644);
    min-width: 0;
}

.jd-row-first[b-dbmq1b1yrq] {
    background: var(--tcg-accent, #ec3013);
    border-left-color: var(--tcg-accent, #ec3013);
    color: #fff;
    padding: 18px 20px;
}

.jd-row-table[b-dbmq1b1yrq] {
    flex: 0 0 auto;
}

.jd-row-key[b-dbmq1b1yrq] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.jd-row-first .jd-row-key[b-dbmq1b1yrq] {
    color: rgba(255, 255, 255, .9);
    font-size: var(--tcg-font-size-xs, 11px);
}

.jd-row-number[b-dbmq1b1yrq] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.jd-row-first .jd-row-number[b-dbmq1b1yrq] {
    font-size: 52px;
    line-height: .95;
}

.jd-row-body[b-dbmq1b1yrq] {
    flex: 1;
    min-width: 0;
}

.jd-row-players[b-dbmq1b1yrq] {
    margin-top: 2px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.jd-row-first .jd-row-players[b-dbmq1b1yrq] {
    font-size: 22px;
    letter-spacing: -0.01em;
}

.jd-row-vs[b-dbmq1b1yrq] {
    color: var(--tcg-neutral-500, #8a8582);
    font-weight: 400;
}

.jd-row-first .jd-row-vs[b-dbmq1b1yrq] {
    color: rgba(255, 255, 255, .8);
}

.jd-row-meta[b-dbmq1b1yrq] {
    font-size: 13px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.jd-row-first .jd-row-meta[b-dbmq1b1yrq] {
    font-size: 14px;
    color: rgba(255, 255, 255, .95);
}

.jd-row-actions[b-dbmq1b1yrq] {
    display: flex;
    gap: 2px;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

/* ========== Botões ========== */

.jd-btn-row[b-dbmq1b1yrq],
.jd-btn-quick[b-dbmq1b1yrq],
.jd-btn-primary[b-dbmq1b1yrq] {
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0;
}

.jd-btn-row[b-dbmq1b1yrq] {
    height: 44px;
    padding: 0 16px;
    background: transparent;
    color: var(--tcg-ground, #f3f2f2);
    border: 2px solid var(--tcg-neutral-700, #4a4644);
    font-size: 14px;
}

.jd-btn-row:hover[b-dbmq1b1yrq] {
    border-color: var(--tcg-neutral-500, #8a8582);
}

.jd-row-first .jd-btn-row[b-dbmq1b1yrq] {
    border-color: rgba(255, 255, 255, .6);
}

.jd-row-first .jd-btn-row:hover[b-dbmq1b1yrq] {
    background: #fff;
    color: var(--tcg-ink, #201e1d);
    border-color: #fff;
}

.jd-btn-quick[b-dbmq1b1yrq] {
    height: 48px;
    padding: 0 14px;
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-ground, #f3f2f2);
    border: none;
    font-size: 15px;
    text-align: left;
}

.jd-btn-quick:hover[b-dbmq1b1yrq] {
    background: var(--tcg-arena-700, #2c2a28);
}

.jd-btn-quick-danger[b-dbmq1b1yrq] {
    background: transparent;
    border: 2px solid var(--tcg-neutral-700, #4a4644);
}

.jd-btn-quick-danger:hover[b-dbmq1b1yrq] {
    background: transparent;
    border-color: var(--tcg-accent, #ec3013);
}

.jd-btn-primary[b-dbmq1b1yrq] {
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-size: 15px;
}

.jd-btn-primary:hover[b-dbmq1b1yrq] {
    background: var(--tcg-accent-700, #c2260f);
}

/* ========== Fila vazia ========== */

.jd-clear[b-dbmq1b1yrq] {
    border: 2px dashed var(--tcg-arena-700, #2c2a28);
    padding: 24px 20px;
}

.jd-clear-title[b-dbmq1b1yrq] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-neutral-500, #8a8582);
}

.jd-clear-body[b-dbmq1b1yrq] {
    font-size: 13px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Lateral ========== */

.jd-side[b-dbmq1b1yrq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.jd-panel[b-dbmq1b1yrq] {
    background: var(--tcg-arena-800, #201e1d);
    padding: 20px;
    min-width: 0;
}

.jd-panel-grow[b-dbmq1b1yrq] {
    flex: 1;
}

.jd-panel-label[b-dbmq1b1yrq] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
    margin-bottom: 14px;
}

.jd-panel-figure[b-dbmq1b1yrq] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 16px;
}

.jd-panel-value[b-dbmq1b1yrq] {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
}

.jd-panel-caption[b-dbmq1b1yrq] {
    font-size: 14px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

/* ========== Mapa de mesas ========== */

.jd-map[b-dbmq1b1yrq] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
}

.jd-map-cell[b-dbmq1b1yrq] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    background: var(--tcg-neutral-700, #4a4644);
    color: var(--tcg-neutral-300, #c9c6c4);
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.jd-map-cell-done[b-dbmq1b1yrq] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.jd-legend[b-dbmq1b1yrq] {
    display: flex;
    gap: 14px;
    margin-top: 12px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-500, #8a8582);
}

.jd-legend > span[b-dbmq1b1yrq] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.jd-legend-swatch[b-dbmq1b1yrq] {
    width: 10px;
    height: 10px;
    background: var(--tcg-neutral-700, #4a4644);
}

.jd-legend-swatch-done[b-dbmq1b1yrq] {
    background: var(--tcg-accent, #ec3013);
}

/* ========== Ações rápidas ========== */

.jd-quick[b-dbmq1b1yrq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.jd-panel-note[b-dbmq1b1yrq] {
    margin: 18px 0 0;
    padding-top: 18px;
    border-top: 1px solid var(--tcg-arena-700, #2c2a28);
    font-size: 12px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .jd-grid[b-dbmq1b1yrq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .jd-grid[b-dbmq1b1yrq] {
        padding: 16px;
        gap: 20px;
    }

    .jd-row[b-dbmq1b1yrq] {
        flex-wrap: wrap;
        gap: 14px;
    }

    .jd-row-actions[b-dbmq1b1yrq] {
        width: 100%;
    }

    .jd-btn-row[b-dbmq1b1yrq] {
        flex: 1;
    }

    .jd-map[b-dbmq1b1yrq] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* /Pages/Deck/DeckBuilder.razor.rz.scp.css */
/*
 * Construtor de deck — tela 49 do PlayTCG 2.0.
 *
 * Três colunas fixas separadas por régua de 2px: busca (380px), lista
 * (elástica) e validação (340px). Cada coluna rola por conta própria, então
 * o contador 60/60 nunca sai do campo de visão.
 */

.db[b-t1jhdgub1s] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
}

/* ========== Barra superior ========== */

.db-bar[b-t1jhdgub1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding: 10px 20px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.db-bar-left[b-t1jhdgub1s],
.db-bar-right[b-t1jhdgub1s] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    flex-wrap: wrap;
}

.db-back[b-t1jhdgub1s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--tcg-ink, #201e1d);
    text-decoration: none;
    flex: 0 0 auto;
}

.db-back svg[b-t1jhdgub1s] {
    width: 20px;
    height: 20px;
}

.db-back:hover[b-t1jhdgub1s] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.db-name[b-t1jhdgub1s] {
    height: var(--tcg-touch-target, 44px);
    width: 320px;
    max-width: 100%;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    border-radius: 0;
    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    outline: none;
}

.db-name:focus[b-t1jhdgub1s] {
    border-color: var(--tcg-accent, #ec3013);
}

.db-name-read[b-t1jhdgub1s] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
    overflow-wrap: anywhere;
}

.db-read-badge[b-t1jhdgub1s],
.db-save-state[b-t1jhdgub1s] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Botões ========== */

.db-btn[b-t1jhdgub1s] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

/* O spinner Xs ("botão ocupado", ver custom-loading.css) some dentro do botão de
   salvar — sem isto herdaria width:100% do wrapper do TcgLoading e esticaria. */
.db-btn-primary .tcg-loading[b-t1jhdgub1s] {
    width: auto;
    gap: 0;
}

.db-btn:hover:not(:disabled)[b-t1jhdgub1s] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.db-btn:disabled[b-t1jhdgub1s] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.db-btn-primary[b-t1jhdgub1s] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.db-btn-primary:hover:not(:disabled)[b-t1jhdgub1s] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.db-btn-wide[b-t1jhdgub1s] {
    width: 100%;
    height: 48px;
    font-size: 15px;
}

.db :focus-visible[b-t1jhdgub1s] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== Colunas ========== */

.db-cols[b-t1jhdgub1s] {
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr) 340px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    min-height: 62vh;
}

.db-cols-read[b-t1jhdgub1s] {
    grid-template-columns: minmax(0, 1fr) 340px;
}

.db-col[b-t1jhdgub1s] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.db-search-col[b-t1jhdgub1s],
.db-list-col[b-t1jhdgub1s] {
    border-right: 2px solid var(--tcg-ink, #201e1d);
}

.db-col-head[b-t1jhdgub1s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.db-col-head-row[b-t1jhdgub1s] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.db-col-title[b-t1jhdgub1s] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
}

.db-col-hint[b-t1jhdgub1s] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

.db-col-body[b-t1jhdgub1s] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    /* O teto é o que faz o overflow-y acima valer. Sem ele a coluna cresce junto com o
       conteúdo, o container nunca estoura e a página inteira é que fica gigante — cada
       "carregar mais" empurrava o rodapé para baixo. Casa com o min-height: 62vh do
       .db-cols: a coluna para de crescer exatamente onde a grade começa. Abaixo de
       1280px o valor é outro (46vh), definido no bloco responsivo. */
    max-height: 62vh;
}

.db-col-note[b-t1jhdgub1s] {
    margin: 0;
    padding: 16px 20px;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

/* Carregar mais: o catálogo devolve 20 por vez, e antes as outras páginas eram inalcançáveis.
   Botão, e não rolagem infinita, porque aqui ele também informa — diz que existe mais. */
.db-load-more[b-t1jhdgub1s] {
    display: block;
    width: calc(100% - 40px);
    margin: 8px 20px 4px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    cursor: pointer;
}

.db-load-more:hover:not(:disabled)[b-t1jhdgub1s] {
    border-color: var(--tcg-ink, #201e1d);
}

.db-load-more:disabled[b-t1jhdgub1s] {
    color: var(--tcg-neutral-600, #6b6663);
    cursor: default;
}

/* ========== Campo de busca ========== */

.db-field[b-t1jhdgub1s] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.db-field svg[b-t1jhdgub1s] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: var(--tcg-ink, #201e1d);
}

.db-field input[b-t1jhdgub1s] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.db-cat-filter[b-t1jhdgub1s] {
    flex-wrap: wrap;
}

/* ========== Idioma da carta ========== */

/* Select nativo, não chips: seis idiomas em rótulo completo não cabem como segmentado na
   coluna de 380px (menos ainda empilhada em telefone), e cresceriam a cada idioma novo que o
   catálogo passasse a servir. Um select resolve isso com o mesmo traço de 2px do resto da tela. */
.db-lang-row[b-t1jhdgub1s] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.db-lang-label[b-t1jhdgub1s] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--tcg-neutral-600, #6b6663);
}

.db-lang-select[b-t1jhdgub1s] {
    height: 36px;
    padding: 0 10px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    cursor: pointer;
}

/* ========== Resultados da busca ========== */

.db-hit[b-t1jhdgub1s] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

/* Miniatura da carta no resultado da busca.

   É background-image e não <img> de propósito: uma URL que o catálogo montou e o CDN não
   tem devolve 404, e um <img> quebrado mostra o ícone de imagem partida do navegador no
   meio da lista. Como fundo, o 404 simplesmente deixa o placeholder à mostra. A proporção
   2.5:3.5 é a da carta física — a arte nunca fica esticada. */
.db-hit-thumb[b-t1jhdgub1s] {
    flex: 0 0 44px;
    width: 44px;
    aspect-ratio: 2.5 / 3.5;
    padding: 0;
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    border-radius: 0;
    background-color: var(--tcg-neutral-200, #e2e0df);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: zoom-in;
}

.db-hit-thumb:focus-visible[b-t1jhdgub1s] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.db-hit-thumb-empty[b-t1jhdgub1s] {
    cursor: default;
}

.db-hit-body[b-t1jhdgub1s] {
    flex: 1;
    min-width: 0;
}

.db-hit-name[b-t1jhdgub1s] {
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    overflow-wrap: anywhere;
}

.db-hit-meta[b-t1jhdgub1s] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.db-hit-count[b-t1jhdgub1s] {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    color: var(--tcg-neutral-600, #6b6663);
}

.db-add[b-t1jhdgub1s] {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border: none;
    border-radius: 0;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
}

.db-add:disabled[b-t1jhdgub1s] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-500, #8a8582);
    cursor: not-allowed;
}

/* ========== Folha de cartas ========== */

.db-sheet[b-t1jhdgub1s] {
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.db-section-head[b-t1jhdgub1s] {
    padding: 10px 20px;
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-700, #4a4644);
}

.db-row[b-t1jhdgub1s] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 20px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.db-row-body[b-t1jhdgub1s] {
    flex: 1;
    min-width: 0;
}

.db-row-name[b-t1jhdgub1s] {
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.db-row-set[b-t1jhdgub1s] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.db-row-qty[b-t1jhdgub1s] {
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.db-stepper[b-t1jhdgub1s] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.db-step[b-t1jhdgub1s] {
    width: 32px;
    height: 32px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.db-step-add[b-t1jhdgub1s] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.db-step-add:disabled[b-t1jhdgub1s] {
    background: var(--tcg-neutral-200, #e2e0df);
    border-color: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-500, #8a8582);
    cursor: not-allowed;
}

.db-step-value[b-t1jhdgub1s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 32px;
    border-top: 2px solid var(--tcg-ink, #201e1d);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

/* ========== Coluna de validação ========== */

.db-check-col[b-t1jhdgub1s] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.db-hero[b-t1jhdgub1s] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 22px 20px;
}

.db-hero-key[b-t1jhdgub1s] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
}

.db-hero-figure[b-t1jhdgub1s] {
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
}

.db-hero-unit[b-t1jhdgub1s] {
    font-size: 24px;
    color: var(--tcg-neutral-500, #8a8582);
}

.db-track[b-t1jhdgub1s] {
    display: flex;
    gap: 2px;
    margin-top: 16px;
}

.db-slice[b-t1jhdgub1s] {
    height: 8px;
    min-width: 2px;
}

.db-slice-pok[b-t1jhdgub1s] {
    background: var(--tcg-accent, #ec3013);
}

.db-slice-tre[b-t1jhdgub1s] {
    background: var(--tcg-neutral-500, #8a8582);
}

.db-slice-ene[b-t1jhdgub1s] {
    background: var(--tcg-neutral-700, #4a4644);
}

.db-legend[b-t1jhdgub1s] {
    display: flex;
    gap: 12px;
    margin-top: 10px;
    flex-wrap: wrap;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-500, #8a8582);
}

.db-legend-item[b-t1jhdgub1s] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.db-legend-dot[b-t1jhdgub1s] {
    width: 9px;
    height: 9px;
    display: inline-block;
}

.db-check-body[b-t1jhdgub1s] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.db-block-key[b-t1jhdgub1s] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 10px;
}

.db-checks[b-t1jhdgub1s] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.db-check[b-t1jhdgub1s] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.db-check:last-child[b-t1jhdgub1s] {
    border-bottom: none;
}

.db-check-open .db-check-label[b-t1jhdgub1s] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

.db-check-label[b-t1jhdgub1s] {
    font-size: 14px;
    line-height: 1.35;
    color: var(--tcg-ink, #201e1d);
}

.db-tick[b-t1jhdgub1s] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-ink, #201e1d);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    margin-top: 1px;
}

.db-tick-open[b-t1jhdgub1s] {
    background: transparent;
    border: 2px solid var(--tcg-accent, #ec3013);
}

.db-warnbox[b-t1jhdgub1s] {
    padding: 14px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-neutral-700, #4a4644);
}

.db-actions[b-t1jhdgub1s] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.db-actions-note[b-t1jhdgub1s] {
    margin: 6px 0 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Estados ========== */

.db-blocked[b-t1jhdgub1s],
.db-empty[b-t1jhdgub1s] {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.db-blocked-title[b-t1jhdgub1s],
.db-empty-title[b-t1jhdgub1s] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.db-blocked-body[b-t1jhdgub1s],
.db-empty-body[b-t1jhdgub1s] {
    margin: 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

.db-inline-error[b-t1jhdgub1s] {
    margin: 16px 20px;
    padding: 12px 14px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-accent-700, #c2260f);
}

.db-error[b-t1jhdgub1s] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 720px;
}

.db-error-title[b-t1jhdgub1s] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.db-error-body[b-t1jhdgub1s] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-accent-700, #c2260f);
    margin-bottom: 8px;
}

/* ========== Responsivo ========== */

@media (max-width: 1280px) {
    .db-cols[b-t1jhdgub1s],
    .db-cols-read[b-t1jhdgub1s] {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .db-search-col[b-t1jhdgub1s] {
        grid-column: 1 / -1;
        border-right: none;
        border-bottom: 2px solid var(--tcg-ink, #201e1d);
    }

    .db-col-body[b-t1jhdgub1s] {
        max-height: 46vh;
    }
}

@media (max-width: 900px) {
    .db-cols[b-t1jhdgub1s],
    .db-cols-read[b-t1jhdgub1s] {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .db-search-col[b-t1jhdgub1s],
    .db-list-col[b-t1jhdgub1s] {
        border-right: none;
        border-bottom: 2px solid var(--tcg-ink, #201e1d);
    }

    .db-bar-left[b-t1jhdgub1s],
    .db-bar-right[b-t1jhdgub1s] {
        width: 100%;
    }

    .db-name[b-t1jhdgub1s] {
        width: 100%;
    }
}

/* ---------- Lightbox da carta ---------- */

.db-lightbox[b-t1jhdgub1s] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--tcg-space-md, 16px);
    background: rgba(20, 18, 17, 0.82);
    cursor: zoom-out;
}

.db-lightbox-inner[b-t1jhdgub1s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    max-width: min(92vw, 460px);
    cursor: default;
}

.db-lightbox-img[b-t1jhdgub1s] {
    max-width: 100%;
    /* Sobra para a barra de baixo, senão a carta vaza da tela em telefone deitado. */
    max-height: 78vh;
    height: auto;
    border-radius: 0;
}

.db-lightbox-bar[b-t1jhdgub1s] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.db-lightbox-name[b-t1jhdgub1s] {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    overflow-wrap: anywhere;
}

.db-lightbox-close[b-t1jhdgub1s] {
    flex: 0 0 auto;
    min-height: var(--tcg-touch-target, 44px);
    padding: 0 18px;
    border: 2px solid #fff;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.db-lightbox-close:hover[b-t1jhdgub1s] {
    background: #fff;
    color: var(--tcg-ink, #201e1d);
}

.db-lightbox-close:focus-visible[b-t1jhdgub1s] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}
/* /Pages/Deck/DeckCollection.razor.rz.scp.css */
/*
 * Coleção de decks — tela 48 do PlayTCG 2.0.
 *
 * Grade de cartões colada: o vão de 2px é o fundo em tinta aparecendo entre
 * as células, não uma margem. Raio 0 e sem sombra, como todo o 2.0.
 */

.dk[b-qufx139yub] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

/* ========== Cabeçalho ========== */

.dk-head[b-qufx139yub] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.dk-title[b-qufx139yub] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.dk-subtitle[b-qufx139yub] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.dk-head-actions[b-qufx139yub] {
    display: flex;
    gap: 2px;
}

/* ========== Botões ========== */

.dk-btn[b-qufx139yub] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.dk-btn:hover:not(:disabled)[b-qufx139yub] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.dk-btn:disabled[b-qufx139yub] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.dk-btn-primary[b-qufx139yub] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.dk-btn-primary:hover:not(:disabled)[b-qufx139yub] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.dk-btn-grow[b-qufx139yub] {
    flex: 1;
    min-width: 0;
    padding: 0 12px;
}

.dk-btn-icon[b-qufx139yub] {
    flex: 0 0 var(--tcg-touch-target, 44px);
    width: var(--tcg-touch-target, 44px);
    padding: 0;
    justify-content: center;
}

.dk-btn-icon svg[b-qufx139yub] {
    width: 17px;
    height: 17px;
}

.dk-btn-danger:hover:not(:disabled)[b-qufx139yub] {
    background: var(--tcg-accent-100, #fdecea);
    color: var(--tcg-accent-700, #c2260f);
}

.dk :focus-visible[b-qufx139yub] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== Filtros ========== */

.dk-filters[b-qufx139yub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.dk-search[b-qufx139yub] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--tcg-touch-target, 44px);
    width: 280px;
    max-width: 100%;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
}

.dk-search:focus-within[b-qufx139yub] {
    border-color: var(--tcg-accent, #ec3013);
}

.dk-search svg[b-qufx139yub] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dk-search input[b-qufx139yub] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
}

/* ========== Grade ========== */

/* As réguas de 2px entre os cartões vinham de um fundo em tinta aparecendo
   pelos vãos da grade. Funciona com a linha cheia e falha com ela pela metade:
   as células vazias mostravam o fundo inteiro, e dois decks numa grade de três
   colunas viravam um bloco preto do lado direito.

   Agora a régua é `outline` no próprio cartão. Outline é desenhado fora da
   caixa e não ocupa espaço, então as duas bordas vizinhas se encontram dentro
   do vão de 2px e se sobrepõem exatamente — o desenho é o mesmo da linha
   cheia, e onde não há cartão não há nada para pintar. */
.dk-grid[b-qufx139yub] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    padding: 2px;
}

.dk-card[b-qufx139yub] {
    outline: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dk-card-head[b-qufx139yub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 16px;
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.dk-card-state[b-qufx139yub] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-700, #4a4644);
}

.dk-card-note[b-qufx139yub] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent-700, #c2260f);
}

.dk-card-body[b-qufx139yub] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 16px;
    min-width: 0;
}

.dk-card-name[b-qufx139yub] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
    overflow-wrap: anywhere;
}

.dk-card-draft .dk-card-name[b-qufx139yub] {
    color: var(--tcg-neutral-700, #4a4644);
}

.dk-card-meta[b-qufx139yub] {
    margin-top: 4px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Células de composição ========== */

.dk-cells[b-qufx139yub] {
    display: flex;
    border: 2px solid var(--tcg-ink, #201e1d);
    font-variant-numeric: tabular-nums;
}

.dk-cells-draft[b-qufx139yub] {
    border-color: var(--tcg-neutral-300, #c9c6c4);
}

.dk-cell[b-qufx139yub] {
    flex: 1;
    min-width: 0;
    padding: 9px 10px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.dk-cell:last-child[b-qufx139yub] {
    border-right: none;
}

.dk-cell-value[b-qufx139yub] {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--tcg-ink, #201e1d);
}

.dk-cell-key[b-qufx139yub] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Contagem ========== */

.dk-count[b-qufx139yub] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
    font-variant-numeric: tabular-nums;
}

.dk-count-draft[b-qufx139yub] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

.dk-tick[b-qufx139yub] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-ink, #201e1d);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.dk-tick-open[b-qufx139yub] {
    background: transparent;
    border: 2px solid var(--tcg-accent, #ec3013);
}

.dk-count-note[b-qufx139yub] {
    color: var(--tcg-neutral-600, #6b6663);
    font-weight: 400;
}

.dk-card-hint[b-qufx139yub],
.dk-card-warn[b-qufx139yub] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.dk-card-warn[b-qufx139yub] {
    padding: 10px 12px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

.dk-card-actions[b-qufx139yub] {
    display: flex;
    gap: 2px;
    margin-top: auto;
}

/* ========== Importar ========== */

.dk-import[b-qufx139yub] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px;
    border: 2px dashed var(--tcg-neutral-300, #c9c6c4);
    flex-wrap: wrap;
}

.dk-import-text[b-qufx139yub] {
    flex: 1;
    min-width: 240px;
}

.dk-import-title[b-qufx139yub] {
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.dk-import-body[b-qufx139yub] {
    font-size: 14px;
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Vazio, erro, aviso ========== */

.dk-empty[b-qufx139yub],
.dk-error[b-qufx139yub] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 720px;
}

.dk-error[b-qufx139yub] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
}

.dk-empty-title[b-qufx139yub],
.dk-error-title[b-qufx139yub] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.dk-error-title[b-qufx139yub] {
    color: var(--tcg-accent-700, #c2260f);
}

.dk-empty-body[b-qufx139yub],
.dk-error-body[b-qufx139yub] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.dk-error-body[b-qufx139yub] {
    color: var(--tcg-accent-700, #c2260f);
}

.dk-empty-actions[b-qufx139yub] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.dk-notice[b-qufx139yub] {
    padding: 12px 16px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .dk-grid[b-qufx139yub] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .dk-grid[b-qufx139yub] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dk-head[b-qufx139yub],
    .dk-filters[b-qufx139yub] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dk-search[b-qufx139yub] {
        width: 100%;
    }

    .dk-head-actions[b-qufx139yub] {
        width: 100%;
    }

    .dk-head-actions > *[b-qufx139yub] {
        flex: 1;
        justify-content: center;
    }
}
/* /Pages/Deck/DeckOfficialSheet.razor.rz.scp.css */
/*
 * Folha oficial de decklist — tela 52 do PlayTCG 2.0.
 *
 * Preto sobre branco, nada que dependa de cor: a folha é fotocopiada pela
 * organização. Réguas de 2px nas divisões e 1px entre linhas, mínimo de
 * 12,5px de corpo. A4 e Letter cabem sem reflow.
 */

.of[b-4zzrbht77t] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
}

/* ========== Controles (somem na impressão) ========== */

.of-controls[b-4zzrbht77t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 12px 20px;
}

.of-title[b-4zzrbht77t] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
}

.of-subtitle[b-4zzrbht77t] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    text-transform: uppercase;
}

.of-controls-actions[b-4zzrbht77t] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.of-btn[b-4zzrbht77t] {
    display: inline-flex;
    align-items: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.of-btn:hover:not(:disabled)[b-4zzrbht77t] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.of-btn:disabled[b-4zzrbht77t] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.of-btn-primary[b-4zzrbht77t] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.of-btn-primary:hover:not(:disabled)[b-4zzrbht77t] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.of :focus-visible[b-4zzrbht77t] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== A folha ========== */

.of-sheet[b-4zzrbht77t] {
    box-sizing: border-box;
    width: 190mm;
    max-width: 100%;
    margin: 0 auto;
    padding: 8mm 9mm;
    background: #fff;
    color: var(--tcg-ink, #201e1d);
    border: 1px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;

    /* Uma folha A4 inteira, mesmo com poucas cartas.

       Sem isto o container encolhia até o conteúdo, e a assinatura e o rodapé
       subiam para logo abaixo da última carta — no meio do papel, quando o
       deck não enchia a página. Assinatura é para ser assinada no pé da folha.

       277mm = 297mm de A4 menos os 10mm de margem de @page em cima e embaixo.
       As colunas já têm flex:1, então é este mínimo que lhes dá o que ocupar,
       e o rodapé desce junto. Deck que passa de uma página continua fluindo
       normalmente: aí o rodapé cai no pé da última. */
    min-height: 277mm;
    font-size: 10pt;
}

.of-key[b-4zzrbht77t] {
    font-size: .7em;
    font-weight: 700;
    letter-spacing: 1.5px;
}

/* ---------- Cabeçalho ---------- */

.of-head[b-4zzrbht77t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1em;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    padding-bottom: 1em;
}

.of-brand[b-4zzrbht77t] {
    display: flex;
    align-items: center;
    gap: .7em;
}

.of-mark[b-4zzrbht77t] {
    width: 2.6em;
    height: 2.6em;
    flex: 0 0 auto;
}

.of-head-title[b-4zzrbht77t] {
    font-size: 1.35em;
    font-weight: 700;
    line-height: 1.1;
}

.of-head-game[b-4zzrbht77t] {
    font-size: .78em;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.of-head-meta[b-4zzrbht77t] {
    text-align: right;
    min-width: 0;
    font-size: .85em;
    line-height: 1.5;
}

.of-head-deck[b-4zzrbht77t] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.of-head-blank[b-4zzrbht77t] {
    color: var(--tcg-neutral-700, #4a4644);
}

/* ---------- Faixa do jogador ---------- */

.of-band[b-4zzrbht77t] {
    display: flex;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.of-band-cell[b-4zzrbht77t] {
    padding: .9em 0 .9em 1em;
}

.of-band-cell-grow[b-4zzrbht77t] {
    flex: 1;
    min-width: 0;
    padding-left: 0;
    border-right: 1px solid var(--tcg-ink, #201e1d);
}

.of-band-cell-id[b-4zzrbht77t] {
    flex: 0 0 34%;
    border-right: 1px solid var(--tcg-ink, #201e1d);
}

.of-band-cell-div[b-4zzrbht77t] {
    flex: 0 0 24%;
}

.of-band-value[b-4zzrbht77t] {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: .1em;
    overflow-wrap: anywhere;
}

.of-band-rule[b-4zzrbht77t] {
    height: 1.5em;
    margin-top: .1em;
    border-bottom: 1px solid var(--tcg-ink, #201e1d);
}

/* ---------- Colunas de cartas ---------- */

.of-columns[b-4zzrbht77t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex: 1;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.of-column-left[b-4zzrbht77t] {
    border-right: 1px solid var(--tcg-ink, #201e1d);
    padding: 1em 1em 1em 0;
}

.of-column-right[b-4zzrbht77t] {
    padding: 1em 0 1em 1em;
}

.of-group + .of-group[b-4zzrbht77t] {
    margin-top: 1.4em;
}

.of-group-head[b-4zzrbht77t] {
    font-size: .75em;
    font-weight: 700;
    letter-spacing: 1.5px;
    border-bottom: 1px solid var(--tcg-ink, #201e1d);
    padding-bottom: .5em;
    margin-bottom: .5em;
}

.of-line[b-4zzrbht77t] {
    display: flex;
    align-items: baseline;
    gap: .6em;
    font-size: .95em;
    line-height: 1.85;
    font-variant-numeric: tabular-nums;
}

.of-line-name[b-4zzrbht77t] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Set, collector number and regulation mark — separado, não misturado num
   único código, para bater com o que o app já mostra na exportação em PDF
   (QTY | NOME | SET | COLL. # | REG, no formulário oficial da Pokémon). */
.of-line-meta[b-4zzrbht77t] {
    flex: 0 0 auto;
    display: flex;
    align-items: baseline;
    gap: .5em;
    font-size: .82em;
    color: var(--tcg-neutral-600, #6b6663);
    white-space: nowrap;
}

.of-line-set[b-4zzrbht77t] {
    font-weight: 700;
}

.of-line-reg[b-4zzrbht77t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4em;
    height: 1.4em;
    padding: 0 .2em;
    border: 1px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-weight: 700;
}

.of-line-qty[b-4zzrbht77t] {
    flex: 0 0 auto;
    min-width: 1.4em;
    text-align: right;
}

.of-line-empty[b-4zzrbht77t] {
    color: var(--tcg-neutral-600, #6b6663);
    font-style: italic;
}

/* ---------- Rodapé ---------- */

.of-foot[b-4zzrbht77t] {
    display: flex;
    align-items: flex-end;
    gap: 1.2em;
    padding-top: 1em;
}

.of-sign-player[b-4zzrbht77t] {
    flex: 1;
}

.of-sign-judge[b-4zzrbht77t] {
    flex: 0 0 26%;
}

.of-total[b-4zzrbht77t] {
    flex: 0 0 18%;
}

.of-sign-rule[b-4zzrbht77t] {
    height: 2.4em;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.of-total-value[b-4zzrbht77t] {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
}

.of-note[b-4zzrbht77t] {
    margin: .9em 0 0;
    font-size: .68em;
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Estados e nota (fora da folha) ========== */

.of-error[b-4zzrbht77t],
.of-legal[b-4zzrbht77t] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 720px;
}

.of-error[b-4zzrbht77t] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
}

.of-error-title[b-4zzrbht77t] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.of-error-body[b-4zzrbht77t] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-accent-700, #c2260f);
    margin-bottom: 8px;
}

.of-warn[b-4zzrbht77t] {
    padding: 12px 16px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
    color: var(--tcg-accent-700, #c2260f);
}

.of-legal-key[b-4zzrbht77t] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
}

.of-legal-body[b-4zzrbht77t] {
    margin: 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Impressão ========== */

@page {
    size: A4;
    margin: 10mm;
}

@media print {
    .no-print[b-4zzrbht77t] {
        display: none !important;
    }

    .of-sheet[b-4zzrbht77t] {
        width: 100%;
        border: none;
        padding: 0;
        font-size: 10pt;
    }
}

/* ========== Telas estreitas ========== */

@media (max-width: 820px) {
    .of-sheet[b-4zzrbht77t] {
        font-size: 11pt;
        padding: 6mm;
    }

    .of-columns[b-4zzrbht77t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .of-column-left[b-4zzrbht77t] {
        border-right: none;
        border-bottom: 1px solid var(--tcg-ink, #201e1d);
        padding: 1em 0;
    }

    .of-column-right[b-4zzrbht77t] {
        padding: 1em 0;
    }

    .of-band[b-4zzrbht77t] {
        flex-wrap: wrap;
    }

    .of-band-cell-grow[b-4zzrbht77t] {
        flex: 1 0 100%;
        border-right: none;
    }
}
/* /Pages/Deck/DeckOfficialSheetColor.razor.rz.scp.css */
/*
 * Folha oficial de decklist, versão colorida — tela 68 do PlayTCG 2.0.
 *
 * Mesma estrutura da tela 52 (DeckOfficialSheet.razor.css), com uma faixa por
 * categoria: Pokémon em vermelho de torneio, Treinador em tinta, Energia em
 * cinza forte — a mesma proporção repetida na barra do topo. Cor nunca é a
 * única pista: toda faixa também carrega o nome e a contagem em texto.
 */

.ofc[b-ape2vqymjo] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
}

/* ========== Controles (somem na impressão) ========== */

.ofc-controls[b-ape2vqymjo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 12px 20px;
}

.ofc-title[b-ape2vqymjo] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
}

.ofc-subtitle[b-ape2vqymjo] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    text-transform: uppercase;
}

.ofc-controls-actions[b-ape2vqymjo] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.ofc-btn[b-ape2vqymjo] {
    display: inline-flex;
    align-items: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.ofc-btn:hover:not(:disabled)[b-ape2vqymjo] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.ofc-btn:disabled[b-ape2vqymjo] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.ofc-btn-primary[b-ape2vqymjo] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.ofc-btn-primary:hover:not(:disabled)[b-ape2vqymjo] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.ofc :focus-visible[b-ape2vqymjo] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== A folha ========== */

.ofc-sheet[b-ape2vqymjo] {
    box-sizing: border-box;
    width: 190mm;
    max-width: 100%;
    margin: 0 auto;
    padding: 8mm 9mm;
    background: #fff;
    color: var(--tcg-ink, #201e1d);
    border: 1px solid #201e1d;
    display: flex;
    flex-direction: column;
    gap: .9em;

    /* Uma folha A4 inteira, mesmo com poucas cartas — mesmo motivo da folha
       em preto e branco (DeckOfficialSheet.razor.css): sem altura mínima o
       container encolhe e a assinatura sobe para o meio do papel. 277mm é o
       A4 menos os 10mm de margem de @page em cima e embaixo; .ofc-columns já
       tem flex:1 e é isto que lhe dá o que ocupar. */
    min-height: 277mm;
    font-size: 10pt;
}

.ofc-key[b-ape2vqymjo] {
    font-size: .7em;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.ofc-key-light[b-ape2vqymjo] {
    color: #8a8582;
}

/* ---------- Cabeçalho ---------- */

.ofc-head[b-ape2vqymjo] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1.2em;
}

.ofc-brand[b-ape2vqymjo] {
    display: flex;
    align-items: center;
    gap: .8em;
}

.ofc-head-title[b-ape2vqymjo] {
    font-size: 1.35em;
    font-weight: 700;
    line-height: 1.05;
}

.ofc-head-game[b-ape2vqymjo] {
    font-size: .78em;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #c2260f;
    margin-top: .25em;
}

.ofc-head-meta[b-ape2vqymjo] {
    text-align: right;
    min-width: 0;
    font-size: .85em;
    line-height: 1.5;
}

.ofc-head-deck[b-ape2vqymjo] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.ofc-head-blank[b-ape2vqymjo] {
    color: var(--tcg-neutral-700, #4a4644);
}

/* ---------- Faixa do jogador ---------- */

.ofc-band[b-ape2vqymjo] {
    display: flex;
    border: 2px solid #201e1d;
}

.ofc-band-cell[b-ape2vqymjo] {
    padding: .8em 0 .8em 1em;
}

.ofc-band-cell-grow[b-ape2vqymjo] {
    flex: 1;
    min-width: 0;
    padding-left: 1em;
    border-right: 1px solid #e2e0df;
}

.ofc-band-cell-id[b-ape2vqymjo] {
    flex: 0 0 30%;
    border-right: 1px solid #e2e0df;
}

.ofc-band-cell-div[b-ape2vqymjo] {
    flex: 0 0 20%;
}

.ofc-band-value[b-ape2vqymjo] {
    font-size: 1.35em;
    font-weight: 700;
    margin-top: .1em;
    overflow-wrap: anywhere;
}

.ofc-band-rule[b-ape2vqymjo] {
    height: 1.4em;
    margin-top: .1em;
    border-bottom: 1px solid #201e1d;
}

/* ---------- Barra de total / proporção / validação ---------- */

.ofc-total-bar[b-ape2vqymjo] {
    display: flex;
    align-items: center;
    gap: 1.2em;
    background: #201e1d;
    color: #f3f2f2;
    padding: .8em 1em;
}

.ofc-total-value[b-ape2vqymjo] {
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1;
}

.ofc-total-of[b-ape2vqymjo] {
    font-size: .5em;
    color: #8a8582;
}

.ofc-ratio[b-ape2vqymjo] {
    flex: 1;
    min-width: 0;
}

.ofc-ratio-bar[b-ape2vqymjo] {
    display: flex;
    gap: 2px;
    height: 8px;
}

.ofc-ratio-seg[b-ape2vqymjo] {
    display: block;
    height: 100%;
}

.ofc-seg-pokemon[b-ape2vqymjo] {
    background: #ec3013;
}

.ofc-seg-trainer[b-ape2vqymjo] {
    background: #f3f2f2;
}

.ofc-seg-energy[b-ape2vqymjo] {
    background: #6b6663;
}

.ofc-ratio-legend[b-ape2vqymjo] {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-top: .6em;
    font-size: .55em;
    font-weight: 700;
    letter-spacing: 1px;
    color: #c9c6c4;
}

.ofc-ratio-legend span[b-ape2vqymjo] {
    display: inline-flex;
    align-items: center;
    gap: .4em;
}

.ofc-swatch[b-ape2vqymjo] {
    width: .8em;
    height: .8em;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, .35);
}

.ofc-validation[b-ape2vqymjo] {
    flex: 0 0 auto;
    background: #ec3013;
    color: #fff;
    padding: .5em .8em;
    text-align: right;
}

.ofc-validation-value[b-ape2vqymjo] {
    font-size: .85em;
    font-weight: 700;
    white-space: nowrap;
}

/* ---------- Colunas de cartas ---------- */

.ofc-columns[b-ape2vqymjo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2em;
    flex: 1;
}

.ofc-column[b-ape2vqymjo] {
    display: flex;
    flex-direction: column;
    gap: .9em;
    min-width: 0;
}

.ofc-group[b-ape2vqymjo] {
    border: 2px solid #201e1d;
}

.ofc-group-pokemon[b-ape2vqymjo] {
    border-color: #ec3013;
}

.ofc-group-trainer[b-ape2vqymjo] {
    border-color: #201e1d;
}

.ofc-group-energy[b-ape2vqymjo],
.ofc-group-ink[b-ape2vqymjo] {
    border-color: #6b6663;
}

.ofc-group-head[b-ape2vqymjo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .45em .7em;
    font-size: .68em;
    font-weight: 700;
    letter-spacing: 1.5px;
    background: #201e1d;
    color: #fff;
}

.ofc-group-pokemon > .ofc-group-head[b-ape2vqymjo] {
    background: #ec3013;
}

.ofc-group-energy > .ofc-group-head[b-ape2vqymjo],
.ofc-group-ink > .ofc-group-head[b-ape2vqymjo] {
    background: #6b6663;
}

.ofc-line[b-ape2vqymjo] {
    display: flex;
    align-items: baseline;
    gap: .6em;
    padding: 0 .7em;
    font-size: .95em;
    line-height: 1.75;
    font-variant-numeric: tabular-nums;
    border-bottom: 1px solid #e2e0df;
}

.ofc-line:last-child[b-ape2vqymjo] {
    border-bottom: none;
}

.ofc-line-name[b-ape2vqymjo] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Set, número de coleção e regulation mark separados — mesmo raciocínio de
   DeckOfficialSheet.razor.css, para bater com o que o app mostra no PDF. */
.ofc-line-meta[b-ape2vqymjo] {
    flex: 0 0 auto;
    display: flex;
    align-items: baseline;
    gap: .5em;
    font-size: .82em;
    color: #6b6663;
    white-space: nowrap;
}

.ofc-line-set[b-ape2vqymjo] {
    font-weight: 700;
}

.ofc-line-reg[b-ape2vqymjo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4em;
    height: 1.4em;
    padding: 0 .2em;
    border: 1px solid #201e1d;
    color: #201e1d;
    font-weight: 700;
}

.ofc-line-qty[b-ape2vqymjo] {
    flex: 0 0 auto;
    min-width: 1.4em;
    text-align: right;
}

.ofc-line-empty[b-ape2vqymjo] {
    color: #6b6663;
    font-style: italic;
    padding: .5em .7em;
}

/* ---------- Rodapé ---------- */

.ofc-foot[b-ape2vqymjo] {
    display: flex;
    align-items: flex-end;
    gap: 1.2em;
    border-top: 2px solid #201e1d;
    padding-top: 1em;
}

.ofc-sign-player[b-ape2vqymjo] {
    flex: 1;
}

.ofc-sign-judge[b-ape2vqymjo] {
    flex: 0 0 26%;
}

.ofc-total[b-ape2vqymjo] {
    flex: 0 0 18%;
    background: #f3f2f2;
    padding: .4em .6em;
}

.ofc-sign-rule[b-ape2vqymjo] {
    height: 2.4em;
    border-bottom: 2px solid #201e1d;
}

.ofc-total-foot-value[b-ape2vqymjo] {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.15;
}

.ofc-note[b-ape2vqymjo] {
    margin: 0;
    font-size: .68em;
    line-height: 1.5;
    color: #6b6663;
}

/* ========== Estados e nota (fora da folha) ========== */

.ofc-error[b-ape2vqymjo],
.ofc-legal[b-ape2vqymjo] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 720px;
}

.ofc-error[b-ape2vqymjo] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
}

.ofc-error-title[b-ape2vqymjo] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.ofc-error-body[b-ape2vqymjo] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-accent-700, #c2260f);
    margin-bottom: 8px;
}

.ofc-warn[b-ape2vqymjo] {
    padding: 12px 16px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
    color: var(--tcg-accent-700, #c2260f);
}

.ofc-legal-key[b-ape2vqymjo] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
}

.ofc-legal-body[b-ape2vqymjo] {
    margin: 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

.ofc-legal-body a[b-ape2vqymjo] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 700;
}

/* ========== Impressão ========== */

/* Mesmo valor de DeckOfficialSheet.razor.css e MatchSlips.razor.css: @page
   não é isolado pelo Blazor (cai no bundle global), e um terceiro valor de
   margem aqui sobrescreveria a margem impressa dos outros dois por ordem de
   bundling, não por qual página está na tela. */
@page {
    size: A4;
    margin: 10mm;
}

@media print {
    .no-print[b-ape2vqymjo] {
        display: none !important;
    }

    .ofc-sheet[b-ape2vqymjo] {
        width: 100%;
        border: none;
        padding: 0;
        font-size: 10pt;
    }
}

/* ========== Telas estreitas ========== */

@media (max-width: 820px) {
    .ofc-sheet[b-ape2vqymjo] {
        font-size: 11pt;
        padding: 6mm;
    }

    .ofc-columns[b-ape2vqymjo] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ofc-band[b-ape2vqymjo] {
        flex-wrap: wrap;
    }

    .ofc-band-cell-grow[b-ape2vqymjo] {
        flex: 1 0 100%;
        border-right: none;
        border-bottom: 1px solid #e2e0df;
    }

    .ofc-total-bar[b-ape2vqymjo] {
        flex-wrap: wrap;
    }
}
/* /Pages/Deck/ImportDeck.razor.rz.scp.css */
/*
 * Importar lista — tela 50 do PlayTCG 2.0.
 *
 * Duas colunas: colar texto à esquerda, o que foi reconhecido à direita.
 * O painel "RECONHECIDO" é o único bloco em tinta da tela — o resto segue
 * a mesma régua clara de qualquer outra tela de deck.
 */

.imp[b-bf00ghnge7] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
    max-width: 1040px;
}

/* ========== Barra ========== */

.imp-bar[b-bf00ghnge7] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.imp-back[b-bf00ghnge7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--tcg-ink, #201e1d);
    text-decoration: none;
}

.imp-back svg[b-bf00ghnge7] {
    width: 22px;
    height: 22px;
}

.imp-back:hover[b-bf00ghnge7] {
    color: var(--tcg-accent, #ec3013);
}

.imp-title[b-bf00ghnge7] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

/* ========== Aviso ========== */

.imp-notice[b-bf00ghnge7] {
    padding: 12px 16px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.imp-notice-error[b-bf00ghnge7] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Configuração ========== */

.imp-setup[b-bf00ghnge7] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.imp-field input[b-bf00ghnge7] {
    height: var(--tcg-touch-target, 44px);
    width: 320px;
    max-width: 100%;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    border-radius: 0;
    font-family: inherit;
    font-size: 15px;
    color: var(--tcg-ink, #201e1d);
}

.imp-field input:focus-visible[b-bf00ghnge7] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
    border-color: var(--tcg-ink, #201e1d);
}

/* ========== Grade ========== */

.imp-grid[b-bf00ghnge7] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 2px;
    background: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    align-items: stretch;
}

.imp-col[b-bf00ghnge7] {
    background: var(--tcg-surface, #fff);
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    min-width: 0;
}

.imp-col-label[b-bf00ghnge7] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Coluna de texto ========== */

.imp-textarea[b-bf00ghnge7] {
    flex: 1;
    min-height: 340px;
    padding: 14px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: ui-monospace, Menlo, monospace;
    font-size: 13px;
    line-height: 1.7;
    color: var(--tcg-neutral-700, #4a4644);
    resize: vertical;
}

.imp-textarea:focus-visible[b-bf00ghnge7] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

.imp-actions[b-bf00ghnge7] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.imp-btn[b-bf00ghnge7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.imp-btn:hover:not(:disabled)[b-bf00ghnge7] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.imp-btn:disabled[b-bf00ghnge7] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.imp-btn-primary[b-bf00ghnge7] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.imp-btn-primary:hover:not(:disabled)[b-bf00ghnge7] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.imp-file-input[b-bf00ghnge7] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.imp-file-label[b-bf00ghnge7] {
    margin: 0;
}

/* ========== Coluna de reconhecimento ========== */

.imp-recognized[b-bf00ghnge7] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 16px;
}

.imp-recognized-label[b-bf00ghnge7] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

.imp-recognized-figure[b-bf00ghnge7] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    margin-top: 6px;
}

.imp-recognized-unit[b-bf00ghnge7] {
    font-size: 16px;
    color: var(--tcg-neutral-500, #8a8582);
}

.imp-recognized-meta[b-bf00ghnge7] {
    font-size: 13px;
    color: var(--tcg-neutral-300, #c9c6c4);
    margin-top: 6px;
}

.imp-box[b-bf00ghnge7] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.imp-box-label[b-bf00ghnge7] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.imp-box-body[b-bf00ghnge7] {
    font-size: 14px;
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
}

.imp-warn[b-bf00ghnge7] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.imp-warn-title[b-bf00ghnge7] {
    font-size: 14px;
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.imp-warn-list[b-bf00ghnge7] {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--tcg-accent-700, #c2260f);
    max-height: 180px;
    overflow-y: auto;
}

.imp-legal[b-bf00ghnge7] {
    font-size: 13px;
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: auto;
}

/* ========== Responsivo ========== */

@media (max-width: 900px) {
    .imp-grid[b-bf00ghnge7] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .imp-setup[b-bf00ghnge7] {
        flex-direction: column;
        align-items: stretch;
    }

    .imp-field input[b-bf00ghnge7] {
        width: 100%;
    }
}
/* /Pages/DeckList/DeckListManagement.razor.rz.scp.css */
/* Conferência de decklists — tela 17 do PlayTCG 2.0 */

.dl[b-8vi0ohqh7t] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

/* ========== Barra ========== */

.dl-bar[b-8vi0ohqh7t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 14px 18px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dl-bar-name[b-8vi0ohqh7t] {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--tcg-ink, #201e1d);
}

.dl-bar-meta[b-8vi0ohqh7t] {
    margin-top: 2px;
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Grade ========== */

.dl-grid[b-8vi0ohqh7t] {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 24px;
    align-items: start;
}

/* ========== Fila ========== */

.dl-queue[b-8vi0ohqh7t] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    min-width: 0;
}

.dl-tabs[b-8vi0ohqh7t] {
    display: flex;
    gap: 2px;
    padding: 14px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    flex-wrap: wrap;
}

.dl-tab[b-8vi0ohqh7t] {
    padding: 8px 12px;
    background: transparent;
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    cursor: pointer;
}

.dl-tab-active[b-8vi0ohqh7t] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.dl-tab:focus-visible[b-8vi0ohqh7t] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.dl-queue-empty[b-8vi0ohqh7t] {
    padding: 24px 18px;
    font-size: 14px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dl-list[b-8vi0ohqh7t] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dl-row[b-8vi0ohqh7t] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: none;
    border: none;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.dl-row:hover[b-8vi0ohqh7t] {
    background: var(--tcg-ground, #f3f2f2);
}

/* Linha selecionada: fundo vermelho lavado + régua de acento à esquerda — vem do mock. */
.dl-row-selected[b-8vi0ohqh7t],
.dl-row-selected:hover[b-8vi0ohqh7t] {
    background: var(--tcg-accent-100, #fdecea);
    box-shadow: inset 4px 0 0 var(--tcg-accent, #ec3013);
}

.dl-row:focus-visible[b-8vi0ohqh7t] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: -2px;
}

.dl-avatar[b-8vi0ohqh7t] {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: 13px;
    font-weight: 700;
}

.dl-row-selected .dl-avatar[b-8vi0ohqh7t] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.dl-row-body[b-8vi0ohqh7t] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dl-row-name[b-8vi0ohqh7t] {
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.dl-row-sub[b-8vi0ohqh7t] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dl-status-tag[b-8vi0ohqh7t] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 2px solid var(--tcg-ink, #201e1d);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    white-space: nowrap;
}

.dl-status-notsubmitted[b-8vi0ohqh7t],
.dl-status-expired[b-8vi0ohqh7t] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    border-color: var(--tcg-neutral-200, #e2e0df);
}

.dl-status-submitted[b-8vi0ohqh7t] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border-color: var(--tcg-accent, #ec3013);
}

.dl-status-validated[b-8vi0ohqh7t] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.dl-status-invalid[b-8vi0ohqh7t] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border-color: var(--tcg-accent, #ec3013);
}

/* ========== Detalhe ========== */

.dl-detail[b-8vi0ohqh7t] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.dl-detail-head[b-8vi0ohqh7t] {
    padding: 20px 24px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.dl-detail-label[b-8vi0ohqh7t] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

.dl-detail-name[b-8vi0ohqh7t] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-top: 4px;
}

.dl-detail-sub[b-8vi0ohqh7t] {
    font-size: 13px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.dl-counts[b-8vi0ohqh7t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.dl-count-cell[b-8vi0ohqh7t] {
    padding: 14px 16px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.dl-count-cell:last-child[b-8vi0ohqh7t] {
    border-right: none;
}

.dl-count-value[b-8vi0ohqh7t] {
    font-size: 22px;
    font-weight: 700;
}

.dl-count-label[b-8vi0ohqh7t] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dl-cardlist[b-8vi0ohqh7t] {
    flex: 1;
    overflow-y: auto;
    padding: 18px 24px;
}

.dl-cardgroup-head[b-8vi0ohqh7t] {
    padding: 10px 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-700, #4a4644);
    background: var(--tcg-ground, #f3f2f2);
    padding-left: 10px;
}

.dl-card-row[b-8vi0ohqh7t] {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: 14px;
}

.dl-validation[b-8vi0ohqh7t] {
    margin: 0 24px 18px 24px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
}

.dl-validation-ok[b-8vi0ohqh7t] {
    background: var(--tcg-ground, #f3f2f2);
    border: 1px solid var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.dl-validation-error[b-8vi0ohqh7t] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

.dl-note[b-8vi0ohqh7t] {
    margin: 0 24px 20px 24px;
    padding: 12px 14px;
    background: var(--tcg-ground, #f3f2f2);
    font-size: 12px;
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Responsivo ========== */

@media (max-width: 992px) {
    .dl-grid[b-8vi0ohqh7t] {
        grid-template-columns: 1fr;
    }
}

/* ========== Ações do detalhe ========== */

.dl-actions[b-8vi0ohqh7t] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
}

/* ========== Diálogo "em desenvolvimento" ========== */
/* Mesma forma do diálogo de drop/DQ (TournamentDropDQ.razor.css): régua de 2px,
   cabeçalho em tinta, raio zero. */

.dl-scrim[b-8vi0ohqh7t] {
    position: fixed;
    inset: 0;
    z-index: var(--tcg-z-modal-backdrop, 1040);
    background: rgba(32, 30, 29, .55);
}

.dl-dialog-wrap[b-8vi0ohqh7t] {
    position: fixed;
    inset: 0;
    z-index: var(--tcg-z-modal, 1050);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    pointer-events: none;
}

.dl-dialog[b-8vi0ohqh7t] {
    pointer-events: auto;
    width: 100%;
    max-width: 560px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dl-dialog-head[b-8vi0ohqh7t] {
    padding: 14px 20px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
}

.dl-dialog-body[b-8vi0ohqh7t] {
    padding: 20px;
}

.dl-dialog-title[b-8vi0ohqh7t] {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--tcg-ink, #201e1d);
}

.dl-dialog-text[b-8vi0ohqh7t] {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

.dl-dialog-text:last-child[b-8vi0ohqh7t] {
    margin-bottom: 0;
}

.dl-dialog-foot[b-8vi0ohqh7t] {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px 20px;
}
/* /Pages/DeckList/DeckListSubmission.razor.rz.scp.css */
/*
 * Envio ao torneio — tela 51 do PlayTCG 2.0.
 *
 * Uma coluna estreita, como um formulário de confirmação: torneio no topo,
 * a lista de decks prontos abaixo, e a única decisão real — qual deck vai —
 * antes de um botão que a documentação explica sem letra miúda.
 */

.ds[b-zrqc2ixbeo] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    max-width: 620px;
    min-width: 0;
}

/* ========== Cabeçalho ========== */

.ds-head[b-zrqc2ixbeo] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.ds-title[b-zrqc2ixbeo] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.ds-deadline[b-zrqc2ixbeo] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent-700, #c2260f);
}

.ds-deadline-passed[b-zrqc2ixbeo] {
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Avisos ========== */

.ds-error[b-zrqc2ixbeo] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.ds-error-title[b-zrqc2ixbeo] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.ds-error-body[b-zrqc2ixbeo] {
    font-size: 13px;
    color: var(--tcg-accent-700, #c2260f);
    margin-bottom: 8px;
}

/* ========== Bloco do torneio ========== */

.ds-tournament[b-zrqc2ixbeo] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 18px;
}

.ds-tournament-key[b-zrqc2ixbeo] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

.ds-tournament-name[b-zrqc2ixbeo] {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-top: 4px;
}

.ds-tournament-meta[b-zrqc2ixbeo] {
    font-size: 13px;
    color: var(--tcg-neutral-300, #c9c6c4);
    margin-top: 2px;
}

/* ========== Já enviada ========== */

.ds-frozen[b-zrqc2ixbeo] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ds-frozen-head[b-zrqc2ixbeo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ds-frozen-label[b-zrqc2ixbeo] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-accent-700, #c2260f);
}

.ds-frozen-when[b-zrqc2ixbeo] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.ds-frozen-name[b-zrqc2ixbeo] {
    font-size: 18px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.ds-frozen-count[b-zrqc2ixbeo] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.ds-hint[b-zrqc2ixbeo] {
    margin: 0;
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Escolha de deck ========== */

.ds-picker[b-zrqc2ixbeo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ds-picker-label[b-zrqc2ixbeo] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.ds-option[b-zrqc2ixbeo] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    border-radius: 0;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.ds-option + .ds-option[b-zrqc2ixbeo] {
    margin-top: 2px;
}

.ds-option:hover:not(:disabled)[b-zrqc2ixbeo] {
    border-color: var(--tcg-ink, #201e1d);
}

.ds-option-selected[b-zrqc2ixbeo] {
    border-color: var(--tcg-ink, #201e1d);
}

.ds-option-disabled[b-zrqc2ixbeo] {
    opacity: var(--tcg-disabled-opacity, 0.45);
    cursor: default;
}

.ds-option-mark[b-zrqc2ixbeo] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
}

.ds-option-mark-selected[b-zrqc2ixbeo] {
    border-color: var(--tcg-ink, #201e1d);
    background: var(--tcg-accent, #ec3013);
    box-shadow: inset 0 0 0 3px var(--tcg-surface, #fff);
}

.ds-option-body[b-zrqc2ixbeo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ds-option-name[b-zrqc2ixbeo] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.ds-option-meta[b-zrqc2ixbeo] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.ds-option-meta-error[b-zrqc2ixbeo] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

/* ========== Explicação ========== */

.ds-explain[b-zrqc2ixbeo] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ds-explain-label[b-zrqc2ixbeo] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.ds-explain-body[b-zrqc2ixbeo] {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Vazio ========== */

.ds-empty[b-zrqc2ixbeo] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.ds-empty-title[b-zrqc2ixbeo] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.ds-empty-body[b-zrqc2ixbeo] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

/* ========== Ações e botões ========== */

.ds-actions[b-zrqc2ixbeo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ds-btn[b-zrqc2ixbeo] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    height: 52px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

/* Spinner Xs ("botão ocupado") dentro do botão de envio — sem isto herdaria
   width:100% do wrapper do TcgLoading e esticaria dentro do botão largo. */
.ds-btn-primary .tcg-loading[b-zrqc2ixbeo] {
    width: auto;
    gap: 0;
}

.ds-btn:hover:not(:disabled)[b-zrqc2ixbeo] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.ds-btn:disabled[b-zrqc2ixbeo] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.ds-btn-primary[b-zrqc2ixbeo] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.ds-btn-primary:hover:not(:disabled)[b-zrqc2ixbeo] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.ds-btn-wide[b-zrqc2ixbeo] {
    width: 100%;
}
/* /Pages/DeckList/DeckListView.razor.rz.scp.css */
/*
 * Snapshot enviado — segunda rota da tela 51.
 *
 * Mesma gramática do construtor em modo leitura: grupos com cabeçalho
 * cheio, linhas com régua de 1px, números tabulares. A pré-visualização
 * fica presa na coluna direita, como no construtor.
 */

.dv[b-pmw3tqao3f] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
}

/* ========== Cabeçalho ========== */

.dv-head[b-pmw3tqao3f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.dv-title[b-pmw3tqao3f] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.dv-subtitle[b-pmw3tqao3f] {
    margin-top: 4px;
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dv-status[b-pmw3tqao3f] {
    flex: 0 0 auto;
    padding: 6px 10px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* ========== Avisos ========== */

.dv-error[b-pmw3tqao3f] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 640px;
}

.dv-error-title[b-pmw3tqao3f] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.dv-error-body[b-pmw3tqao3f] {
    font-size: 13px;
    color: var(--tcg-accent-700, #c2260f);
    margin-bottom: 8px;
}

.dv-warn[b-pmw3tqao3f] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 14px;
}

.dv-warn-title[b-pmw3tqao3f] {
    font-size: 14px;
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.dv-warn-list[b-pmw3tqao3f] {
    margin: 6px 0 0 0;
    padding-left: 18px;
    font-size: 13px;
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Botão genérico ========== */

.dv-btn[b-pmw3tqao3f] {
    display: inline-flex;
    align-items: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.dv-btn-primary[b-pmw3tqao3f] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.dv-btn-primary:hover[b-pmw3tqao3f] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

/* ========== Grade ========== */

.dv-grid[b-pmw3tqao3f] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 2px;
    background: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    align-items: start;
}

.dv-col[b-pmw3tqao3f] {
    background: var(--tcg-surface, #fff);
    min-width: 0;
}

.dv-list-col[b-pmw3tqao3f] {
    display: flex;
    flex-direction: column;
}

.dv-group + .dv-group[b-pmw3tqao3f] {
    border-top: 2px solid var(--tcg-ink, #201e1d);
}

.dv-group-head[b-pmw3tqao3f] {
    padding: 10px 16px;
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-700, #4a4644);
}

.dv-row[b-pmw3tqao3f] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 11px 16px;
    background: var(--tcg-surface, #fff);
    border: none;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.dv-row:hover[b-pmw3tqao3f] {
    background: var(--tcg-ground, #f3f2f2);
}

.dv-row-name[b-pmw3tqao3f] {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.dv-row-set[b-pmw3tqao3f] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dv-row-qty[b-pmw3tqao3f] {
    color: var(--tcg-ink, #201e1d);
}

/* ========== Coluna lateral ========== */

.dv-side-col[b-pmw3tqao3f] {
    display: flex;
    flex-direction: column;
}

.dv-preview[b-pmw3tqao3f] {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    padding: 16px;
}

.dv-preview-img[b-pmw3tqao3f] {
    max-width: 100%;
    max-height: 100%;
}

.dv-preview-empty[b-pmw3tqao3f] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
    text-align: center;
}

.dv-hero[b-pmw3tqao3f] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px;
}

.dv-hero-key[b-pmw3tqao3f] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

.dv-hero-figure[b-pmw3tqao3f] {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 4px;
}

.dv-hero-unit[b-pmw3tqao3f] {
    font-size: 13px;
    font-weight: 400;
    color: var(--tcg-neutral-500, #8a8582);
    margin-left: 6px;
}

.dv-hero-side[b-pmw3tqao3f] {
    margin-top: 6px;
    font-size: 13px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

/* ========== Responsivo ========== */

@media (max-width: 820px) {
    .dv-grid[b-pmw3tqao3f] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Exception/404/404.razor.rz.scp.css */
/* 404 — tela 65 do PlayTCG 2.0 */

.e404-links[b-3rbomwxvl7] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.e404-links-head[b-3rbomwxvl7] {
    padding: 12px var(--tcg-space-md, 16px);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.e404-link[b-3rbomwxvl7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    /* Linha tocável: 44px de alvo mesmo com uma linha só de texto. */
    min-height: var(--tcg-touch-target, 44px);
    padding: 12px var(--tcg-space-md, 16px);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-base, 15px);
    text-decoration: none;
    color: var(--tcg-ink, #201e1d);
}

.e404-link:last-child[b-3rbomwxvl7] {
    border-bottom: none;
}

.e404-link:hover[b-3rbomwxvl7] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.e404-link:focus-visible[b-3rbomwxvl7] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: -2px;
}

.e404-link-text[b-3rbomwxvl7] {
    font-weight: 600;
}

.e404-link-go[b-3rbomwxvl7] {
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
    flex: 0 0 auto;
}

.e404-grow[b-3rbomwxvl7] {
    flex: 1;
}
/* /Pages/Exception/500/500.razor.rz.scp.css */
/* 500 — tela 65 do PlayTCG 2.0 */

.e500-incident[b-gvmpsy60ye] {
    background: var(--tcg-arena-700, #2c2a28);
    padding: var(--tcg-space-md, 16px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
}

.e500-incident-label[b-gvmpsy60ye] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.e500-incident-code[b-gvmpsy60ye] {
    font-size: 18px;
    font-weight: 700;
    color: var(--tcg-ground, #f3f2f2);
    /* Selecionável: quando a área de transferência falha, copiar à mão
       ainda precisa funcionar. */
    user-select: all;
}

.e500-nocode[b-gvmpsy60ye] {
    background: var(--tcg-arena-700, #2c2a28);
    padding: var(--tcg-space-md, 16px);
    font-size: 14px;
    line-height: 1.5;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.e500-nocode strong[b-gvmpsy60ye] {
    color: var(--tcg-ground, #f3f2f2);
}

.e500-grow[b-gvmpsy60ye] {
    flex: 1;
}

/* Secundária no escuro: borda de grafite, sem preenchimento. */
.e500-support[b-gvmpsy60ye] {
    background: transparent;
    color: var(--tcg-ground, #f3f2f2);
    border: 2px solid var(--tcg-neutral-700, #4a4644);
}

.e500-support:hover[b-gvmpsy60ye],
.e500-support:focus[b-gvmpsy60ye] {
    border-color: var(--tcg-neutral-500, #8a8582);
    color: var(--tcg-ground, #f3f2f2);
}
/* /Pages/Home/Home.razor.rz.scp.css */
/* Home — tela 29 do PlayTCG 2.0 */

.hm[b-1ik82y8ojj] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.hm > main[b-1ik82y8ojj] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.hm-kicker[b-1ik82y8ojj] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

/* ========== Hero ========== */

.hm-hero[b-1ik82y8ojj] {
    display: grid;
    grid-template-columns: 1fr 520px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.hm-hero-copy[b-1ik82y8ojj] {
    padding: var(--tcg-space-xxl, 48px) var(--tcg-space-xl, 32px);
    border-right: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}

.hm-display[b-1ik82y8ojj] {
    margin: 0;
    /* Escala com a viewport para não estourar em 1024px nem encolher em 1440. */
    font-size: clamp(44px, 5.3vw, 76px);
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: .98;
    color: var(--tcg-ink, #201e1d);
}

.hm-lead[b-1ik82y8ojj] {
    margin: 0;
    max-width: 520px;
    font-size: 17px;
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
}

.hm-hero-actions[b-1ik82y8ojj] {
    display: flex;
    gap: 2px;
    margin-top: 6px;
    flex-wrap: wrap;
}

.hm-btn-hero[b-1ik82y8ojj] {
    height: 56px;
    padding: 0 22px;
    font-size: var(--tcg-font-size-lg, 16px);
}

/* ========== Acontecendo agora ========== */

.hm-live[b-1ik82y8ojj] {
    background: var(--tcg-ink, #201e1d);
    padding: var(--tcg-space-xl, 32px);
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.hm-live-title[b-1ik82y8ojj] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
    margin-bottom: 12px;
}

.hm-live-none[b-1ik82y8ojj] {
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-neutral-300, #c9c6c4);
    padding: var(--tcg-space-md, 16px) 20px;
    font-size: 14px;
    line-height: 1.5;
}

.hm-live-lead[b-1ik82y8ojj] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    padding: 18px 20px;
    text-decoration: none;
    display: block;
}

.hm-live-lead:hover[b-1ik82y8ojj] {
    background: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.hm-live-lead-top[b-1ik82y8ojj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
}

.hm-live-flag[b-1ik82y8ojj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
}

.hm-live-dot[b-1ik82y8ojj] {
    width: 7px;
    height: 7px;
    background: #fff;
    display: inline-block;
}

.hm-live-round[b-1ik82y8ojj] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
}

.hm-live-lead-name[b-1ik82y8ojj] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-top: var(--tcg-space-sm, 8px);
    line-height: 1.2;
}

.hm-live-lead-meta[b-1ik82y8ojj] {
    font-size: 14px;
    opacity: .95;
    margin-top: var(--tcg-space-xs, 4px);
}

.hm-live-row[b-1ik82y8ojj] {
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-ground, #f3f2f2);
    padding: var(--tcg-space-md, 16px) 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    text-decoration: none;
    min-height: var(--tcg-touch-target, 44px);
}

.hm-live-row:hover[b-1ik82y8ojj] {
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-ground, #f3f2f2);
}

.hm-live-row-text[b-1ik82y8ojj] {
    min-width: 0;
}

.hm-live-row-name[b-1ik82y8ojj] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.hm-live-row-meta[b-1ik82y8ojj] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-500, #8a8582);
}

.hm-live-row-flag[b-1ik82y8ojj] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent, #ec3013);
    flex: 0 0 auto;
}

.hm-figures[b-1ik82y8ojj] {
    margin-top: auto;
    padding-top: var(--tcg-space-lg, 24px);
    border-top: 1px solid var(--tcg-arena-700, #2c2a28);
    display: flex;
    color: var(--tcg-ground, #f3f2f2);
}

.hm-figure[b-1ik82y8ojj] {
    flex: 1;
}

.hm-figure-value[b-1ik82y8ojj] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.hm-figure-label[b-1ik82y8ojj] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
    margin-top: 6px;
}

/* ========== Dois públicos ========== */

.hm-audiences[b-1ik82y8ojj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.hm-audience[b-1ik82y8ojj] {
    padding: var(--tcg-space-xl, 32px);
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.hm-audience:first-child[b-1ik82y8ojj] {
    border-right: 2px solid var(--tcg-ink, #201e1d);
}

.hm-audience-title[b-1ik82y8ojj] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.1;
    color: var(--tcg-ink, #201e1d);
}

.hm-steps[b-1ik82y8ojj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.hm-steps li[b-1ik82y8ojj] {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.hm-steps li:last-child[b-1ik82y8ojj] {
    border-bottom: none;
}

.hm-step-n[b-1ik82y8ojj] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-accent, #ec3013);
    flex: 0 0 24px;
}

.hm-step-title[b-1ik82y8ojj] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.hm-step-body[b-1ik82y8ojj] {
    font-size: 14px;
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Fechamento ========== */

.hm-close[b-1ik82y8ojj] {
    flex: 1;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    padding: var(--tcg-space-xxl, 48px) var(--tcg-space-xl, 32px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-xl, 32px);
    flex-wrap: wrap;
}

.hm-close-kicker[b-1ik82y8ojj] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    opacity: .9;
}

.hm-close-title[b-1ik82y8ojj] {
    font-size: clamp(32px, 3.6vw, 52px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-display, -0.03em);
    line-height: 1.02;
    margin-top: var(--tcg-space-sm, 8px);
}

.hm-close-actions[b-1ik82y8ojj] {
    display: flex;
    gap: 2px;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.hm-btn-close[b-1ik82y8ojj] {
    height: 60px;
    padding: 0 24px;
    font-size: 17px;
}

.hm-btn-close-light[b-1ik82y8ojj] {
    background: #fff;
    color: var(--tcg-ink, #201e1d);
}

.hm-btn-close-light:hover[b-1ik82y8ojj] {
    background: var(--tcg-ground, #f3f2f2);
    color: var(--tcg-ink, #201e1d);
}

.hm-btn-close-outline[b-1ik82y8ojj] {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, .6);
}

.hm-btn-close-outline:hover[b-1ik82y8ojj] {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

/* ========== Responsivo ========== */

@media (max-width: 1199px) {
    .hm-hero[b-1ik82y8ojj] {
        grid-template-columns: 1fr 420px;
    }
}

@media (max-width: 991px) {
    .hm-hero[b-1ik82y8ojj],
    .hm-audiences[b-1ik82y8ojj] {
        grid-template-columns: 1fr;
    }

    .hm-hero-copy[b-1ik82y8ojj],
    .hm-audience:first-child[b-1ik82y8ojj] {
        border-right: none;
        border-bottom: 2px solid var(--tcg-ink, #201e1d);
    }
}

@media (max-width: 575px) {
    .hm-hero-copy[b-1ik82y8ojj],
    .hm-live[b-1ik82y8ojj],
    .hm-audience[b-1ik82y8ojj],
    .hm-close[b-1ik82y8ojj] {
        padding: var(--tcg-space-lg, 24px) var(--tcg-space-md, 16px);
    }

    .hm-btn-hero[b-1ik82y8ojj],
    .hm-btn-close[b-1ik82y8ojj] {
        height: 52px;
        width: 100%;
    }

    .hm-hero-actions[b-1ik82y8ojj],
    .hm-close-actions[b-1ik82y8ojj] {
        width: 100%;
        flex-direction: column;
        gap: 2px;
    }
}
/* /Pages/Invite/AcceptInvite.razor.rz.scp.css */
.ai[b-1arj3jtuum] {
    max-width: 560px;
    margin: 64px auto;
    padding: 0 16px;
}

.ai-card[b-1arj3jtuum] {
    background: var(--tcg-surface, #fff);
    border: var(--tcg-border-frame, 2px solid #201e1d);
    padding: 32px;
}

.ai-label[b-1arj3jtuum] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.ai-title[b-1arj3jtuum] { font-size: var(--tcg-font-size-xl, 20px); margin: 0 0 12px; color: var(--tcg-ink, #201e1d); }

.ai-body[b-1arj3jtuum] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.55; color: var(--tcg-neutral-700, #4a4644); margin: 0 0 12px; }

.ai-fine[b-1arj3jtuum] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 0 0 12px; }

.ai-actions[b-1arj3jtuum] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }

.ai-btn[b-1arj3jtuum] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.ai-btn:hover:not(:disabled)[b-1arj3jtuum] { background: var(--tcg-neutral-200, #e2e0df); }
.ai-btn:disabled[b-1arj3jtuum] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.ai-btn-primary[b-1arj3jtuum] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.ai-btn-primary:hover:not(:disabled)[b-1arj3jtuum] { background: var(--tcg-accent-800, #a81f0b); }
/* /Pages/Moderation/OrganizerProfile.razor.rz.scp.css */
.op[b-9ho0bdvfju] { max-width: 760px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); display: flex; flex-direction: column; gap: 16px; }

.op-card[b-9ho0bdvfju] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 20px; }

.op-card-label[b-9ho0bdvfju] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1.5px; color: var(--tcg-neutral-600, #6b6663); margin-bottom: 12px; }

.op-head[b-9ho0bdvfju] { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }

.op-name-row[b-9ho0bdvfju] { display: flex; align-items: center; gap: 8px; }

.op-name[b-9ho0bdvfju] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.op-badge[b-9ho0bdvfju] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    border: 1px solid #ec3013;
    color: #ec3013;
    padding: 2px 6px;
}

.op-tier[b-9ho0bdvfju] { display: block; font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; }

.op-meta[b-9ho0bdvfju] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 6px 0 0; }

.op-report[b-9ho0bdvfju] {
    font-size: var(--tcg-font-size-xs, 11px);
    color: var(--tcg-neutral-600, #6b6663);
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    padding: 3px 8px;
    text-decoration: none;
    white-space: nowrap;
}

.op-reputation[b-9ho0bdvfju] { margin-top: 18px; }

.op-categories[b-9ho0bdvfju] { display: flex; gap: 24px; margin-top: 16px; }

.op-category[b-9ho0bdvfju] { display: flex; flex-direction: column; }

.op-category-value[b-9ho0bdvfju] { font-size: var(--tcg-font-size-lg, 16px); font-weight: 700; color: var(--tcg-ink, #201e1d); }

.op-category-key[b-9ho0bdvfju] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; color: var(--tcg-neutral-600, #6b6663); }

.op-distribution[b-9ho0bdvfju] { display: flex; flex-direction: column; gap: 6px; }

.op-dist-row[b-9ho0bdvfju] { display: flex; align-items: center; gap: 8px; }

.op-dist-star[b-9ho0bdvfju] { width: 12px; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); }

.op-dist-bar[b-9ho0bdvfju] { flex: 1; height: 8px; background: var(--tcg-neutral-200, #e2e0df); }

.op-dist-fill[b-9ho0bdvfju] { height: 100%; background: #ec3013; }

.op-dist-count[b-9ho0bdvfju] { width: 24px; text-align: right; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); }

.op-review[b-9ho0bdvfju] { padding: 12px 0; border-top: 1px solid var(--tcg-neutral-300, #c9c6c4); }
.op-review:first-child[b-9ho0bdvfju] { border-top: none; padding-top: 0; }

.op-review-head[b-9ho0bdvfju] { display: flex; align-items: center; gap: 6px; font-weight: 600; color: var(--tcg-ink, #201e1d); }

.op-fine[b-9ho0bdvfju] { font-weight: 400; color: var(--tcg-neutral-600, #6b6663); font-size: var(--tcg-font-size-sm, 13px); }

.op-review-report[b-9ho0bdvfju] { margin-left: auto; font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); text-decoration: none; }

.op-review-comment[b-9ho0bdvfju] { margin: 6px 0 0; color: var(--tcg-neutral-700, #4a4644); line-height: 1.5; }

.op-reply[b-9ho0bdvfju] { margin-top: 10px; padding: 10px 12px; background: var(--tcg-ground, #f3f2f2); border-left: 2px solid var(--tcg-ink, #201e1d); }

.op-reply-head[b-9ho0bdvfju] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; color: var(--tcg-neutral-600, #6b6663); margin-bottom: 4px; }

.op-rules[b-9ho0bdvfju] { margin: 0; padding-left: 18px; color: var(--tcg-neutral-700, #4a4644); font-size: var(--tcg-font-size-sm, 13px); line-height: 1.8; }
/* /Pages/Moderation/Report.razor.rz.scp.css */
.rp[b-kpdaro15cd] { max-width: 640px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); display: flex; flex-direction: column; gap: 16px; }

.rp-bar[b-kpdaro15cd] { display: flex; flex-direction: column; gap: 4px; }

.rp-title[b-kpdaro15cd] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.rp-fine[b-kpdaro15cd] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 4px 0 0; }

.rp-body[b-kpdaro15cd] { font-size: var(--tcg-font-size-base, 15px); color: var(--tcg-neutral-700, #4a4644); line-height: 1.5; }

.rp-card[b-kpdaro15cd] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 18px; }

.rp-center[b-kpdaro15cd] { text-align: center; }

.rp-card-label[b-kpdaro15cd] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 10px;
}

.rp-target[b-kpdaro15cd] { font-weight: 600; color: var(--tcg-ink, #201e1d); }

.rp-radio[b-kpdaro15cd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    cursor: pointer;
    font-size: var(--tcg-font-size-base, 15px);
    color: var(--tcg-ink, #201e1d);
}

.rp-textarea[b-kpdaro15cd] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    padding: 10px;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    resize: vertical;
}

.rp-actions[b-kpdaro15cd] { display: flex; gap: 10px; justify-content: flex-end; }

.rp-btn[b-kpdaro15cd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.rp-btn-primary[b-kpdaro15cd] { background: var(--tcg-ink, #201e1d); color: var(--tcg-surface, #fff); }

.rp-btn:disabled[b-kpdaro15cd] { opacity: 0.6; cursor: not-allowed; }
/* /Pages/Notifications/NotificationList.razor.rz.scp.css */
/* Central de avisos — tela 64 do PlayTCG 2.0 */

.nt[b-0cnxrvypzj] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.nt-grow[b-0cnxrvypzj] {
    flex: 1;
}

.nt-head[b-0cnxrvypzj] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.nt-title[b-0cnxrvypzj] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.nt-head-actions[b-0cnxrvypzj] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* Botões colados: a borda do segundo não duplica a do primeiro. */
.nt-btn-joined[b-0cnxrvypzj] {
    border-left: none;
}

.nt-body[b-0cnxrvypzj] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: var(--tcg-space-lg, 24px);
    align-items: start;
}

.nt-col[b-0cnxrvypzj] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
}

.nt-why[b-0cnxrvypzj] {
    margin: 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.nt-side[b-0cnxrvypzj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.nt-panel[b-0cnxrvypzj] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 20px;
}

.nt-panel-dark[b-0cnxrvypzj] {
    background: var(--tcg-ink, #201e1d);
    border-color: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.nt-panel-head[b-0cnxrvypzj] {
    margin: 0 0 14px 0;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.nt-panel-head-dark[b-0cnxrvypzj] {
    color: var(--tcg-neutral-500, #8a8582);
}

.nt-panel-body[b-0cnxrvypzj] {
    margin: 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.6;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.nt-panel-body strong[b-0cnxrvypzj] {
    color: var(--tcg-ground, #f3f2f2);
}

.nt-filters[b-0cnxrvypzj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    /* Inertes até existir o que filtrar — e a opacidade diz isso. */
    opacity: var(--tcg-disabled-opacity, .45);
}

.nt-filter[b-0cnxrvypzj] {
    padding: 12px 14px;
    border: 2px solid var(--tcg-ink, #201e1d);
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.nt-filter-active[b-0cnxrvypzj] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.nt-panel-note[b-0cnxrvypzj] {
    margin: 14px 0 0 0;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

@media (max-width: 991px) {
    .nt-body[b-0cnxrvypzj] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Organizer/Limits/RequestLimit.razor.rz.scp.css */
.rl[b-h8dhk3i087] { max-width: 640px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); }

.rl-bar[b-h8dhk3i087] { margin-bottom: 4px; }

.rl-title[b-h8dhk3i087] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.rl-lead[b-h8dhk3i087] { font-size: var(--tcg-font-size-base, 15px); color: var(--tcg-neutral-700, #4a4644); line-height: 1.5; margin-bottom: 20px; }

.rl-card[b-h8dhk3i087] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 22px; }

.rl-mt[b-h8dhk3i087] { margin-top: 20px; }

.rl-card-label[b-h8dhk3i087] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 10px;
}

.rl-pending[b-h8dhk3i087] { background: var(--tcg-neutral-200, #e2e0df); }

.rl-body[b-h8dhk3i087] { margin: 0; font-size: var(--tcg-font-size-base, 15px); color: var(--tcg-ink, #201e1d); }

.rl-stepper[b-h8dhk3i087] { margin-bottom: 20px; }

.rl-stepper-label[b-h8dhk3i087] {
    display: block;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.rl-stepper-label em[b-h8dhk3i087] { font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 6px; }

.rl-stepper-row[b-h8dhk3i087] { display: flex; align-items: center; gap: 16px; }

.rl-step-btn[b-h8dhk3i087] {
    width: 44px; height: 44px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    color: var(--tcg-ink, #201e1d);
}

.rl-step-btn:hover[b-h8dhk3i087] { background: var(--tcg-neutral-200, #e2e0df); }

.rl-step-value[b-h8dhk3i087] {
    min-width: 120px;
    text-align: center;
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--tcg-ink, #201e1d);
}

.rl-field[b-h8dhk3i087] { display: block; margin: 16px 0 4px; }

.rl-field-label[b-h8dhk3i087] {
    display: block;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 6px;
}

.rl-textarea[b-h8dhk3i087] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    resize: vertical;
}

.rl-fine[b-h8dhk3i087] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 6px 0 16px; }

.rl-actions[b-h8dhk3i087] { display: flex; gap: 10px; }

.rl-btn[b-h8dhk3i087] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rl-btn:disabled[b-h8dhk3i087] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.rl-btn-primary[b-h8dhk3i087] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.rl-btn-primary:hover:not(:disabled)[b-h8dhk3i087] { background: var(--tcg-accent-800, #a81f0b); }

.rl-history[b-h8dhk3i087] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }

.rl-history-row[b-h8dhk3i087] { display: flex; gap: 10px; align-items: center; font-size: var(--tcg-font-size-sm, 13px); padding: 6px 0; border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df); }

.rl-history-status[b-h8dhk3i087] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; }

.rl-history-status-approved[b-h8dhk3i087] { color: var(--tcg-accent-700, #c2260f); }

.rl-history-note[b-h8dhk3i087] { color: var(--tcg-neutral-600, #6b6663); font-style: italic; }
/* /Pages/Organizer/Migrate/OrganizerMigrate.razor.rz.scp.css */
.mg[b-hf507mf9rz] { max-width: 640px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); display: flex; flex-direction: column; gap: 16px; }

.mg-bar[b-hf507mf9rz] { display: flex; flex-direction: column; gap: 4px; }

.mg-title[b-hf507mf9rz] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.mg-body[b-hf507mf9rz] { font-size: var(--tcg-font-size-base, 15px); color: var(--tcg-neutral-700, #4a4644); line-height: 1.5; }

.mg-fine[b-hf507mf9rz] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); }

.mg-card[b-hf507mf9rz] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 20px; }

.mg-center[b-hf507mf9rz] { text-align: center; }

.mg-card-label[b-hf507mf9rz] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1.5px; color: var(--tcg-neutral-600, #6b6663); margin-bottom: 10px; }

.mg-transfer[b-hf507mf9rz] { display: flex; align-items: center; gap: 16px; }

.mg-side[b-hf507mf9rz] { flex: 1; }

.mg-arrow[b-hf507mf9rz] { font-size: 22px; color: var(--tcg-neutral-600, #6b6663); }

.mg-store-name[b-hf507mf9rz] { font-weight: 700; color: var(--tcg-ink, #201e1d); }

.mg-list[b-hf507mf9rz] { margin: 0 0 16px; padding-left: 20px; color: var(--tcg-neutral-700, #4a4644); line-height: 1.6; }
.mg-list li[b-hf507mf9rz] { margin-bottom: 8px; }

.mg-checkbox[b-hf507mf9rz] { display: flex; align-items: flex-start; gap: 8px; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-ink, #201e1d); }
.mg-checkbox input[b-hf507mf9rz] { margin-top: 3px; }

.mg-actions[b-hf507mf9rz] { display: flex; justify-content: flex-end; margin-top: 16px; }

.mg-btn[b-hf507mf9rz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.mg-btn-primary[b-hf507mf9rz] { background: var(--tcg-ink, #201e1d); color: var(--tcg-surface, #fff); }
.mg-btn:disabled[b-hf507mf9rz] { opacity: 0.5; cursor: not-allowed; }
/* /Pages/Organizer/Payment/PagBankConnect.razor.rz.scp.css */
.pb[b-nr47db9sg0] {
    max-width: 720px;
    margin: 0 auto;
    padding: var(--tcg-page-padding, 24px);
}

.pb-card[b-nr47db9sg0] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 24px; }

.pb-card-label[b-nr47db9sg0] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 10px;
}

.pb-mt[b-nr47db9sg0] { margin-top: 20px; }

.pb-title[b-nr47db9sg0] { font-size: var(--tcg-font-size-xl, 20px); margin: 0 0 4px; color: var(--tcg-ink, #201e1d); }

.pb-body[b-nr47db9sg0] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.55; color: var(--tcg-neutral-700, #4a4644); }

.pb-fine[b-nr47db9sg0] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 14px; }

.pb-connected[b-nr47db9sg0] { display: flex; align-items: center; gap: 16px; }

.pb-check[b-nr47db9sg0] {
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff; font-weight: 700; font-size: 18px;
    flex-shrink: 0;
}

.pb-meta[b-nr47db9sg0] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; }

.pb-bad[b-nr47db9sg0] { border-left: 6px solid var(--tcg-accent, #ec3013); background: var(--tcg-accent-100, #fdecea); }

.pb-warn[b-nr47db9sg0] {
    display: flex; gap: 10px; align-items: flex-start;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 12px 14px;
    color: var(--tcg-accent-700, #c2260f);
    font-size: var(--tcg-font-size-sm, 13px);
}

.pb-warn-mark[b-nr47db9sg0] { font-weight: 700; }

.pb-path[b-nr47db9sg0] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }

.pb-path li[b-nr47db9sg0] {
    display: grid;
    grid-template-columns: 160px 100px 1fr;
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

@media (max-width: 560px) {
    .pb-path li[b-nr47db9sg0] { grid-template-columns: 1fr; gap: 4px; }
}

.pb-path-num[b-nr47db9sg0] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

.pb-path-value[b-nr47db9sg0] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--tcg-ink, #201e1d);
}

.pb-path-desc[b-nr47db9sg0] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-700, #4a4644); }

.pb-actions[b-nr47db9sg0] { display: flex; gap: 10px; flex-wrap: wrap; }

.pb-btn[b-nr47db9sg0] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pb-btn:hover:not(:disabled)[b-nr47db9sg0] { background: var(--tcg-neutral-200, #e2e0df); }
.pb-btn:disabled[b-nr47db9sg0] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.pb-btn-primary[b-nr47db9sg0] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.pb-btn-primary:hover:not(:disabled)[b-nr47db9sg0] { background: var(--tcg-accent-800, #a81f0b); }
/* /Pages/Organizer/Reviews/OrganizerReviews.razor.rz.scp.css */
.or[b-5ntzrqh9ue] { max-width: 720px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); display: flex; flex-direction: column; gap: 16px; }

.or-bar[b-5ntzrqh9ue] { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 8px; }

.or-title[b-5ntzrqh9ue] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.or-tabs[b-5ntzrqh9ue] { display: flex; gap: 8px; border-bottom: 1px solid var(--tcg-neutral-300, #c9c6c4); }

.or-tab[b-5ntzrqh9ue] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 8px 4px;
    font-weight: 600;
    color: var(--tcg-neutral-600, #6b6663);
    cursor: pointer;
}

.or-tab-active[b-5ntzrqh9ue] { color: var(--tcg-ink, #201e1d); border-bottom-color: #ec3013; }

.or-card[b-5ntzrqh9ue] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 16px; }

.or-review-head[b-5ntzrqh9ue] { display: flex; align-items: center; gap: 6px; font-weight: 600; color: var(--tcg-ink, #201e1d); }

.or-fine[b-5ntzrqh9ue] { font-weight: 400; color: var(--tcg-neutral-600, #6b6663); font-size: var(--tcg-font-size-sm, 13px); }

.or-status[b-5ntzrqh9ue] { margin-left: auto; font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; color: var(--tcg-neutral-600, #6b6663); }

.or-comment[b-5ntzrqh9ue] { margin: 8px 0 0; color: var(--tcg-neutral-700, #4a4644); line-height: 1.5; }

.or-reply-box[b-5ntzrqh9ue] { margin-top: 10px; padding: 10px 12px; background: var(--tcg-ground, #f3f2f2); border-left: 2px solid var(--tcg-ink, #201e1d); }

.or-reply-label[b-5ntzrqh9ue] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; color: var(--tcg-neutral-600, #6b6663); margin-bottom: 4px; }

.or-reply-form[b-5ntzrqh9ue] { margin-top: 12px; }

.or-textarea[b-5ntzrqh9ue] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    padding: 10px;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    resize: vertical;
    margin-top: 6px;
}

.or-reply-actions[b-5ntzrqh9ue] { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; }

.or-btn[b-5ntzrqh9ue] {
    padding: 8px 14px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font-weight: 600;
    cursor: pointer;
}

.or-btn-primary[b-5ntzrqh9ue] { background: var(--tcg-ink, #201e1d); color: var(--tcg-surface, #fff); }
.or-btn:disabled[b-5ntzrqh9ue] { opacity: 0.6; cursor: not-allowed; }
/* /Pages/Organizer/Store/MyStore.razor.rz.scp.css */
.ms[b-rje09ipb5s] {
    max-width: 900px;
    margin: 0 auto;
    padding: var(--tcg-page-padding, 24px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ms-bar[b-rje09ipb5s] { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }

.ms-title[b-rje09ipb5s] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.ms-bar-meta[b-rje09ipb5s] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; font-variant-numeric: tabular-nums; }

.ms-bar-actions[b-rje09ipb5s] { display: flex; gap: 10px; }

.ms-card[b-rje09ipb5s] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 20px; }

.ms-card-head[b-rje09ipb5s] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }

.ms-card-label[b-rje09ipb5s] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.ms-mt[b-rje09ipb5s] { margin-top: 18px; }

.ms-status-label[b-rje09ipb5s] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1.5px; margin-bottom: 8px; }

.ms-status-ok .ms-status-label[b-rje09ipb5s] { color: var(--tcg-ink, #201e1d); }
.ms-status-ok[b-rje09ipb5s] { border-left: 6px solid var(--tcg-accent, #ec3013); }

.ms-status-wait[b-rje09ipb5s] { border-left: 6px solid var(--tcg-neutral-500, #8a8582); }
.ms-status-wait .ms-status-label[b-rje09ipb5s] { color: var(--tcg-neutral-600, #6b6663); }

.ms-status-bad[b-rje09ipb5s] { border-left: 6px solid var(--tcg-accent, #ec3013); background: var(--tcg-accent-100, #fdecea); }
.ms-status-bad .ms-status-label[b-rje09ipb5s] { color: var(--tcg-accent-700, #c2260f); }

.ms-status-title[b-rje09ipb5s] { font-size: var(--tcg-font-size-xl, 20px); margin: 0 0 10px; color: var(--tcg-ink, #201e1d); }

.ms-body[b-rje09ipb5s] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.55; color: var(--tcg-neutral-700, #4a4644); margin: 0 0 8px; }

.ms-quote[b-rje09ipb5s] { font-style: italic; }

.ms-fine[b-rje09ipb5s] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 0; }

.ms-stat-row[b-rje09ipb5s] { display: flex; gap: 24px; margin-top: 14px; flex-wrap: wrap; }

.ms-stat-value[b-rje09ipb5s] { font-size: var(--tcg-stat-value-size, 38px); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--tcg-ink, #201e1d); }

.ms-stat-key[b-rje09ipb5s] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1.5px; color: var(--tcg-neutral-600, #6b6663); }

.ms-blocked-list[b-rje09ipb5s] { margin: 6px 0 0; padding-left: 18px; color: var(--tcg-neutral-700, #4a4644); }

.ms-actions[b-rje09ipb5s] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }

.ms-btn[b-rje09ipb5s] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ms-btn:hover:not(:disabled)[b-rje09ipb5s] { background: var(--tcg-neutral-200, #e2e0df); }
.ms-btn:disabled[b-rje09ipb5s] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.ms-btn-primary[b-rje09ipb5s] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.ms-btn-primary:hover:not(:disabled)[b-rje09ipb5s] { background: var(--tcg-accent-800, #a81f0b); }

.ms-link[b-rje09ipb5s] {
    background: none; border: none; padding: 0;
    color: var(--tcg-accent-700, #c2260f);
    font: inherit; font-weight: 700; font-size: var(--tcg-font-size-sm, 13px);
    text-decoration: underline; cursor: pointer;
    margin-left: 10px;
}

.ms-history[b-rje09ipb5s] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }

.ms-history-row[b-rje09ipb5s] {
    display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap;
    padding: 8px 0; border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-sm, 13px);
}

.ms-history-action[b-rje09ipb5s] { font-weight: 700; color: var(--tcg-ink, #201e1d); }
.ms-history-date[b-rje09ipb5s] { color: var(--tcg-neutral-600, #6b6663); font-variant-numeric: tabular-nums; }
.ms-history-note[b-rje09ipb5s] { color: var(--tcg-neutral-700, #4a4644); font-style: italic; }

.ms-members[b-rje09ipb5s] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }

.ms-member-row[b-rje09ipb5s] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 0; border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-sm, 13px);
}

.ms-member-name[b-rje09ipb5s] { font-weight: 600; flex: 1 1 auto; }
.ms-member-meta[b-rje09ipb5s] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; color: var(--tcg-neutral-600, #6b6663); }

.ms-invite-form[b-rje09ipb5s] { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }

.ms-input[b-rje09ipb5s] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    flex: 1 1 220px;
}

.ms-input-sm[b-rje09ipb5s] { flex: 0 0 140px; }

.ms-textarea[b-rje09ipb5s] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    margin: 8px 0;
    resize: vertical;
}

.ms-notice[b-rje09ipb5s] { padding: 8px 12px; background: var(--tcg-neutral-200, #e2e0df); font-size: var(--tcg-font-size-sm, 13px); margin-bottom: 8px; }
.ms-notice-error[b-rje09ipb5s] { background: var(--tcg-accent-100, #fdecea); color: var(--tcg-accent-700, #c2260f); }

.ms-resubmit[b-rje09ipb5s] { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--tcg-neutral-300, #c9c6c4); }

.ms-file-input[b-rje09ipb5s] { display: block; }
/* /Pages/Organizer/Store/StoreCredits.razor.rz.scp.css */
.sc[b-ld5s2qq5tv] { max-width: 900px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); display: flex; flex-direction: column; gap: 20px; }

.sc-bar[b-ld5s2qq5tv] { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 10px; }

.sc-title[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.sc-bar-meta[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; }

.sc-stat-row[b-ld5s2qq5tv] { display: flex; gap: 24px; flex-wrap: wrap; }

.sc-stat[b-ld5s2qq5tv] { min-width: 120px; }

.sc-stat-value[b-ld5s2qq5tv] { font-size: var(--tcg-stat-value-size, 38px); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--tcg-ink, #201e1d); }

.sc-stat-value-sm[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-xl, 20px); }

.sc-stat-key[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1.5px; color: var(--tcg-neutral-600, #6b6663); }

.sc-card[b-ld5s2qq5tv] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 20px; }

.sc-card-label[b-ld5s2qq5tv] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 12px;
}

.sc-mt[b-ld5s2qq5tv] { margin-top: 14px; }

.sc-body[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-base, 15px); color: var(--tcg-neutral-700, #4a4644); }

.sc-fine[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 4px 0 0; }

.sc-packages[b-ld5s2qq5tv] { display: flex; gap: 10px; flex-wrap: wrap; }

.sc-package[b-ld5s2qq5tv] {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 14px 22px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    cursor: pointer;
    font: inherit;
}

.sc-package-active[b-ld5s2qq5tv] { border-color: var(--tcg-accent, #ec3013); background: var(--tcg-accent-100, #fdecea); }

.sc-package-qty[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-xl, 20px); font-weight: 700; font-variant-numeric: tabular-nums; }

.sc-package-price[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); }

.sc-pix-amount[b-ld5s2qq5tv] { font-size: var(--tcg-stat-value-size, 38px); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--tcg-ink, #201e1d); }

.sc-pix-timer[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 4px 0 14px; }

.sc-pix-qr[b-ld5s2qq5tv] { width: 200px; height: 200px; display: block; margin-bottom: 14px; border: 2px solid var(--tcg-ink, #201e1d); }

.sc-reservation[b-ld5s2qq5tv] { padding: 10px 0; border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df); }

.sc-reservation-head[b-ld5s2qq5tv] { display: flex; justify-content: space-between; margin-bottom: 4px; }

.sc-reservation-id[b-ld5s2qq5tv] { font-weight: 600; }

.sc-reservation-credits[b-ld5s2qq5tv] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; color: var(--tcg-neutral-600, #6b6663); }

.sc-table[b-ld5s2qq5tv] { width: 100%; border-collapse: collapse; }

.sc-table th[b-ld5s2qq5tv] {
    text-align: left;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    padding: 6px 8px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.sc-table td[b-ld5s2qq5tv] { padding: 8px; font-size: var(--tcg-font-size-sm, 13px); border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df); }

.sc-num[b-ld5s2qq5tv] { text-align: right; font-variant-numeric: tabular-nums; }

.sc-rules[b-ld5s2qq5tv] { margin: 0; padding-left: 18px; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-700, #4a4644); display: flex; flex-direction: column; gap: 4px; }

.sc-btn[b-ld5s2qq5tv] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sc-btn:disabled[b-ld5s2qq5tv] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.sc-btn-primary[b-ld5s2qq5tv] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.sc-btn-primary:hover:not(:disabled)[b-ld5s2qq5tv] { background: var(--tcg-accent-800, #a81f0b); }
/* /Pages/Organizer/Store/StoreRegister.razor.rz.scp.css */
.sr[b-ifizp094bf] {
    max-width: 1040px;
    margin: 0 auto;
    padding: var(--tcg-page-padding, 24px);
}

.sr-bar[b-ifizp094bf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.sr-title[b-ifizp094bf] {
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    margin: 0;
}

.sr-bar-meta[b-ifizp094bf] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 4px;
}

.sr-steps[b-ifizp094bf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    border: var(--tcg-border-frame, 2px solid #201e1d);
}

.sr-step[b-ifizp094bf] {
    flex: 1 1 0;
    min-width: 140px;
    padding: 10px 14px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    opacity: .55;
}

.sr-step:last-child[b-ifizp094bf] { border-right: none; }

.sr-step-active[b-ifizp094bf] { opacity: 1; background: var(--tcg-accent-100, #fdecea); }

.sr-step-done[b-ifizp094bf] { opacity: .85; }

.sr-step-num[b-ifizp094bf] {
    display: block;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.sr-step-name[b-ifizp094bf] {
    display: block;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.sr-layout[b-ifizp094bf] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    align-items: start;
}

@media (max-width: 900px) {
    .sr-layout[b-ifizp094bf] { grid-template-columns: 1fr; }
}

.sr-card[b-ifizp094bf], .sr-aside[b-ifizp094bf] {
    background: var(--tcg-surface, #fff);
    border: var(--tcg-border-frame, 2px solid #201e1d);
    padding: 20px;
}

.sr-card-label[b-ifizp094bf] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 10px;
}

.sr-mt[b-ifizp094bf] { margin-top: 20px; }

.sr-cnpj-row[b-ifizp094bf] { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }

.sr-field[b-ifizp094bf] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }

.sr-field-grow[b-ifizp094bf] { flex: 1 1 220px; }

.sr-field-label[b-ifizp094bf] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.sr-input[b-ifizp094bf], .sr-textarea[b-ifizp094bf] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    font: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    color: var(--tcg-ink, #201e1d);
    width: 100%;
}

.sr-textarea[b-ifizp094bf] { height: auto; padding: 10px 12px; resize: vertical; }

.sr-input:focus[b-ifizp094bf], .sr-textarea:focus[b-ifizp094bf] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
    border-color: var(--tcg-ink, #201e1d);
}

.sr-input-sm[b-ifizp094bf] { max-width: 140px; }

.sr-address-grid[b-ifizp094bf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
}

/* Aviso curto quando a Receita respondeu sem o endereço de rua (comum em MEI): campo vazio sem
   explicação parece defeito da tela. */
.sr-hint[b-ifizp094bf] {
    margin: 0 0 12px;
    padding: 10px 12px;
    background: var(--tcg-ground, #f3f2f2);
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

.sr-static[b-ifizp094bf] {
    font-size: var(--tcg-font-size-base, 15px);
    color: var(--tcg-ink, #201e1d);
}

.sr-body[b-ifizp094bf] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.5; color: var(--tcg-neutral-700, #4a4644); }

.sr-fine[b-ifizp094bf] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 6px; }

.sr-actions[b-ifizp094bf] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; }

.sr-btn[b-ifizp094bf] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sr-btn:hover:not(:disabled)[b-ifizp094bf] { background: var(--tcg-neutral-200, #e2e0df); }

.sr-btn:disabled[b-ifizp094bf] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.sr-btn-primary[b-ifizp094bf] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }

.sr-btn-primary:hover:not(:disabled)[b-ifizp094bf] { background: var(--tcg-accent-800, #a81f0b); border-color: var(--tcg-accent-800, #a81f0b); }

.sr-link[b-ifizp094bf] {
    background: none;
    border: none;
    color: var(--tcg-accent-700, #c2260f);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    margin-top: 14px;
}

.sr-found[b-ifizp094bf] { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 16px; }

.sr-found-check[b-ifizp094bf] {
    width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    font-weight: 700;
    flex-shrink: 0;
}

.sr-conflict[b-ifizp094bf], .sr-notfound[b-ifizp094bf] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 16px;
}

.sr-conflict-title[b-ifizp094bf], .sr-notfound-title[b-ifizp094bf] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-accent-700, #c2260f);
    margin-bottom: 6px;
}

.sr-conflict-body[b-ifizp094bf], .sr-notfound-body[b-ifizp094bf] { color: var(--tcg-ink, #201e1d); margin: 0 0 10px; }

.sr-notice[b-ifizp094bf] {
    margin-top: 10px;
    padding: 10px 12px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
    font-size: var(--tcg-font-size-sm, 13px);
}

.sr-dispute-form[b-ifizp094bf] { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--tcg-neutral-300, #c9c6c4); }

.sr-partners[b-ifizp094bf] { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 8px; }

.sr-partner-btn[b-ifizp094bf] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--tcg-touch-target, 44px);
    padding: 0 14px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    font: inherit;
    cursor: pointer;
}

.sr-partner-selected .sr-partner-btn[b-ifizp094bf] { border-color: var(--tcg-accent, #ec3013); background: var(--tcg-accent-100, #fdecea); }

.sr-partner-name[b-ifizp094bf] { font-weight: 600; }

.sr-partner-mark[b-ifizp094bf] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; color: var(--tcg-accent-700, #c2260f); }

.sr-file-input[b-ifizp094bf] { display: block; margin-bottom: 6px; }

.sr-file-chip[b-ifizp094bf] {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 10px;
    background: var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-sm, 13px);
}

.sr-check[b-ifizp094bf] { display: flex; align-items: center; gap: 10px; font-size: var(--tcg-font-size-base, 15px); margin: 12px 0; }

.sr-check input[b-ifizp094bf] { width: 20px; height: 20px; }

.sr-submitted[b-ifizp094bf] { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px 20px; }

.sr-submitted .sr-found-check[b-ifizp094bf] { width: 40px; height: 40px; font-size: 20px; }

.sr-submitted-title[b-ifizp094bf] { font-size: var(--tcg-font-size-xl, 20px); margin: 4px 0; }

.sr-benefits[b-ifizp094bf] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }

.sr-benefits li[b-ifizp094bf] { display: flex; gap: 8px; align-items: flex-start; font-size: var(--tcg-font-size-sm, 13px); }

.sr-benefit-mark[b-ifizp094bf] { color: var(--tcg-accent, #ec3013); font-weight: 700; }
/* /Pages/Payment/MercadoPagoCallback.razor.rz.scp.css */
/* Volta do OAuth do Mercado Pago — passo 3 de 3 da tela 58 */

.cb[b-t58qshx3id] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    max-width: 700px;
}

.cb-result[b-t58qshx3id] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px;
    flex-wrap: wrap;
}

.cb-result-ok[b-t58qshx3id] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.cb-result-bad[b-t58qshx3id] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-ink, #201e1d);
}

.cb-mark[b-t58qshx3id] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}

.cb-result-ok .cb-mark[b-t58qshx3id] {
    background: #fff;
    color: var(--tcg-accent, #ec3013);
}

.cb-result-bad .cb-mark[b-t58qshx3id] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.cb-body[b-t58qshx3id] {
    flex: 1;
    min-width: 220px;
}

.cb-headline[b-t58qshx3id] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
}

.cb-detail[b-t58qshx3id] {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.5;
    max-width: 60ch;
}

.cb-result-bad .cb-detail[b-t58qshx3id] {
    color: var(--tcg-neutral-700, #4a4644);
}

.cb-actions[b-t58qshx3id] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.cb-note[b-t58qshx3id] {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--tcg-neutral-600, #6b6663);
    border-left: 2px solid var(--tcg-neutral-300, #c9c6c4);
    padding-left: 14px;
    max-width: 76ch;
}

/* ========== Botões ========== */

.cb-btn[b-t58qshx3id] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex: 0 0 auto;
}

.cb-btn:hover[b-t58qshx3id] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.cb-btn-primary[b-t58qshx3id] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.cb-btn-primary:hover[b-t58qshx3id] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.cb-btn-on-accent[b-t58qshx3id] {
    background: #fff;
    border-color: #fff;
    color: var(--tcg-ink, #201e1d);
}

.cb-btn-on-accent:hover[b-t58qshx3id] {
    background: var(--tcg-neutral-200, #e2e0df);
    border-color: var(--tcg-neutral-200, #e2e0df);
}

.cb :focus-visible[b-t58qshx3id] {
    outline: 2px solid var(--tcg-ink, #201e1d);
    outline-offset: 2px;
}

.cb-result-ok :focus-visible[b-t58qshx3id] {
    outline-color: #fff;
}

/* ========== Responsivo ========== */

@media (max-width: 768px) {
    .cb-headline[b-t58qshx3id] {
        font-size: var(--tcg-font-size-xl, 20px);
    }

    .cb-actions[b-t58qshx3id] {
        width: 100%;
    }

    .cb-actions .cb-btn[b-t58qshx3id] {
        flex: 1;
    }
}
/* /Pages/Payment/MercadoPagoConnect.razor.rz.scp.css */
/* Autorizar o Mercado Pago — passo 2 de 3 da tela 58 */

.mp[b-1jxke2brjw] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    max-width: 620px;
}

/* ========== Painel ========== */

.mp-panel[b-1jxke2brjw] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.mp-brand[b-1jxke2brjw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 22px;
    background: var(--tcg-ink, #201e1d);
}

.mp-brand-name[b-1jxke2brjw] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ground, #f3f2f2);
}

.mp-body[b-1jxke2brjw] {
    padding: 26px 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mp-step[b-1jxke2brjw] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

.mp-title[b-1jxke2brjw] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.mp-lead[b-1jxke2brjw] {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
    max-width: 58ch;
}

/* ========== Escopos ========== */

.mp-scopes[b-1jxke2brjw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--tcg-space-md, 16px);
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    padding: 16px 0;
}

.mp-scope-label[b-1jxke2brjw] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.mp-scope-list[b-1jxke2brjw] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mp-scope-list li[b-1jxke2brjw] {
    display: flex;
    gap: 8px;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-ink, #201e1d);
}

.mp-scope-mark[b-1jxke2brjw] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    margin-top: 1px;
}

.mp-scope-mark-yes[b-1jxke2brjw] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.mp-scope-mark-no[b-1jxke2brjw] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Ações ========== */

.mp-actions[b-1jxke2brjw] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.mp-fine[b-1jxke2brjw] {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 66ch;
}

.mp-error[b-1jxke2brjw] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 12px 14px;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
}

/* ========== Já conectado ========== */

.mp-done[b-1jxke2brjw] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    flex-wrap: wrap;
}

.mp-done-mark[b-1jxke2brjw] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--tcg-accent, #ec3013);
    font-size: 20px;
    font-weight: 700;
}

.mp-done-body[b-1jxke2brjw] {
    flex: 1;
    min-width: 200px;
}

.mp-done-title[b-1jxke2brjw] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
}

.mp-done-text[b-1jxke2brjw] {
    font-size: 14px;
    opacity: .95;
}

/* ========== Botões ========== */

.mp-btn[b-1jxke2brjw] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex: 0 0 auto;
}

.mp-btn:hover:not(:disabled)[b-1jxke2brjw] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.mp-btn:disabled[b-1jxke2brjw] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.mp-btn-lg[b-1jxke2brjw] {
    height: 48px;
    padding: 0 18px;
    font-size: var(--tcg-font-size-base, 15px);
}

.mp-btn-primary[b-1jxke2brjw] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.mp-btn-primary:hover:not(:disabled)[b-1jxke2brjw] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.mp-btn-on-accent[b-1jxke2brjw] {
    background: #fff;
    border-color: #fff;
    color: var(--tcg-ink, #201e1d);
}

.mp-btn-on-accent:hover[b-1jxke2brjw] {
    background: var(--tcg-neutral-200, #e2e0df);
    border-color: var(--tcg-neutral-200, #e2e0df);
}

.mp :focus-visible[b-1jxke2brjw] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.mp-done :focus-visible[b-1jxke2brjw] {
    outline-color: #fff;
}

/* ========== Responsivo ========== */

@media (max-width: 768px) {
    .mp-title[b-1jxke2brjw] {
        font-size: var(--tcg-font-size-xl, 20px);
    }

    .mp-scopes[b-1jxke2brjw] {
        grid-template-columns: 1fr;
    }

    .mp-actions .mp-btn[b-1jxke2brjw] {
        flex: 1;
    }
}
/* /Pages/Payment/PaymentAccounts.razor.rz.scp.css */
/* Contas de pagamento — tela 58 do PlayTCG 2.0 */

.pa[b-j02v0sbtj2] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.pa-head[b-j02v0sbtj2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.pa-title[b-j02v0sbtj2] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.pa-head-org[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Avisos ========== */

.pa-flash[b-j02v0sbtj2] {
    padding: 14px 18px;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
}

.pa-flash-bad[b-j02v0sbtj2] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Faixa de recebimentos ========== */

.pa-strip[b-j02v0sbtj2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.pa-strip-cell[b-j02v0sbtj2] {
    padding: 20px 24px;
    border-right: 1px solid var(--tcg-arena-700, #2c2a28);
    min-width: 0;
}

.pa-strip-cell:last-child[b-j02v0sbtj2] {
    border-right: none;
}

.pa-strip-key[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.pa-strip-value[b-j02v0sbtj2] {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-top: 6px;
}

.pa-strip-note[b-j02v0sbtj2] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--tcg-neutral-300, #c9c6c4);
    margin-top: 6px;
}

.pa-strip-fail[b-j02v0sbtj2] {
    grid-column: 1 / -1;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-300, #c9c6c4);
}

/* ========== Cartão ========== */

.pa-card[b-j02v0sbtj2] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pa-card-off[b-j02v0sbtj2] {
    background: var(--tcg-ground, #f3f2f2);
    border-color: var(--tcg-neutral-300, #c9c6c4);
}

.pa-card-head[b-j02v0sbtj2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.pa-card-off .pa-card-head[b-j02v0sbtj2] {
    border-bottom-color: var(--tcg-neutral-300, #c9c6c4);
}

.pa-card-label[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.pa-card-state[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Contas ========== */

.pa-accounts[b-j02v0sbtj2] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pa-account[b-j02v0sbtj2] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    padding: 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    flex-wrap: wrap;
}

.pa-account:last-child[b-j02v0sbtj2] {
    border-bottom: none;
}

.pa-account-alert[b-j02v0sbtj2] {
    background: var(--tcg-accent-100, #fdecea);
}

.pa-badge[b-j02v0sbtj2] {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 12px;
    font-weight: 700;
}

.pa-badge-mute[b-j02v0sbtj2] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
}

.pa-account-body[b-j02v0sbtj2] {
    flex: 1;
    min-width: 160px;
}

.pa-account-name[b-j02v0sbtj2] {
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pa-account-meta[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pa-account-meta-alert[b-j02v0sbtj2] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

.pa-tag[b-j02v0sbtj2] {
    flex: 0 0 auto;
    padding: 5px 10px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: .5px;
}

.pa-tag-ink[b-j02v0sbtj2] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.pa-tag-alert[b-j02v0sbtj2] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

/* ========== Detalhe da subconta ========== */

.pa-subpanel[b-j02v0sbtj2] {
    border-top: 2px solid var(--tcg-ink, #201e1d);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
}

.pa-kv[b-j02v0sbtj2] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px var(--tcg-space-lg, 24px);
}

.pa-kv > div[b-j02v0sbtj2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.pa-kv dt[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pa-kv dd[b-j02v0sbtj2] {
    margin: 0;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pa-bank[b-j02v0sbtj2],
.pa-fees[b-j02v0sbtj2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-700, #4a4644);
}

.pa-fees-row[b-j02v0sbtj2] {
    display: flex;
    gap: var(--tcg-space-lg, 24px);
    flex-wrap: wrap;
}

.pa-fees-row strong[b-j02v0sbtj2] {
    color: var(--tcg-ink, #201e1d);
}

/* ========== Conectar ========== */

.pa-connect[b-j02v0sbtj2] {
    border: 2px dashed var(--tcg-neutral-300, #c9c6c4);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: var(--tcg-space-lg, 24px);
    flex-wrap: wrap;
}

.pa-connect-body[b-j02v0sbtj2] {
    flex: 1;
    min-width: 240px;
}

.pa-connect-title[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pa-connect-text[b-j02v0sbtj2] {
    font-size: 14px;
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.pa-connect-actions[b-j02v0sbtj2] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ========== Formulário ========== */

.pa-form[b-j02v0sbtj2] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    align-items: flex-start;
}

.pa-form-grid[b-j02v0sbtj2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tcg-space-md, 16px);
    width: 100%;
}

.pa-field[b-j02v0sbtj2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 100%;
}

.pa-field-label[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pa-field input[b-j02v0sbtj2] {
    height: 48px;
    padding: 0 14px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    font-family: inherit;
    font-size: var(--tcg-font-size-lg, 16px);
    color: var(--tcg-ink, #201e1d);
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.pa-field input:focus[b-j02v0sbtj2] {
    border-color: var(--tcg-accent, #ec3013);
}

.pa-field-help[b-j02v0sbtj2] {
    margin: 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 60ch;
}

/* ========== Regras (desabilitadas) ========== */

.pa-rules[b-j02v0sbtj2] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
}

.pa-rule[b-j02v0sbtj2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    padding-bottom: 14px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    flex-wrap: wrap;
}

.pa-rule-title[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.pa-rule-text[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pa-rule-why[b-j02v0sbtj2] {
    margin: 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.55;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 78ch;
}

/* ========== Vazio ========== */

.pa-empty[b-j02v0sbtj2] {
    padding: 24px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.pa-empty-title[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.pa-empty-body[b-j02v0sbtj2] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 62ch;
}

/* ========== Botões ========== */

.pa-btn[b-j02v0sbtj2] {
    height: 40px;
    padding: 0 14px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
    cursor: pointer;
    flex: 0 0 auto;
}

.pa-btn:hover:not(:disabled)[b-j02v0sbtj2] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.pa-btn:disabled[b-j02v0sbtj2] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.pa-btn-primary[b-j02v0sbtj2] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.pa-btn-primary:hover:not(:disabled)[b-j02v0sbtj2] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.pa-btn-lg[b-j02v0sbtj2] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    font-size: var(--tcg-font-size-base, 15px);
}

.pa-btn-ghost-dark[b-j02v0sbtj2] {
    background: transparent;
    color: var(--tcg-ground, #f3f2f2);
    border-color: var(--tcg-ground, #f3f2f2);
}

.pa-btn-ghost-dark:hover:not(:disabled)[b-j02v0sbtj2] {
    background: var(--tcg-arena-700, #2c2a28);
}

.pa :focus-visible[b-j02v0sbtj2] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 992px) {
    .pa-strip[b-j02v0sbtj2] {
        grid-template-columns: 1fr;
    }

    .pa-strip-cell[b-j02v0sbtj2] {
        border-right: none;
        border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
    }

    .pa-strip-cell:last-child[b-j02v0sbtj2] {
        border-bottom: none;
    }

    .pa-form-grid[b-j02v0sbtj2],
    .pa-kv[b-j02v0sbtj2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .pa-title[b-j02v0sbtj2] {
        font-size: var(--tcg-font-size-xxl, 26px);
    }

    .pa-account[b-j02v0sbtj2] {
        gap: 12px;
    }

    .pa-connect-actions[b-j02v0sbtj2] {
        width: 100%;
    }

    .pa-connect-actions .pa-btn[b-j02v0sbtj2] {
        flex: 1;
    }
}
/* /Pages/Payment/PaymentReturn.razor.rz.scp.css */
/* Resultado do checkout — tela 59 do PlayTCG 2.0 */

.pr[b-ckykjaiuh5] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    max-width: 760px;
}

/* ========== Faixa de resultado ========== */

.pr-result[b-ckykjaiuh5] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px;
    flex-wrap: wrap;
}

.pr-result-ok[b-ckykjaiuh5] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.pr-result-wait[b-ckykjaiuh5] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
}

.pr-result-bad[b-ckykjaiuh5] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-ink, #201e1d);
}

.pr-result-unknown[b-ckykjaiuh5] {
    background: var(--tcg-ground, #f3f2f2);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    color: var(--tcg-ink, #201e1d);
}

.pr-mark[b-ckykjaiuh5] {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.pr-result-ok .pr-mark[b-ckykjaiuh5] {
    background: #fff;
    color: var(--tcg-accent, #ec3013);
}

.pr-result-wait .pr-mark[b-ckykjaiuh5] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.pr-result-bad .pr-mark[b-ckykjaiuh5] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.pr-result-unknown .pr-mark[b-ckykjaiuh5] {
    background: var(--tcg-neutral-300, #c9c6c4);
    color: var(--tcg-ink, #201e1d);
}

.pr-body[b-ckykjaiuh5] {
    flex: 1;
    min-width: 220px;
}

.pr-headline[b-ckykjaiuh5] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.15;
}

.pr-detail[b-ckykjaiuh5] {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.5;
    max-width: 62ch;
}

.pr-result-wait .pr-detail[b-ckykjaiuh5],
.pr-result-bad .pr-detail[b-ckykjaiuh5],
.pr-result-unknown .pr-detail[b-ckykjaiuh5] {
    color: var(--tcg-neutral-700, #4a4644);
}

.pr-actions[b-ckykjaiuh5] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

/* ========== Recibo ========== */

.pr-receipt[b-ckykjaiuh5] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.pr-receipt-head[b-ckykjaiuh5] {
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.pr-label[b-ckykjaiuh5] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.pr-kv[b-ckykjaiuh5] {
    margin: 0;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pr-kv > div[b-ckykjaiuh5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.pr-kv > div:last-child[b-ckykjaiuh5] {
    border-bottom: none;
    padding-bottom: 0;
}

.pr-kv dt[b-ckykjaiuh5] {
    font-size: 14px;
    color: var(--tcg-neutral-600, #6b6663);
}

.pr-kv dd[b-ckykjaiuh5] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pr-kv-total dt[b-ckykjaiuh5],
.pr-kv-total dd[b-ckykjaiuh5] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pr-receipt-note[b-ckykjaiuh5] {
    margin: 0;
    padding: 0 18px 18px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 74ch;
}

.pr-note[b-ckykjaiuh5] {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--tcg-neutral-600, #6b6663);
    border-left: 2px solid var(--tcg-neutral-300, #c9c6c4);
    padding-left: 14px;
    max-width: 78ch;
}

/* ========== Botões ========== */

.pr-btn[b-ckykjaiuh5] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pr-btn:hover:not(:disabled)[b-ckykjaiuh5] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.pr-btn:disabled[b-ckykjaiuh5] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.pr-btn-primary[b-ckykjaiuh5] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.pr-btn-primary:hover:not(:disabled)[b-ckykjaiuh5] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.pr-btn-ink[b-ckykjaiuh5] {
    background: var(--tcg-ink, #201e1d);
    border-color: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.pr-btn-ink:hover:not(:disabled)[b-ckykjaiuh5] {
    background: var(--tcg-arena-700, #2c2a28);
}

/* Sobre a faixa vermelha o botão vira branco cheio. */
.pr-btn-on-accent[b-ckykjaiuh5] {
    background: #fff;
    border-color: #fff;
    color: var(--tcg-ink, #201e1d);
}

.pr-btn-on-accent:hover:not(:disabled)[b-ckykjaiuh5] {
    background: var(--tcg-neutral-200, #e2e0df);
    border-color: var(--tcg-neutral-200, #e2e0df);
}

.pr :focus-visible[b-ckykjaiuh5] {
    outline: 2px solid var(--tcg-ink, #201e1d);
    outline-offset: 2px;
}

.pr-result-ok :focus-visible[b-ckykjaiuh5] {
    outline-color: #fff;
}

/* ========== Responsivo ========== */

@media (max-width: 768px) {
    .pr-headline[b-ckykjaiuh5] {
        font-size: var(--tcg-font-size-xl, 20px);
    }

    .pr-actions[b-ckykjaiuh5] {
        width: 100%;
    }

    .pr-actions .pr-btn[b-ckykjaiuh5] {
        flex: 1;
    }
}
/* /Pages/Payment/TournamentPayments.razor.rz.scp.css */
/* Pagamentos do torneio — tela 60 do PlayTCG 2.0 */

.tp[b-yfjiuja871] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.tp-head[b-yfjiuja871] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.tp-title[b-yfjiuja871] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.tp-subtitle[b-yfjiuja871] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 2px;
}

.tp-head-actions[b-yfjiuja871] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ========== Somas ========== */

.tp-strip[b-yfjiuja871] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.tp-strip-cell[b-yfjiuja871] {
    padding: 18px 24px;
    border-right: 1px solid var(--tcg-arena-700, #2c2a28);
    min-width: 0;
}

.tp-strip-cell:last-child[b-yfjiuja871] {
    border-right: none;
}

.tp-strip-value[b-yfjiuja871] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.tp-strip-value-accent[b-yfjiuja871] {
    color: var(--tcg-accent, #ec3013);
}

.tp-strip-key[b-yfjiuja871] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
    margin-top: 5px;
}

/* ========== Tabela ========== */

.tp-table-frame[b-yfjiuja871] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    overflow-x: auto;
}

.tp-table[b-yfjiuja871] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    min-width: 720px;
}

.tp-table thead tr[b-yfjiuja871] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.tp-table th[b-yfjiuja871] {
    text-align: left;
    padding: 11px 18px;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-700, #4a4644);
    white-space: nowrap;
}

.tp-table td[b-yfjiuja871] {
    padding: 12px 18px;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    vertical-align: middle;
}

.tp-table tbody tr:last-child td[b-yfjiuja871] {
    border-bottom: none;
}

.tp-row-alert[b-yfjiuja871] {
    background: var(--tcg-accent-100, #fdecea);
}

.tp-right[b-yfjiuja871] {
    text-align: right;
}

.tp-player[b-yfjiuja871] {
    font-weight: 600;
    min-width: 0;
}

.tp-popid[b-yfjiuja871] {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: var(--tcg-neutral-600, #6b6663);
}

.tp-muted[b-yfjiuja871] {
    color: var(--tcg-neutral-600, #6b6663);
}

.tp-when-alert[b-yfjiuja871] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

.tp-amount[b-yfjiuja871] {
    font-weight: 700;
    white-space: nowrap;
}

.tp-amount-negative[b-yfjiuja871] {
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Estados ========== */

.tp-state[b-yfjiuja871] {
    display: inline-block;
    padding: 3px 8px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    white-space: nowrap;
}

.tp-state-ok[b-yfjiuja871] {
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
}

.tp-state-alert[b-yfjiuja871] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.tp-state-mute[b-yfjiuja871] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Ações ========== */

.tp-actions[b-yfjiuja871] {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ========== Avisos ========== */

.tp-flash[b-yfjiuja871] {
    padding: 14px 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.tp-error[b-yfjiuja871] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.tp-error-title[b-yfjiuja871] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.tp-error-body[b-yfjiuja871] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    max-width: 74ch;
}

.tp-empty[b-yfjiuja871] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tp-empty-title[b-yfjiuja871] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.tp-empty-body[b-yfjiuja871] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 66ch;
}

.tp-note[b-yfjiuja871] {
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 90ch;
}

/* ========== Botões ========== */

.tp-btn[b-yfjiuja871] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.tp-btn:hover:not(:disabled)[b-yfjiuja871] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.tp-btn:disabled[b-yfjiuja871] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.tp-btn-sm[b-yfjiuja871] {
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
}

.tp-btn-primary[b-yfjiuja871] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.tp-btn-primary:hover:not(:disabled)[b-yfjiuja871] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.tp-btn-ink[b-yfjiuja871] {
    background: var(--tcg-ink, #201e1d);
    border-color: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.tp-btn-ink:hover:not(:disabled)[b-yfjiuja871] {
    background: var(--tcg-arena-700, #2c2a28);
}

.tp-btn-danger[b-yfjiuja871] {
    border-color: var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

.tp-btn-danger:hover:not(:disabled)[b-yfjiuja871] {
    background: var(--tcg-accent-100, #fdecea);
}

.tp :focus-visible[b-yfjiuja871] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .tp-strip[b-yfjiuja871] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tp-strip-cell:nth-child(2)[b-yfjiuja871] {
        border-right: none;
    }

    .tp-strip-cell:nth-child(-n+2)[b-yfjiuja871] {
        border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
    }
}

@media (max-width: 768px) {
    .tp-title[b-yfjiuja871] {
        font-size: var(--tcg-font-size-xxl, 26px);
    }

    .tp-strip[b-yfjiuja871] {
        grid-template-columns: 1fr;
    }

    .tp-strip-cell[b-yfjiuja871] {
        border-right: none;
        border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
    }

    .tp-strip-cell:last-child[b-yfjiuja871] {
        border-bottom: none;
    }

    .tp-head-actions[b-yfjiuja871] {
        width: 100%;
    }

    .tp-head-actions .tp-btn[b-yfjiuja871] {
        flex: 1;
    }
}
/* /Pages/Payment/Transactions.razor.rz.scp.css */
/* Meus pagamentos — tela 60 do PlayTCG 2.0, coluna do jogador */

.tx[b-inf0czaiez] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.tx-head[b-inf0czaiez] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.tx-title[b-inf0czaiez] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.tx-subtitle[b-inf0czaiez] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 2px;
}

/* ========== Tabela ========== */

.tx-table-frame[b-inf0czaiez] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    overflow-x: auto;
}

.tx-table[b-inf0czaiez] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    min-width: 680px;
}

.tx-table thead tr[b-inf0czaiez] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.tx-table th[b-inf0czaiez] {
    text-align: left;
    padding: 11px 18px;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-700, #4a4644);
    white-space: nowrap;
}

.tx-table td[b-inf0czaiez] {
    padding: 12px 18px;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    vertical-align: middle;
}

.tx-table tbody tr:last-child td[b-inf0czaiez] {
    border-bottom: none;
}

.tx-row-unknown[b-inf0czaiez] {
    background: var(--tcg-ground, #f3f2f2);
}

.tx-right[b-inf0czaiez] {
    text-align: right;
}

.tx-tournament[b-inf0czaiez] {
    font-weight: 600;
    min-width: 0;
}

.tx-muted[b-inf0czaiez] {
    color: var(--tcg-neutral-600, #6b6663);
}

.tx-amount[b-inf0czaiez] {
    font-weight: 700;
    white-space: nowrap;
}

/* ========== Estados ========== */

.tx-state[b-inf0czaiez] {
    display: inline-block;
    padding: 3px 8px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    white-space: nowrap;
}

.tx-state-ok[b-inf0czaiez] {
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
}

.tx-state-alert[b-inf0czaiez] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.tx-state-mute[b-inf0czaiez] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
}

.tx-actions[b-inf0czaiez] {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ========== Totais ========== */

.tx-total[b-inf0czaiez] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.tx-total-cell[b-inf0czaiez] {
    padding: 18px 24px;
    border-right: 1px solid var(--tcg-arena-700, #2c2a28);
    min-width: 0;
}

.tx-total-cell:last-child[b-inf0czaiez] {
    border-right: none;
}

.tx-total-value[b-inf0czaiez] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.tx-total-key[b-inf0czaiez] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
    margin-top: 5px;
}

/* ========== Vazio, erro, nota ========== */

.tx-empty[b-inf0czaiez] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    padding: 28px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.tx-empty-title[b-inf0czaiez] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.tx-empty-body[b-inf0czaiez] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.55;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 66ch;
}

.tx-error[b-inf0czaiez] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.tx-error-title[b-inf0czaiez] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.tx-error-body[b-inf0czaiez] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    max-width: 74ch;
}

.tx-note[b-inf0czaiez] {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 92ch;
    border-left: 2px solid var(--tcg-neutral-300, #c9c6c4);
    padding-left: 14px;
}

/* ========== Botões ========== */

.tx-btn[b-inf0czaiez] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.tx-btn:hover:not(:disabled)[b-inf0czaiez] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.tx-btn-sm[b-inf0czaiez] {
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
}

.tx-btn-primary[b-inf0czaiez] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.tx-btn-primary:hover[b-inf0czaiez] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.tx-btn-ink[b-inf0czaiez] {
    background: var(--tcg-ink, #201e1d);
    border-color: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.tx-btn-ink:hover[b-inf0czaiez] {
    background: var(--tcg-arena-700, #2c2a28);
}

.tx :focus-visible[b-inf0czaiez] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 768px) {
    .tx-title[b-inf0czaiez] {
        font-size: var(--tcg-font-size-xxl, 26px);
    }

    .tx-total[b-inf0czaiez] {
        grid-template-columns: 1fr;
    }

    .tx-total-cell[b-inf0czaiez] {
        border-right: none;
        border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
    }

    .tx-total-cell:last-child[b-inf0czaiez] {
        border-bottom: none;
    }
}
/* /Pages/Player/Profile/Index.razor.rz.scp.css */
/* Perfil do jogador — tela 20 do PlayTCG 2.0 */

.pp[b-752j2rocvp] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

/* ========== Barra ========== */

.pp-bar[b-752j2rocvp] {
    height: 64px;
    flex: 0 0 64px;
    background: var(--tcg-ink, #201e1d);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 28px;
    border-bottom: 2px solid var(--tcg-arena-700, #2c2a28);
}

.pp-bar-spacer[b-752j2rocvp] {
    flex: 1;
}

/* ========== Corpo ========== */

.pp-main[b-752j2rocvp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 32px;
}

.pp-notice[b-752j2rocvp] {
    margin: 18px 28px 0 28px;
    padding: 12px 16px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-size: 14px;
}

.pp-notice a[b-752j2rocvp] {
    margin-left: 6px;
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Hero ========== */

.pp-hero[b-752j2rocvp] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 28px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.pp-hero-id[b-752j2rocvp] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.pp-avatar[b-752j2rocvp] {
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    object-fit: cover;
}

.pp-avatar-initials[b-752j2rocvp] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    font-weight: 700;
}

.pp-hero-label[b-752j2rocvp] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

.pp-hero-name[b-752j2rocvp] {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin-top: 4px;
}

.pp-hero-bio[b-752j2rocvp] {
    font-size: 14px;
    color: var(--tcg-neutral-300, #c9c6c4);
    margin-top: 4px;
}

.pp-hero-access[b-752j2rocvp] {
    font-size: 12px;
    color: var(--tcg-neutral-500, #8a8582);
    margin-top: 4px;
}

.pp-hero-metrics[b-752j2rocvp] {
    display: flex;
    gap: 0;
}

.pp-metric[b-752j2rocvp] {
    padding: 0 24px;
    border-left: 1px solid var(--tcg-arena-700, #2c2a28);
}

.pp-metric:first-child[b-752j2rocvp] {
    border-left: none;
}

.pp-metric-value[b-752j2rocvp] {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.pp-metric-accent[b-752j2rocvp] {
    color: var(--tcg-accent, #ec3013);
}

.pp-metric-label[b-752j2rocvp] {
    margin-top: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Grade ========== */

.pp-grid[b-752j2rocvp] {
    padding: 0 28px;
    display: grid;
    grid-template-columns: 1fr 1fr 380px;
    gap: 24px;
    align-items: start;
}

.pp-col[b-752j2rocvp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pp-col-fill[b-752j2rocvp] {
    flex: 1;
}

.pp-card[b-752j2rocvp] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.pp-card-head[b-752j2rocvp] {
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.pp-card-foot[b-752j2rocvp] {
    padding: 12px 18px;
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: 13px;
}

.pp-card-foot a[b-752j2rocvp] {
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Histórico de torneios ========== */

.pp-history[b-752j2rocvp] {
    display: flex;
    flex-direction: column;
}

.pp-history-row[b-752j2rocvp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.pp-history-row:last-child[b-752j2rocvp] {
    border-bottom: none;
}

.pp-history-text[b-752j2rocvp] {
    min-width: 0;
}

.pp-history-name[b-752j2rocvp] {
    font-size: 15px;
    font-weight: 700;
}

.pp-history-meta[b-752j2rocvp] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.pp-history-result[b-752j2rocvp] {
    text-align: right;
    flex: 0 0 auto;
}

.pp-history-place[b-752j2rocvp] {
    font-size: 20px;
    font-weight: 700;
}

.pp-history-record[b-752j2rocvp] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Desempenho por mês ========== */

.pp-bars[b-752j2rocvp] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    padding: 18px;
    height: 120px;
}

.pp-bar-col[b-752j2rocvp] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.pp-bar-track[b-752j2rocvp] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: var(--tcg-neutral-200, #e2e0df);
}

.pp-bar-fill[b-752j2rocvp] {
    width: 100%;
    background: var(--tcg-ink, #201e1d);
    min-height: 2px;
}

/* ========== Desempenho por deck ========== */

.pp-decks[b-752j2rocvp] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pp-deck-head[b-752j2rocvp] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.pp-deck-track[b-752j2rocvp] {
    height: 10px;
    background: var(--tcg-neutral-200, #e2e0df);
}

.pp-deck-fill[b-752j2rocvp] {
    height: 10px;
    background: var(--tcg-accent, #ec3013);
}

.pp-deck-meta[b-752j2rocvp] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 4px;
}

/* ========== Dados da conta ========== */

.pp-fields[b-752j2rocvp] {
    display: flex;
    flex-direction: column;
    padding: 4px 18px;
}

.pp-field[b-752j2rocvp] {
    padding: 10px 0;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pp-field:last-child[b-752j2rocvp] {
    border-bottom: none;
}

.pp-field-label[b-752j2rocvp] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-600, #6b6663);
}

.pp-field-value[b-752j2rocvp] {
    font-size: 14px;
}

/* ========== Privacidade ========== */

.pp-privacy[b-752j2rocvp] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .pp-grid[b-752j2rocvp] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 860px) {
    .pp-grid[b-752j2rocvp] {
        grid-template-columns: 1fr;
        padding: 0 16px;
    }

    .pp-hero[b-752j2rocvp] {
        padding: 20px 16px;
    }

    .pp-bar[b-752j2rocvp] {
        padding: 0 16px;
    }
}
/* /Pages/Profile/Edit/Index.razor.rz.scp.css */
/* Editar perfil — tela 47 do PlayTCG 2.0 */

.pe[b-dghrbk5b8u] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.pe-head[b-dghrbk5b8u] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.pe-title[b-dghrbk5b8u] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.pe-flag[b-dghrbk5b8u] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent-700, #c2260f);
}

.pe-body[b-dghrbk5b8u] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 760px;
}

/* ========== Foto ========== */

.pe-avatar-box[b-dghrbk5b8u] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.pe-avatar[b-dghrbk5b8u] {
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
    overflow: hidden;
}

.pe-avatar img[b-dghrbk5b8u] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pe-avatar-body[b-dghrbk5b8u] {
    flex: 1;
    min-width: 0;
}

/* O input de arquivo fica sob o rótulo: o clique e o teclado seguem
   nativos, o botão é só pintura. */
.pe-upload[b-dghrbk5b8u] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.pe-upload[b-dghrbk5b8u]  input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

/* ========== Formulário ========== */

.pe-form[b-dghrbk5b8u] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pe-pair[b-dghrbk5b8u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.pe-field[b-dghrbk5b8u] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.pe-field-off[b-dghrbk5b8u] {
    opacity: var(--tcg-disabled-opacity, .45);
}

.pe-label[b-dghrbk5b8u] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pe-input[b-dghrbk5b8u] {
    height: 48px;
    padding: 0 12px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    font-family: inherit;
    font-size: 15px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
    width: 100%;
}

.pe-input-strong[b-dghrbk5b8u] {
    border-color: var(--tcg-ink, #201e1d);
}

.pe-input:focus[b-dghrbk5b8u] {
    border-color: var(--tcg-accent, #ec3013);
}

.pe-hint[b-dghrbk5b8u] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Só leitura ========== */

.pe-readonly[b-dghrbk5b8u] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pe-ro-row[b-dghrbk5b8u] {
    padding: 8px 0;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.pe-ro-row-last[b-dghrbk5b8u] {
    border-bottom: none;
}

.pe-row-body[b-dghrbk5b8u] {
    min-width: 0;
}

.pe-row-title[b-dghrbk5b8u] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pe-row-meta[b-dghrbk5b8u] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Avisos ========== */

.pe-ok[b-dghrbk5b8u] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.pe-alert[b-dghrbk5b8u] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
}

.pe-error[b-dghrbk5b8u] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 760px;
}

.pe-error-title[b-dghrbk5b8u] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.pe-error-body[b-dghrbk5b8u] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
}

/* ========== Botões ========== */

.pe-actions[b-dghrbk5b8u] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.pe-btn-primary[b-dghrbk5b8u] {
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.pe-btn-primary:hover:not(:disabled)[b-dghrbk5b8u] {
    background: var(--tcg-accent-700, #c2260f);
}

.pe-btn-primary:disabled[b-dghrbk5b8u] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.pe-btn-ghost[b-dghrbk5b8u] {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    cursor: pointer;
}

.pe-btn-ghost:hover:not(:disabled)[b-dghrbk5b8u] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.pe-btn-ghost:disabled[b-dghrbk5b8u] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.pe :focus-visible[b-dghrbk5b8u] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.pe-upload:focus-within[b-dghrbk5b8u] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 640px) {
    .pe-title[b-dghrbk5b8u] {
        font-size: 26px;
    }

    .pe-pair[b-dghrbk5b8u] {
        grid-template-columns: 1fr;
    }

    .pe-avatar-box[b-dghrbk5b8u] {
        flex-wrap: wrap;
    }
}
/* /Pages/Public/Legal/PrivacyPolicy.razor.rz.scp.css */
/* Política de privacidade — tela 37 do PlayTCG 2.0 */

.pp[b-00278pjhcn] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.pp-main[b-00278pjhcn] {
    flex: 1;
    width: 100%;
    /* Documento legal: coluna de leitura, não largura de tela. */
    max-width: 760px;
    margin: 0 auto;
    padding: var(--tcg-space-xl, 32px);
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.pp-updated[b-00278pjhcn] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

.pp-title[b-00278pjhcn] {
    margin: var(--tcg-space-sm, 8px) 0 0 0;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.05;
    color: var(--tcg-ink, #201e1d);
}

/* ========== Resumo de dez segundos ========== */

.pp-summary[b-00278pjhcn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.pp-summary-cell[b-00278pjhcn] {
    background: var(--tcg-surface, #fff);
    padding: 14px;
}

.pp-key[b-00278pjhcn] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pp-summary-text[b-00278pjhcn] {
    margin-top: var(--tcg-space-xs, 4px);
    font-size: 14px;
    line-height: 1.4;
    color: var(--tcg-ink, #201e1d);
}

.pp-notice[b-00278pjhcn] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: var(--tcg-space-md, 16px);
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Documento ========== */

.pp-doc[b-00278pjhcn] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

.pp-section h2[b-00278pjhcn] {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pp-section p[b-00278pjhcn] {
    margin: 0 0 12px 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.6;
    color: var(--tcg-neutral-700, #4a4644);
}

.pp-section p:last-child[b-00278pjhcn] {
    margin-bottom: 0;
}

.pp-section ul[b-00278pjhcn] {
    margin: 0 0 12px 0;
    padding-left: 20px;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.6;
    color: var(--tcg-neutral-700, #4a4644);
}

.pp-section li[b-00278pjhcn] {
    margin-bottom: 6px;
}

.pp-section strong[b-00278pjhcn] {
    color: var(--tcg-ink, #201e1d);
}

.pp-section a[b-00278pjhcn] {
    color: var(--tcg-accent-700, #c2260f);
    text-decoration: none;
}

.pp-section a:hover[b-00278pjhcn] {
    color: var(--tcg-accent, #ec3013);
}

/* Régua de 2px separando as seções do documento. */
.pp-section + .pp-section[b-00278pjhcn] {
    border-top: 2px solid var(--tcg-neutral-200, #e2e0df);
    padding-top: var(--tcg-space-lg, 24px);
}

/* ========== Direitos LGPD ========== */

.pp-rights-actions[b-00278pjhcn] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
    margin-top: var(--tcg-space-md, 16px);
}

.pp-rights-why[b-00278pjhcn] {
    margin: var(--tcg-space-sm, 8px) 0 0 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.pp-dpo[b-00278pjhcn] {
    border-top: 1px solid var(--tcg-neutral-300, #c9c6c4);
    padding-top: 14px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pp-dpo a[b-00278pjhcn] {
    color: var(--tcg-accent-700, #c2260f);
    text-decoration: none;
}

@media (max-width: 767px) {
    .pp-main[b-00278pjhcn] {
        padding: var(--tcg-space-lg, 24px) var(--tcg-space-md, 16px);
    }

    .pp-summary[b-00278pjhcn] {
        grid-template-columns: 1fr;
    }

    .pp-title[b-00278pjhcn] {
        font-size: 28px;
    }
}
/* /Pages/Public/PublicDecks.razor.rz.scp.css */
/* Galeria de decks públicos — tela 36 do PlayTCG 2.0 */

.dk[b-lo84w7t6mz] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.dk-grow[b-lo84w7t6mz] {
    flex: 1;
}

.dk-head[b-lo84w7t6mz] {
    padding: var(--tcg-space-xl, 32px) var(--tcg-space-xl, 32px) 20px var(--tcg-space-xl, 32px);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.dk-kicker[b-lo84w7t6mz] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

.dk-title[b-lo84w7t6mz] {
    margin: var(--tcg-space-sm, 8px) 0 0 0;
    font-size: clamp(28px, 3.4vw, 40px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-display, -0.03em);
    line-height: 1.05;
    color: var(--tcg-ink, #201e1d);
}

.dk-sorts[b-lo84w7t6mz] {
    flex-wrap: wrap;
}

.dk-main[b-lo84w7t6mz] {
    flex: 1;
    padding: var(--tcg-space-xl, 32px);
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

/* ========== Busca ========== */

.dk-search[b-lo84w7t6mz] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    max-width: 420px;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
}

.dk-search:focus-within[b-lo84w7t6mz] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.dk-search-icon[b-lo84w7t6mz] {
    flex: 0 0 18px;
}

.dk-search input[b-lo84w7t6mz] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 600;
    color: inherit;
}

/* ========== Grade de cartões ========== */

/* Régua de 2px entre células: a grade é a moldura, o cartão não tem borda. */
.dk-grid[b-lo84w7t6mz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2px;
    background: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dk-card[b-lo84w7t6mz] {
    background: var(--tcg-surface, #fff);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.dk-card-top[b-lo84w7t6mz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
}

.dk-badge[b-lo84w7t6mz] {
    padding: 4px 8px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: .5px;
}

.dk-date[b-lo84w7t6mz] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dk-card-name[b-lo84w7t6mz] {
    margin: 0;
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--tcg-ink, #201e1d);
}

.dk-card-format[b-lo84w7t6mz] {
    font-size: 14px;
    color: var(--tcg-neutral-700, #4a4644);
    margin-top: 2px;
}

.dk-counts[b-lo84w7t6mz] {
    display: flex;
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dk-count[b-lo84w7t6mz] {
    flex: 1;
    padding: 8px 10px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    min-width: 0;
}

.dk-count:last-child[b-lo84w7t6mz] {
    border-right: none;
}

.dk-count-value[b-lo84w7t6mz] {
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.dk-count-label[b-lo84w7t6mz] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dk-card-btn[b-lo84w7t6mz] {
    margin-top: auto;
    width: 100%;
}

/* ========== Carregar mais ========== */

.dk-more[b-lo84w7t6mz] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.dk-more-count[b-lo84w7t6mz] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

@media (max-width: 767px) {
    .dk-head[b-lo84w7t6mz],
    .dk-main[b-lo84w7t6mz] {
        padding-left: var(--tcg-space-md, 16px);
        padding-right: var(--tcg-space-md, 16px);
    }

    .dk-main[b-lo84w7t6mz] {
        padding-top: var(--tcg-space-lg, 24px);
    }

    .dk-grid[b-lo84w7t6mz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Public/Tournaments/PublicTournamentList.razor.rz.scp.css */
.tl[b-pvjsgpmjwh] {
    min-height: 100vh;
    background: var(--tcg-ground);
    display: flex;
    flex-direction: column;
}

.tl-main[b-pvjsgpmjwh] {
    flex: 1;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    /* Padding lateral numa propriedade só: um shorthand aqui zeraria as laterais
       e a lista encostaria na borda do celular. */
    padding: var(--tcg-space-xl) var(--tcg-space-md);
}

.tl-head[b-pvjsgpmjwh] {
    margin-bottom: var(--tcg-space-lg);
}

.tl-title[b-pvjsgpmjwh] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title);
    color: var(--tcg-ink);
}

.tl-sub[b-pvjsgpmjwh] {
    margin: 4px 0 0;
    font-size: var(--tcg-font-size-lg);
    color: var(--tcg-text-secondary);
}

/* ── Busca ─────────────────────────────────────────────────────────────── */

.tl-search[b-pvjsgpmjwh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tcg-space-sm);
    margin-bottom: var(--tcg-space-md);
}

.tl-field[b-pvjsgpmjwh] {
    /* Cresce e encolhe, mas nunca força a página a ser mais larga que a tela. */
    flex: 1 1 240px;
    min-width: 0;
}

.tl-field input[b-pvjsgpmjwh],
.tl-filter input[b-pvjsgpmjwh],
.tl-filter select[b-pvjsgpmjwh],
.tl-geo select[b-pvjsgpmjwh] {
    width: 100%;
    min-height: var(--tcg-touch-target);
    padding: 0 12px;
    border: var(--tcg-border-width-thick) solid var(--tcg-border-color-field);
    border-radius: var(--tcg-border-radius);
    background: var(--tcg-surface);
    color: var(--tcg-ink);
    font-family: var(--tcg-font-family);
    font-size: var(--tcg-font-size-base);
}

.tl-field input:focus[b-pvjsgpmjwh],
.tl-filter input:focus[b-pvjsgpmjwh],
.tl-filter select:focus[b-pvjsgpmjwh],
.tl-geo select:focus[b-pvjsgpmjwh] {
    outline: none;
    border-color: var(--tcg-ink);
}

.tl-field input:focus-visible[b-pvjsgpmjwh],
.tl-filter input:focus-visible[b-pvjsgpmjwh],
.tl-filter select:focus-visible[b-pvjsgpmjwh] {
    outline: var(--tcg-focus-outline);
    outline-offset: var(--tcg-focus-outline-offset);
}

/* ── Proximidade e avisos ──────────────────────────────────────────────── */

.tl-geo[b-pvjsgpmjwh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tcg-space-sm);
    align-items: center;
    margin-bottom: var(--tcg-space-md);
    padding: var(--tcg-space-sm) var(--tcg-space-md);
    border: var(--tcg-border-rule);
    background: var(--tcg-surface);
    font-size: var(--tcg-font-size-sm);
    color: var(--tcg-text-secondary);
}

.tl-geo select[b-pvjsgpmjwh] {
    width: auto;
    min-width: 96px;
}

.tl-geo-clear[b-pvjsgpmjwh] {
    min-height: var(--tcg-touch-target);
    border: 0;
    background: none;
    padding: 0;
    color: var(--tcg-accent);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
}

.tl-note[b-pvjsgpmjwh] {
    margin-bottom: var(--tcg-space-md);
    padding: var(--tcg-space-sm) var(--tcg-space-md);
    border: var(--tcg-border-width-thick) solid var(--tcg-neutral-300);
    background: var(--tcg-neutral-200);
    color: var(--tcg-text-secondary);
    font-size: var(--tcg-font-size-sm);
}

/* ── Filtros ───────────────────────────────────────────────────────────── */

.tl-filters[b-pvjsgpmjwh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: var(--tcg-space-md);
    margin-bottom: var(--tcg-space-md);
    padding: var(--tcg-space-md);
    border: var(--tcg-border-frame);
    background: var(--tcg-surface);
}

.tl-filter label[b-pvjsgpmjwh] {
    display: block;
    margin-bottom: 4px;
    font-size: var(--tcg-font-size-xs);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label);
    text-transform: uppercase;
    color: var(--tcg-text-tertiary);
}

.tl-filter-sm[b-pvjsgpmjwh] {
    max-width: 110px;
}

.tl-filter-actions[b-pvjsgpmjwh] {
    display: flex;
    gap: var(--tcg-space-sm);
    align-items: flex-end;
}

/* ── Lista ─────────────────────────────────────────────────────────────── */

.tl-count[b-pvjsgpmjwh] {
    margin-bottom: var(--tcg-space-sm);
    font-size: var(--tcg-font-size-sm);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label);
    text-transform: uppercase;
    color: var(--tcg-text-tertiary);
}

.tl-list[b-pvjsgpmjwh] {
    margin: 0;
    padding: 0;
    list-style: none;
    border: var(--tcg-border-frame);
    background: var(--tcg-surface);
}

.tl-item[b-pvjsgpmjwh] {
    position: relative;
    display: flex;
    gap: var(--tcg-space-md);
    align-items: center;
    /* 16px nos dois eixos: 14px não existe na escala de base 8 do sistema. */
    padding: var(--tcg-space-md);
}

/* O hover desenha uma moldura, não pinta o fundo.

   A primeira versão que escrevi preenchia a linha com neutral-200 — um cinza chapado que
   contraria a própria regra que documentei hoje: "o hover muda cor de borda". O `outline`
   com deslocamento negativo desenha a moldura por dentro da linha, então nada se move e
   nenhuma sombra é necessária, que é como este sistema separa superfícies. */
.tl-item:hover[b-pvjsgpmjwh] {
    outline: var(--tcg-border-width-thick) solid var(--tcg-ink);
    outline-offset: calc(var(--tcg-border-width-thick) * -1);
}

.tl-item + .tl-item[b-pvjsgpmjwh] {
    border-top: var(--tcg-border-rule);
}

.tl-date[b-pvjsgpmjwh] {
    flex: 0 0 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 0;
    border: var(--tcg-border-width-thick) solid var(--tcg-ink);
}

.tl-day[b-pvjsgpmjwh] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-ink);
}

.tl-month[b-pvjsgpmjwh] {
    font-size: var(--tcg-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--tcg-text-tertiary);
}

.tl-body[b-pvjsgpmjwh] {
    flex: 1;
    min-width: 0;
}

/* O nome é o único alvo da linha, e era texto em linha de 17px de altura — menos da
   metade dos 44px que o próprio design system exige. Agora ele se estende sobre a linha
   inteira: `::after` cobre o `.tl-item`, então tocar em qualquer ponto da linha abre o
   torneio, sem duplicar o elemento focável nem criar um segundo link por card. */
.tl-name[b-pvjsgpmjwh] {
    display: inline-block;
    min-height: 24px;
    padding: 10px 0;
    font-size: var(--tcg-font-size-lg);
    font-weight: 700;
    color: var(--tcg-ink);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.tl-name[b-pvjsgpmjwh]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.tl-name:focus-visible[b-pvjsgpmjwh] {
    outline: var(--tcg-focus-outline);
    outline-offset: var(--tcg-focus-outline-offset);
}

.tl-name:hover[b-pvjsgpmjwh] {
    text-decoration: underline;
}

.tl-meta[b-pvjsgpmjwh] {
    margin-top: 2px;
    font-size: var(--tcg-font-size-sm);
    color: var(--tcg-text-tertiary);
    overflow-wrap: anywhere;
}

.tl-side[b-pvjsgpmjwh] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    text-align: right;
}

.tl-status[b-pvjsgpmjwh] {
    padding: 2px 8px;
    font-size: var(--tcg-font-size-xs);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label);
    text-transform: uppercase;
    white-space: nowrap;
    border: var(--tcg-border-width) solid var(--tcg-neutral-300);
    color: var(--tcg-text-secondary);
}

.tl-status-open[b-pvjsgpmjwh] {
    border-color: var(--tcg-accent);
    background: var(--tcg-accent-100);
    color: var(--tcg-accent-700);
}

.tl-status-live[b-pvjsgpmjwh] {
    border-color: var(--tcg-ink);
    background: var(--tcg-ink);
    color: var(--tcg-text-inverse);
}

.tl-status-done[b-pvjsgpmjwh],
.tl-status-off[b-pvjsgpmjwh] {
    color: var(--tcg-text-tertiary);
}

.tl-slots[b-pvjsgpmjwh] {
    font-size: var(--tcg-font-size-sm);
    color: var(--tcg-text-tertiary);
}

/* ── Paginação ─────────────────────────────────────────────────────────── */

.tl-pager[b-pvjsgpmjwh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tcg-space-md);
    align-items: center;
    justify-content: center;
    margin-top: var(--tcg-space-lg);
}

.tl-pager-pos[b-pvjsgpmjwh] {
    font-size: var(--tcg-font-size-sm);
    color: var(--tcg-text-secondary);
}

/* ── Celular ───────────────────────────────────────────────────────────── */

@media (max-width: 620px) {
    .tl-title[b-pvjsgpmjwh] {
        font-size: var(--tcg-font-size-xxl);
    }

    /* A linha vira bloco: no celular, data à esquerda e situação à direita
       espremiam o nome do torneio a duas letras por linha. */
    .tl-item[b-pvjsgpmjwh] {
        flex-wrap: wrap;
    }

    .tl-body[b-pvjsgpmjwh] {
        flex: 1 1 calc(100% - 68px);
    }

    .tl-side[b-pvjsgpmjwh] {
        flex: 1 1 100%;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: var(--tcg-space-sm);
        text-align: left;
        padding-left: 68px;
    }
}
/* /Pages/Public/Tournaments/TournamentDetails.razor.rz.scp.css */
/* Detalhe público do torneio — tela 30 do PlayTCG 2.0 */

.td[b-1n6mgyv0jq] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.td-center[b-1n6mgyv0jq] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--tcg-space-xl, 32px);
}

.td-grow[b-1n6mgyv0jq] {
    flex: 1;
}

.td-key[b-1n6mgyv0jq] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Cabeçalho em tinta ========== */

.td-hero[b-1n6mgyv0jq] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 36px var(--tcg-space-xl, 32px);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-xl, 32px);
    flex-wrap: wrap;
}

.td-hero-copy[b-1n6mgyv0jq] {
    min-width: 0;
}

.td-when[b-1n6mgyv0jq] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

.td-name[b-1n6mgyv0jq] {
    margin: var(--tcg-space-sm, 8px) 0 0 0;
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-display, -0.03em);
    line-height: 1.02;
}

.td-where[b-1n6mgyv0jq] {
    font-size: var(--tcg-font-size-base, 15px);
    color: var(--tcg-neutral-300, #c9c6c4);
    margin-top: 10px;
}

.td-tags[b-1n6mgyv0jq] {
    display: flex;
    gap: 6px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.td-tag[b-1n6mgyv0jq] {
    padding: 5px 10px;
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-neutral-300, #c9c6c4);
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: .5px;
}

.td-tag-outline[b-1n6mgyv0jq] {
    background: transparent;
    border: 1px solid var(--tcg-neutral-500, #8a8582);
    color: var(--tcg-ground, #f3f2f2);
}

.td-figures[b-1n6mgyv0jq] {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
}

.td-figure[b-1n6mgyv0jq] {
    padding: 0 28px;
    border-left: 1px solid var(--tcg-arena-700, #2c2a28);
}

.td-figure-label[b-1n6mgyv0jq] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.td-figure-value[b-1n6mgyv0jq] {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.td-figure-unit[b-1n6mgyv0jq] {
    font-size: 18px;
    color: var(--tcg-neutral-500, #8a8582);
}

.td-figure-value-accent[b-1n6mgyv0jq] {
    color: var(--tcg-accent, #ec3013);
}

/* ========== Abas ========== */

.td-tabs[b-1n6mgyv0jq] {
    background: var(--tcg-surface, #fff);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    align-items: center;
    padding: 0 var(--tcg-space-xl, 32px);
    flex-wrap: wrap;
}

.td-tab[b-1n6mgyv0jq] {
    min-height: var(--tcg-touch-target, 44px);
    padding: 16px 18px;
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-neutral-700, #4a4644);
    cursor: pointer;
}

.td-tab:hover[b-1n6mgyv0jq] {
    color: var(--tcg-ink, #201e1d);
}

.td-tab-active[b-1n6mgyv0jq] {
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    box-shadow: inset 0 -3px 0 var(--tcg-accent, #ec3013);
}

.td-tab:focus-visible[b-1n6mgyv0jq] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: -2px;
}

.td-tabs-spacer[b-1n6mgyv0jq] {
    flex: 1;
}

.td-tabs-actions[b-1n6mgyv0jq] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 12px 0;
}

.td-btn-tab[b-1n6mgyv0jq] {
    height: 48px;
}

/* ========== Corpo ========== */

.td-body[b-1n6mgyv0jq] {
    flex: 1;
    padding: var(--tcg-space-xl, 32px);
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--tcg-space-xl, 32px);
    align-items: start;
}

.td-col[b-1n6mgyv0jq] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

.td-side[b-1n6mgyv0jq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.td-h2[b-1n6mgyv0jq] {
    margin: 0 0 12px 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

/* ========== Cronograma ========== */

.td-schedule[b-1n6mgyv0jq] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.td-schedule-row[b-1n6mgyv0jq] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: var(--tcg-space-md, 16px) 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.td-schedule-row:last-child[b-1n6mgyv0jq] {
    border-bottom: none;
}

.td-time[b-1n6mgyv0jq] {
    flex: 0 0 74px;
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.td-schedule-title[b-1n6mgyv0jq] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.td-schedule-body[b-1n6mgyv0jq] {
    font-size: 14px;
    color: var(--tcg-neutral-700, #4a4644);
}

.td-note[b-1n6mgyv0jq] {
    margin: var(--tcg-space-sm, 8px) 0 0 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Regras ========== */

.td-rules[b-1n6mgyv0jq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.td-rule[b-1n6mgyv0jq] {
    background: var(--tcg-surface, #fff);
    padding: var(--tcg-space-md, 16px);
}

.td-rule-value[b-1n6mgyv0jq] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    margin-top: var(--tcg-space-xs, 4px);
    color: var(--tcg-ink, #201e1d);
}

/* Texto livre do organizador: preserva as quebras que ele escreveu. */
.td-prose[b-1n6mgyv0jq] {
    margin-top: 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 18px;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.6;
    color: var(--tcg-neutral-700, #4a4644);
    white-space: pre-line;
}

/* ========== Painéis laterais ========== */

.td-panel[b-1n6mgyv0jq] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 20px;
}

.td-panel-head[b-1n6mgyv0jq] {
    margin: 0 0 14px 0;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.td-side-link[b-1n6mgyv0jq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    min-height: var(--tcg-touch-target, 44px);
    padding: 11px 0;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
    text-decoration: none;
}

.td-side-link:last-child[b-1n6mgyv0jq] {
    border-bottom: none;
}

.td-side-link:hover[b-1n6mgyv0jq] {
    color: var(--tcg-accent-700, #c2260f);
}

.td-side-go[b-1n6mgyv0jq] {
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.td-org[b-1n6mgyv0jq] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.td-org-avatar[b-1n6mgyv0jq] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.td-org-name[b-1n6mgyv0jq] {
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    min-width: 0;
}

/* ========== CTA ========== */

.td-cta[b-1n6mgyv0jq] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.td-cta-label[b-1n6mgyv0jq] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
}

.td-cta-figure[b-1n6mgyv0jq] {
    display: flex;
    align-items: baseline;
    gap: var(--tcg-space-sm, 8px);
    margin-top: 6px;
}

.td-cta-number[b-1n6mgyv0jq] {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-accent, #ec3013);
}

.td-cta-of[b-1n6mgyv0jq] {
    font-size: var(--tcg-font-size-base, 15px);
    color: var(--tcg-neutral-300, #c9c6c4);
}

.td-cta-track[b-1n6mgyv0jq] {
    height: 8px;
    background: var(--tcg-arena-700, #2c2a28);
    margin-top: 14px;
}

.td-cta-fill[b-1n6mgyv0jq] {
    height: 8px;
    background: var(--tcg-accent, #ec3013);
}

.td-cta-btn[b-1n6mgyv0jq] {
    margin-top: var(--tcg-space-lg, 24px);
    width: 100%;
}

.td-cta-why[b-1n6mgyv0jq] {
    margin: var(--tcg-space-sm, 8px) 0 0 0;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-300, #c9c6c4);
}

/* ========== Responsivo ========== */

@media (max-width: 1199px) {
    .td-body[b-1n6mgyv0jq] {
        grid-template-columns: 1fr 340px;
    }
}

@media (max-width: 991px) {
    .td-body[b-1n6mgyv0jq] {
        grid-template-columns: 1fr;
    }

    .td-figures[b-1n6mgyv0jq] {
        width: 100%;
    }

    .td-figure[b-1n6mgyv0jq] {
        flex: 1;
        padding: 0 var(--tcg-space-md, 16px);
    }

    .td-figure:first-child[b-1n6mgyv0jq] {
        padding-left: 0;
        border-left: none;
    }
}

@media (max-width: 767px) {
    .td-hero[b-1n6mgyv0jq],
    .td-body[b-1n6mgyv0jq] {
        padding: var(--tcg-space-lg, 24px) var(--tcg-space-md, 16px);
    }

    .td-tabs[b-1n6mgyv0jq] {
        padding: 0 var(--tcg-space-md, 16px);
    }

    .td-tabs-actions[b-1n6mgyv0jq] {
        width: 100%;
        padding-bottom: 12px;
    }

    .td-tabs-actions .tcg-btn:not(.tcg-btn-icon)[b-1n6mgyv0jq] {
        flex: 1;
    }

    .td-rules[b-1n6mgyv0jq] {
        grid-template-columns: 1fr;
    }

    .td-figure-value[b-1n6mgyv0jq] {
        font-size: 30px;
    }
}

/* D-13 tela 10: aviso fixo de torneio pausado por suspensão. */
.td-suspended-banner[b-1n6mgyv0jq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    margin-bottom: 16px;
    background: var(--tcg-surface, #fff);
    border-left: 4px solid #ec3013;
    border-top: 1px solid var(--tcg-neutral-300, #c9c6c4);
    border-right: 1px solid var(--tcg-neutral-300, #c9c6c4);
    border-bottom: 1px solid var(--tcg-neutral-300, #c9c6c4);
    color: var(--tcg-ink, #201e1d);
    font-size: var(--tcg-font-size-sm, 13px);
}
/* /Pages/Public/Tournaments/TournamentPairings.razor.rz.scp.css */
/* Pareamento público — tela 32 do PlayTCG 2.0 */

.pr[b-8smtl2ldj3] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.pr-main[b-8smtl2ldj3] {
    flex: 1;
    padding: 14px 18px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.pr-grow[b-8smtl2ldj3] {
    flex: 1;
}

.pr-key[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Bloqueio de login ========== */

.pr-locked[b-8smtl2ldj3] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pr-locked-label[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

.pr-locked-title[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--tcg-ink, #201e1d);
}

.pr-locked-body[b-8smtl2ldj3],
.pr-locked-alt[b-8smtl2ldj3] {
    margin: 0;
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

.pr-locked-alt[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pr-locked-actions[b-8smtl2ldj3] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ========== Controles ========== */

.pr-controls[b-8smtl2ldj3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pr-search[b-8smtl2ldj3] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
}

.pr-search:focus-within[b-8smtl2ldj3] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.pr-search-icon[b-8smtl2ldj3] {
    flex: 0 0 18px;
}

.pr-search input[b-8smtl2ldj3] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 600;
    color: inherit;
}

.pr-rounds[b-8smtl2ldj3] {
    flex-wrap: wrap;
}

/* ========== Resultado da busca ========== */

.pr-hit[b-8smtl2ldj3] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 14px;
}

.pr-hit-label[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-accent-700, #c2260f);
}

.pr-hit-row[b-8smtl2ldj3] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: var(--tcg-space-sm, 8px);
}

.pr-hit-table[b-8smtl2ldj3] {
    flex: 0 0 auto;
}

/* O número da mesa é o dado da tela: 40px, tabular. */
.pr-hit-number[b-8smtl2ldj3] {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-ink, #201e1d);
}

.pr-hit-players[b-8smtl2ldj3] {
    flex: 1;
    min-width: 0;
}

.pr-hit-p1[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pr-hit-p2[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Lista de mesas ========== */

.pr-tables[b-8smtl2ldj3] {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.pr-table-row[b-8smtl2ldj3] {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    min-height: var(--tcg-touch-target, 44px);
}

.pr-table-row:last-child[b-8smtl2ldj3] {
    border-bottom: none;
}

.pr-table-n[b-8smtl2ldj3] {
    flex: 0 0 52px;
    background: var(--tcg-ground, #f3f2f2);
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pr-table-players[b-8smtl2ldj3] {
    flex: 1;
    min-width: 0;
    padding: 10px 12px;
}

.pr-p1[b-8smtl2ldj3],
.pr-p2[b-8smtl2ldj3] {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pr-p1[b-8smtl2ldj3] {
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.pr-p2[b-8smtl2ldj3] {
    color: var(--tcg-neutral-700, #4a4644);
}

.pr-bye[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-500, #8a8582);
    font-weight: 700;
    letter-spacing: .5px;
}

.pr-table-state[b-8smtl2ldj3] {
    flex: 0 0 44px;
    border-left: 1px solid var(--tcg-neutral-200, #e2e0df);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 700;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Rodapé de saída ========== */

.pr-foot[b-8smtl2ldj3] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: var(--tcg-space-md, 16px) 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.pr-foot-text[b-8smtl2ldj3] {
    flex: 1;
    min-width: 0;
}

.pr-foot-title[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.pr-foot-sub[b-8smtl2ldj3] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-500, #8a8582);
}

@media (min-width: 768px) {
    .pr-main[b-8smtl2ldj3],
    .pr-foot[b-8smtl2ldj3] {
        padding-left: var(--tcg-space-xl, 32px);
        padding-right: var(--tcg-space-xl, 32px);
    }

    .pr-controls[b-8smtl2ldj3] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .pr-search[b-8smtl2ldj3] {
        flex: 1;
        max-width: 420px;
    }
}
/* /Pages/Public/Tournaments/TournamentResults.razor.rz.scp.css */
/* Resultados — tela 34 do PlayTCG 2.0 */

.rs[b-8jh4dsqmzk] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.rs-main[b-8jh4dsqmzk] {
    flex: 1;
    padding: 14px 18px 18px 18px;
    min-width: 0;
}

.rs-grid[b-8jh4dsqmzk] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--tcg-space-lg, 24px);
}

.rs-col[b-8jh4dsqmzk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rs-grow[b-8jh4dsqmzk] {
    flex: 1;
}

/* ========== Pódio ========== */

.rs-champion[b-8jh4dsqmzk] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    padding: var(--tcg-space-lg, 24px);
}

.rs-champion-label[b-8jh4dsqmzk] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    opacity: .9;
}

.rs-champion-name[b-8jh4dsqmzk] {
    font-size: clamp(28px, 5vw, 40px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.05;
    margin-top: 6px;
}

.rs-champion-meta[b-8jh4dsqmzk] {
    font-size: var(--tcg-font-size-base, 15px);
    margin-top: 6px;
    opacity: .95;
}

/* ========== Demais colocados ========== */

.rs-top[b-8jh4dsqmzk] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    flex: 1;
}

.rs-top-head[b-8jh4dsqmzk] {
    margin: 0;
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.rs-top-list[b-8jh4dsqmzk] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rs-top-row[b-8jh4dsqmzk] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    padding: 13px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.rs-top-row:last-child[b-8jh4dsqmzk] {
    border-bottom: none;
}

.rs-top-pos[b-8jh4dsqmzk] {
    flex: 0 0 26px;
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.rs-top-text[b-8jh4dsqmzk] {
    flex: 1;
    min-width: 0;
}

.rs-top-name[b-8jh4dsqmzk] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.rs-top-deck[b-8jh4dsqmzk] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.rs-top-rec[b-8jh4dsqmzk] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
    flex: 0 0 auto;
}

/* ========== Painéis laterais ========== */

.rs-panel[b-8jh4dsqmzk] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 20px;
}

.rs-panel-dark[b-8jh4dsqmzk] {
    background: var(--tcg-ink, #201e1d);
    border-color: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    flex: 1;
}

.rs-panel-head[b-8jh4dsqmzk] {
    margin: 0 0 14px 0;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.rs-panel-head-dark[b-8jh4dsqmzk] {
    color: var(--tcg-neutral-500, #8a8582);
}

.rs-prose[b-8jh4dsqmzk] {
    margin: 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.6;
    color: var(--tcg-neutral-700, #4a4644);
    /* Premiação é texto livre do organizador: preserva as quebras dele. */
    white-space: pre-line;
}

.rs-none[b-8jh4dsqmzk] {
    margin: 0;
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

.rs-none-dark[b-8jh4dsqmzk] {
    color: var(--tcg-neutral-300, #c9c6c4);
}

/* ========== Barras de arquétipo ========== */

.rs-meta-note[b-8jh4dsqmzk] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-500, #8a8582);
    margin-bottom: 14px;
}

.rs-bars[b-8jh4dsqmzk] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rs-bar-top[b-8jh4dsqmzk] {
    display: flex;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    font-size: var(--tcg-font-size-base, 15px);
    margin-bottom: 5px;
}

.rs-bar-name[b-8jh4dsqmzk] {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-bar-value[b-8jh4dsqmzk] {
    font-weight: 700;
    flex: 0 0 auto;
}

.rs-bar-track[b-8jh4dsqmzk] {
    height: 12px;
    background: var(--tcg-arena-700, #2c2a28);
}

.rs-bar-fill[b-8jh4dsqmzk] {
    height: 12px;
    background: var(--tcg-accent, #ec3013);
}

/* ========== Rodapé de saída ========== */

.rs-foot[b-8jh4dsqmzk] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: var(--tcg-space-md, 16px) 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.rs-foot-text[b-8jh4dsqmzk] {
    flex: 1;
    min-width: 0;
}

.rs-foot-title[b-8jh4dsqmzk] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.rs-foot-sub[b-8jh4dsqmzk] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-500, #8a8582);
}

@media (min-width: 768px) {
    .rs-main[b-8jh4dsqmzk],
    .rs-foot[b-8jh4dsqmzk] {
        padding-left: var(--tcg-space-xl, 32px);
        padding-right: var(--tcg-space-xl, 32px);
    }
}

@media (min-width: 992px) {
    .rs-grid[b-8jh4dsqmzk] {
        grid-template-columns: 1fr 1fr;
        gap: var(--tcg-space-xl, 32px);
    }
}
/* /Pages/Public/Tournaments/TournamentStandings.razor.rz.scp.css */
/* Classificação pública — tela 33 do PlayTCG 2.0 */

.st[b-uy2e8jitdv] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.st-main[b-uy2e8jitdv] {
    flex: 1;
    padding: 14px 18px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.st-divisions[b-uy2e8jitdv] {
    flex-wrap: wrap;
}

/* A tabela guarda as colunas de posição e pontos; o resto rola. */
.st-table-wrap[b-uy2e8jitdv] {
    overflow-x: auto;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.st-table[b-uy2e8jitdv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.st-table thead tr[b-uy2e8jitdv] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.st-table th[b-uy2e8jitdv] {
    text-align: left;
    padding: 9px 10px;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    white-space: nowrap;
}

.st-table td[b-uy2e8jitdv] {
    padding: 10px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    vertical-align: top;
}

.st-table tbody tr:last-child td[b-uy2e8jitdv] {
    border-bottom: none;
}

.st-col-pos[b-uy2e8jitdv] {
    width: 44px;
    font-weight: 700;
}

.st-col-rec[b-uy2e8jitdv],
.st-col-omw[b-uy2e8jitdv],
.st-col-pts[b-uy2e8jitdv] {
    text-align: right;
    white-space: nowrap;
}

.st-table td.st-col-rec[b-uy2e8jitdv],
.st-table td.st-col-omw[b-uy2e8jitdv] {
    color: var(--tcg-neutral-600, #6b6663);
}

.st-table td.st-col-pts[b-uy2e8jitdv] {
    font-weight: 700;
}

.st-player[b-uy2e8jitdv] {
    display: block;
    font-weight: 500;
    color: var(--tcg-ink, #201e1d);
}

/* Arquétipo é contexto, não identidade: entra menor, abaixo do nome. */
.st-deck[b-uy2e8jitdv] {
    display: block;
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.st-tag[b-uy2e8jitdv] {
    display: inline-block;
    margin-top: 2px;
    padding: 2px 6px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: .5px;
}

/* Quem deu drop continua na tabela, em grafite — sumir com a linha
   embaralharia as posições de quem ficou. */
.st-row-out .st-player[b-uy2e8jitdv] {
    color: var(--tcg-neutral-700, #4a4644);
}

/* OMW% é desempate: some antes do resto quando a tela aperta. */
@media (max-width: 420px) {
    .st-col-omw[b-uy2e8jitdv] {
        display: none;
    }
}

/* ========== Rodapé de saída ========== */

.st-foot[b-uy2e8jitdv] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: var(--tcg-space-md, 16px) 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.st-foot-text[b-uy2e8jitdv] {
    flex: 1;
    min-width: 0;
}

.st-foot-title[b-uy2e8jitdv] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.st-foot-sub[b-uy2e8jitdv] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-500, #8a8582);
}

@media (min-width: 768px) {
    .st-main[b-uy2e8jitdv],
    .st-foot[b-uy2e8jitdv] {
        padding-left: var(--tcg-space-xl, 32px);
        padding-right: var(--tcg-space-xl, 32px);
    }
}
/* /Pages/Suspensions/SuspensionAppeal.razor.rz.scp.css */
.sa[b-dids4nh8ls] {
    max-width: 640px;
    margin: 48px auto;
    padding: 0 16px;
}

.sa-card[b-dids4nh8ls] {
    background: var(--tcg-surface, #fff);
    border: var(--tcg-border-frame, 2px solid #201e1d);
    padding: 32px;
}

.sa-label[b-dids4nh8ls] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.sa-title[b-dids4nh8ls] { font-size: var(--tcg-font-size-xl, 20px); margin: 0 0 12px; color: var(--tcg-ink, #201e1d); }

.sa-body[b-dids4nh8ls] { font-size: var(--tcg-font-size-base, 15px); line-height: 1.55; color: var(--tcg-neutral-700, #4a4644); margin: 0 0 12px; }

.sa-quote[b-dids4nh8ls] { font-style: italic; border-left: 2px solid var(--tcg-neutral-300, #c9c6c4); padding-left: 12px; }

.sa-fine[b-dids4nh8ls] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 0 0 14px; }

.sa-field[b-dids4nh8ls] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }

.sa-field-label[b-dids4nh8ls] { font-size: var(--tcg-font-size-xs, 11px); font-weight: 700; letter-spacing: 1px; color: var(--tcg-neutral-600, #6b6663); }

.sa-textarea[b-dids4nh8ls] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid var(--tcg-border-color-field, #8a8582);
    background: var(--tcg-surface, #fff);
    font: inherit;
    resize: vertical;
}

.sa-actions[b-dids4nh8ls] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }

.sa-btn[b-dids4nh8ls] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
}

.sa-btn:disabled[b-dids4nh8ls] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.sa-btn-primary[b-dids4nh8ls] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.sa-btn-primary:hover:not(:disabled)[b-dids4nh8ls] { background: var(--tcg-accent-800, #a81f0b); }

.sa-attachments[b-dids4nh8ls] { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 6px; }

.sa-attachments li[b-dids4nh8ls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 10px;
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-ground, #f3f2f2);
    font-size: var(--tcg-font-size-sm, 13px);
}

.sa-attachment-name[b-dids4nh8ls] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sa-attachment-remove[b-dids4nh8ls] {
    flex: 0 0 auto;
    border: none;
    background: none;
    color: var(--tcg-accent-800, #a81f0b);
    font-weight: 700;
    font-size: var(--tcg-font-size-xs, 11px);
    cursor: pointer;
    padding: 0;
}

.sa-attachment-remove:disabled[b-dids4nh8ls] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.sa-attachment-error[b-dids4nh8ls] { color: var(--tcg-accent-800, #a81f0b); margin-top: 6px; }
/* /Pages/Tournament/Central/TournamentCentral.razor.rz.scp.css */
/* Central do torneio — tela 54 do PlayTCG 2.0 */

.tc[b-1gp0ttdw24] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
}

/* ========== Barra do torneio ========== */

.tc-bar[b-1gp0ttdw24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding: 14px 18px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.tc-bar-id[b-1gp0ttdw24] {
    min-width: 0;
}

.tc-bar-name[b-1gp0ttdw24] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.tc-bar-meta[b-1gp0ttdw24] {
    margin-top: 2px;
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.tc-bar-actions[b-1gp0ttdw24] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tc-saved[b-1gp0ttdw24] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

.tc-chip[b-1gp0ttdw24] {
    padding: 6px 10px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
}

.tc-chip-live[b-1gp0ttdw24] {
    background: var(--tcg-ink, #201e1d);
    color: #fff;
}

.tc-blocked[b-1gp0ttdw24] {
    padding: 12px 18px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
}

/* ========== Abas ========== */

.tc-tabs[b-1gp0ttdw24] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.tc-tab[b-1gp0ttdw24] {
    padding: 14px 16px;
    background: transparent;
    border: none;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-neutral-700, #4a4644);
    cursor: pointer;
}

.tc-tab:hover[b-1gp0ttdw24] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.tc-tab-active[b-1gp0ttdw24],
.tc-tab-active:hover[b-1gp0ttdw24] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-weight: 700;
}

.tc-tab-link[b-1gp0ttdw24]::after {
    content: " ↗";
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Grade ========== */

.tc-grid[b-1gp0ttdw24] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--tcg-space-lg, 24px);
    align-items: start;
}

.tc-main[b-1gp0ttdw24] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}

.tc-side[b-1gp0ttdw24] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* ========== Cartão ========== */

.tc-card[b-1gp0ttdw24] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.tc-card-head[b-1gp0ttdw24] {
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.tc-card-label[b-1gp0ttdw24] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.tc-card-body[b-1gp0ttdw24] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 20px 18px;
}

.tc-card-foot[b-1gp0ttdw24] {
    padding: 14px 18px;
    background: var(--tcg-ground, #f3f2f2);
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: 12px;
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
}

.tc-card-foot code[b-1gp0ttdw24] {
    font-size: 11px;
    background: var(--tcg-neutral-200, #e2e0df);
    padding: 1px 4px;
}

/* ========== Campos ========== */

.tc-field[b-1gp0ttdw24] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.tc-field-label[b-1gp0ttdw24] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.tc-pair[b-1gp0ttdw24] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.tc-input[b-1gp0ttdw24] {
    width: 100%;
    height: var(--tcg-touch-target, 44px);
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    border-radius: 0;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    color: var(--tcg-ink, #201e1d);
}

.tc-input:focus[b-1gp0ttdw24] {
    border-color: var(--tcg-ink, #201e1d);
    outline: none;
}

.tc-textarea[b-1gp0ttdw24] {
    height: auto;
    padding: 10px 12px;
    line-height: 1.5;
    resize: vertical;
}

.tc-readonly[b-1gp0ttdw24] {
    padding: 11px 12px;
    background: var(--tcg-ground, #f3f2f2);
    border: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.tc-hint[b-1gp0ttdw24] {
    font-size: 12px;
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.tc-hint code[b-1gp0ttdw24] {
    font-size: 11px;
    background: var(--tcg-neutral-200, #e2e0df);
    padding: 1px 4px;
}

.tc-chips[b-1gp0ttdw24] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tc-division[b-1gp0ttdw24] {
    padding: 8px 12px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 13px;
    font-weight: 700;
}

.tc-checks[b-1gp0ttdw24] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.tc-check[b-1gp0ttdw24] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
    cursor: pointer;
}

.tc-check-block[b-1gp0ttdw24] {
    display: flex;
}

.tc-check input[b-1gp0ttdw24] {
    width: 18px;
    height: 18px;
    accent-color: var(--tcg-accent, #ec3013);
}

/* ========== Células de estrutura ========== */

.tc-cells[b-1gp0ttdw24] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tc-cell[b-1gp0ttdw24] {
    padding: 20px 18px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    min-width: 0;
}

.tc-cell:last-child[b-1gp0ttdw24] {
    border-right: none;
}

.tc-cell-key[b-1gp0ttdw24] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.tc-cell-value[b-1gp0ttdw24] {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.05;
    color: var(--tcg-ink, #201e1d);
}

.tc-cell-unit[b-1gp0ttdw24] {
    font-size: 15px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Salvar ========== */

.tc-save[b-1gp0ttdw24] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.tc-save-error[b-1gp0ttdw24] {
    width: 100%;
    padding: 12px 14px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
}

/* ========== Cartão em tinta ========== */

.tc-ink[b-1gp0ttdw24] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px;
}

.tc-ink-label[b-1gp0ttdw24] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
}

.tc-ink-hero[b-1gp0ttdw24] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 6px;
}

.tc-ink-figure[b-1gp0ttdw24] {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
}

.tc-ink-caption[b-1gp0ttdw24] {
    font-size: 15px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.tc-ink-bars[b-1gp0ttdw24] {
    display: flex;
    gap: 2px;
    margin-top: 16px;
}

.tc-ink-bar[b-1gp0ttdw24] {
    flex: 1;
    height: 8px;
    background: var(--tcg-neutral-700, #4a4644);
}

.tc-ink-bar-done[b-1gp0ttdw24] {
    background: var(--tcg-accent, #ec3013);
}

/* ========== Checklist ========== */

.tc-checklist[b-1gp0ttdw24] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tc-checkline[b-1gp0ttdw24] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.tc-checkline-open[b-1gp0ttdw24] {
    background: var(--tcg-accent-100, #fdecea);
}

.tc-mark[b-1gp0ttdw24] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--tcg-accent, #ec3013);
    font-size: 11px;
    font-weight: 700;
}

.tc-mark-done[b-1gp0ttdw24] {
    background: var(--tcg-ink, #201e1d);
    border-color: var(--tcg-ink, #201e1d);
    color: #fff;
}

.tc-checkline-body[b-1gp0ttdw24] {
    flex: 1;
    min-width: 0;
}

.tc-checkline-title[b-1gp0ttdw24] {
    font-size: 14px;
    color: var(--tcg-neutral-700, #4a4644);
}

.tc-checkline-open .tc-checkline-title[b-1gp0ttdw24] {
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.tc-checkline-link[b-1gp0ttdw24] {
    margin-top: 2px;
    padding: 0;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--tcg-accent-700, #c2260f);
    text-decoration: underline;
    cursor: pointer;
}

/* ========== Zona de risco ========== */

.tc-risk[b-1gp0ttdw24] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
}

/* ========== Erro ========== */

.tc-error[b-1gp0ttdw24] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.tc-error-title[b-1gp0ttdw24] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.tc-error-body[b-1gp0ttdw24] {
    font-size: var(--tcg-font-size-sm, 13px);
}

.tc-error-actions[b-1gp0ttdw24] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* ========== Botões ========== */

.tc-btn[b-1gp0ttdw24] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.tc-btn:hover:not(:disabled)[b-1gp0ttdw24] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.tc-btn:disabled[b-1gp0ttdw24] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.tc-btn-primary[b-1gp0ttdw24] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.tc-btn-primary:hover:not(:disabled)[b-1gp0ttdw24] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.tc-btn-danger[b-1gp0ttdw24] {
    border-color: var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

.tc-btn-block[b-1gp0ttdw24] {
    width: 100%;
}

.tc :focus-visible[b-1gp0ttdw24] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .tc-grid[b-1gp0ttdw24] {
        grid-template-columns: 1fr;
    }

    .tc-side[b-1gp0ttdw24] {
        gap: var(--tcg-space-lg, 24px);
    }
}

@media (max-width: 768px) {
    .tc-pair[b-1gp0ttdw24] {
        grid-template-columns: 1fr;
    }

    .tc-cells[b-1gp0ttdw24] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tc-cell:nth-child(2)[b-1gp0ttdw24] {
        border-right: none;
    }

    .tc-cell-value[b-1gp0ttdw24] {
        font-size: 28px;
    }

    .tc-tab[b-1gp0ttdw24] {
        flex: 1 1 auto;
        text-align: center;
    }
}
/* /Pages/Tournament/CheckIn/CheckInDashboard.razor.rz.scp.css */
.cd[b-ckdsftl6g4] {
    max-width: 1024px;
    margin: 0 auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cd-bar[b-ckdsftl6g4] { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }

.cd-title[b-ckdsftl6g4] { font-size: var(--tcg-font-size-xl, 20px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.cd-state[b-ckdsftl6g4] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-600, #6b6663);
}

.cd-state-open[b-ckdsftl6g4] { color: var(--tcg-accent-700, #c2260f); }

.cd-counter[b-ckdsftl6g4] {
    font-size: 38px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--tcg-ink, #201e1d);
    margin-left: auto;
}

.cd-link[b-ckdsftl6g4] {
    height: var(--tcg-touch-target, 44px);
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: none;
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    text-decoration: none;
    cursor: pointer;
}

.cd-link:hover[b-ckdsftl6g4] { background: var(--tcg-neutral-200, #e2e0df); }

.cd-band[b-ckdsftl6g4] { display: flex; height: 24px; border: 2px solid var(--tcg-ink, #201e1d); overflow: hidden; }

.cd-band-proven[b-ckdsftl6g4] { background: var(--tcg-accent, #ec3013); }
.cd-band-manual[b-ckdsftl6g4] { background: var(--tcg-neutral-500, #8a8582); }
.cd-band-missing[b-ckdsftl6g4] { background: var(--tcg-surface, #fff); }

.cd-band-legend[b-ckdsftl6g4] { display: flex; gap: 20px; flex-wrap: wrap; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-700, #4a4644); }

.cd-dot[b-ckdsftl6g4] { display: inline-block; width: 10px; height: 10px; margin-right: 6px; vertical-align: middle; border: 1px solid var(--tcg-ink, #201e1d); }
.cd-dot-proven[b-ckdsftl6g4] { background: var(--tcg-accent, #ec3013); }
.cd-dot-manual[b-ckdsftl6g4] { background: var(--tcg-neutral-500, #8a8582); }
.cd-dot-missing[b-ckdsftl6g4] { background: var(--tcg-surface, #fff); }

.cd-columns[b-ckdsftl6g4] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

@media (max-width: 860px) {
    .cd-columns[b-ckdsftl6g4] { grid-template-columns: 1fr; }
}

.cd-panel[b-ckdsftl6g4] { background: var(--tcg-surface, #fff); border: 2px solid var(--tcg-ink, #201e1d); padding: 14px 16px; }

.cd-card-label[b-ckdsftl6g4] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.cd-mt[b-ckdsftl6g4] { margin-top: 16px; }

.cd-fine[b-ckdsftl6g4] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 0; }

.cd-list[b-ckdsftl6g4] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }

.cd-row[b-ckdsftl6g4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    flex-wrap: wrap;
}

.cd-row:last-child[b-ckdsftl6g4] { border-bottom: none; }

.cd-name[b-ckdsftl6g4] { font-weight: 700; color: var(--tcg-ink, #201e1d); }

.cd-reason[b-ckdsftl6g4] { display: block; font-size: var(--tcg-font-size-xs, 11px); color: var(--tcg-neutral-600, #6b6663); margin-top: 2px; }

.cd-row-actions[b-ckdsftl6g4] { display: flex; gap: 8px; flex-wrap: wrap; }

.cd-btn[b-ckdsftl6g4] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 14px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.cd-btn:hover:not(:disabled)[b-ckdsftl6g4] { background: var(--tcg-neutral-200, #e2e0df); }
.cd-btn:disabled[b-ckdsftl6g4] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.cd-btn-primary[b-ckdsftl6g4] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.cd-btn-primary:hover:not(:disabled)[b-ckdsftl6g4] { background: var(--tcg-accent-800, #a81f0b); }

.cd-btn-danger[b-ckdsftl6g4] { border-color: var(--tcg-accent-700, #c2260f); color: var(--tcg-accent-700, #c2260f); }
.cd-btn-danger:hover:not(:disabled)[b-ckdsftl6g4] { background: var(--tcg-accent-100, #fdecea); }

.cd-btn-outline[b-ckdsftl6g4] { border-color: var(--tcg-neutral-500, #8a8582); color: var(--tcg-neutral-700, #4a4644); }

.cd-config[b-ckdsftl6g4] { background: var(--tcg-surface, #fff); border: 2px solid var(--tcg-neutral-300, #c9c6c4); padding: 14px 16px; }

.cd-check[b-ckdsftl6g4] { display: flex; align-items: center; gap: 8px; font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-ink, #201e1d); font-weight: 700; }

.cd-config-row[b-ckdsftl6g4] { display: flex; gap: 8px; flex-wrap: wrap; }

.cd-chip-btn[b-ckdsftl6g4] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 14px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
}

.cd-chip-btn-active[b-ckdsftl6g4] { border-color: var(--tcg-accent, #ec3013); background: var(--tcg-accent-100, #fdecea); color: var(--tcg-accent-700, #c2260f); }

.cd-actions[b-ckdsftl6g4] { display: flex; gap: 10px; margin-top: 14px; }
/* /Pages/Tournament/CheckIn/CheckInQr.razor.rz.scp.css */
.cq[b-4nfn85s9x6] { max-width: 640px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); }

.cq-bar[b-4nfn85s9x6] { margin-bottom: 16px; }

.cq-title[b-4nfn85s9x6] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.cq-bar-meta[b-4nfn85s9x6] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin-top: 4px; }

.cq-actions[b-4nfn85s9x6] { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0; }

.cq-btn[b-4nfn85s9x6] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font: inherit;
    font-weight: 700;
    font-size: var(--tcg-font-size-sm, 13px);
    cursor: pointer;
}

.cq-btn:hover:not(:disabled)[b-4nfn85s9x6] { background: var(--tcg-neutral-200, #e2e0df); }
.cq-btn:disabled[b-4nfn85s9x6] { opacity: var(--tcg-disabled-opacity, .45); cursor: not-allowed; }

.cq-btn-primary[b-4nfn85s9x6] { background: var(--tcg-accent, #ec3013); border-color: var(--tcg-accent, #ec3013); color: #fff; }
.cq-btn-primary:hover:not(:disabled)[b-4nfn85s9x6] { background: var(--tcg-accent-800, #a81f0b); }

.cq-fine[b-4nfn85s9x6] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); margin: 4px 0; }

.cq-mt[b-4nfn85s9x6] { margin-top: 14px; }

.cq-card-label[b-4nfn85s9x6] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 6px;
}

.cq-telao[b-4nfn85s9x6] { border-top: 2px solid var(--tcg-ink, #201e1d); padding-top: 16px; margin-top: 16px; }

.cq-print[b-4nfn85s9x6] {
    background: #fff;
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 32px;
    text-align: center;
    margin: 20px 0;
}

.cq-instruction[b-4nfn85s9x6] { font-size: var(--tcg-font-size-base, 15px); color: var(--tcg-ink, #201e1d); margin: 0 0 20px; }

.cq-qr[b-4nfn85s9x6] { width: 280px; height: 280px; max-width: 100%; }

.cq-caption[b-4nfn85s9x6] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-700, #4a4644); margin: 16px 0 0; font-weight: 700; }

/* Impressão A4/A5 em P&B: só a folha imprime — barra, botões e modo telão somem. */
@media print {
    .cq-no-print[b-4nfn85s9x6] { display: none !important; }
    .cq-bar[b-4nfn85s9x6], .cq-actions[b-4nfn85s9x6], .cq-fine[b-4nfn85s9x6] { display: none !important; }
    .cq[b-4nfn85s9x6] { max-width: none; margin: 0; padding: 0; }
    .cq-print[b-4nfn85s9x6] { border: none; padding: 10mm; page-break-inside: avoid; }
    .cq-qr[b-4nfn85s9x6] { width: 60mm; height: 60mm; }
}
/* /Pages/Tournament/CheckIn/CheckInTelao.razor.rz.scp.css */
.ct[b-nrj45zejjx] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: var(--tcg-page-padding, 24px);
    background: var(--tcg-surface, #fff);
    text-align: center;
}

.ct-instruction[b-nrj45zejjx] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    margin: 0;
    max-width: 480px;
    color: var(--tcg-ink, #201e1d);
}

.ct-qr[b-nrj45zejjx] {
    width: min(70vh, 480px);
    height: min(70vh, 480px);
    max-width: 100%;
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 24px;
}

.ct-fine[b-nrj45zejjx] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
    margin: 0;
}

.ct-link[b-nrj45zejjx] {
    color: var(--tcg-accent, #ec3013);
    font-weight: 700;
    text-decoration: underline;
}
/* /Pages/Tournament/DeckCheck/DeckVerification.razor.rz.scp.css */
/* Conferência de deck na porta — tela 57 do PlayTCG 2.0 */

.dv[b-9whq0qa3g8] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    max-width: 760px;
}

/* ========== Barra ========== */

.dv-bar[b-9whq0qa3g8] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.dv-title[b-9whq0qa3g8] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.dv-counter[b-9whq0qa3g8] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Busca de balcão (grande de propósito) ========== */

.dv-search[b-9whq0qa3g8] {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 56px;
    padding: 0 14px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dv-search svg[b-9whq0qa3g8] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dv-search input[b-9whq0qa3g8] {
    flex: 1;
    min-width: 0;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 17px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.dv-search input:focus[b-9whq0qa3g8] {
    outline: none;
}

/* ========== Jogador em foco ========== */

.dv-focus[b-9whq0qa3g8] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dv-focus-problem[b-9whq0qa3g8] {
    border-color: var(--tcg-accent, #ec3013);
}

.dv-focus-head[b-9whq0qa3g8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.dv-focus-head-problem[b-9whq0qa3g8] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.dv-focus-state[b-9whq0qa3g8] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
}

.dv-focus-count[b-9whq0qa3g8] {
    font-size: 12px;
    font-weight: 700;
}

.dv-focus-body[b-9whq0qa3g8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 16px;
}

.dv-focus-id[b-9whq0qa3g8] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dv-avatar[b-9whq0qa3g8] {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 17px;
    font-weight: 700;
}

.dv-focus-name[b-9whq0qa3g8] {
    font-size: 20px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.dv-focus-meta[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Composição ========== */

.dv-composition[b-9whq0qa3g8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.dv-comp-cell[b-9whq0qa3g8] {
    padding: 12px 14px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    min-width: 0;
}

.dv-comp-cell:last-child[b-9whq0qa3g8] {
    border-right: none;
}

.dv-comp-value[b-9whq0qa3g8] {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--tcg-ink, #201e1d);
}

.dv-comp-key[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Notas ========== */

.dv-note[b-9whq0qa3g8] {
    padding: 12px;
    background: var(--tcg-neutral-200, #e2e0df);
    font-size: 14px;
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
}

.dv-note-problem[b-9whq0qa3g8] {
    background: var(--tcg-accent-100, #fdecea);
    color: var(--tcg-neutral-700, #4a4644);
}

.dv-violations[b-9whq0qa3g8] {
    margin: 6px 0 0 0;
    padding-left: 18px;
}

.dv-hint[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.dv-focus-actions[b-9whq0qa3g8] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ========== Fila ========== */

.dv-card[b-9whq0qa3g8] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dv-card-head[b-9whq0qa3g8] {
    padding: 12px 16px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.dv-card-label[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.dv-queue[b-9whq0qa3g8] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dv-queue-row[b-9whq0qa3g8] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.dv-queue-row:last-child[b-9whq0qa3g8] {
    border-bottom: none;
}

.dv-queue-row-active[b-9whq0qa3g8] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.dv-queue-body[b-9whq0qa3g8] {
    flex: 1;
    min-width: 0;
}

.dv-queue-name[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.dv-queue-meta[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.dv-queue-meta-problem[b-9whq0qa3g8] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

/* ========== Vazio e erro ========== */

.dv-empty[b-9whq0qa3g8] {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.dv-empty-title[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.dv-empty-body[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.dv-error[b-9whq0qa3g8] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.dv-error-title[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.dv-error-body[b-9whq0qa3g8] {
    font-size: var(--tcg-font-size-sm, 13px);
}

.dv-error-actions[b-9whq0qa3g8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* ========== Botões ========== */

.dv-links[b-9whq0qa3g8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.dv-btn[b-9whq0qa3g8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 14px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.dv-btn:hover:not(:disabled)[b-9whq0qa3g8] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.dv-btn:disabled[b-9whq0qa3g8] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.dv-btn-primary[b-9whq0qa3g8] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.dv-btn-ink[b-9whq0qa3g8] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.dv-btn-ink:hover:not(:disabled)[b-9whq0qa3g8] {
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-ground, #f3f2f2);
}

.dv-btn-lg[b-9whq0qa3g8] {
    height: 52px;
    font-size: 15px;
}

.dv-btn-sm[b-9whq0qa3g8] {
    height: 40px;
    padding: 0 12px;
    font-size: 13px;
    flex: 0 0 auto;
}

.dv-btn-grow[b-9whq0qa3g8] {
    flex: 1;
}

.dv :focus-visible[b-9whq0qa3g8] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 768px) {
    .dv-composition[b-9whq0qa3g8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dv-comp-cell:nth-child(2)[b-9whq0qa3g8] {
        border-right: none;
    }
}
/* /Pages/Tournament/DeckCheck/DeckVerificationPicker.razor.rz.scp.css */
/* Seletor de torneio da conferência de decks — irmão da tela 57 */

.dvp-list[b-a2zyiahn6x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 760px;
}

.dvp-row[b-a2zyiahn6x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    padding: 14px 16px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: inherit;
    text-decoration: none;
}

.dvp-row:hover[b-a2zyiahn6x],
.dvp-row:focus-visible[b-a2zyiahn6x] {
    background: var(--tcg-ground, #f3f2f2);
}

.dvp-row:focus-visible[b-a2zyiahn6x] {
    outline: 2px solid var(--tcg-ink, #201e1d);
    outline-offset: 2px;
}

.dvp-row-main[b-a2zyiahn6x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dvp-row-name[b-a2zyiahn6x] {
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.dvp-row-meta[b-a2zyiahn6x] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dvp-row-status[b-a2zyiahn6x] {
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Botão do estado vazio ========== */

.dvp-btn[b-a2zyiahn6x] {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    font-size: 14px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    text-decoration: none;
}

.dvp-btn-primary[b-a2zyiahn6x] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-surface, #fff);
}

@media (max-width: 560px) {
    .dvp-row[b-a2zyiahn6x] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}
/* /Pages/Tournament/DeckStats.razor.rz.scp.css */
/* Estatísticas de deck — tela 35 do PlayTCG 2.0 */

.ds[b-p1unkgwmyq] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

.ds-main[b-p1unkgwmyq] {
    flex: 1;
    padding: 14px 18px 18px 18px;
    min-width: 0;
}

.ds-grow[b-p1unkgwmyq] {
    flex: 1;
}

@media (min-width: 768px) {
    .ds-main[b-p1unkgwmyq] {
        padding: var(--tcg-space-lg, 24px) var(--tcg-space-xl, 32px);
        /* Estado vazio não precisa de largura de tela cheia para ser lido. */
        max-width: 720px;
    }
}
/* /Pages/Tournament/DropDQ/TournamentDropDQ.razor.rz.scp.css */
/* Drop e desqualificação — tela 26 do PlayTCG 2.0 */

.dq[b-lkx6vuwmip] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
    max-width: 980px;
}

/* ========== Barra de título ========== */

.dq-bar[b-lkx6vuwmip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 12px 20px;
    min-height: 60px;
}

.dq-title[b-lkx6vuwmip] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
}

.dq-subtitle[b-lkx6vuwmip] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    text-transform: uppercase;
}

/* ========== Botões ========== */

.dq-btn[b-lkx6vuwmip],
.dq-btn-sm[b-lkx6vuwmip],
.dq-btn-primary[b-lkx6vuwmip] {
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0;
}

.dq-btn[b-lkx6vuwmip] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-size: 14px;
}

.dq-btn:hover:not(:disabled)[b-lkx6vuwmip] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.dq-btn-sm[b-lkx6vuwmip] {
    height: 44px;
    min-width: 76px;
    padding: 0 14px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-size: 13px;
}

.dq-btn-sm:hover[b-lkx6vuwmip] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.dq-btn-danger[b-lkx6vuwmip] {
    border-color: var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

.dq-btn-danger:hover[b-lkx6vuwmip] {
    background: var(--tcg-accent-100, #fdecea);
}

.dq-btn-primary[b-lkx6vuwmip] {
    flex: 1;
    height: 48px;
    padding: 0 14px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-size: 15px;
    text-align: left;
}

.dq-btn-primary:hover:not(:disabled)[b-lkx6vuwmip] {
    background: var(--tcg-accent-700, #c2260f);
}

.dq-btn:disabled[b-lkx6vuwmip],
.dq-btn-primary:disabled[b-lkx6vuwmip] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.dq-btn:focus-visible[b-lkx6vuwmip],
.dq-btn-sm:focus-visible[b-lkx6vuwmip],
.dq-btn-primary:focus-visible[b-lkx6vuwmip],
.dq input:focus-visible[b-lkx6vuwmip] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== Busca e filtros ========== */

.dq-search[b-lkx6vuwmip] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    color: var(--tcg-neutral-600, #6b6663);
}

.dq-search:focus-within[b-lkx6vuwmip] {
    border-color: var(--tcg-ink, #201e1d);
}

.dq-search input[b-lkx6vuwmip] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 15px;
    color: var(--tcg-ink, #201e1d);
}

.dq-filters[b-lkx6vuwmip] {
    align-self: flex-start;
}

/* ========== Lista ========== */

.dq-list[b-lkx6vuwmip] {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dq-row[b-lkx6vuwmip] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    min-height: 68px;
}

.dq-row + .dq-row[b-lkx6vuwmip] {
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.dq-row-out[b-lkx6vuwmip] {
    background: var(--tcg-ground, #f3f2f2);
}

.dq-row-body[b-lkx6vuwmip] {
    flex: 1;
    min-width: 0;
}

.dq-row-name[b-lkx6vuwmip] {
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    overflow-wrap: anywhere;
}

.dq-row-out .dq-row-name[b-lkx6vuwmip] {
    color: var(--tcg-neutral-700, #4a4644);
}

.dq-row-meta[b-lkx6vuwmip] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dq-row-actions[b-lkx6vuwmip] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.dq-chip[b-lkx6vuwmip] {
    padding: 5px 8px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: 1px;
}

/* ========== Mensagens ========== */

.dq-error[b-lkx6vuwmip],
.dq-notice[b-lkx6vuwmip],
.dq-empty[b-lkx6vuwmip] {
    padding: 16px 20px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
}

.dq-error[b-lkx6vuwmip] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
}

.dq-error-title[b-lkx6vuwmip] {
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

.dq-error-body[b-lkx6vuwmip] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-accent-700, #c2260f);
}

.dq-notice[b-lkx6vuwmip] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 14px;
    font-weight: 700;
}

.dq-empty[b-lkx6vuwmip] {
    padding: 32px 24px;
}

.dq-empty-title[b-lkx6vuwmip] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.dq-empty-body[b-lkx6vuwmip] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Diálogo ========== */

.dq-scrim[b-lkx6vuwmip] {
    position: fixed;
    inset: 0;
    z-index: var(--tcg-z-modal-backdrop, 1040);
    background: rgba(32, 30, 29, .55);
}

.dq-dialog-wrap[b-lkx6vuwmip] {
    position: fixed;
    inset: 0;
    z-index: var(--tcg-z-modal, 1050);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    pointer-events: none;
}

.dq-dialog[b-lkx6vuwmip] {
    pointer-events: auto;
    width: 100%;
    max-width: 560px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.dq-dialog-head[b-lkx6vuwmip] {
    padding: 14px 20px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
}

.dq-dialog-danger[b-lkx6vuwmip] {
    border-color: var(--tcg-accent, #ec3013);
}

.dq-dialog-danger .dq-dialog-head[b-lkx6vuwmip] {
    background: var(--tcg-accent, #ec3013);
}

.dq-dialog-body[b-lkx6vuwmip] {
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dq-dialog-title[b-lkx6vuwmip] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
    overflow-wrap: anywhere;
}

.dq-dialog-text[b-lkx6vuwmip] {
    margin: 0;
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

.dq-field[b-lkx6vuwmip] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dq-field-label[b-lkx6vuwmip] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.dq-field-hint[b-lkx6vuwmip] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.dq-confirm-input[b-lkx6vuwmip] {
    height: 44px;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    font-family: inherit;
    font-size: 15px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
}

.dq-confirm-input-ok[b-lkx6vuwmip] {
    border-color: var(--tcg-accent, #ec3013);
}

.dq-dialog-error[b-lkx6vuwmip] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 12px 14px;
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
}

.dq-dialog-actions[b-lkx6vuwmip] {
    display: flex;
    gap: 2px;
    padding: 0 20px 20px;
}

/* ========== Responsivo ========== */

@media (max-width: 576px) {
    .dq-row[b-lkx6vuwmip] {
        flex-wrap: wrap;
    }

    .dq-row-actions[b-lkx6vuwmip] {
        width: 100%;
    }

    .dq-btn-sm[b-lkx6vuwmip] {
        flex: 1;
    }
}
/* /Pages/Tournament/EoR/SimpleMode.razor.rz.scp.css */
/* Modo simples (EoR) — tela 61 do PlayTCG 2.0 */

.eo[b-b1gf1yd6zo] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    max-width: 840px;
}

/* ========== Cabeçalho ========== */

.eo-head[b-b1gf1yd6zo] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 28px 24px;
}

.eo-kicker[b-b1gf1yd6zo] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

.eo-title[b-b1gf1yd6zo] {
    margin: 8px 0 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
}

.eo-lead[b-b1gf1yd6zo] {
    margin: 12px 0 0;
    font-size: var(--tcg-font-size-lg, 16px);
    line-height: 1.55;
    color: var(--tcg-neutral-300, #c9c6c4);
    max-width: 62ch;
}

/* ========== Cartão ========== */

.eo-card[b-b1gf1yd6zo] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.eo-card-head[b-b1gf1yd6zo] {
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.eo-label[b-b1gf1yd6zo] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

/* ========== Lacunas ========== */

.eo-gaps[b-b1gf1yd6zo],
.eo-paths[b-b1gf1yd6zo] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.eo-gaps li[b-b1gf1yd6zo] {
    display: flex;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.eo-gaps li:last-child[b-b1gf1yd6zo] {
    border-bottom: none;
}

.eo-gap-mark[b-b1gf1yd6zo] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.eo-gap-title[b-b1gf1yd6zo] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.eo-gap-text[b-b1gf1yd6zo] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.55;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 72ch;
    margin-top: 2px;
}

/* ========== Caminhos ========== */

.eo-paths li[b-b1gf1yd6zo] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    padding: 16px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    flex-wrap: wrap;
}

.eo-paths li:last-child[b-b1gf1yd6zo] {
    border-bottom: none;
}

.eo-path-body[b-b1gf1yd6zo] {
    flex: 1;
    min-width: 240px;
}

.eo-path-title[b-b1gf1yd6zo] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.eo-path-text[b-b1gf1yd6zo] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.55;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 68ch;
    margin-top: 2px;
}

/* ========== Nota ========== */

.eo-note[b-b1gf1yd6zo] {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    color: var(--tcg-neutral-600, #6b6663);
    border-left: 2px solid var(--tcg-neutral-300, #c9c6c4);
    padding-left: 14px;
    max-width: 88ch;
}

/* ========== Botões ========== */

.eo-btn[b-b1gf1yd6zo] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex: 0 0 auto;
}

.eo-btn:hover[b-b1gf1yd6zo] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.eo-btn-primary[b-b1gf1yd6zo] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.eo-btn-primary:hover[b-b1gf1yd6zo] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.eo :focus-visible[b-b1gf1yd6zo] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.eo-head :focus-visible[b-b1gf1yd6zo] {
    outline-color: var(--tcg-ground, #f3f2f2);
}

/* ========== Responsivo ========== */

@media (max-width: 768px) {
    .eo-title[b-b1gf1yd6zo] {
        font-size: var(--tcg-font-size-xxl, 26px);
    }

    .eo-paths li .eo-btn[b-b1gf1yd6zo] {
        width: 100%;
    }
}
/* /Pages/Tournament/ImportTdf.razor.rz.scp.css */
/* Importar do TOM — tela 62 do PlayTCG 2.0 */

.im[b-scm7ne1b18] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    max-width: 1000px;
}

.im-head[b-scm7ne1b18] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.im-title[b-scm7ne1b18] {
    margin: 0;
    font-size: var(--tcg-font-size-xxxl, 32px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.im-subtitle[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 2px;
}

.im-step[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-accent, #ec3013);
}

/* ========== Cartão ========== */

.im-card[b-scm7ne1b18] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
}

.im-card-head[b-scm7ne1b18] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-sm, 8px);
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.im-label[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.im-card-state[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Escolha do arquivo ========== */

.im-drop[b-scm7ne1b18] {
    border: 2px dashed var(--tcg-neutral-300, #c9c6c4);
    padding: 28px 20px;
    display: flex;
    align-items: center;
    gap: var(--tcg-space-lg, 24px);
    flex-wrap: wrap;
}

.im-drop-body[b-scm7ne1b18] {
    flex: 1;
    min-width: 240px;
}

.im-drop-title[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.im-drop-text[b-scm7ne1b18] {
    font-size: 14px;
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 60ch;
    margin-top: 4px;
}

.im-file[b-scm7ne1b18] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    padding: 18px;
    flex-wrap: wrap;
}

.im-file-body[b-scm7ne1b18] {
    flex: 1;
    min-width: 200px;
}

.im-file-name[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    margin-top: 4px;
    word-break: break-all;
}

.im-file-meta[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* O input real fica invisível; a <label> é o botão. */
.im-file-input[b-scm7ne1b18] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ========== Preview ========== */

.im-tournament[b-scm7ne1b18] {
    padding: 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.im-tournament-name[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.15;
    color: var(--tcg-ink, #201e1d);
}

.im-tournament-meta[b-scm7ne1b18] {
    font-size: 14px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 4px;
}

.im-cells[b-scm7ne1b18] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.im-cell[b-scm7ne1b18] {
    padding: 20px 18px;
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
    min-width: 0;
}

.im-cell:last-child[b-scm7ne1b18] {
    border-right: none;
}

.im-cell-unknown .im-cell-value[b-scm7ne1b18] {
    color: var(--tcg-neutral-300, #c9c6c4);
}

.im-cell-value[b-scm7ne1b18] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.05;
    color: var(--tcg-ink, #201e1d);
}

.im-cell-key[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
    margin-top: 5px;
}

.im-cells-why[b-scm7ne1b18] {
    margin: 0;
    padding: 0 18px 18px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 84ch;
}

.im-flag[b-scm7ne1b18] {
    display: flex;
    gap: 14px;
    padding: 16px 18px;
    background: var(--tcg-ground, #f3f2f2);
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.im-flag-mark[b-scm7ne1b18] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 14px;
    font-weight: 700;
}

.im-flag-title[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.im-flag-text[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.55;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 76ch;
}

/* ========== Modos ========== */

.im-modes[b-scm7ne1b18] {
    display: flex;
    flex-direction: column;
}

.im-mode[b-scm7ne1b18] {
    display: flex;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    cursor: pointer;
    align-items: flex-start;
}

.im-mode-on[b-scm7ne1b18] {
    background: var(--tcg-accent-100, #fdecea);
}

.im-mode input[b-scm7ne1b18] {
    margin: 3px 0 0;
    accent-color: var(--tcg-accent, #ec3013);
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.im-mode-title[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.im-mode-text[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 70ch;
}

.im-warn[b-scm7ne1b18] {
    padding: 16px 18px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.55;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.im-warn strong[b-scm7ne1b18] {
    color: var(--tcg-accent, #ec3013);
}

.im-confirm[b-scm7ne1b18] {
    padding: 18px;
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ========== Resultado ========== */

.im-done[b-scm7ne1b18] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.im-done-head[b-scm7ne1b18] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 18px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.im-done-mark[b-scm7ne1b18] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--tcg-accent, #ec3013);
    font-size: 20px;
    font-weight: 700;
}

.im-done-title[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-xl, 20px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
}

.im-done-text[b-scm7ne1b18] {
    font-size: 14px;
    opacity: .95;
}

.im-cells-done[b-scm7ne1b18] {
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.im-warnings[b-scm7ne1b18] {
    padding: 16px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.im-warnings ul[b-scm7ne1b18] {
    margin: 8px 0 0;
    padding-left: 20px;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.6;
    color: var(--tcg-neutral-700, #4a4644);
}

.im-done-actions[b-scm7ne1b18] {
    padding: 18px;
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ========== Histórico ========== */

.im-history[b-scm7ne1b18] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.im-history-row[b-scm7ne1b18] {
    display: flex;
    align-items: center;
    gap: var(--tcg-space-md, 16px);
    padding: 14px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.im-history-row:last-child[b-scm7ne1b18] {
    border-bottom: none;
}

.im-history-body[b-scm7ne1b18] {
    flex: 1;
    min-width: 0;
}

.im-history-title[b-scm7ne1b18] {
    font-size: 14px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    word-break: break-all;
}

.im-history-meta[b-scm7ne1b18] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.im-history-tag[b-scm7ne1b18] {
    flex: 0 0 auto;
    padding: 4px 8px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
}

.im-history-tag-ok[b-scm7ne1b18] {
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
}

.im-history-tag-bad[b-scm7ne1b18] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.im-history-tag-mute[b-scm7ne1b18] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Erro e vazio ========== */

.im-error[b-scm7ne1b18] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.im-error-title[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.im-error-body[b-scm7ne1b18] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.55;
    max-width: 82ch;
}

.im-error-list[b-scm7ne1b18] {
    margin: 0;
    padding-left: 20px;
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.6;
}

.im-empty[b-scm7ne1b18] {
    padding: 20px 18px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Botões ========== */

.im-btn[b-scm7ne1b18] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex: 0 0 auto;
    position: relative;
}

.im-btn:hover:not(:disabled)[b-scm7ne1b18] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.im-btn:disabled[b-scm7ne1b18] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.im-btn-primary[b-scm7ne1b18] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.im-btn-primary:hover:not(:disabled)[b-scm7ne1b18] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
}

.im-btn-lg[b-scm7ne1b18] {
    height: 48px;
    padding: 0 18px;
    font-size: var(--tcg-font-size-base, 15px);
}

.im :focus-visible[b-scm7ne1b18],
.im-btn:focus-within[b-scm7ne1b18] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 992px) {
    .im-cells[b-scm7ne1b18] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .im-cell:nth-child(2)[b-scm7ne1b18] {
        border-right: none;
    }

    .im-cell:nth-child(-n+2)[b-scm7ne1b18] {
        border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    }
}

@media (max-width: 768px) {
    .im-title[b-scm7ne1b18] {
        font-size: var(--tcg-font-size-xxl, 26px);
    }

    .im-tournament-name[b-scm7ne1b18] {
        font-size: var(--tcg-font-size-xl, 20px);
    }

    .im-cell-value[b-scm7ne1b18] {
        font-size: 26px;
    }

    .im-confirm .im-btn[b-scm7ne1b18],
    .im-done-actions .im-btn[b-scm7ne1b18] {
        flex: 1;
    }
}
/* /Pages/Tournament/LiveTournament.razor.rz.scp.css */
/*
 * Projeção em TV — tela 23 do PlayTCG 2.0.
 *
 * A moldura de referência é 1920×1080, mas a tela do salão pode ser
 * qualquer coisa: a tipografia escala com a largura da janela (1vw ≈ 19px
 * a 1920) e nenhum tamanho cai abaixo do mínimo legível a cinco metros.
 */

.pj[b-e9akgijggq] {
    position: relative;
    min-height: 100vh;
    background: var(--tcg-arena-900, #141312);
    color: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Único controle da tela: fica invisível até o mouse ou o teclado chegar. */
.pj-exit[b-e9akgijggq] {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 2;
    padding: 8px 12px;
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-neutral-300, #c9c6c4);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    opacity: 0;
}

.pj:hover .pj-exit[b-e9akgijggq],
.pj-exit:focus-visible[b-e9akgijggq] {
    opacity: 1;
}

.pj-exit:focus-visible[b-e9akgijggq] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

.pj-center[b-e9akgijggq] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
}

.pj-fail[b-e9akgijggq] {
    border: 2px solid var(--tcg-accent, #ec3013);
    background: rgba(236, 48, 19, .12);
    padding: 32px 40px;
    max-width: 900px;
}

.pj-fail-title[b-e9akgijggq] {
    font-size: clamp(22px, 2vw, 40px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
}

.pj-fail-body[b-e9akgijggq] {
    margin-top: 8px;
    font-size: clamp(15px, 1.2vw, 24px);
    color: var(--tcg-neutral-300, #c9c6c4);
}

/* ========== Cabeçalho ========== */

.pj-head[b-e9akgijggq] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    padding: clamp(20px, 2.1vw, 40px) clamp(20px, 2.9vw, 56px) clamp(14px, 1.5vw, 28px);
    border-bottom: 2px solid var(--tcg-arena-700, #2c2a28);
}

.pj-head-brand[b-e9akgijggq] {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.25vw, 24px);
    min-width: 0;
}

.pj-mark[b-e9akgijggq] {
    width: clamp(40px, 3.75vw, 72px);
    height: clamp(40px, 3.75vw, 72px);
    flex: 0 0 auto;
}

.pj-head-titles[b-e9akgijggq] {
    min-width: 0;
}

.pj-kicker[b-e9akgijggq] {
    font-size: clamp(12px, 1.05vw, 22px);
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--tcg-neutral-500, #8a8582);
    overflow-wrap: anywhere;
}

.pj-title[b-e9akgijggq] {
    margin: 6px 0 0;
    font-size: clamp(30px, 3.4vw, 72px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: var(--tcg-letter-spacing-display, -0.03em);
    color: var(--tcg-ground, #f3f2f2);
}

.pj-head-figures[b-e9akgijggq] {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
}

.pj-figure[b-e9akgijggq] {
    padding-left: clamp(20px, 2.1vw, 40px);
}

.pj-figure-label[b-e9akgijggq] {
    font-size: clamp(12px, .95vw, 20px);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

.pj-figure-value[b-e9akgijggq] {
    font-size: clamp(40px, 3.8vw, 80px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: var(--tcg-letter-spacing-display, -0.03em);
}

.pj-figure-unit[b-e9akgijggq] {
    font-size: .5em;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Corpo ========== */

.pj-body[b-e9akgijggq] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: var(--tcg-arena-700, #2c2a28);
    min-height: 0;
}

.pj-pane[b-e9akgijggq] {
    background: var(--tcg-arena-900, #141312);
    padding: clamp(18px, 1.7vw, 32px) clamp(20px, 2.9vw, 56px);
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.pj-pane-label[b-e9akgijggq] {
    margin: 0 0 clamp(10px, 1vw, 20px);
    font-size: clamp(14px, 1.05vw, 22px);
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--tcg-neutral-500, #8a8582);
}

.pj-pane-empty[b-e9akgijggq] {
    font-size: clamp(16px, 1.5vw, 30px);
    color: var(--tcg-neutral-500, #8a8582);
    line-height: 1.4;
}

/* ========== Classificação ========== */

.pj-table[b-e9akgijggq] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    font-size: clamp(18px, 1.8vw, 38px);
}

.pj-table tr[b-e9akgijggq] {
    border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
}

.pj-table tr:last-child[b-e9akgijggq] {
    border-bottom: none;
}

.pj-table td[b-e9akgijggq] {
    padding: clamp(6px, .75vw, 15px) 0;
}

.pj-row-cut[b-e9akgijggq] {
    border-bottom: 4px solid var(--tcg-accent, #ec3013) !important;
}

.pj-col-pos[b-e9akgijggq] {
    width: 12%;
    font-weight: 700;
    color: var(--tcg-neutral-500, #8a8582);
}

.pj-pos-in[b-e9akgijggq] {
    color: var(--tcg-accent, #ec3013);
}

.pj-col-name[b-e9akgijggq] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pj-col-record[b-e9akgijggq] {
    width: 22%;
    text-align: right;
    font-size: .78em;
    color: var(--tcg-neutral-500, #8a8582);
}

.pj-col-points[b-e9akgijggq] {
    width: 14%;
    text-align: right;
    font-weight: 700;
}

.pj-cut-legend[b-e9akgijggq] {
    margin-top: auto;
    padding-top: clamp(12px, 1.2vw, 24px);
    font-size: clamp(14px, 1.15vw, 24px);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-accent, #ec3013);
}

/* ========== Mesas em jogo ========== */

.pj-tables[b-e9akgijggq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: var(--tcg-arena-700, #2c2a28);
    align-content: start;
}

.pj-table-card[b-e9akgijggq] {
    background: var(--tcg-arena-800, #201e1d);
    padding: clamp(10px, .95vw, 20px) clamp(12px, 1.05vw, 22px);
    min-width: 0;
}

.pj-table-label[b-e9akgijggq] {
    font-size: clamp(12px, .95vw, 20px);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

.pj-table-p1[b-e9akgijggq] {
    margin-top: 4px;
    font-size: clamp(18px, 1.6vw, 34px);
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.pj-table-p2[b-e9akgijggq] {
    font-size: clamp(16px, 1.35vw, 28px);
    line-height: 1.2;
    color: var(--tcg-neutral-300, #c9c6c4);
    overflow-wrap: anywhere;
}

.pj-tables-more[b-e9akgijggq] {
    margin-top: clamp(12px, 1.2vw, 24px);
    font-size: clamp(14px, 1.15vw, 24px);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Rodapé ========== */

.pj-foot[b-e9akgijggq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding: clamp(12px, 1.05vw, 20px) clamp(20px, 2.9vw, 56px);
    border-top: 2px solid var(--tcg-arena-700, #2c2a28);
    font-size: clamp(13px, 1.15vw, 24px);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Telas pequenas ========== */

@media (max-width: 900px) {
    .pj-body[b-e9akgijggq] {
        grid-template-columns: 1fr;
    }

    .pj-tables[b-e9akgijggq] {
        grid-template-columns: 1fr;
    }

    .pj-exit[b-e9akgijggq] {
        opacity: 1;
    }
}
/* /Pages/Tournament/MatchSlips.razor.rz.scp.css */
/*
 * Ficha de partida em papel — tela 28 do PlayTCG 2.0.
 *
 * Preto sobre branco, sem cinza de fundo, sem nada que dependa de cor.
 * A ficha inteira mede em em: o tamanho base muda com quantas cabem na
 * folha, e todo o resto acompanha, então 1, 2 ou 3 por página é a mesma
 * ficha em escalas diferentes — não três layouts.
 */

.ms[b-y5cw2jpkgy] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
}

/* ========== Controles (somem na impressão) ========== */

.ms-controls[b-y5cw2jpkgy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 12px 20px;
}

.ms-title[b-y5cw2jpkgy] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
}

.ms-subtitle[b-y5cw2jpkgy] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    text-transform: uppercase;
}

.ms-controls-actions[b-y5cw2jpkgy] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ms-btn-primary[b-y5cw2jpkgy] {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.ms-btn-primary:hover:not(:disabled)[b-y5cw2jpkgy] {
    background: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.ms-btn-primary:disabled[b-y5cw2jpkgy] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.ms-btn-primary:focus-visible[b-y5cw2jpkgy] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== Estados ========== */

.ms-empty[b-y5cw2jpkgy],
.ms-error[b-y5cw2jpkgy] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 720px;
}

.ms-error[b-y5cw2jpkgy] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
}

.ms-empty-title[b-y5cw2jpkgy],
.ms-error-title[b-y5cw2jpkgy] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.ms-error-title[b-y5cw2jpkgy] {
    color: var(--tcg-accent-700, #c2260f);
}

.ms-empty-body[b-y5cw2jpkgy],
.ms-error-body[b-y5cw2jpkgy] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.ms-error-body[b-y5cw2jpkgy] {
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Folha ========== */

.ms-sheets[b-y5cw2jpkgy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8mm;
}

.ms-slip[b-y5cw2jpkgy] {
    box-sizing: border-box;
    width: 190mm;
    max-width: 100%;
    padding: 8mm 9mm;
    background: #fff;
    color: var(--tcg-ink, #201e1d);
    border: 1px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    page-break-inside: avoid;
    break-inside: avoid;
    font-size: 9pt;
}

.ms-sheets[data-per-page="1"] .ms-slip[b-y5cw2jpkgy] {
    height: 265mm;
    font-size: 13pt;
}

.ms-sheets[data-per-page="2"] .ms-slip[b-y5cw2jpkgy] {
    height: 130mm;
    font-size: 9pt;
}

.ms-sheets[data-per-page="3"] .ms-slip[b-y5cw2jpkgy] {
    height: 85mm;
    font-size: 7pt;
}

/* ========== Cabeçalho da ficha ========== */

.ms-slip-head[b-y5cw2jpkgy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    padding-bottom: .9em;
}

.ms-brand[b-y5cw2jpkgy] {
    display: flex;
    align-items: center;
    gap: .6em;
}

.ms-mark[b-y5cw2jpkgy] {
    width: 1.8em;
    height: 1.8em;
    flex: 0 0 auto;
}

.ms-wordmark[b-y5cw2jpkgy] {
    font-size: 1.15em;
    font-weight: 700;
}

.ms-slip-meta[b-y5cw2jpkgy] {
    text-align: right;
    min-width: 0;
}

.ms-slip-tournament[b-y5cw2jpkgy] {
    font-size: .7em;
    font-weight: 700;
    letter-spacing: 1.5px;
    overflow-wrap: anywhere;
}

.ms-slip-context[b-y5cw2jpkgy] {
    font-size: .82em;
}

.ms-key[b-y5cw2jpkgy] {
    font-size: .68em;
    font-weight: 700;
    letter-spacing: 1.5px;
}

/* ========== Mesa e rodada ========== */

.ms-band[b-y5cw2jpkgy] {
    display: flex;
    align-items: stretch;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ms-band-cell[b-y5cw2jpkgy] {
    flex: 1;
    padding: .9em 0 .9em .9em;
}

.ms-band-cell-first[b-y5cw2jpkgy] {
    flex: 0 0 34%;
    padding-left: 0;
    border-right: 1px solid var(--tcg-ink, #201e1d);
}

.ms-figure[b-y5cw2jpkgy] {
    font-size: 3.6em;
    font-weight: 700;
    line-height: 1;
}

.ms-figure-unit[b-y5cw2jpkgy] {
    font-size: .36em;
}

/* ========== Jogadores ========== */

.ms-player[b-y5cw2jpkgy] {
    padding: .9em 0;
    border-bottom: 1px solid var(--tcg-ink, #201e1d);
}

.ms-player-last[b-y5cw2jpkgy] {
    border-bottom-width: 2px;
}

.ms-player-name[b-y5cw2jpkgy] {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.15;
    margin-top: .1em;
    overflow-wrap: anywhere;
}

.ms-player-line[b-y5cw2jpkgy] {
    font-size: .85em;
}

.ms-boxes[b-y5cw2jpkgy] {
    display: flex;
    gap: .7em;
    margin-top: .8em;
}

.ms-box-games[b-y5cw2jpkgy] {
    flex: 1;
}

.ms-box-sign[b-y5cw2jpkgy] {
    flex: 2;
}

.ms-write[b-y5cw2jpkgy] {
    height: 2.9em;
    border: 2px solid var(--tcg-ink, #201e1d);
    margin-top: .3em;
}

/* ========== Resultado ========== */

.ms-result[b-y5cw2jpkgy] {
    padding: .9em 0;
    border-bottom: 1px solid var(--tcg-ink, #201e1d);
}

.ms-result-row[b-y5cw2jpkgy] {
    display: flex;
    margin-top: .6em;
}

.ms-result-cell[b-y5cw2jpkgy] {
    flex: 1;
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: .8em;
}

.ms-result-cell + .ms-result-cell[b-y5cw2jpkgy] {
    border-left: none;
}

.ms-tick[b-y5cw2jpkgy] {
    display: block;
    width: 1.3em;
    height: 1.3em;
    border: 2px solid var(--tcg-ink, #201e1d);
}

.ms-result-label[b-y5cw2jpkgy] {
    display: block;
    margin-top: .6em;
    font-size: .95em;
    font-weight: 700;
}

/* ========== Rodapé ========== */

.ms-foot[b-y5cw2jpkgy] {
    display: flex;
    gap: .7em;
    padding-top: .9em;
    margin-top: auto;
}

.ms-sign-judge[b-y5cw2jpkgy] {
    flex: 1;
}

.ms-sign-time[b-y5cw2jpkgy] {
    flex: 0 0 22%;
}

.ms-sign-line[b-y5cw2jpkgy] {
    height: 2.4em;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ms-note[b-y5cw2jpkgy] {
    margin: .9em 0 0;
    font-size: .68em;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Impressão ========== */

@page {
    size: A4;
    margin: 10mm;
}

@media print {
    .no-print[b-y5cw2jpkgy] {
        display: none !important;
    }

    .ms-sheets[b-y5cw2jpkgy] {
        gap: 0;
        align-items: stretch;
    }

    .ms-slip[b-y5cw2jpkgy] {
        width: 100%;
        border: none;
        padding: 0 0 6mm;
    }

    .ms-sheets[data-per-page="1"] .ms-slip[b-y5cw2jpkgy] {
        height: 277mm;
    }

    .ms-sheets[data-per-page="2"] .ms-slip[b-y5cw2jpkgy] {
        height: 138mm;
    }

    .ms-sheets[data-per-page="3"] .ms-slip[b-y5cw2jpkgy] {
        height: 92mm;
    }
}

/* ========== Telas estreitas ========== */

@media (max-width: 820px) {
    .ms-slip[b-y5cw2jpkgy] {
        height: auto !important;
        font-size: 10pt !important;
    }
}
/* /Pages/Tournament/Native/ControlRoom.razor.rz.scp.css */
/* Row states in the pairings table */
:deep(.row-complete td)[b-jx0cnc02so] {
    background-color: var(--tcg-accent-100) !important;
}

:deep(.row-walkover td)[b-jx0cnc02so] {
    background-color: var(--tcg-neutral-200, #e2e0df) !important;
}

/* Result entry buttons — ensure minimum 44px touch target */
:deep(.ant-btn-sm)[b-jx0cnc02so] {
    min-height: 32px;
    min-width: 44px;
}

/* Game card selection effect */
.game-card:hover[b-jx0cnc02so] {
    border-color: var(--tcg-primary-light) !important;
}

/* ── Tela 49: ação primária única — nunca some, fica cinza com o motivo ── */
.tcg-primary-action-card :deep(.ant-card-body)[b-jx0cnc02so] {
    padding: 0;
}

.tcg-primary-action[b-jx0cnc02so] {
    display: block;
    width: 100%;
    height: 72px;
    padding: 0 20px;
    background: var(--tcg-accent);
    color: #fff;
    border: none;
    font-family: var(--tcg-font-family);
    font-size: 19px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.tcg-primary-action:hover:not(:disabled)[b-jx0cnc02so] {
    background: var(--tcg-accent-700);
}

.tcg-primary-action:disabled[b-jx0cnc02so] {
    background: var(--tcg-neutral-200);
    color: var(--tcg-neutral-500);
    cursor: not-allowed;
}

.tcg-primary-action-reason[b-jx0cnc02so] {
    padding: 10px 20px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--tcg-neutral-600);
}

.tcg-live-stat :deep(.ant-statistic-content)[b-jx0cnc02so] {
    font-variant-numeric: tabular-nums;
}
/* /Pages/Tournament/Native/CreateNativeTournament.razor.rz.scp.css */
/* ============================================================
   Game card grid — Step 0
   ============================================================ */

.game-grid[b-uvzvmfppn7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 8px;
}

@media (max-width: 768px) {
    .game-grid[b-uvzvmfppn7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .game-grid[b-uvzvmfppn7] {
        grid-template-columns: 1fr;
    }
}

/* Reset button so it inherits layout normally */
button.game-card[b-uvzvmfppn7] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 20px 16px;
    border: var(--tcg-border-width-thick) solid var(--tcg-neutral-300);
    border-radius: var(--tcg-border-radius);
    text-align: center;
    background: var(--tcg-surface);
    transition: border-color 0.15s ease, background-color 0.15s ease;
    width: 100%;
}

/* Passar o mouse e ter escolhido precisavam ser coisas diferentes. Os dois
   estados usavam `border-color: var(--tcg-primary)`, então qualquer card sob o
   cursor ficava idêntico ao escolhido — dois jogos apareciam selecionados ao
   mesmo tempo e só a etiqueta desempatava.

   Agora o hover é tinta ("dá para escolher este") e o escolhido é acento com
   fundo de acento ("é este"). A escala foi embora junto: a 2.0 não move o
   conteúdo debaixo do cursor. */
button.game-card:hover:not(.game-card--selected)[b-uvzvmfppn7] {
    border-color: var(--tcg-ink);
}

button.game-card.game-card--selected[b-uvzvmfppn7] {
    border-color: var(--tcg-accent);
    background: var(--tcg-accent-100);
}

button.game-card:focus-visible[b-uvzvmfppn7] {
    outline: var(--tcg-focus-outline);
    outline-offset: var(--tcg-focus-outline-offset);
}

.game-card__logo[b-uvzvmfppn7] {
    width: 72px;
    height: 72px;
    object-fit: contain;
    filter: grayscale(100%) opacity(0.55);
    transition: filter 0.2s ease;
}

button.game-card:hover .game-card__logo[b-uvzvmfppn7],
button.game-card.game-card--selected .game-card__logo[b-uvzvmfppn7] {
    filter: grayscale(0%) opacity(1);
}

.game-card__name[b-uvzvmfppn7] {
    font-weight: 600;
    font-size: 14px;
    color: var(--tcg-ink);
    transition: color 0.2s ease;
}

button.game-card.game-card--selected .game-card__name[b-uvzvmfppn7] {
    color: var(--tcg-primary);
}

.game-card__desc[b-uvzvmfppn7] {
    font-size: 12px;
    color: var(--tcg-text-tertiary);
}

/* ============================================================
   Mode card grid — Step 1
   ============================================================ */

.mode-grid[b-uvzvmfppn7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    align-items: stretch;
}

@media (max-width: 576px) {
    .mode-grid[b-uvzvmfppn7] {
        grid-template-columns: 1fr;
    }
}

.mode-card[b-uvzvmfppn7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    padding: 24px;
    border: var(--tcg-border-width-thick) solid var(--tcg-neutral-300);
    border-radius: var(--tcg-border-radius);
    background: var(--tcg-surface);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

/* Mesma separação do card de jogo: hover em tinta, escolhido em acento. */
.mode-card:hover:not(.mode-card--disabled):not(.mode-card--selected)[b-uvzvmfppn7] {
    border-color: var(--tcg-ink);
}

.mode-card.mode-card--selected[b-uvzvmfppn7] {
    border-color: var(--tcg-accent);
    background: var(--tcg-accent-100);
}

.mode-card.mode-card--disabled[b-uvzvmfppn7] {
    cursor: not-allowed;
    opacity: var(--tcg-disabled-opacity);
}

.mode-card__icon[b-uvzvmfppn7] {
    font-size: 40px;
    text-align: center;
    margin-bottom: 12px;
}

.mode-card__title[b-uvzvmfppn7] {
    text-align: center;
    margin-bottom: 8px;
}

.mode-card__subtitle[b-uvzvmfppn7] {
    font-size: 13px;
    text-align: center;
    color: var(--tcg-text-secondary);
    margin-bottom: 12px;
}

.mode-card__bullets[b-uvzvmfppn7] {
    font-size: 13px;
    padding-left: 20px;
    color: var(--tcg-text-secondary);
    flex: 1;
    margin: 0 0 12px 0;
}

.mode-card__bullets li[b-uvzvmfppn7] {
    margin-bottom: 4px;
}

.mode-card__tag[b-uvzvmfppn7] {
    margin-top: auto;
    text-align: center;
}

/* ============================================================
   Card body padding fix (AntDesign)
   ============================================================ */

[b-uvzvmfppn7] .ant-card-body {
    padding: 16px;
}

/* ============================================================
   Config step helpers
   ============================================================ */

.section-title[b-uvzvmfppn7] {
    font-weight: 600;
    font-size: 15px;
    color: var(--tcg-ink);
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--tcg-neutral-200);
}

/* Linha de preset de formato e a caixa de "rodadas fixas". Estavam com
   #f0f0f0 e #f5f5f5 no atributo style, fora de qualquer folha e fora da paleta. */
.preset-row[b-uvzvmfppn7] {
    margin-bottom: var(--tcg-space-sm);
    padding: var(--tcg-space-sm);
    border: var(--tcg-border-width) solid var(--tcg-neutral-200);
    border-radius: var(--tcg-border-radius);
}

.rounds-fixed[b-uvzvmfppn7] {
    padding: 12px;
    background: var(--tcg-neutral-200);
    border-radius: var(--tcg-border-radius);
}

/* /Pages/Tournament/Native/EliminationBracket.razor.rz.scp.css */
/* Chaveamento do top cut — tela 24 do PlayTCG 2.0 */

.bk[b-jgpz65uwq0] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

/* ========== Barra de título ========== */

.bk-bar[b-jgpz65uwq0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 10px 18px;
    min-height: 64px;
}

.bk-bar-title[b-jgpz65uwq0] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
    min-width: 0;
}

.bk-title[b-jgpz65uwq0] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.bk-subtitle[b-jgpz65uwq0] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.bk-bar-actions[b-jgpz65uwq0] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ========== Botões ========== */

.bk-btn[b-jgpz65uwq0],
.bk-btn-primary[b-jgpz65uwq0],
.bk-btn-report[b-jgpz65uwq0] {
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0;
    text-align: left;
}

.bk-btn[b-jgpz65uwq0] {
    height: 44px;
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
}

.bk-btn:hover[b-jgpz65uwq0] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.bk-btn-primary[b-jgpz65uwq0] {
    height: 48px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-size: 15px;
}

.bk-btn-primary:hover[b-jgpz65uwq0] {
    background: var(--tcg-accent-700, #c2260f);
}

.bk-btn:focus-visible[b-jgpz65uwq0],
.bk-btn-primary:focus-visible[b-jgpz65uwq0],
.bk-btn-report:focus-visible[b-jgpz65uwq0] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== Tabuleiro ========== */

.bk-board[b-jgpz65uwq0] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(240px, 1fr);
    gap: 2px;
    background: var(--tcg-neutral-200, #e2e0df);
    border: 2px solid var(--tcg-ink, #201e1d);
    overflow-x: auto;
}

.bk-col[b-jgpz65uwq0] {
    background: var(--tcg-ground, #f3f2f2);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.bk-col-label[b-jgpz65uwq0] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
}

.bk-col-body[b-jgpz65uwq0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 16px;
    min-width: 0;
}

/* ========== Confronto ========== */

.bk-match[b-jgpz65uwq0] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    min-width: 0;
}

.bk-match-live[b-jgpz65uwq0] {
    border-color: var(--tcg-accent, #ec3013);
}

.bk-match-waiting[b-jgpz65uwq0] {
    border-color: var(--tcg-neutral-300, #c9c6c4);
}

.bk-match-head[b-jgpz65uwq0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    background: var(--tcg-ground, #f3f2f2);
    color: var(--tcg-neutral-700, #4a4644);
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.bk-match-live .bk-match-head[b-jgpz65uwq0] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border-bottom-color: var(--tcg-accent, #ec3013);
}

.bk-match-head-tag[b-jgpz65uwq0] {
    font-size: 10px;
    letter-spacing: 1px;
}

/* ========== Assentos ========== */

.bk-seat[b-jgpz65uwq0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 12px;
    min-height: 44px;
    font-size: 15px;
    color: var(--tcg-ink, #201e1d);
}

.bk-seat + .bk-seat[b-jgpz65uwq0] {
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.bk-seat-name[b-jgpz65uwq0] {
    font-weight: 600;
    min-width: 0;
    overflow-wrap: anywhere;
}

.bk-seat-mark[b-jgpz65uwq0] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
}

.bk-seat-win[b-jgpz65uwq0] {
    background: var(--tcg-accent-100, #fdecea);
}

.bk-seat-win .bk-seat-name[b-jgpz65uwq0] {
    font-weight: 700;
}

.bk-seat-win .bk-seat-mark[b-jgpz65uwq0] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
}

.bk-seat-loss .bk-seat-name[b-jgpz65uwq0] {
    color: var(--tcg-neutral-700, #4a4644);
    font-weight: 400;
}

.bk-seat-loss .bk-seat-mark[b-jgpz65uwq0] {
    background: var(--tcg-neutral-700, #4a4644);
    border-color: var(--tcg-neutral-700, #4a4644);
}

.bk-seat-open .bk-seat-name[b-jgpz65uwq0] {
    color: var(--tcg-neutral-500, #8a8582);
    font-weight: 400;
}

/* ========== Lançamento de resultado ========== */

.bk-match-actions[b-jgpz65uwq0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px;
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.bk-btn-report[b-jgpz65uwq0] {
    height: 44px;
    padding: 0 12px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border: none;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bk-btn-report:hover:not(:disabled)[b-jgpz65uwq0] {
    background: var(--tcg-accent, #ec3013);
}

.bk-btn-report:disabled[b-jgpz65uwq0] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.bk-pending-phase[b-jgpz65uwq0] {
    border: 2px dashed var(--tcg-neutral-300, #c9c6c4);
    padding: 18px 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-500, #8a8582);
    text-align: center;
}

/* ========== Coluna do campeão ========== */

.bk-side[b-jgpz65uwq0] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.bk-side-label[b-jgpz65uwq0] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-500, #8a8582);
    margin-bottom: 6px;
}

.bk-side-champion[b-jgpz65uwq0] {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    overflow-wrap: anywhere;
}

.bk-side-champion-open[b-jgpz65uwq0] {
    color: var(--tcg-neutral-700, #4a4644);
}

.bk-side-rule[b-jgpz65uwq0] {
    height: 1px;
    background: var(--tcg-arena-700, #2c2a28);
}

.bk-side-body[b-jgpz65uwq0] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-300, #c9c6c4);
    white-space: pre-line;
}

.bk-side-note[b-jgpz65uwq0] {
    margin-top: auto;
    font-size: 13px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Estados ========== */

.bk-empty[b-jgpz65uwq0],
.bk-error[b-jgpz65uwq0] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.bk-error[b-jgpz65uwq0] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
}

.bk-empty-title[b-jgpz65uwq0],
.bk-error-title[b-jgpz65uwq0] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.bk-error-title[b-jgpz65uwq0] {
    color: var(--tcg-accent-700, #c2260f);
}

.bk-empty-body[b-jgpz65uwq0],
.bk-error-body[b-jgpz65uwq0] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.bk-error-body[b-jgpz65uwq0] {
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Responsivo ========== */

@media (max-width: 992px) {
    .bk-board[b-jgpz65uwq0] {
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

    .bk-col-body[b-jgpz65uwq0] {
        justify-content: flex-start;
    }
}

/* ========== Impressão ========== */

@media print {
    .bk-bar[b-jgpz65uwq0],
    .bk-match-actions[b-jgpz65uwq0] {
        display: none;
    }

    .bk-board[b-jgpz65uwq0] {
        overflow: visible;
    }
}
/* /Pages/Tournament/Native/MyPairing.razor.rz.scp.css */
/* Minha partida — tela 25 do PlayTCG 2.0 */

.mp[b-1juyj7aocb] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-lg, 24px);
    min-width: 0;
}

.mp-frame[b-1juyj7aocb] {
    background: var(--tcg-arena-900, #141312);
    border: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 860px;
}

/* ========== Cabeçalho escuro ========== */

.mp-head[b-1juyj7aocb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    padding: 18px 24px;
    border-bottom: 1px solid var(--tcg-arena-700, #2c2a28);
}

.mp-head-left[b-1juyj7aocb] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.mp-flag[b-1juyj7aocb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1px;
}

.mp-flag-pip[b-1juyj7aocb] {
    width: 7px;
    height: 7px;
    background: #fff;
}

.mp-head-sub[b-1juyj7aocb] {
    font-size: 14px;
    color: var(--tcg-neutral-300, #c9c6c4);
    min-width: 0;
    overflow-wrap: anywhere;
}

.mp-head-clock[b-1juyj7aocb] {
    text-align: right;
    flex: 0 0 auto;
}

.mp-head-clock-label[b-1juyj7aocb] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.mp-head-clock-value[b-1juyj7aocb] {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: var(--tcg-ground, #f3f2f2);
}

/* ========== Corpo ========== */

.mp-body[b-1juyj7aocb] {
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 2px;
    background: var(--tcg-arena-700, #2c2a28);
    min-width: 0;
}

.mp-table[b-1juyj7aocb] {
    background: var(--tcg-ground, #f3f2f2);
    padding: 28px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mp-label[b-1juyj7aocb] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
}

.mp-table-number[b-1juyj7aocb] {
    font-size: clamp(72px, 14vw, 120px);
    font-weight: 700;
    line-height: .9;
    letter-spacing: -0.05em;
    color: var(--tcg-ink, #201e1d);
}

.mp-bye[b-1juyj7aocb] {
    font-size: clamp(56px, 11vw, 96px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: var(--tcg-letter-spacing-display, -0.03em);
    color: var(--tcg-accent, #ec3013);
}

.mp-rule[b-1juyj7aocb] {
    height: 2px;
    background: var(--tcg-ink, #201e1d);
    margin: 18px 0 14px;
}

.mp-opponent[b-1juyj7aocb] {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
    overflow-wrap: anywhere;
}

.mp-opponent-meta[b-1juyj7aocb] {
    font-size: 15px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Ações ========== */

.mp-actions[b-1juyj7aocb] {
    margin-top: auto;
    padding-top: 24px;
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.mp-btn-primary[b-1juyj7aocb],
.mp-btn-ghost[b-1juyj7aocb] {
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0;
    text-align: left;
}

.mp-btn-lg[b-1juyj7aocb] {
    height: 56px;
    padding: 0 18px;
    font-size: 16px;
}

.mp-btn-primary[b-1juyj7aocb] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    flex: 1 1 220px;
}

.mp-btn-primary:hover:not(:disabled)[b-1juyj7aocb] {
    background: var(--tcg-accent-700, #c2260f);
}

.mp-btn-primary:disabled[b-1juyj7aocb] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.mp-btn-ghost[b-1juyj7aocb] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    flex: 0 0 auto;
}

.mp-btn-ghost:hover[b-1juyj7aocb] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.mp-btn-primary:focus-visible[b-1juyj7aocb],
.mp-btn-ghost:focus-visible[b-1juyj7aocb] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

.mp-note[b-1juyj7aocb] {
    margin: 12px 0 0;
    font-size: 13px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

.mp-reported[b-1juyj7aocb] {
    flex: 1 1 220px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 12px 16px;
    min-height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mp-reported-title[b-1juyj7aocb] {
    font-size: 15px;
    font-weight: 700;
}

.mp-reported-body[b-1juyj7aocb] {
    font-size: 13px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

/* ========== Coluna de retrospecto ========== */

.mp-side[b-1juyj7aocb] {
    background: var(--tcg-arena-800, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.mp-side-label[b-1juyj7aocb] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.mp-side-value[b-1juyj7aocb] {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.mp-side-value-accent[b-1juyj7aocb] {
    color: var(--tcg-accent, #ec3013);
}

.mp-side-unit[b-1juyj7aocb] {
    font-size: 15px;
    font-weight: 700;
    color: var(--tcg-neutral-500, #8a8582);
}

.mp-side-foot[b-1juyj7aocb] {
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid var(--tcg-arena-700, #2c2a28);
}

.mp-side-tables[b-1juyj7aocb] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
}

.mp-bar[b-1juyj7aocb] {
    height: 6px;
    background: var(--tcg-arena-700, #2c2a28);
    display: block;
}

.mp-bar > span[b-1juyj7aocb] {
    display: block;
    height: 100%;
    background: var(--tcg-accent, #ec3013);
}

/* ========== Estados ========== */

.mp-empty[b-1juyj7aocb],
.mp-error[b-1juyj7aocb] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 860px;
}

.mp-error[b-1juyj7aocb] {
    background: var(--tcg-accent-100, #fdecea);
    border-color: var(--tcg-accent, #ec3013);
}

.mp-empty-title[b-1juyj7aocb],
.mp-error-title[b-1juyj7aocb] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.mp-error-title[b-1juyj7aocb] {
    color: var(--tcg-accent-700, #c2260f);
}

.mp-empty-body[b-1juyj7aocb],
.mp-error-body[b-1juyj7aocb] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 8px;
}

.mp-error-body[b-1juyj7aocb] {
    color: var(--tcg-accent-700, #c2260f);
}

.mp-empty .mp-btn-primary[b-1juyj7aocb],
.mp-error .mp-btn-primary[b-1juyj7aocb] {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 16px;
    font-size: 15px;
}

/* ========== Responsivo ========== */

@media (max-width: 768px) {
    .mp-body[b-1juyj7aocb] {
        grid-template-columns: 1fr;
    }

    .mp-side[b-1juyj7aocb] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px;
    }

    .mp-side-foot[b-1juyj7aocb] {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        flex: 1 1 100%;
    }

    .mp-table[b-1juyj7aocb] {
        padding: 20px;
    }

    .mp-actions[b-1juyj7aocb] {
        flex-direction: column;
    }

    .mp-btn-ghost[b-1juyj7aocb] {
        flex: 1 1 auto;
    }
}
/* /Pages/Tournament/Pairings.razor.rz.scp.css */
/* Pairings Page Styles */

/* Container principal */
.pairings-container[b-qzarrxyijx] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

/* Info Bar com round progress */
.pairings-info-bar[b-qzarrxyijx] {
    margin-bottom: 16px;
    padding: 12px 20px;
    background: var(--tcg-info-bg, #e2e0df);
    border-radius: 0;
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.pairings-round-info[b-qzarrxyijx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pairings-divider[b-qzarrxyijx] {
    width: 1px;
    height: 28px;
    background: var(--tcg-neutral-300, #c9c6c4);
}

.pairings-stats-bar[b-qzarrxyijx] {
    margin-bottom: 16px;
    padding: 12px;
    background: var(--tcg-ground, #f3f2f2);
    border-radius: 0;
}

/* Tabela */
.ant-table[b-qzarrxyijx] {
    font-size: 13px;
}

.ant-table-thead > tr > th[b-qzarrxyijx] {
    background: #f0f0f0;
    font-weight: 600;
    text-align: center;
    padding: 12px 8px;
}

.ant-table-tbody > tr > td[b-qzarrxyijx] {
    padding: 12px 8px;
    vertical-align: middle;
}

.ant-table-tbody > tr:nth-child(even)[b-qzarrxyijx] {
    background-color: var(--tcg-ground, #f3f2f2);
}

.ant-table-bordered .ant-table-tbody > tr > td[b-qzarrxyijx],
.ant-table-bordered .ant-table-thead > tr > th[b-qzarrxyijx] {
    border-right: 1px solid var(--tcg-neutral-200, #e2e0df);
}

/* ========================================
   RESPONSIVIDADE MOBILE
   ======================================== */

@media (max-width: 768px) {
    .pairings-container[b-qzarrxyijx] {
        padding: 16px;
    }

    .pairings-info-bar[b-qzarrxyijx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 12px 16px;
    }

    .pairings-divider[b-qzarrxyijx] {
        display: none;
    }

    /* Filtros em coluna */
    .pairings-filters .ant-row[b-qzarrxyijx] {
        flex-direction: column;
    }

    .pairings-filters .ant-col[b-qzarrxyijx] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 12px;
    }

    .pairings-filters .ant-col:last-child[b-qzarrxyijx] {
        margin-bottom: 0;
        text-align: left !important;
    }

    /* Statistics bar em 2 colunas */
    .pairings-stats-bar .ant-row .ant-col[b-qzarrxyijx] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 12px;
    }

    /* Round tabs scroll horizontal */
    .ant-tabs-nav-list[b-qzarrxyijx] {
        flex-wrap: nowrap;
    }

    .ant-tabs-nav[b-qzarrxyijx] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 576px) {
    .pairings-container[b-qzarrxyijx] {
        padding: 12px;
    }

    .pairings-info-bar[b-qzarrxyijx] {
        padding: 10px 12px;
    }

    /* Statistics bar em 2x2 grid */
    .pairings-stats-bar .ant-statistic-title[b-qzarrxyijx] {
        font-size: 11px;
    }

    .pairings-stats-bar .ant-statistic-content-value[b-qzarrxyijx] {
        font-size: 18px;
    }

    /* Tabs menores */
    .ant-tabs-tab[b-qzarrxyijx] {
        padding: 8px 12px !important;
        font-size: 12px;
    }

    .ant-tabs-tab .ant-tag[b-qzarrxyijx] {
        display: none;
    }
}
/* /Pages/Tournament/Penalties/TournamentPenalties.razor.rz.scp.css */
/* Penalidades — tela 27 do PlayTCG 2.0 */

.pn[b-ekydvw3dly] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-width: 0;
    max-width: 1100px;
}

/* ========== Barra de título ========== */

.pn-bar[b-ekydvw3dly] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 12px 20px;
    min-height: 60px;
}

.pn-title[b-ekydvw3dly] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
}

.pn-subtitle[b-ekydvw3dly] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    text-transform: uppercase;
}

/* ========== Grade ========== */

.pn-grid[b-ekydvw3dly] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 2px;
    background: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    align-items: stretch;
}

.pn-form[b-ekydvw3dly] {
    background: var(--tcg-surface, #fff);
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.pn-two[b-ekydvw3dly] {
    display: grid;
    grid-template-columns: 1fr 140px;
    gap: 14px;
}

/* ========== Campos ========== */

.pn-field[b-ekydvw3dly] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.pn-field-grow[b-ekydvw3dly] {
    flex: 1;
}

.pn-field-label[b-ekydvw3dly] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pn-field-hint[b-ekydvw3dly] {
    font-size: 12px;
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 700;
}

.pn-input[b-ekydvw3dly] {
    height: 44px;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 15px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
    min-width: 0;
}

.pn-input-soft[b-ekydvw3dly] {
    border-color: var(--tcg-neutral-300, #c9c6c4);
}

.pn-textarea[b-ekydvw3dly] {
    height: auto;
    min-height: 92px;
    padding: 12px;
    line-height: var(--tcg-line-height-normal, 1.55);
    resize: vertical;
}

.pn-input:focus-visible[b-ekydvw3dly],
.pn-chip:focus-visible[b-ekydvw3dly],
.pn-btn-primary:focus-visible[b-ekydvw3dly] {
    outline: var(--tcg-focus-outline, 2px solid #ec3013);
    outline-offset: var(--tcg-focus-outline-offset, 2px);
}

/* ========== Chips de infração ========== */

.pn-chips[b-ekydvw3dly] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pn-chip[b-ekydvw3dly] {
    min-height: 44px;
    padding: 8px 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    border-radius: 0;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    cursor: pointer;
}

.pn-chip:hover[b-ekydvw3dly] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.pn-chip-on[b-ekydvw3dly],
.pn-chip-on:hover[b-ekydvw3dly] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

/* ========== Sugestão da tabela ========== */

.pn-suggestion[b-ekydvw3dly] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    padding: 14px;
}

.pn-suggestion-text[b-ekydvw3dly] {
    min-width: 0;
}

.pn-suggestion-title[b-ekydvw3dly] {
    font-size: 17px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.pn-suggestion-body[b-ekydvw3dly] {
    font-size: 13px;
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Ações ========== */

.pn-actions[b-ekydvw3dly] {
    display: flex;
    gap: 2px;
}

.pn-btn-primary[b-ekydvw3dly] {
    flex: 1;
    height: 48px;
    padding: 0 14px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    border-radius: 0;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.pn-btn-primary:hover:not(:disabled)[b-ekydvw3dly] {
    background: var(--tcg-accent-700, #c2260f);
}

.pn-btn-primary:disabled[b-ekydvw3dly] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.pn-note[b-ekydvw3dly] {
    margin: 0;
    font-size: 13px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Lateral ========== */

.pn-side[b-ekydvw3dly] {
    background: var(--tcg-surface, #fff);
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.pn-side-block[b-ekydvw3dly] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pn-side-block-ink[b-ekydvw3dly] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 16px;
}

.pn-side-label[b-ekydvw3dly] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-neutral-600, #6b6663);
}

.pn-side-label-dark[b-ekydvw3dly] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    color: var(--tcg-neutral-500, #8a8582);
}

.pn-side-title[b-ekydvw3dly] {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.pn-side-body[b-ekydvw3dly] {
    font-size: 13px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-300, #c9c6c4);
}

.pn-side-empty[b-ekydvw3dly] {
    border: 2px dashed var(--tcg-neutral-300, #c9c6c4);
    padding: 14px;
    font-size: 13px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Vazio ========== */

.pn-empty[b-ekydvw3dly] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pn-empty-title[b-ekydvw3dly] {
    font-size: 16px;
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.pn-empty-body[b-ekydvw3dly] {
    font-size: 14px;
    line-height: var(--tcg-line-height-normal, 1.55);
    color: var(--tcg-neutral-600, #6b6663);
    max-width: 70ch;
}

/* ========== Tabela oficial ========== */

.pn-table-wrap[b-ekydvw3dly] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    overflow-x: auto;
}

.pn-table[b-ekydvw3dly] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.pn-table th[b-ekydvw3dly] {
    text-align: left;
    padding: 12px 14px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    text-transform: uppercase;
}

.pn-table td[b-ekydvw3dly] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    vertical-align: top;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
}

.pn-table tr:last-child td[b-ekydvw3dly] {
    border-bottom: none;
}

.pn-table-name[b-ekydvw3dly] {
    font-weight: 700;
}

.pn-table-desc[b-ekydvw3dly],
.pn-table-reasons[b-ekydvw3dly] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
    line-height: var(--tcg-line-height-normal, 1.55);
}

.pn-table-hj[b-ekydvw3dly] {
    font-weight: 700;
    white-space: nowrap;
}

.pn-severity[b-ekydvw3dly] {
    display: inline-block;
    padding: 4px 8px;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    color: var(--tcg-neutral-700, #4a4644);
}

.pn-severity-2[b-ekydvw3dly] {
    border-color: var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
}

.pn-severity-3[b-ekydvw3dly] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

/* ========== Responsivo ========== */

@media (max-width: 992px) {
    .pn-grid[b-ekydvw3dly] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .pn-two[b-ekydvw3dly] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Tournament/Registrations/TournamentRegistrations.razor.rz.scp.css */
/* Inscritos — tela 55 do PlayTCG 2.0 */

.rg[b-7l5x41qvq9] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
}

/* ========== Barra ========== */

.rg-bar[b-7l5x41qvq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.rg-title[b-7l5x41qvq9] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.rg-bar-meta[b-7l5x41qvq9] {
    margin-top: 2px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-bar-actions[b-7l5x41qvq9] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.rg-notice[b-7l5x41qvq9] {
    padding: 12px 16px;
    background: var(--tcg-neutral-200, #e2e0df);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

/* ========== Números ========== */

.rg-stats[b-7l5x41qvq9] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.rg-stat[b-7l5x41qvq9] {
    padding: 16px 20px;
    border-right: 1px solid var(--tcg-arena-700, #2c2a28);
    min-width: 0;
}

.rg-stat:last-child[b-7l5x41qvq9] {
    border-right: none;
}

.rg-stat-value[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    line-height: 1.1;
}

.rg-stat-value-accent[b-7l5x41qvq9] {
    color: var(--tcg-accent, #ec3013);
}

.rg-stat-key[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Cartão ========== */

.rg-card[b-7l5x41qvq9] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    min-width: 0;
}

.rg-card-head[b-7l5x41qvq9] {
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.rg-card-label[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

/* ========== Adicionar jogador ========== */

.rg-add-body[b-7l5x41qvq9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 18px;
}

.rg-add-grid[b-7l5x41qvq9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.rg-add-foot[b-7l5x41qvq9] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.rg-charge[b-7l5x41qvq9] {
    padding: 12px 14px;
    background: var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
}

/* ========== Campos ========== */

.rg-field[b-7l5x41qvq9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.rg-field-grow[b-7l5x41qvq9] {
    flex: 1;
}

.rg-field-label[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-input[b-7l5x41qvq9] {
    width: 100%;
    height: var(--tcg-touch-target, 44px);
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    border-radius: 0;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    color: var(--tcg-ink, #201e1d);
}

.rg-input:focus[b-7l5x41qvq9] {
    border-color: var(--tcg-ink, #201e1d);
    outline: none;
}

.rg-hint[b-7l5x41qvq9] {
    font-size: 12px;
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-inline-error[b-7l5x41qvq9] {
    padding: 10px 12px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    font-size: var(--tcg-font-size-sm, 13px);
    font-weight: 600;
}

.rg-textarea[b-7l5x41qvq9] {
    width: 100%;
    padding: 10px 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    color: var(--tcg-ink, #201e1d);
    resize: vertical;
}

.rg-textarea:focus[b-7l5x41qvq9] {
    border-color: var(--tcg-ink, #201e1d);
    outline: none;
}

.rg-fine[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
    margin: 4px 0 0;
}

/* ========== D-13: privacidade e aviso ========== */

.rg-privacy-note[b-7l5x41qvq9] {
    padding: 10px 14px;
    background: var(--tcg-neutral-200, #e2e0df);
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-700, #4a4644);
}

.rg-announce-body[b-7l5x41qvq9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ========== Filtros ========== */

.rg-filters[b-7l5x41qvq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.rg-search[b-7l5x41qvq9] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 260px;
    height: 40px;
    padding: 0 12px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
}

.rg-search:focus-within[b-7l5x41qvq9] {
    border-color: var(--tcg-ink, #201e1d);
}

.rg-search svg[b-7l5x41qvq9] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--tcg-neutral-500, #8a8582);
}

.rg-search input[b-7l5x41qvq9] {
    flex: 1;
    min-width: 0;
    border: none;
    background: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-ink, #201e1d);
}

.rg-search input:focus[b-7l5x41qvq9] {
    outline: none;
}

/* ========== Tabela ========== */

.rg-table-wrap[b-7l5x41qvq9] {
    overflow-x: auto;
}

.rg-table[b-7l5x41qvq9] {
    width: 100%;
    border-collapse: collapse;
}

.rg-table thead tr[b-7l5x41qvq9] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.rg-table th[b-7l5x41qvq9] {
    padding: 11px 16px;
    text-align: left;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-700, #4a4644);
    white-space: nowrap;
}

.rg-table td[b-7l5x41qvq9] {
    padding: 12px 16px;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
    vertical-align: middle;
}

.rg-table tbody tr[b-7l5x41qvq9] {
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.rg-table tbody tr:last-child[b-7l5x41qvq9] {
    border-bottom: none;
}

.rg-row-attention[b-7l5x41qvq9] {
    background: var(--tcg-accent-100, #fdecea);
}

.rg-row-reason td[b-7l5x41qvq9] {
    background: var(--tcg-ground, #f3f2f2);
}

.rg-col-pick[b-7l5x41qvq9] {
    width: 44px;
}

.rg-col-pick input[b-7l5x41qvq9] {
    width: 18px;
    height: 18px;
    accent-color: var(--tcg-accent, #ec3013);
}

.rg-col-actions[b-7l5x41qvq9] {
    text-align: right;
    white-space: nowrap;
}

.rg-player[b-7l5x41qvq9] {
    font-weight: 700;
}

.rg-player-meta[b-7l5x41qvq9] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-muted[b-7l5x41qvq9] {
    color: var(--tcg-neutral-500, #8a8582);
}

.rg-actions[b-7l5x41qvq9] {
    display: inline-flex;
    gap: 2px;
    justify-content: flex-end;
}

.rg-reason[b-7l5x41qvq9] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 6px 0;
}

/* ========== Selos ========== */

.rg-badge[b-7l5x41qvq9] {
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    white-space: nowrap;
}

.rg-badge-outline[b-7l5x41qvq9] {
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
}

.rg-badge-soft[b-7l5x41qvq9] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
}

.rg-badge-alert[b-7l5x41qvq9] {
    background: var(--tcg-accent, #ec3013);
    color: #fff;
}

.rg-badge-muted[b-7l5x41qvq9] {
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Barra de lote ========== */

.rg-bulk[b-7l5x41qvq9] {
    position: sticky;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 16px 20px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.rg-bulk-count[b-7l5x41qvq9] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-500, #8a8582);
}

.rg-bulk-spacer[b-7l5x41qvq9] {
    flex: 1;
}

.rg-bulk-btn[b-7l5x41qvq9] {
    height: var(--tcg-touch-target, 44px);
    padding: 0 14px;
    background: var(--tcg-arena-700, #2c2a28);
    color: var(--tcg-ground, #f3f2f2);
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.rg-bulk-btn:hover:not(:disabled)[b-7l5x41qvq9] {
    background: var(--tcg-accent, #ec3013);
}

.rg-bulk-btn:disabled[b-7l5x41qvq9] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.rg-bulk-btn-light[b-7l5x41qvq9] {
    background: var(--tcg-ground, #f3f2f2);
    color: var(--tcg-ink, #201e1d);
}

/* ========== Vazio e erro ========== */

.rg-empty[b-7l5x41qvq9] {
    padding: 28px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.rg-empty-title[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.rg-empty-body[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-error[b-7l5x41qvq9] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.rg-error-title[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.rg-error-body[b-7l5x41qvq9] {
    font-size: var(--tcg-font-size-sm, 13px);
}

.rg-error-actions[b-7l5x41qvq9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* ========== Botões ========== */

.rg-btn[b-7l5x41qvq9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.rg-btn:hover:not(:disabled)[b-7l5x41qvq9] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.rg-btn:disabled[b-7l5x41qvq9] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.rg-btn-primary[b-7l5x41qvq9] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.rg-btn-primary:hover:not(:disabled)[b-7l5x41qvq9] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.rg-btn-danger[b-7l5x41qvq9] {
    border-color: var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
}

.rg-btn-xs[b-7l5x41qvq9] {
    height: 34px;
    padding: 0 12px;
    font-size: 12px;
}

.rg :focus-visible[b-7l5x41qvq9] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 1200px) {
    .rg-stats[b-7l5x41qvq9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rg-stat:nth-child(3)[b-7l5x41qvq9] {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .rg-stats[b-7l5x41qvq9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rg-stat:nth-child(2n)[b-7l5x41qvq9] {
        border-right: none;
    }

    .rg-search[b-7l5x41qvq9] {
        width: 100%;
    }

    .rg-bar-actions[b-7l5x41qvq9] {
        width: 100%;
    }

    .rg-bar-actions .rg-btn[b-7l5x41qvq9] {
        flex: 1 1 auto;
    }
}

/* ========== Impressão (folha de check-in de papel) ========== */

@media print {
    .rg-bar-actions[b-7l5x41qvq9],
    .rg-filters[b-7l5x41qvq9],
    .rg-bulk[b-7l5x41qvq9],
    .rg-add[b-7l5x41qvq9],
    .rg-notice[b-7l5x41qvq9],
    .rg-col-pick[b-7l5x41qvq9],
    .rg-col-actions[b-7l5x41qvq9] {
        display: none !important;
    }

    .rg-stats[b-7l5x41qvq9] {
        color: var(--tcg-ink, #201e1d);
        background: #fff;
    }

    .rg-stat-key[b-7l5x41qvq9],
    .rg-stat-value[b-7l5x41qvq9] {
        color: var(--tcg-ink, #201e1d);
    }

    .rg-card[b-7l5x41qvq9] {
        border: 1px solid var(--tcg-ink, #201e1d);
    }
}
/* /Pages/Tournament/Staff/TournamentStaff.razor.rz.scp.css */
/* Equipe e permissões — tela 56 do PlayTCG 2.0 */

.st[b-hu1n5rs0xl] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    max-width: 760px;
}

.st-bar[b-hu1n5rs0xl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.st-title[b-hu1n5rs0xl] {
    margin: 0;
    font-size: var(--tcg-font-size-xxl, 26px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.st-bar-meta[b-hu1n5rs0xl] {
    margin-top: 2px;
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Aviso ========== */

.st-alert[b-hu1n5rs0xl] {
    display: flex;
    gap: 12px;
    padding: 14px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
}

.st-alert-mark[b-hu1n5rs0xl] {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.st-alert-body[b-hu1n5rs0xl] {
    font-size: 14px;
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Cartão ========== */

.st-card[b-hu1n5rs0xl] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
}

.st-card-head[b-hu1n5rs0xl] {
    padding: 12px 16px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.st-card-label[b-hu1n5rs0xl] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-ink, #201e1d);
}

.st-card-foot[b-hu1n5rs0xl] {
    padding: 14px 16px;
    background: var(--tcg-ground, #f3f2f2);
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: 12px;
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
}

/* ========== Pessoa ========== */

.st-person[b-hu1n5rs0xl] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.st-avatar[b-hu1n5rs0xl] {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 13px;
    font-weight: 700;
}

.st-person-body[b-hu1n5rs0xl] {
    flex: 1;
    min-width: 0;
}

.st-person-name[b-hu1n5rs0xl] {
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.st-person-role[b-hu1n5rs0xl] {
    font-size: var(--tcg-font-size-sm, 13px);
    color: var(--tcg-neutral-600, #6b6663);
}

.st-tag[b-hu1n5rs0xl] {
    flex: 0 0 auto;
    padding: 4px 8px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
}

/* ========== Tabela de papéis ========== */

.st-table-wrap[b-hu1n5rs0xl] {
    overflow-x: auto;
}

.st-table[b-hu1n5rs0xl] {
    width: 100%;
    border-collapse: collapse;
}

.st-table thead tr[b-hu1n5rs0xl] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.st-table th[b-hu1n5rs0xl] {
    padding: 10px 14px;
    text-align: left;
    font-size: var(--tcg-font-size-tab-label, 10px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-700, #4a4644);
    white-space: nowrap;
}

.st-table td[b-hu1n5rs0xl] {
    padding: 10px 14px;
    font-size: 14px;
    color: var(--tcg-ink, #201e1d);
}

.st-table tbody tr[b-hu1n5rs0xl] {
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
}

.st-table tbody tr:last-child[b-hu1n5rs0xl] {
    border-bottom: none;
}

.st-col-mark[b-hu1n5rs0xl] {
    width: 64px;
    text-align: center;
    font-weight: 700;
}

/* ========== Vazio e erro ========== */

.st-empty[b-hu1n5rs0xl] {
    padding: 22px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.st-empty-title[b-hu1n5rs0xl] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
    color: var(--tcg-neutral-700, #4a4644);
}

.st-empty-body[b-hu1n5rs0xl] {
    font-size: var(--tcg-font-size-sm, 13px);
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.st-error[b-hu1n5rs0xl] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.st-error-title[b-hu1n5rs0xl] {
    font-size: var(--tcg-font-size-lg, 16px);
    font-weight: 700;
}

.st-error-body[b-hu1n5rs0xl] {
    font-size: var(--tcg-font-size-sm, 13px);
}

.st-error-actions[b-hu1n5rs0xl] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* ========== Botões ========== */

.st-links[b-hu1n5rs0xl] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.st-btn[b-hu1n5rs0xl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--tcg-touch-target, 44px);
    padding: 0 16px;
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.st-btn:hover:not(:disabled)[b-hu1n5rs0xl] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.st-btn:disabled[b-hu1n5rs0xl] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.st-btn-primary[b-hu1n5rs0xl] {
    background: var(--tcg-accent, #ec3013);
    border-color: var(--tcg-accent, #ec3013);
    color: #fff;
}

.st-btn-primary:hover:not(:disabled)[b-hu1n5rs0xl] {
    background: var(--tcg-accent-700, #c2260f);
    border-color: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.st :focus-visible[b-hu1n5rs0xl] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}
/* /Pages/Tournament/Standings.razor.rz.scp.css */
/* Visão geral do torneio — tela 18 do PlayTCG 2.0 */

.ts[b-pz1rgmkqje] {
    min-height: 100vh;
    background: var(--tcg-ground, #f3f2f2);
    display: flex;
    flex-direction: column;
}

/* ========== Barra do torneio (tinta, própria — sem shell) ========== */

.ts-bar[b-pz1rgmkqje] {
    height: 64px;
    flex: 0 0 64px;
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-arena-700, #2c2a28);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 28px;
}

.ts-bar-id[b-pz1rgmkqje] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ts-bar-text[b-pz1rgmkqje] {
    min-width: 0;
}

.ts-bar-name[b-pz1rgmkqje] {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ts-bar-meta[b-pz1rgmkqje] {
    font-size: 12px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.ts-bar-actions[b-pz1rgmkqje] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.ts-live[b-pz1rgmkqje] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
}

.ts-live-dot[b-pz1rgmkqje] {
    width: 7px;
    height: 7px;
    background: var(--tcg-arena-700, #2c2a28);
}

/* ========== Corpo ========== */

.ts-main[b-pz1rgmkqje] {
    flex: 1;
    min-height: 0;
    padding: 24px 28px 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* ========== Abas sublinhadas ========== */

.ts-tabs[b-pz1rgmkqje] {
    background: var(--tcg-surface, #fff);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
    display: flex;
    flex-wrap: wrap;
}

.ts-tab[b-pz1rgmkqje] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tcg-touch-target, 44px);
    padding: 14px 18px;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-neutral-700, #4a4644);
    text-decoration: none;
    cursor: pointer;
}

.ts-tab:hover[b-pz1rgmkqje] {
    color: var(--tcg-ink, #201e1d);
}

.ts-tab-active[b-pz1rgmkqje] {
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
    box-shadow: inset 0 -3px 0 var(--tcg-accent, #ec3013);
}

.ts-tab-disabled[b-pz1rgmkqje] {
    color: var(--tcg-neutral-300, #c9c6c4);
    cursor: not-allowed;
}

.ts-tab:focus-visible[b-pz1rgmkqje] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: -2px;
}

/* ========== Grade principal ========== */

.ts-grid[b-pz1rgmkqje] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
    align-items: start;
}

.ts-main-col + .ts-main-col[b-pz1rgmkqje] {
    margin-top: 18px;
}

.ts-side[b-pz1rgmkqje] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    grid-row: 1 / 3;
    grid-column: 2;
}

/* ========== Cartão ========== */

.ts-card[b-pz1rgmkqje] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    min-width: 0;
}

.ts-side-fill[b-pz1rgmkqje] {
    flex: 1;
}

.ts-card-head[b-pz1rgmkqje] {
    padding: 12px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ts-card-label[b-pz1rgmkqje] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-ink, #201e1d);
}

.ts-card-body[b-pz1rgmkqje] {
    padding: 18px;
}

.ts-dq-card[b-pz1rgmkqje] {
    border-color: var(--tcg-accent, #ec3013);
}

/* ========== Barra de ferramentas da tabela ========== */

.ts-card-toolbar[b-pz1rgmkqje] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px 18px;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ts-toolbar-spacer[b-pz1rgmkqje] {
    flex: 1;
}

.ts-dropped-toggle[b-pz1rgmkqje] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--tcg-neutral-700, #4a4644);
    cursor: pointer;
}

.ts-dropped-toggle input[b-pz1rgmkqje] {
    width: 18px;
    height: 18px;
    accent-color: var(--tcg-accent, #ec3013);
}

.ts-label[b-pz1rgmkqje] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Tabela de classificação ========== */

.ts-table-wrap[b-pz1rgmkqje] {
    overflow-x: auto;
}

.ts-table[b-pz1rgmkqje] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.ts-table thead tr[b-pz1rgmkqje] {
    background: var(--tcg-ground, #f3f2f2);
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ts-table th[b-pz1rgmkqje] {
    text-align: left;
    padding: 10px 16px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-700, #4a4644);
    white-space: nowrap;
}

.ts-table td[b-pz1rgmkqje] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--tcg-neutral-200, #e2e0df);
    white-space: nowrap;
}

.ts-table tbody tr:last-child td[b-pz1rgmkqje] {
    border-bottom: none;
}

.ts-col-pos[b-pz1rgmkqje],
.ts-col-rec[b-pz1rgmkqje],
.ts-col-pts[b-pz1rgmkqje],
.ts-col-omw[b-pz1rgmkqje] {
    text-align: right;
}

.ts-table th.ts-col-pos[b-pz1rgmkqje],
.ts-table th.ts-col-rec[b-pz1rgmkqje],
.ts-table th.ts-col-pts[b-pz1rgmkqje],
.ts-table th.ts-col-omw[b-pz1rgmkqje] {
    text-align: right;
}

.ts-col-pos[b-pz1rgmkqje] {
    font-weight: 700;
}

.ts-col-name[b-pz1rgmkqje] {
    font-weight: 700;
    white-space: normal;
}

.ts-col-deck[b-pz1rgmkqje] {
    color: var(--tcg-neutral-600, #6b6663);
    white-space: normal;
}

.ts-col-pts[b-pz1rgmkqje] {
    font-weight: 700;
}

.ts-col-omw[b-pz1rgmkqje] {
    color: var(--tcg-neutral-600, #6b6663);
}

.ts-tag[b-pz1rgmkqje] {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px;
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-neutral-700, #4a4644);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
}

.ts-tag-dq[b-pz1rgmkqje] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
}

.ts-row-out td[b-pz1rgmkqje] {
    color: var(--tcg-neutral-500, #8a8582);
    text-decoration: line-through;
}

/* A régua de 2px que marca o corte do top cut. */
.ts-row-cutline td[b-pz1rgmkqje] {
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.ts-table-foot[b-pz1rgmkqje] {
    padding: 12px 18px;
    border-top: 1px solid var(--tcg-neutral-200, #e2e0df);
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Painel ANDAMENTO ========== */

.ts-ink[b-pz1rgmkqje] {
    background: var(--tcg-ink, #201e1d);
    color: var(--tcg-ground, #f3f2f2);
    padding: 20px;
}

.ts-ink-label[b-pz1rgmkqje] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500, #8a8582);
}

.ts-ink-hero[b-pz1rgmkqje] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 6px;
}

.ts-ink-figure[b-pz1rgmkqje] {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
}

.ts-ink-caption[b-pz1rgmkqje] {
    font-size: 15px;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.ts-ink-bars[b-pz1rgmkqje] {
    display: flex;
    gap: 2px;
    margin-top: 14px;
}

.ts-ink-bar[b-pz1rgmkqje] {
    flex: 1;
    height: 8px;
}

.ts-ink-bar-past[b-pz1rgmkqje] {
    background: var(--tcg-accent, #ec3013);
}

.ts-ink-bar-current[b-pz1rgmkqje] {
    background: var(--tcg-ground, #f3f2f2);
}

.ts-ink-bar-future[b-pz1rgmkqje] {
    background: var(--tcg-neutral-700, #4a4644);
}

/* ========== Painel DECKS MAIS JOGADOS ========== */

.ts-decks[b-pz1rgmkqje] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ts-deck-row[b-pz1rgmkqje] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ts-deck-head[b-pz1rgmkqje] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
}

.ts-deck-bar-track[b-pz1rgmkqje] {
    height: 8px;
    background: var(--tcg-neutral-200, #e2e0df);
}

.ts-deck-bar-fill[b-pz1rgmkqje] {
    height: 8px;
    background: var(--tcg-ink, #201e1d);
}

/* ========== Premiação ========== */

.ts-prize-text[b-pz1rgmkqje] {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--tcg-ink, #201e1d);
    white-space: pre-line;
}

.ts-prize-text-sm[b-pz1rgmkqje] {
    font-size: 14px;
}

/* ========== Responsivo ========== */

@media (max-width: 992px) {
    .ts-grid[b-pz1rgmkqje] {
        grid-template-columns: 1fr;
    }

    .ts-side[b-pz1rgmkqje] {
        grid-row: auto;
        grid-column: auto;
    }

    .ts-bar[b-pz1rgmkqje] {
        height: auto;
        flex: 0 0 auto;
        flex-wrap: wrap;
        padding: 14px 18px;
        gap: 10px;
    }
}

@media (max-width: 640px) {
    .ts-main[b-pz1rgmkqje] {
        padding: 18px 16px 24px 16px;
    }

    .ts-tab[b-pz1rgmkqje] {
        flex: 1 1 auto;
        justify-content: center;
        padding: 12px 10px;
        font-size: 12px;
    }
}
/* /Pages/Tournament/TournamentReport.razor.rz.scp.css */
/* Relatório do torneio — tela 67 do PlayTCG 2.0 */

.tr[b-m41vc4ilo0] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    padding: var(--tcg-space-lg, 24px);
    min-width: 0;
}

/* ---------- Controles (somem na impressão) ---------- */

.tr-controls[b-m41vc4ilo0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 12px 20px;
}

.tr-title[b-m41vc4ilo0] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--tcg-ink, #201e1d);
}

.tr-subtitle[b-m41vc4ilo0] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tcg-neutral-600, #6b6663);
    text-transform: uppercase;
}

.tr-controls-actions[b-m41vc4ilo0] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

/* ---------- Seções do corpo ---------- */

.tr-section + .tr-section[b-m41vc4ilo0] {
    margin-top: 1.4em;
}

.tr-section-title[b-m41vc4ilo0] {
    margin: 0 0 .6em 0;
    font-size: .7em;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #6b6663;
    text-transform: uppercase;
}

.tr-empty[b-m41vc4ilo0] {
    margin: 0;
    font-size: .9em;
    color: #4a4644;
}

.tr-note[b-m41vc4ilo0] {
    margin: .5em 0 0 0;
    font-size: .8em;
    color: #6b6663;
}

/* ---------- Tabelas ---------- */

.tr-table[b-m41vc4ilo0] {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid var(--tcg-ink, #201e1d);
}

.tr-table th[b-m41vc4ilo0],
.tr-table td[b-m41vc4ilo0] {
    padding: .55em .75em;
    text-align: left;
}

.tr-table thead tr[b-m41vc4ilo0] {
    background: #f3f2f2;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.tr-table th[b-m41vc4ilo0] {
    font-size: .6em;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #4a4644;
}

.tr-table tbody tr[b-m41vc4ilo0] {
    border-bottom: 1px solid #e2e0df;
}

.tr-table tbody tr:last-child[b-m41vc4ilo0] {
    border-bottom: none;
}

.tr-row-cut[b-m41vc4ilo0] {
    border-bottom: 2px solid var(--tcg-ink, #201e1d) !important;
}

.tr-col-pos[b-m41vc4ilo0],
.tr-col-table[b-m41vc4ilo0] {
    width: 3.5em;
}

.tr-col-center[b-m41vc4ilo0] {
    text-align: center;
}

.tr-col-right[b-m41vc4ilo0] {
    text-align: right;
}

.tr-col-name[b-m41vc4ilo0] {
    font-weight: 600;
}

.tr-col-id[b-m41vc4ilo0],
.tr-col-deck[b-m41vc4ilo0] {
    font-size: .9em;
    color: #4a4644;
}

.tr-strong[b-m41vc4ilo0] {
    font-weight: 700;
}

/* ---------- Assinaturas ---------- */

.tr-signatures[b-m41vc4ilo0] {
    display: flex;
    gap: 2em;
    align-items: flex-end;
    padding-top: .6em;
    margin-top: 1.4em;
}

.tr-signature[b-m41vc4ilo0] {
    flex: 1;
}

.tr-signature-rule[b-m41vc4ilo0] {
    height: 2.4em;
    border-bottom: 2px solid var(--tcg-ink, #201e1d);
}

.tr-signature-label[b-m41vc4ilo0] {
    margin-top: .4em;
    font-size: .65em;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #6b6663;
}

@media print {
    .no-print[b-m41vc4ilo0] {
        display: none !important;
    }

    .tr[b-m41vc4ilo0] {
        padding: 0;
        gap: 0;
    }
}
/* /Pages/Tournament/TournamentReview.razor.rz.scp.css */
.rv[b-ld1w6m9aeh] { max-width: 640px; margin: 0 auto; padding: var(--tcg-page-padding, 24px); display: flex; flex-direction: column; gap: 16px; }

.rv-bar[b-ld1w6m9aeh] { display: flex; flex-direction: column; gap: 4px; }

.rv-title[b-ld1w6m9aeh] { font-size: var(--tcg-font-size-xxl, 26px); font-weight: 700; margin: 0; color: var(--tcg-ink, #201e1d); }

.rv-fine[b-ld1w6m9aeh] { font-size: var(--tcg-font-size-sm, 13px); color: var(--tcg-neutral-600, #6b6663); }

.rv-body[b-ld1w6m9aeh] { font-size: var(--tcg-font-size-base, 15px); color: var(--tcg-neutral-700, #4a4644); line-height: 1.5; }

.rv-quote[b-ld1w6m9aeh] { font-style: italic; border-left: 2px solid var(--tcg-neutral-300, #c9c6c4); padding-left: 12px; text-align: left; margin-top: 12px; }

.rv-card[b-ld1w6m9aeh] { background: var(--tcg-surface, #fff); border: var(--tcg-border-frame, 2px solid #201e1d); padding: 18px; }

.rv-center[b-ld1w6m9aeh] { text-align: center; }

.rv-card-label[b-ld1w6m9aeh] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--tcg-neutral-600, #6b6663);
    margin-bottom: 10px;
}

/* Cartas tocáveis: sempre accent, nunca a cor do nível — LEIA-ME. */
.rv-cards-row[b-ld1w6m9aeh] { display: flex; gap: 4px; }
.rv-cards-row-sm[b-ld1w6m9aeh] { gap: 3px; margin-top: 6px; }

.rv-tap-card[b-ld1w6m9aeh] {
    width: 28px; height: 38px;
    border: 2px solid #c9c6c4;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.rv-tap-card-filled[b-ld1w6m9aeh] { background: #ec3013; border-color: #ec3013; }

.rv-tap-card-sm[b-ld1w6m9aeh] { width: 18px; height: 24px; }

.rv-value-label[b-ld1w6m9aeh] { margin: 10px 0 0; font-weight: 600; color: var(--tcg-ink, #201e1d); }

.rv-question[b-ld1w6m9aeh] { padding: 10px 0; border-top: 1px solid var(--tcg-neutral-300, #c9c6c4); }
.rv-question:first-child[b-ld1w6m9aeh] { border-top: none; padding-top: 0; }

.rv-question-head[b-ld1w6m9aeh] { display: flex; flex-direction: column; gap: 2px; }

.rv-textarea[b-ld1w6m9aeh] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    padding: 10px;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    resize: vertical;
    margin-bottom: 10px;
}

.rv-checkbox[b-ld1w6m9aeh] { display: flex; align-items: center; gap: 8px; font-size: var(--tcg-font-size-sm, 13px); margin-bottom: 8px; }

.rv-actions[b-ld1w6m9aeh] { display: flex; justify-content: flex-end; }

.rv-btn[b-ld1w6m9aeh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    color: var(--tcg-ink, #201e1d);
    font-weight: 600;
    cursor: pointer;
}

.rv-btn-primary[b-ld1w6m9aeh] { background: var(--tcg-ink, #201e1d); color: var(--tcg-surface, #fff); }
.rv-btn:disabled[b-ld1w6m9aeh] { opacity: 0.6; cursor: not-allowed; }
/* /Pages/Tournament/TournamentRunning.razor.rz.scp.css */
/* Tela 53 — torneio em andamento (público, sem login). */

.tr[b-asziaopnve] {
    min-height: 100vh;
    background: var(--tcg-ground);
    display: flex;
    flex-direction: column;
}

.tr-center[b-asziaopnve] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
}

.tr-banner[b-asziaopnve] {
    background: var(--tcg-accent);
    color: #fff;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.tr-live[b-asziaopnve] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.tr-live__dot[b-asziaopnve] {
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 0;
}

.tr-banner__name[b-asziaopnve] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin-top: 8px;
}

.tr-banner__sub[b-asziaopnve] {
    font-size: 15px;
    opacity: .95;
    margin-top: 5px;
}

.tr-banner__stats[b-asziaopnve] {
    display: flex;
    font-variant-numeric: tabular-nums;
}

.tr-stat[b-asziaopnve] {
    padding: 0 24px;
}

.tr-stat__label[b-asziaopnve] {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    opacity: .85;
}

.tr-stat__value[b-asziaopnve] {
    display: block;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.tr-stat__value small[b-asziaopnve] {
    font-size: 16px;
    opacity: .8;
}

.tr-grid[b-asziaopnve] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: var(--tcg-ink);
    padding: 24px;
}

@media (max-width: 900px) {
    .tr-grid[b-asziaopnve] { grid-template-columns: 1fr; }
}

.tr-panel[b-asziaopnve] {
    background: var(--tcg-surface);
}

.tr-panel__header[b-asziaopnve] {
    padding: 12px 18px;
    background: var(--tcg-ground);
    border-bottom: 2px solid var(--tcg-ink);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-700);
}

.tr-row[b-asziaopnve] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--tcg-neutral-200);
    font-variant-numeric: tabular-nums;
}

.tr-row__pos[b-asziaopnve] {
    flex: 0 0 40px;
    height: 40px;
    background: var(--tcg-ground);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
}

.tr-row__name[b-asziaopnve] {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

.tr-row__record[b-asziaopnve], .tr-row__score[b-asziaopnve] {
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 700;
}

.tr-row__pts[b-asziaopnve] {
    flex: 0 0 44px;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
}

.tr-panel__more[b-asziaopnve] {
    display: block;
    padding: 13px 18px;
    border-top: 2px solid var(--tcg-ink);
    font-size: 14px;
    font-weight: 700;
    color: var(--tcg-accent-700);
    text-decoration: none;
}

.tr-empty[b-asziaopnve] {
    padding: 18px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--tcg-neutral-700);
}

.tr-cta[b-asziaopnve] {
    background: var(--tcg-ink);
    color: var(--tcg-surface);
    padding: 22px 28px;
    margin: 0 24px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.tr-cta__label[b-asziaopnve] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--tcg-neutral-500);
}

.tr-cta__title[b-asziaopnve] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-top: 6px;
}

.tr-cta__actions[b-asziaopnve] {
    display: flex;
    gap: 2px;
    flex: 0 0 auto;
}

.tr-cta__primary[b-asziaopnve], .tr-cta__secondary[b-asziaopnve] {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 18px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.tr-cta__primary[b-asziaopnve] {
    background: var(--tcg-accent);
    color: #fff;
}

.tr-cta__primary:hover[b-asziaopnve] {
    background: var(--tcg-accent-700);
}

.tr-cta__secondary[b-asziaopnve] {
    background: var(--tcg-arena-700);
    color: var(--tcg-surface);
}
/* /Pages/User/ConfirmEmail/ConfirmEmail.razor.rz.scp.css */
/* Confirmação de e-mail — tela 41 do PlayTCG 2.0 */

.ce[b-tqwfncr3kt] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-height: 100%;
    flex: 1;
}

.ce-tick[b-tqwfncr3kt] {
    width: 44px;
    height: 44px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
}

.ce-title[b-tqwfncr3kt] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.1;
    color: var(--tcg-ink, #201e1d);
    text-wrap: balance;
}

.ce-title-sm[b-tqwfncr3kt] {
    font-size: 28px;
}

.ce-body[b-tqwfncr3kt] {
    margin: 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
}

.ce-alert[b-tqwfncr3kt] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 14px;
    display: flex;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.ce-alert-mark[b-tqwfncr3kt] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.ce-ok[b-tqwfncr3kt] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

/* ========== Reenvio ========== */

.ce-form[b-tqwfncr3kt] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
}

.ce-field[b-tqwfncr3kt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ce-label[b-tqwfncr3kt] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.ce-input[b-tqwfncr3kt] {
    height: 52px;
    padding: 0 14px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    font-family: inherit;
    font-size: 16px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
    width: 100%;
}

.ce-input:focus[b-tqwfncr3kt] {
    border-color: var(--tcg-accent, #ec3013);
}

/* ========== Ações ========== */

.ce-actions[b-tqwfncr3kt] {
    margin-top: auto;
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.ce-form .ce-actions[b-tqwfncr3kt] {
    margin-top: 0;
}

.ce-btn-primary[b-tqwfncr3kt] {
    flex: 1;
    min-width: 170px;
    height: 48px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.ce-btn-primary:hover:not(:disabled)[b-tqwfncr3kt] {
    background: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.ce-btn-primary:disabled[b-tqwfncr3kt] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.ce-btn-ghost[b-tqwfncr3kt] {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.ce-btn-ghost:hover[b-tqwfncr3kt] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

:focus-visible[b-tqwfncr3kt] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .ce-title[b-tqwfncr3kt] {
        font-size: 26px;
    }

    .ce-title-sm[b-tqwfncr3kt] {
        font-size: 22px;
    }
}
/* /Pages/User/ForgotPassword/ForgotPassword.razor.rz.scp.css */
/* Recuperar senha — tela 42 do PlayTCG 2.0 */

.fp[b-j2vt67zi4p] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-height: 100%;
    flex: 1;
}

.fp-title[b-j2vt67zi4p] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.1;
    color: var(--tcg-ink, #201e1d);
    text-wrap: balance;
}

.fp-body[b-j2vt67zi4p] {
    margin: 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
}

.fp-body strong[b-j2vt67zi4p] {
    color: var(--tcg-ink, #201e1d);
}

.fp-note[b-j2vt67zi4p] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 14px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--tcg-neutral-700, #4a4644);
}

.fp-form[b-j2vt67zi4p] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
}

.fp-field[b-j2vt67zi4p] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fp-label[b-j2vt67zi4p] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.fp-input[b-j2vt67zi4p] {
    height: 52px;
    padding: 0 14px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
    font-family: inherit;
    font-size: 16px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
    width: 100%;
}

.fp-input:focus[b-j2vt67zi4p] {
    border-color: var(--tcg-accent, #ec3013);
}

.fp-input:disabled[b-j2vt67zi4p] {
    opacity: var(--tcg-disabled-opacity, .45);
}

.fp-actions[b-j2vt67zi4p] {
    margin-top: auto;
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.fp-form .fp-actions[b-j2vt67zi4p] {
    margin-top: 0;
}

.fp-btn-primary[b-j2vt67zi4p] {
    flex: 1;
    min-width: 160px;
    height: 48px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.fp-btn-primary:hover:not(:disabled)[b-j2vt67zi4p] {
    background: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.fp-btn-primary:disabled[b-j2vt67zi4p] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.fp-btn-ghost[b-j2vt67zi4p] {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    cursor: pointer;
}

.fp-btn-ghost:hover[b-j2vt67zi4p] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

:focus-visible[b-j2vt67zi4p] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .fp-title[b-j2vt67zi4p] {
        font-size: 26px;
    }
}
/* /Pages/User/Login/Login.razor.rz.scp.css */
/* Entrar — tela 38 do PlayTCG 2.0 */

.lg-head[b-cekxt673th] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.lg-title[b-cekxt673th] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.lg-switch[b-cekxt673th] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.lg-switch a[b-cekxt673th] {
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Formulário ========== */

.lg-form[b-cekxt673th] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 18px;
}

.lg-field[b-cekxt673th] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lg-label[b-cekxt673th] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.lg-input[b-cekxt673th] {
    height: 52px;
    padding: 0 14px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    font-family: inherit;
    font-size: 16px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
    width: 100%;
}

.lg-input:focus[b-cekxt673th] {
    border-color: var(--tcg-accent, #ec3013);
}

.lg-input:disabled[b-cekxt673th] {
    opacity: var(--tcg-disabled-opacity, .45);
}

.lg-input-wrap[b-cekxt673th] {
    display: flex;
    align-items: center;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
}

.lg-input-wrap:focus-within[b-cekxt673th] {
    border-color: var(--tcg-accent, #ec3013);
}

.lg-input-bare[b-cekxt673th] {
    border: none;
    flex: 1;
    min-width: 0;
}

.lg-input-bare:focus[b-cekxt673th] {
    border: none;
}

.lg-eye[b-cekxt673th] {
    flex: 0 0 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--tcg-neutral-600, #6b6663);
    cursor: pointer;
}

.lg-eye svg[b-cekxt673th] {
    width: 20px;
    height: 20px;
}

/* ========== Lembrar e link ========== */

.lg-row[b-cekxt673th] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.lg-check[b-cekxt673th] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--tcg-neutral-700, #4a4644);
    cursor: pointer;
}

/* O input real fica sob o quadrado desenhado: o foco e o teclado
   continuam nativos, a caixa é só pintura. */
.lg-check input[b-cekxt673th] {
    position: absolute;
    width: 18px;
    height: 18px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.lg-check-box[b-cekxt673th] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
}

.lg-check input:checked + .lg-check-box[b-cekxt673th] {
    background: var(--tcg-accent, #ec3013);
    box-shadow: inset 0 0 0 3px #fff;
}

.lg-check input:focus-visible + .lg-check-box[b-cekxt673th] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.lg-link[b-cekxt673th] {
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-accent-700, #c2260f);
}

.lg-captcha[b-cekxt673th] {
    min-height: 66px;
}

/* ========== Botões ========== */

.lg-btn-primary[b-cekxt673th] {
    height: 52px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.lg-btn-primary:hover:not(:disabled)[b-cekxt673th] {
    background: var(--tcg-accent-700, #c2260f);
}

.lg-btn-primary:disabled[b-cekxt673th] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: default;
}

.lg-divider[b-cekxt673th] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0;
}

.lg-divider-rule[b-cekxt673th] {
    flex: 1;
    height: 1px;
    background: var(--tcg-neutral-300, #c9c6c4);
}

.lg-social[b-cekxt673th] {
    display: flex;
    gap: 2px;
}

.lg-btn-ghost[b-cekxt673th] {
    /* O mock põe a marca do provedor à esquerda do rótulo, com 10px de respiro.
       Sem o flex aqui o SVG e o texto não se alinham pela linha central. */
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    height: 52px;
    padding: 0 14px;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    color: var(--tcg-ink, #201e1d);
    cursor: pointer;
}

/* A marca de terceiro fica legível mesmo no botão desabilitado (Apple): o que
   o desabilitado comunica é o texto e o cursor, não apagar a identidade. */
.lg-btn-ghost:disabled[b-cekxt673th] {
    cursor: not-allowed;
    color: var(--tcg-neutral-600, #6b6663);
}

.lg-btn-ghost + .lg-btn-ghost[b-cekxt673th] {
    border-left: none;
}

.lg-btn-ghost:hover:not(:disabled)[b-cekxt673th] {
    background: var(--tcg-neutral-200, #e2e0df);
}

.lg-btn-ghost:disabled[b-cekxt673th] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.lg-social-note[b-cekxt673th] {
    margin: 8px 0 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

/* ========== Erro e rodapé ========== */

.lg-alert[b-cekxt673th] {
    margin-top: 18px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 14px;
    display: flex;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.lg-alert-mark[b-cekxt673th] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.lg-terms[b-cekxt673th] {
    margin: auto 0 0 0;
    padding-top: 18px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.lg-terms a[b-cekxt673th] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

:focus-visible[b-cekxt673th] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 480px) {
    .lg-title[b-cekxt673th] {
        font-size: 26px;
    }

    .lg-social[b-cekxt673th] {
        flex-direction: column;
        gap: 2px;
    }

    .lg-btn-ghost + .lg-btn-ghost[b-cekxt673th] {
        border-left: 2px solid var(--tcg-ink, #201e1d);
        border-top: none;
    }
}
/* /Pages/User/Login/OAuthCallback.razor.rz.scp.css */
/* Volta do provedor social — mesma linguagem visual da tela 38. */

.cb-head[b-fiowwhd9xp] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.cb-title[b-fiowwhd9xp] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.cb-text[b-fiowwhd9xp] {
    margin: 18px 0 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--tcg-neutral-600, #6b6663);
}

.cb-alert[b-fiowwhd9xp] {
    margin-top: 18px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 14px;
    display: flex;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.cb-alert-mark[b-fiowwhd9xp] {
    font-weight: 700;
}

.cb-btn-primary[b-fiowwhd9xp] {
    display: block;
    margin-top: 24px;
    height: 52px;
    line-height: 52px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.cb-btn-primary:hover[b-fiowwhd9xp] {
    background: var(--tcg-accent-700, #c2260f);
}

.cb-link[b-fiowwhd9xp] {
    display: inline-block;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-accent-700, #c2260f);
}
/* /Pages/User/Register/Register.razor.rz.scp.css */
/* Criar conta — tela 39 do PlayTCG 2.0 */

.rg-head[b-q61pbgajq5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--tcg-space-md, 16px);
    flex-wrap: wrap;
}

.rg-title[b-q61pbgajq5] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    color: var(--tcg-ink, #201e1d);
}

.rg-switch[b-q61pbgajq5] {
    font-size: 13px;
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-switch a[b-q61pbgajq5] {
    font-weight: 700;
    color: var(--tcg-accent-700, #c2260f);
}

/* ========== Painel em tinta ========== */

.rg-steps[b-q61pbgajq5] {
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}

.rg-steps li[b-q61pbgajq5] {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid var(--tcg-arena-700, #2c2a28);
    font-size: 14px;
    line-height: 1.4;
    color: var(--tcg-neutral-300, #c9c6c4);
}

.rg-step-num[b-q61pbgajq5] {
    font-weight: 700;
    color: var(--tcg-accent, #ec3013);
}

.rg-panel-note[b-q61pbgajq5] {
    margin: auto 0 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--tcg-neutral-500, #8a8582);
}

/* ========== Jogador ou lojista ========== */

.rg-purpose[b-q61pbgajq5] {
    margin: 16px 0 0 0;
    padding: 0;
    border: 0;
}

.rg-purpose legend[b-q61pbgajq5] {
    padding: 0;
    margin-bottom: 8px;
}

.rg-purpose-options[b-q61pbgajq5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.rg-purpose-option[b-q61pbgajq5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    cursor: pointer;
}

.rg-purpose-option input[b-q61pbgajq5] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.rg-purpose-option:focus-within[b-q61pbgajq5] {
    border-color: var(--tcg-accent, #ec3013);
}

/* A borda de 2px já é a marca da opção escolhida — o cartão inteiro muda de cor, não uma
   tarja de um lado só. O fundo levemente tingido reforça sem depender de cor pura. */
.rg-purpose-on[b-q61pbgajq5] {
    border-color: var(--tcg-accent, #ec3013);
    background: var(--tcg-ground, #f3f2f2);
}

.rg-purpose-title[b-q61pbgajq5] {
    font-size: 14px;
    font-weight: 700;
    color: var(--tcg-ink, #201e1d);
}

.rg-purpose-note[b-q61pbgajq5] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-purpose-warn[b-q61pbgajq5] {
    margin: 10px 0 0 0;
    padding: 10px 12px;
    border: 1px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-ground, #f3f2f2);
    font-size: 13px;
    line-height: 1.5;
    color: var(--tcg-neutral-700, #4a4644);
}

@media (max-width: 640px) {
    .rg-purpose-options[b-q61pbgajq5] {
        grid-template-columns: 1fr;
    }
}

/* ========== Formulário ========== */

.rg-form[b-q61pbgajq5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    flex: 1;
}

.rg-pair[b-q61pbgajq5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.rg-field[b-q61pbgajq5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.rg-label[b-q61pbgajq5] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-input[b-q61pbgajq5] {
    height: 48px;
    padding: 0 12px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    font-family: inherit;
    font-size: 15px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
    width: 100%;
}

.rg-input:focus[b-q61pbgajq5] {
    border-color: var(--tcg-accent, #ec3013);
}

.rg-input:disabled[b-q61pbgajq5] {
    opacity: var(--tcg-disabled-opacity, .45);
}

.rg-hint[b-q61pbgajq5] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.rg-hint strong[b-q61pbgajq5] {
    color: var(--tcg-ink, #201e1d);
}

/* ========== Força da senha ========== */

.rg-strength[b-q61pbgajq5] {
    display: flex;
    gap: 2px;
    margin-top: 2px;
}

.rg-strength-bar[b-q61pbgajq5] {
    flex: 1;
    height: 5px;
    background: var(--tcg-neutral-200, #e2e0df);
}

.rg-strength-on[b-q61pbgajq5] {
    background: var(--tcg-accent, #ec3013);
}

/* ========== Aceite ========== */

.rg-accept[b-q61pbgajq5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--tcg-neutral-700, #4a4644);
    cursor: pointer;
}

.rg-accept input[b-q61pbgajq5] {
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.rg-accept-box[b-q61pbgajq5] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-top: 1px;
    border: 2px solid var(--tcg-ink, #201e1d);
    background: var(--tcg-surface, #fff);
}

.rg-accept input:checked + .rg-accept-box[b-q61pbgajq5] {
    background: var(--tcg-accent, #ec3013);
    box-shadow: inset 0 0 0 3px #fff;
}

.rg-accept input:focus-visible + .rg-accept-box[b-q61pbgajq5] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

.rg-accept a[b-q61pbgajq5] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 700;
}

/* ========== Botão e erro ========== */

.rg-btn-primary[b-q61pbgajq5] {
    margin-top: auto;
    height: 52px;
    padding: 0 16px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.rg-btn-primary:hover:not(:disabled)[b-q61pbgajq5] {
    background: var(--tcg-accent-700, #c2260f);
}

.rg-btn-primary:disabled[b-q61pbgajq5] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.rg-alert[b-q61pbgajq5] {
    margin-top: 16px;
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 14px;
    display: flex;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.rg-alert-mark[b-q61pbgajq5] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

:focus-visible[b-q61pbgajq5] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

/* ========== Responsivo ========== */

@media (max-width: 640px) {
    .rg-pair[b-q61pbgajq5] {
        grid-template-columns: 1fr;
    }

    .rg-title[b-q61pbgajq5] {
        font-size: 26px;
    }
}
/* /Pages/User/RegisterResult/RegisterResult.razor.rz.scp.css */
/* Conta criada — tela 40 do PlayTCG 2.0 */

.rr[b-kzgg39n3vx] {
    display: flex;
    flex-direction: column;
    gap: var(--tcg-space-md, 16px);
    min-height: 100%;
    flex: 1;
}

.rr-kicker[b-kzgg39n3vx] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-group, 2px);
    color: var(--tcg-accent, #ec3013);
}

.rr-title[b-kzgg39n3vx] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.1;
    color: var(--tcg-ink, #201e1d);
    text-wrap: balance;
}

.rr-body[b-kzgg39n3vx] {
    margin: 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
}

.rr-body strong[b-kzgg39n3vx] {
    color: var(--tcg-ink, #201e1d);
}

.rr-note[b-kzgg39n3vx] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 14px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--tcg-neutral-700, #4a4644);
}

.rr-note strong[b-kzgg39n3vx] {
    color: var(--tcg-accent-700, #c2260f);
}

.rr-ok[b-kzgg39n3vx] {
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--tcg-ink, #201e1d);
}

.rr-alert[b-kzgg39n3vx] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 14px;
    display: flex;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.rr-alert-mark[b-kzgg39n3vx] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.rr-actions[b-kzgg39n3vx] {
    margin-top: auto;
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.rr-btn-primary[b-kzgg39n3vx] {
    flex: 1;
    min-width: 180px;
    height: 48px;
    padding: 0 14px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.rr-btn-primary:hover:not(:disabled)[b-kzgg39n3vx] {
    background: var(--tcg-accent-700, #c2260f);
}

.rr-btn-primary:disabled[b-kzgg39n3vx] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.rr-btn-ghost[b-kzgg39n3vx] {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.rr-btn-ghost:hover[b-kzgg39n3vx] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

.rr-foot[b-kzgg39n3vx] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.rr-foot a[b-kzgg39n3vx] {
    color: var(--tcg-accent-700, #c2260f);
    font-weight: 600;
}

:focus-visible[b-kzgg39n3vx] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .rr-title[b-kzgg39n3vx] {
        font-size: 26px;
    }
}
/* /Pages/User/ResetPassword/ResetPassword.razor.rz.scp.css */
/* Nova senha — tela 43 do PlayTCG 2.0 */

.rp[b-esnot6xzy2] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 100%;
    flex: 1;
}

.rp-title[b-esnot6xzy2] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-title, -0.02em);
    line-height: 1.1;
    color: var(--tcg-ink, #201e1d);
    text-wrap: balance;
}

.rp-body[b-esnot6xzy2] {
    margin: 0;
    font-size: var(--tcg-font-size-base, 15px);
    line-height: 1.55;
    color: var(--tcg-neutral-700, #4a4644);
}

.rp-tick[b-esnot6xzy2] {
    width: 44px;
    height: 44px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
}

.rp-form[b-esnot6xzy2] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
}

.rp-field[b-esnot6xzy2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rp-label[b-esnot6xzy2] {
    font-size: var(--tcg-font-size-xs, 11px);
    font-weight: 700;
    letter-spacing: var(--tcg-letter-spacing-label, 1.5px);
    color: var(--tcg-neutral-600, #6b6663);
}

.rp-input[b-esnot6xzy2] {
    height: 48px;
    padding: 0 12px;
    border: 2px solid var(--tcg-neutral-300, #c9c6c4);
    background: var(--tcg-surface, #fff);
    font-family: inherit;
    font-size: 16px;
    color: var(--tcg-ink, #201e1d);
    outline: none;
    width: 100%;
}

.rp-input-strong[b-esnot6xzy2] {
    border-color: var(--tcg-ink, #201e1d);
}

.rp-input:focus[b-esnot6xzy2] {
    border-color: var(--tcg-accent, #ec3013);
}

.rp-input:disabled[b-esnot6xzy2] {
    opacity: var(--tcg-disabled-opacity, .45);
}

.rp-strength[b-esnot6xzy2] {
    display: flex;
    gap: 2px;
    margin-top: 2px;
}

.rp-strength-bar[b-esnot6xzy2] {
    flex: 1;
    height: 5px;
    background: var(--tcg-neutral-200, #e2e0df);
}

.rp-strength-on[b-esnot6xzy2] {
    background: var(--tcg-accent, #ec3013);
}

.rp-hint[b-esnot6xzy2] {
    font-size: 12px;
    color: var(--tcg-neutral-600, #6b6663);
}

.rp-note[b-esnot6xzy2] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--tcg-neutral-600, #6b6663);
}

.rp-alert[b-esnot6xzy2] {
    background: var(--tcg-accent-100, #fdecea);
    border: 2px solid var(--tcg-accent, #ec3013);
    color: var(--tcg-accent-700, #c2260f);
    padding: 14px;
    display: flex;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.rp-alert-mark[b-esnot6xzy2] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.rp-actions[b-esnot6xzy2] {
    margin-top: auto;
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.rp-btn-primary[b-esnot6xzy2] {
    flex: 1;
    min-width: 160px;
    height: 48px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-accent, #ec3013);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.rp-btn-primary:hover:not(:disabled)[b-esnot6xzy2] {
    background: var(--tcg-accent-700, #c2260f);
    color: #fff;
}

.rp-btn-primary:disabled[b-esnot6xzy2] {
    opacity: var(--tcg-disabled-opacity, .45);
    cursor: not-allowed;
}

.rp-btn-block[b-esnot6xzy2] {
    margin-top: auto;
    width: 100%;
    flex: 0 0 auto;
}

.rp-btn-ghost[b-esnot6xzy2] {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    background: var(--tcg-surface, #fff);
    border: 2px solid var(--tcg-ink, #201e1d);
    color: var(--tcg-ink, #201e1d);
    font-size: var(--tcg-font-size-base, 15px);
    font-weight: 700;
}

.rp-btn-ghost:hover[b-esnot6xzy2] {
    background: var(--tcg-neutral-200, #e2e0df);
    color: var(--tcg-ink, #201e1d);
}

:focus-visible[b-esnot6xzy2] {
    outline: 2px solid var(--tcg-accent, #ec3013);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .rp-title[b-esnot6xzy2] {
        font-size: 26px;
    }
}