/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-7pxtnsse9d] {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main[b-7pxtnsse9d] {
    min-width: 0;
    flex: 1;
}

.sidebar[b-7pxtnsse9d] {
    background:
        linear-gradient(180deg, rgba(244, 241, 232, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(7, 17, 13, 0.98), rgba(2, 6, 4, 0.98));
    border-right: 1px solid rgba(244, 241, 232, 0.1);
    box-shadow: 16px 0 46px rgba(0, 0, 0, 0.22);
}

.top-row[b-7pxtnsse9d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4rem;
    background:
        linear-gradient(90deg, rgba(24, 165, 88, 0.1), transparent 42%),
        rgba(3, 8, 5, 0.72);
    border-bottom: 1px solid rgba(244, 241, 232, 0.09);
    backdrop-filter: blur(18px);
}

.market-status[b-7pxtnsse9d] {
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
    color: var(--stadium-chalk);
    font-family: var(--stadium-condensed);
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.status-dot[b-7pxtnsse9d] {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    background: var(--stadium-green);
    box-shadow: 0 0 0 5px rgba(24, 165, 88, 0.13), 0 0 24px rgba(24, 165, 88, 0.78);
}

.top-row-meta[b-7pxtnsse9d] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
    color: var(--stadium-muted);
    font-family: var(--stadium-mono);
    font-size: 0.76rem;
}

.top-row-meta span[b-7pxtnsse9d] {
    padding: 0.32rem 0.56rem;
    border: 1px solid rgba(244, 241, 232, 0.1);
    border-radius: 999px;
    background: rgba(244, 241, 232, 0.035);
}

.content[b-7pxtnsse9d] {
    min-height: calc(100vh - 4rem);
}

@media (max-width: 640.98px) {
    .top-row[b-7pxtnsse9d] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.5rem;
        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
    }
}

@media (min-width: 641px) {
    .page[b-7pxtnsse9d] {
        flex-direction: row;
        height: 100vh; /* casca fixa do tamanho da tela: o body nunca rola */
        overflow: hidden;
    }

    /* A área de conteúdo rola por dentro de si mesma (só quando a página é mais
       alta que a tela). Páginas que cabem não mostram barra nenhuma. */
    main[b-7pxtnsse9d] {
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .sidebar[b-7pxtnsse9d] {
        position: sticky;
        top: 0;
        width: 238px;
        height: 100vh;
        display: flex;
        flex-direction: column;
        transition: width 0.18s ease;
    }

    .top-row[b-7pxtnsse9d] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .top-row[b-7pxtnsse9d],
    article[b-7pxtnsse9d] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-7pxtnsse9d] {
    color-scheme: dark;
    background: #2b100f;
    border-top: 1px solid rgba(255, 109, 105, 0.5);
    bottom: 0;
    box-shadow: 0 -1px 18px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    color: var(--stadium-chalk);
    display: none;
    left: 0;
    padding: 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-7pxtnsse9d] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-sk33fbh0fr] {
    appearance: none;
    cursor: pointer;
    width: 3.2rem;
    height: 2.45rem;
    position: absolute;
    top: 0.74rem;
    right: 1rem;
    border: 1px solid rgba(244, 241, 232, 0.14);
    border-radius: 6px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28244, 241, 232, 0.74%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.6rem rgba(244, 241, 232, 0.06);
}

.navbar-toggler:checked[b-sk33fbh0fr] {
    background-color: rgba(255, 194, 71, 0.18);
}

/* ===== Marca (logo + nome) — não alterar estilo, só preservado ===== */
.top-row[b-sk33fbh0fr] {
    min-height: 4rem;
    background: transparent;
    border-bottom: 1px solid rgba(244, 241, 232, 0.08);
}

.navbar-brand[b-sk33fbh0fr] {
    display: inline-flex;
    align-items: center;
    gap: 0.72rem;
    color: var(--stadium-chalk);
    font-family: var(--stadium-condensed);
    text-decoration: none;
    text-transform: uppercase;
}

.navbar-brand:hover[b-sk33fbh0fr] {
    color: var(--stadium-chalk);
}

.brand-mark[b-sk33fbh0fr] {
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
}

.brand-mark svg[b-sk33fbh0fr] {
    display: block;
    width: 100%;
    height: 100%;
}

.brand-copy[b-sk33fbh0fr] {
    display: grid;
    line-height: 0.92;
}

.brand-copy span[b-sk33fbh0fr] {
    color: var(--stadium-muted);
    font-size: 0.74rem;
    letter-spacing: 0.12em;
}

.brand-copy strong[b-sk33fbh0fr] {
    color: var(--stadium-chalk);
    font-size: 1.28rem;
    font-weight: 950;
}

/* ===== Ícones: máscara monocromática que herda a cor do estado (currentColor) ===== */
.bi[b-sk33fbh0fr] {
    display: inline-block;
    width: 1.12rem;
    height: 1.12rem;
    margin-right: 0.78rem;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask: var(--bi-ico) no-repeat center / contain;
    mask: var(--bi-ico) no-repeat center / contain;
}

.bi-home-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E");
}

.bi-howto-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z'/%3E%3C/svg%3E");
}

.bi-quotes-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0V0Zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07Z'/%3E%3C/svg%3E");
}

/* Candles (eco do escudo da marca): pregão = negociação. */
.bi-market-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Crect x='3.5' y='1' width='1' height='13' rx='.5'/%3E%3Crect x='1.5' y='3' width='5' height='8' rx='1'/%3E%3Crect x='11.5' y='.5' width='1' height='12' rx='.5'/%3E%3Crect x='9.5' y='2.5' width='5' height='7' rx='1'/%3E%3C/svg%3E");
}

.bi-calendar-event-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

.bi-clipboard-data-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M4 11a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1zm6-4a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7zM7 9a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0V9z'/%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z'/%3E%3Cpath d='M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z'/%3E%3C/svg%3E");
}

/* Sino: alertas de preço (recurso PRO). */
.bi-bell-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2M8 1.918l-.797.161A4 4 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4 4 0 0 0-3.203-3.92zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5 5 0 0 1 13 6c0 .88.32 4.2 1.22 6'/%3E%3C/svg%3E");
}

.bi-wallet2-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M12.136.326A1.5 1.5 0 0 1 14 1.78V3h.5A1.5 1.5 0 0 1 16 4.5v9A1.5 1.5 0 0 1 14.5 15h-13A1.5 1.5 0 0 1 0 13.5v-11A1.5 1.5 0 0 1 1.5 1h9.898l.738-.674ZM1.5 2A.5.5 0 0 0 1 2.5v11a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H1.5A.5.5 0 0 1 1 3.5v-1a.5.5 0 0 0 .5.5h11.5V1.78a.5.5 0 0 0-.62-.485L10.58 2H1.5Z'/%3E%3C/svg%3E");
}

/* Diamante: assinatura PRO. */
.bi-gem-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M3.1.7a.5.5 0 0 1 .4-.2h9a.5.5 0 0 1 .4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 0 1-.8 0L.6 5.3a.5.5 0 0 1 0-.6l2.5-4zm11.386 3.785-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495 8 13.366l2.532-7.876-5.062.005zm-1.371-.999-.78-2.422-1.818 2.425 2.598-.003zM1.499 5.5l5.113 6.817-2.192-6.82-2.921.003zm7.889 6.817 5.123-6.83-2.928.002-2.195 6.828z'/%3E%3C/svg%3E");
}

.bi-receipt-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27zm.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0l-.509-.51z'/%3E%3Cpath d='M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-trophy-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-2.003 3.04-3.333 3.32V13h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H7v-1.754c-1.33-.28-2.543-1.455-3.333-3.32a3 3 0 1 1-1.133-5.89A26.02 26.02 0 0 1 2.5.5Z'/%3E%3C/svg%3E");
}

/* Medalha/roseta: página de prêmios (o troféu é do Ranking). */
.bi-award-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702 1.509.229z'/%3E%3Cpath d='M4 11.794V16l4-1 4 1v-4.206l-2.226.32L8 13.126l-1.774-.968L4 11.794z'/%3E%3C/svg%3E");
}

.bi-people-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E");
}

.bi-gear-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492ZM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0Z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a1.873 1.873 0 0 1-2.725 1.117l-.291-.168c-1.616-.932-3.409.861-2.477 2.477l.168.291A1.873 1.873 0 0 1-.332 8.105l-.32.094c-1.789.527-1.789 3.065 0 3.592l.32.094a1.873 1.873 0 0 1 1.117 2.725l-.168.291c-.932 1.616.861 3.409 2.477 2.477l.291-.168a1.873 1.873 0 0 1 2.725 1.117l.094.32c.527 1.789 3.065 1.789 3.592 0l.094-.32a1.873 1.873 0 0 1 2.725-1.117l.291.168c1.616.932 3.409-.861 2.477-2.477l-.168-.291a1.873 1.873 0 0 1 1.117-2.725l.32-.094c1.789-.527 1.789-3.065 0-3.592l-.32-.094a1.873 1.873 0 0 1-1.117-2.725l.168-.291c.932-1.616-.861-3.409-2.477-2.477l-.291.168A1.873 1.873 0 0 1 9.89 1.663l-.094-.32Z'/%3E%3C/svg%3E");
}

/* Diário de bordo: log de auditoria do admin (/admin/logs). */
.bi-journal-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z'/%3E%3C/svg%3E");
}

/* Cadastrar: pessoa com "+". */
.bi-person-plus-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H1s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3Cpath fill-rule='evenodd' d='M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}

/* Entrar: porta com seta (login). */
.bi-signin-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0v-2z'/%3E%3Cpath fill-rule='evenodd' d='M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-chevrons-nav-menu[b-sk33fbh0fr] {
    --bi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' d='M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

/* ===== Seções e itens ===== */
.nav-section-label[b-sk33fbh0fr] {
    padding: 1rem 1.35rem 0.42rem;
    color: rgba(244, 241, 232, 0.42);
    font-family: var(--stadium-mono);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    white-space: nowrap;
}

.nav-item[b-sk33fbh0fr] {
    padding-bottom: 0.3rem;
    font-size: 0.9rem;
}

.nav-item[b-sk33fbh0fr]  .nav-link {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 2.6rem;
    padding: 0 0.85rem;
    color: rgba(244, 241, 232, 0.7);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    line-height: 1.15;
    text-decoration: none;
    transition: color 0.12s ease, background-color 0.12s ease;
}

.nav-item[b-sk33fbh0fr]  a.active {
    color: var(--stadium-chalk);
    background: rgba(24, 165, 88, 0.16);
    border-color: rgba(24, 165, 88, 0.22);
    box-shadow: inset 3px 0 0 var(--stadium-green);
}

.nav-item[b-sk33fbh0fr]  a.active .bi {
    background-color: var(--stadium-green);
}

.nav-item[b-sk33fbh0fr]  .nav-link:hover {
    color: var(--stadium-chalk);
    background-color: rgba(244, 241, 232, 0.055);
}

.nav-text[b-sk33fbh0fr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== Casca em coluna: lista rola, rodapé fixo ===== */
.nav-shell[b-sk33fbh0fr] {
    display: none;
}

.navbar-toggler:checked ~ .nav-shell[b-sk33fbh0fr] {
    display: flex;
    flex-direction: column;
}

.nav-list[b-sk33fbh0fr] {
    padding: 0.35rem 0 0.5rem;
}

/* ===== Rodapé: conta + sair + recolher ===== */
.nav-footer[b-sk33fbh0fr] {
    flex-shrink: 0;
    padding: 0.5rem 1rem 0.7rem;
    border-top: 1px solid rgba(244, 241, 232, 0.08);
}

.nav-account[b-sk33fbh0fr] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    padding: 0.45rem 0.85rem;
    border-radius: 8px;
    color: rgba(244, 241, 232, 0.82);
    text-decoration: none;
}

.nav-account:hover[b-sk33fbh0fr] {
    background-color: rgba(244, 241, 232, 0.055);
    color: var(--stadium-chalk);
}

.nav-avatar[b-sk33fbh0fr] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    background: rgba(24, 165, 88, 0.18);
    color: #36e08a;
    font-family: var(--stadium-condensed);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.nav-account-name[b-sk33fbh0fr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
}

.nav-logout-form[b-sk33fbh0fr] {
    margin: 0;
}

.nav-logout[b-sk33fbh0fr] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 2.4rem;
    padding: 0 0.85rem;
    color: rgba(244, 241, 232, 0.6);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 0.86rem;
    text-align: left;
    cursor: pointer;
}

.nav-logout:hover[b-sk33fbh0fr] {
    color: var(--stadium-chalk);
    background-color: rgba(229, 57, 53, 0.12);
}

.nav-collapse[b-sk33fbh0fr] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 2.2rem;
    margin-top: 0.25rem;
    padding: 0 0.85rem;
    color: rgba(244, 241, 232, 0.5);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 0.82rem;
    cursor: pointer;
}

.nav-collapse:hover[b-sk33fbh0fr] {
    color: var(--stadium-chalk);
    background-color: rgba(244, 241, 232, 0.055);
}

/* Mobile: o recolher é recurso de desktop; o menu já tem o hambúrguer. */
@media (max-width: 640.98px) {
    .nav-collapse[b-sk33fbh0fr] {
        display: none;
    }
}

@media (min-width: 641px) {
    .navbar-toggler[b-sk33fbh0fr] {
        display: none;
    }

    .nav-shell[b-sk33fbh0fr] {
        display: flex;
        flex-direction: column;
        flex: 1;
        min-height: 0;
    }

    .nav-list[b-sk33fbh0fr] {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    /* Compacto vertical: a lista completa do admin (6 grupos + 13 links) precisa
       caber na altura ÚTIL real de um 1080p com cromo do navegador (~860px) sem
       rolagem. Só no desktop — no hambúrguer mobile os alvos de toque ficam cheios. */
    .nav-section-label[b-sk33fbh0fr] {
        padding: 0.58rem 1.35rem 0.24rem;
    }

    .nav-item[b-sk33fbh0fr] {
        padding-bottom: 0.12rem;
    }

    .nav-item[b-sk33fbh0fr]  .nav-link {
        min-height: 2.1rem;
    }

    .nav-footer[b-sk33fbh0fr] {
        padding: 0.35rem 1rem 0.5rem;
    }

    .nav-account[b-sk33fbh0fr] {
        padding: 0.3rem 0.85rem;
    }

    .nav-logout[b-sk33fbh0fr] {
        min-height: 2.1rem;
    }

    .nav-collapse[b-sk33fbh0fr] {
        min-height: 1.9rem;
        margin-top: 0.1rem;
    }
}
/* /Components/Layout/PriceAlertToaster.razor.rz.scp.css */
/* Toast global dos alertas de preço — flutua acima de tudo, tema estádio. */

.pat-stack[b-g5u4nx850e] {
    position: fixed;
    top: 0.9rem;
    right: 0.9rem;
    z-index: 4000;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: min(360px, calc(100vw - 1.8rem));
    pointer-events: none; /* só os toasts capturam clique, não a coluna inteira */
}

.pat-toast[b-g5u4nx850e] {
    pointer-events: auto;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: 0.55rem;
    padding: 0.65rem 0.7rem;
    background: linear-gradient(180deg, var(--stadium-panel-strong), var(--stadium-panel));
    border: 1px solid var(--stadium-line-strong);
    border-left: 3px solid var(--stadium-green);
    border-radius: var(--stadium-radius);
    box-shadow: var(--stadium-shadow);
    color: var(--stadium-chalk);
    cursor: pointer;
    animation: pat-in-b-g5u4nx850e 0.22s ease-out;
}

    .pat-toast:hover[b-g5u4nx850e] {
        border-color: var(--stadium-green);
    }

@keyframes pat-in-b-g5u4nx850e {
    from {
        transform: translateX(14px);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.pat-bell[b-g5u4nx850e] {
    font-size: 1.05rem;
    line-height: 1.2;
}

.pat-body[b-g5u4nx850e] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

.pat-title[b-g5u4nx850e] {
    font-family: var(--stadium-condensed);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--stadium-muted);
}

.pat-text[b-g5u4nx850e] {
    font-size: 0.85rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pat-up[b-g5u4nx850e] {
    color: var(--stadium-green);
}

.pat-down[b-g5u4nx850e] {
    color: var(--stadium-red);
}

.pat-close[b-g5u4nx850e] {
    border: 0;
    background: transparent;
    color: var(--stadium-muted);
    font-size: 1rem;
    line-height: 1;
    padding: 0 0.15rem;
    cursor: pointer;
}

    .pat-close:hover[b-g5u4nx850e] {
        color: var(--stadium-chalk);
    }

/* Telas curtas: o toast desce para não brigar com o topo fixo do app. */
@media (max-width: 640.98px) {
    .pat-stack[b-g5u4nx850e] {
        top: auto;
        bottom: 0.9rem;
        right: 0.9rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-3bozxpmv9w],
.components-reconnect-repeated-attempt-visible[b-3bozxpmv9w],
.components-reconnect-failed-visible[b-3bozxpmv9w],
.components-pause-visible[b-3bozxpmv9w],
.components-resume-failed-visible[b-3bozxpmv9w],
.components-rejoining-animation[b-3bozxpmv9w] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-3bozxpmv9w],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-3bozxpmv9w],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-3bozxpmv9w],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-3bozxpmv9w],
#components-reconnect-modal.components-reconnect-retrying[b-3bozxpmv9w],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-3bozxpmv9w],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-3bozxpmv9w],
#components-reconnect-modal.components-reconnect-failed[b-3bozxpmv9w],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-3bozxpmv9w] {
    display: block;
}


#components-reconnect-modal[b-3bozxpmv9w] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-3bozxpmv9w 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-3bozxpmv9w 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-3bozxpmv9w 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-3bozxpmv9w]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-3bozxpmv9w 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-3bozxpmv9w {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-3bozxpmv9w {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-3bozxpmv9w {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-3bozxpmv9w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-3bozxpmv9w] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-3bozxpmv9w] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-3bozxpmv9w] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-3bozxpmv9w] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-3bozxpmv9w] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-3bozxpmv9w] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-3bozxpmv9w 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-3bozxpmv9w] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-3bozxpmv9w {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AdminLogs.razor.rz.scp.css */
/* ===== /admin/logs — feed de auditoria (tema estádio, terminal) ===== */

.lg-wrap[b-iqol6q68n4] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1rem 0 2.5rem;
}

/* ----- cabeçalho ----- */
.lg-head[b-iqol6q68n4] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .9rem;
}

.lg-title[b-iqol6q68n4] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    margin-right: auto;
}

.lg-back[b-iqol6q68n4] {
    font-size: .82rem;
    color: var(--stadium-muted);
    text-decoration: none;
    white-space: nowrap;
}

.lg-back:hover[b-iqol6q68n4] { color: var(--stadium-chalk); }

.lg-chip[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .78rem;
    padding: .2rem .6rem;
    border-radius: 99px;
    border: 1px solid var(--stadium-line-strong);
    white-space: nowrap;
}

.lg-chip.ok[b-iqol6q68n4] { color: var(--stadium-green); border-color: color-mix(in srgb, var(--stadium-green) 45%, transparent); }
.lg-chip.bad[b-iqol6q68n4] { color: var(--stadium-red); border-color: color-mix(in srgb, var(--stadium-red) 55%, transparent); background: var(--stadium-red-soft); }

.lg-live[b-iqol6q68n4] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .82rem;
    color: var(--stadium-muted);
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
}

/* ----- filtros ----- */
.lg-filters[b-iqol6q68n4] { margin-bottom: 1rem; }

.lg-cats[b-iqol6q68n4] {
    display: flex;
    gap: .35rem;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: .5rem;
}

.lg-cats[b-iqol6q68n4]::-webkit-scrollbar { display: none; }

.lg-cat[b-iqol6q68n4] {
    background: var(--stadium-panel);
    border: 1px solid var(--stadium-line);
    color: var(--stadium-muted);
    font-size: .82rem;
    padding: .3rem .7rem;
    border-radius: 8px;
    white-space: nowrap;
    cursor: pointer;
}

.lg-cat:hover[b-iqol6q68n4] { color: var(--stadium-chalk); border-color: var(--stadium-line-strong); }

.lg-cat.active[b-iqol6q68n4] {
    color: var(--stadium-chalk);
    border-color: var(--stadium-green);
    background: var(--stadium-green-soft);
}

.lg-cat-n[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .72rem;
    opacity: .75;
    margin-left: .2rem;
}

.lg-controls[b-iqol6q68n4] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.lg-select[b-iqol6q68n4], .lg-input[b-iqol6q68n4] {
    background: var(--stadium-panel);
    border: 1px solid var(--stadium-line);
    color: var(--stadium-chalk);
    border-radius: 8px;
    font-size: .85rem;
    padding: .35rem .6rem;
    min-width: 0;
}

.lg-input[b-iqol6q68n4]::placeholder { color: var(--stadium-muted); }
.lg-input.grow[b-iqol6q68n4] { flex: 1 1 220px; }
.lg-select:focus[b-iqol6q68n4], .lg-input:focus[b-iqol6q68n4] { outline: none; border-color: var(--stadium-green); }

/* ----- triagem de erros ----- */
.lg-errors[b-iqol6q68n4] {
    padding: .9rem 1rem;
    margin-bottom: 1.2rem;
}

.lg-errors-head[b-iqol6q68n4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .6rem;
}

.lg-eyebrow[b-iqol6q68n4] {
    font-family: var(--stadium-condensed);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    color: var(--stadium-muted);
}

.lg-err[b-iqol6q68n4] {
    border-top: 1px solid var(--stadium-line);
    padding: .55rem 0;
}

.lg-err.is-resolved[b-iqol6q68n4] { opacity: .6; }

.lg-err-row[b-iqol6q68n4] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    min-width: 0;
}

.lg-err-msg[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .82rem;
    color: var(--stadium-chalk);
    word-break: break-word;
    min-width: 0;
}

.lg-err-count[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .74rem;
    color: var(--stadium-amber);
    white-space: nowrap;
}

.lg-err-meta[b-iqol6q68n4] {
    display: flex;
    align-items: center;
    gap: .9rem;
    flex-wrap: wrap;
    font-size: .76rem;
    color: var(--stadium-muted);
    margin-top: .3rem;
}

.lg-spacer[b-iqol6q68n4] { flex: 1; }

.lg-pill[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .1rem .45rem;
    border-radius: 99px;
    border: 1px solid var(--stadium-line-strong);
    white-space: nowrap;
}

.lg-pill.ok[b-iqol6q68n4] { color: var(--stadium-green); border-color: color-mix(in srgb, var(--stadium-green) 45%, transparent); }
.lg-pill.bad[b-iqol6q68n4] { color: var(--stadium-red); border-color: color-mix(in srgb, var(--stadium-red) 55%, transparent); background: var(--stadium-red-soft); }

/* ----- feed ----- */
.lg-day[b-iqol6q68n4] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    font-family: var(--stadium-condensed);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .8rem;
    color: var(--stadium-muted);
    border-bottom: 1px solid var(--stadium-line-strong);
    padding: 1rem 0 .35rem;
}

.lg-day-n[b-iqol6q68n4] { font-size: .72rem; opacity: .8; }

.lg-row[b-iqol6q68n4] {
    display: grid;
    grid-template-columns: 4.6rem 5.6rem 9rem minmax(0, 1fr) auto;
    align-items: baseline;
    gap: .6rem;
    padding: .4rem 0;
    border-bottom: 1px solid var(--stadium-line);
}

.lg-time[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .78rem;
    color: var(--stadium-muted);
    white-space: nowrap;
}

.lg-badge[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: center;
    padding: .12rem .3rem;
    border-radius: 6px;
    border: 1px solid var(--stadium-line-strong);
    color: var(--stadium-muted);
    white-space: nowrap;
}

/* cores por categoria (borda + texto; discretas para não virar árvore de natal) */
.cat-conta[b-iqol6q68n4] { color: var(--stadium-blueprint); border-color: color-mix(in srgb, var(--stadium-blueprint) 50%, transparent); }
.cat-sessao[b-iqol6q68n4] { color: var(--stadium-chalk); }
.cat-ordem[b-iqol6q68n4] { color: var(--stadium-green); border-color: color-mix(in srgb, var(--stadium-green) 45%, transparent); }
.cat-negocio[b-iqol6q68n4] { color: var(--stadium-green); border-color: var(--stadium-green); }
.cat-economia[b-iqol6q68n4] { color: var(--stadium-amber); border-color: color-mix(in srgb, var(--stadium-amber) 55%, transparent); }
.cat-admin[b-iqol6q68n4] { color: var(--stadium-chalk); border-color: var(--stadium-line-strong); background: var(--stadium-panel-strong); }
.cat-erro[b-iqol6q68n4] { color: var(--stadium-red); border-color: color-mix(in srgb, var(--stadium-red) 55%, transparent); }

/* chips de categoria herdam a cor no estado ativo */
.lg-cat.cat-erro.active[b-iqol6q68n4] { border-color: var(--stadium-red); background: var(--stadium-red-soft); }
.lg-cat.cat-economia.active[b-iqol6q68n4] { border-color: var(--stadium-amber); background: var(--stadium-amber-soft); }

.lg-actor[b-iqol6q68n4] {
    font-size: .82rem;
    color: var(--stadium-chalk);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lg-actor a[b-iqol6q68n4] { color: var(--stadium-green); text-decoration: none; }
.lg-actor a:hover[b-iqol6q68n4] { text-decoration: underline; }
.lg-sys[b-iqol6q68n4] { color: var(--stadium-muted); font-style: italic; }

.lg-msg[b-iqol6q68n4] {
    font-size: .85rem;
    color: var(--stadium-chalk);
    word-break: break-word;
    min-width: 0;
}

.lg-extras[b-iqol6q68n4] {
    display: inline-flex;
    align-items: baseline;
    gap: .4rem;
    white-space: nowrap;
}

.lg-ip[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .72rem;
    color: var(--stadium-muted);
    border: 1px dashed var(--stadium-line-strong);
    border-radius: 6px;
    padding: 0 .3rem;
    cursor: help;
}

.lg-ghost[b-iqol6q68n4] {
    background: none;
    border: none;
    color: var(--stadium-muted);
    font-size: .78rem;
    cursor: pointer;
    padding: 0 .15rem;
}

.lg-ghost:hover[b-iqol6q68n4] { color: var(--stadium-chalk); }

.lg-pre[b-iqol6q68n4] {
    font-family: var(--stadium-mono);
    font-size: .74rem;
    color: var(--stadium-muted);
    background: var(--stadium-panel-strong);
    border: 1px solid var(--stadium-line);
    border-radius: 8px;
    padding: .6rem .75rem;
    margin: .4rem 0 .2rem;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-x: auto;
    max-height: 320px;
    overflow-y: auto;
}

.lg-more[b-iqol6q68n4] {
    display: block;
    width: 100%;
    margin-top: .9rem;
    background: var(--stadium-panel);
    border: 1px solid var(--stadium-line);
    color: var(--stadium-muted);
    border-radius: 8px;
    padding: .45rem;
    font-size: .84rem;
    cursor: pointer;
}

.lg-more:hover:not(:disabled)[b-iqol6q68n4] { color: var(--stadium-chalk); border-color: var(--stadium-line-strong); }

.lg-empty[b-iqol6q68n4] {
    color: var(--stadium-muted);
    font-size: .88rem;
    padding: 1.2rem 0;
}

/* ----- mobile ----- */
@media (max-width: 640px) {
    .lg-row[b-iqol6q68n4] {
        grid-template-columns: 4.2rem 1fr auto;
        grid-template-areas:
            "time badge extras"
            "actor actor actor"
            "msg msg msg";
        row-gap: .15rem;
    }

    .lg-time[b-iqol6q68n4] { grid-area: time; }
    .lg-badge[b-iqol6q68n4] { grid-area: badge; justify-self: start; }
    .lg-extras[b-iqol6q68n4] { grid-area: extras; justify-self: end; }
    .lg-actor[b-iqol6q68n4] { grid-area: actor; font-size: .78rem; }
    .lg-msg[b-iqol6q68n4] { grid-area: msg; font-size: .82rem; }

    .lg-title[b-iqol6q68n4] { flex-direction: column; gap: .15rem; }
    .lg-controls .lg-input[b-iqol6q68n4] { flex: 1 1 100%; }
}
/* /Components/Pages/Alertas.razor.rz.scp.css */
/* ============ Alertas de preço (al-*) — 1a venda + 1b cockpit, scoped ============
   Molduras planas (filete de topo). Tokens do app.css (--stadium-*). O cockpit
   ordena os alertas ativos por PROXIMIDADE (barra) — puro visual, não muda a
   regra de disparo (server-side). Enquadra bem em 1920×1080 e empilha no mobile. */

.al-loading[b-4lzuefa7jg] { color: var(--stadium-muted); padding: 1rem 0; }

.al-page[b-4lzuefa7jg] { display: flex; flex-direction: column; gap: var(--stadium-gap); max-width: 1180px; }
.al-page > *[b-4lzuefa7jg] { animation: al-rise-b-4lzuefa7jg 0.35s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes al-rise-b-4lzuefa7jg { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes al-pulse-b-4lzuefa7jg { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .al-page > *[b-4lzuefa7jg], .al-live-dot[b-4lzuefa7jg], .al-card.is-hot[b-4lzuefa7jg] { animation: none !important; } }

/* ---------- Cabeçalho ---------- */
.al-head[b-4lzuefa7jg] { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.8rem; flex-wrap: wrap; }
.al-eyebrow[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.6rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: var(--stadium-muted); }
.al-title[b-4lzuefa7jg] { font-family: var(--stadium-condensed); font-size: clamp(1.5rem, 3vw, 1.9rem); font-weight: 950; letter-spacing: 0.02em; text-transform: uppercase; margin: 0.05rem 0 0; }
.al-sub[b-4lzuefa7jg] { color: var(--stadium-muted); font-size: 0.86rem; margin: 0.15rem 0 0; max-width: 46rem; }
.al-head-tools[b-4lzuefa7jg] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.al-live[b-4lzuefa7jg] { display: inline-flex; align-items: center; gap: 0.4rem; border: 1px solid rgba(53, 223, 131, 0.35); border-radius: 999px; padding: 0.2rem 0.6rem; font-family: var(--stadium-mono); font-size: 0.7rem; color: #35df83; }
.al-live-dot[b-4lzuefa7jg] { width: 0.5rem; height: 0.5rem; border-radius: 999px; background: #35df83; box-shadow: 0 0 8px #35df83; animation: al-pulse-b-4lzuefa7jg 1.6s ease-in-out infinite; }
.al-chip[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.8rem; padding: 0.28rem 0.6rem; border: 1px solid var(--stadium-line-strong); border-radius: 999px; background: var(--stadium-green-soft); color: var(--stadium-chalk); white-space: nowrap; }

/* ---------- Grade formulário + listas ---------- */
.al-grid[b-4lzuefa7jg] { display: grid; grid-template-columns: minmax(280px, 340px) 1fr; gap: var(--stadium-gap); align-items: start; }

/* ---------- Criação (painel plano, sticky) ---------- */
.al-new[b-4lzuefa7jg] {
    display: flex; flex-direction: column; gap: 0.45rem;
    border-radius: 10px; background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(24, 165, 88, 0.55); padding: 0.9rem 1rem;
    position: sticky; top: 0.6rem;
}
.al-sec-t[b-4lzuefa7jg] { font-family: var(--stadium-condensed); font-size: 0.9rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--stadium-chalk); margin: 0 0 0.2rem; display: flex; align-items: center; gap: 0.4rem; }
.al-sec-n[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.72rem; padding: 0.05rem 0.42rem; border-radius: 999px; border: 1px solid var(--stadium-line); color: var(--stadium-chalk); }
.al-lab[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.6rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--stadium-muted); margin-top: 0.25rem; }
.al-hint[b-4lzuefa7jg] { font-size: 0.8rem; margin: 0.1rem 0 0; line-height: 1.35; min-height: 2.2em; }
.al-hint.up[b-4lzuefa7jg] { color: #35df83; }
.al-hint.down[b-4lzuefa7jg] { color: #ff6d69; }
.al-hint.err[b-4lzuefa7jg] { color: var(--stadium-amber); }
.al-hint.muted[b-4lzuefa7jg] { color: var(--stadium-muted); }
.al-check[b-4lzuefa7jg] { display: flex; align-items: center; gap: 0.45rem; font-size: 0.85rem; color: var(--stadium-chalk); cursor: pointer; user-select: none; margin-top: 0.15rem; }
.al-check input[b-4lzuefa7jg] { accent-color: var(--stadium-green); width: 1rem; height: 1rem; }
.al-submit[b-4lzuefa7jg] { margin-top: 0.35rem; }
.al-new-foot[b-4lzuefa7jg] { margin: 0.5rem 0 0; font-size: 0.74rem; line-height: 1.4; color: var(--stadium-muted); }
.al-msg[b-4lzuefa7jg] { font-size: 0.83rem; padding: 0.45rem 0.6rem; border-radius: 8px; border: 1px solid var(--stadium-line); line-height: 1.35; }
.al-msg.ok[b-4lzuefa7jg] { border-color: rgba(24, 165, 88, 0.5); background: var(--stadium-green-soft); }
.al-msg.err[b-4lzuefa7jg] { border-color: rgba(229, 57, 53, 0.5); background: var(--stadium-red-soft); }

/* ---------- Listas ---------- */
.al-lists[b-4lzuefa7jg] { display: flex; flex-direction: column; gap: var(--stadium-gap); min-width: 0; }
.al-sec[b-4lzuefa7jg] { display: flex; flex-direction: column; gap: 0.5rem; border-radius: 10px; background: rgba(244, 241, 232, 0.022); border-top: 2px solid rgba(255, 194, 71, 0.5); padding: 0.9rem 1rem; }
.al-sec.is-dim[b-4lzuefa7jg] { border-top-color: rgba(244, 241, 232, 0.18); }
.al-sec-h[b-4lzuefa7jg] { display: flex; align-items: baseline; justify-content: space-between; gap: 0.6rem; }
.al-sec-hint[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.62rem; color: var(--stadium-muted); }
.al-sec-note[b-4lzuefa7jg] { font-size: 0.78rem; color: var(--stadium-muted); margin: -0.2rem 0 0.1rem; }

/* ---------- Ativos: cards com barra de proximidade ---------- */
.al-cards[b-4lzuefa7jg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
.al-card[b-4lzuefa7jg] {
    display: flex; flex-direction: column; gap: 0.4rem;
    border: 1px solid var(--stadium-line); border-top-width: 2px;
    border-radius: 9px; padding: 0.65rem 0.75rem; background: rgba(0, 0, 0, 0.14); min-width: 0;
}
.al-card.is-up[b-4lzuefa7jg] { border-top-color: rgba(24, 165, 88, 0.55); }
.al-card.is-down[b-4lzuefa7jg] { border-top-color: rgba(229, 57, 53, 0.5); }
.al-card.is-hot[b-4lzuefa7jg] { background: rgba(255, 194, 71, 0.06); border-top-color: rgba(255, 194, 71, 0.7); box-shadow: 0 0 20px rgba(255, 194, 71, 0.1); animation: al-pulse-b-4lzuefa7jg 2.4s ease-in-out infinite; }
.al-card-top[b-4lzuefa7jg] { display: flex; align-items: center; gap: 0.5rem; }
.al-team[b-4lzuefa7jg] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 0.9rem; color: var(--stadium-chalk); }
.al-mail[b-4lzuefa7jg] { color: var(--stadium-muted); font-size: 0.8rem; }
.al-dist[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-weight: 900; font-size: 0.9rem; color: var(--stadium-muted); white-space: nowrap; }
.al-dist.hot[b-4lzuefa7jg] { color: var(--stadium-amber); }
.al-dir[b-4lzuefa7jg] { font-size: 0.82rem; color: #c9d3cd; }
.al-dir.sm[b-4lzuefa7jg] { font-size: 0.8rem; }
.al-dir b[b-4lzuefa7jg] { font-family: var(--stadium-mono); color: var(--stadium-chalk); }
.al-now[b-4lzuefa7jg] { color: var(--stadium-muted); font-family: var(--stadium-mono); font-size: 0.76rem; }
.al-prox[b-4lzuefa7jg] { height: 0.42rem; border-radius: 999px; background: rgba(244, 241, 232, 0.08); overflow: hidden; }
.al-prox .fill[b-4lzuefa7jg] { height: 100%; border-radius: 999px; }
.al-prox.up .fill[b-4lzuefa7jg] { background: var(--stadium-green); }
.al-prox.down .fill[b-4lzuefa7jg] { background: var(--stadium-red); }
.al-prox.hot .fill[b-4lzuefa7jg] { background: linear-gradient(90deg, var(--stadium-amber), #28d275); }
.al-card-foot[b-4lzuefa7jg] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.al-meta[b-4lzuefa7jg] { font-size: 0.72rem; color: var(--stadium-muted); }

/* ---------- Disparados / inativos: linhas ---------- */
.al-row[b-4lzuefa7jg] { display: grid; grid-template-columns: auto 1fr auto; gap: 0.6rem; align-items: center; padding: 0.5rem 0.2rem; border-bottom: 1px solid var(--stadium-line); }
.al-row:last-child[b-4lzuefa7jg] { border-bottom: 0; }
.al-row.is-fired[b-4lzuefa7jg] { border-left: 3px solid var(--stadium-amber); padding-left: 0.5rem; border-radius: 4px; background: rgba(255, 194, 71, 0.04); }
.al-row.is-muted[b-4lzuefa7jg] { opacity: 0.72; }
.al-main[b-4lzuefa7jg] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.al-crest[b-4lzuefa7jg] { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 0, 0, 0.3); border: 1px solid var(--stadium-line); overflow: hidden; font-family: var(--stadium-condensed); color: var(--stadium-muted); flex: 0 0 auto; }
.al-crest.sm[b-4lzuefa7jg] { width: 1.7rem; height: 1.7rem; font-size: 0.7rem; }
.al-crest img[b-4lzuefa7jg] { width: 75%; height: 75%; object-fit: contain; }
.al-badge[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.6rem; letter-spacing: 0.06em; text-transform: uppercase; padding: 0.06rem 0.42rem; border-radius: 999px; border: 1px solid var(--stadium-line-strong); }
.al-badge.fired[b-4lzuefa7jg] { color: var(--stadium-amber); border-color: rgba(255, 194, 71, 0.5); background: var(--stadium-amber-soft); }
.al-badge.muted[b-4lzuefa7jg] { color: var(--stadium-muted); }
.al-side[b-4lzuefa7jg] { display: flex; align-items: center; gap: 0.35rem; }
.al-btn[b-4lzuefa7jg] { border: 1px solid var(--stadium-line-strong); background: transparent; color: var(--stadium-chalk); font-family: var(--stadium-mono); font-size: 0.72rem; padding: 0.22rem 0.55rem; border-radius: 6px; cursor: pointer; white-space: nowrap; }
.al-btn:hover:not(:disabled)[b-4lzuefa7jg] { border-color: var(--stadium-green); }
.al-btn.danger:hover:not(:disabled)[b-4lzuefa7jg] { border-color: var(--stadium-red); color: #ff6d69; }
.al-btn:disabled[b-4lzuefa7jg] { opacity: 0.5; cursor: default; }

/* ---------- Vazio ---------- */
.al-empty[b-4lzuefa7jg] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.3rem; padding: 2.4rem 1rem; border: 1px dashed var(--stadium-line-strong); border-radius: 10px; background: rgba(244, 241, 232, 0.022); }
.al-empty-bell[b-4lzuefa7jg] { font-size: 2rem; opacity: 0.85; }
.al-empty-t[b-4lzuefa7jg] { font-family: var(--stadium-condensed); font-weight: 950; letter-spacing: 0.06em; text-transform: uppercase; margin: 0; }
.al-empty-s[b-4lzuefa7jg] { color: var(--stadium-muted); font-size: 0.84rem; max-width: 26rem; margin: 0; }

/* ================= 1a — tela de venda (lock) ================= */
.al-lock[b-4lzuefa7jg] { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 2rem; align-items: center; max-width: 1180px; min-height: calc(100vh - 3rem); padding: 0.6rem 0; }
.al-lock-tag[b-4lzuefa7jg] { display: inline-flex; align-items: center; gap: 0.3rem; font-family: var(--stadium-mono); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--stadium-amber); border: 1px solid rgba(255, 194, 71, 0.45); background: var(--stadium-amber-soft); border-radius: 999px; padding: 0.2rem 0.65rem; }
.al-lock-h[b-4lzuefa7jg] { font-family: var(--stadium-condensed); font-size: clamp(2rem, 4vw, 3.2rem); line-height: 0.92; text-transform: uppercase; letter-spacing: 0.02em; margin: 0.7rem 0 0; color: var(--stadium-chalk); }
.al-lock-h em[b-4lzuefa7jg] { font-style: normal; color: #35df83; }
.al-lock-sub[b-4lzuefa7jg] { color: #c9d3cd; font-size: 1rem; line-height: 1.6; max-width: 44ch; margin: 1rem 0 0; }
.al-lock-sub strong[b-4lzuefa7jg] { color: var(--stadium-chalk); }
.al-lock-feat[b-4lzuefa7jg] { list-style: none; padding: 0; margin: 1.2rem 0; display: flex; flex-direction: column; gap: 0.5rem; }
.al-lock-feat li[b-4lzuefa7jg] { position: relative; padding-left: 1.4rem; font-size: 0.92rem; line-height: 1.4; color: #c9d3cd; }
.al-lock-feat li[b-4lzuefa7jg]::before { content: "✓"; position: absolute; left: 0.1rem; top: 0; color: #35df83; font-family: var(--stadium-mono); font-weight: 900; }
.al-lock-feat b[b-4lzuefa7jg] { color: var(--stadium-chalk); }
.al-lock-cta[b-4lzuefa7jg] { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }
.al-lock-buy[b-4lzuefa7jg] { display: inline-flex; flex-direction: column; align-items: center; line-height: 1.1; }
.al-lock-buy .t[b-4lzuefa7jg] { font-family: var(--stadium-condensed); font-weight: 700; text-transform: uppercase; font-size: 1.1rem; }
.al-lock-buy .s[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.66rem; opacity: 0.85; }
.al-lock-note[b-4lzuefa7jg] { color: var(--stadium-muted); font-family: var(--stadium-mono); font-size: 0.72rem; margin-top: 1rem; }
.al-lock-note a[b-4lzuefa7jg] { color: var(--stadium-blueprint); }

/* teaser atrás de vidro fosco */
.al-lock-teaser[b-4lzuefa7jg] { position: relative; border-radius: 14px; overflow: hidden; border: 1px solid rgba(244, 241, 232, 0.12); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); }
.al-teaser-inner[b-4lzuefa7jg] { display: flex; flex-direction: column; gap: 0.55rem; padding: 0.9rem; background: rgba(7, 17, 13, 0.9); filter: blur(2.3px) saturate(0.9); opacity: 0.74; pointer-events: none; }
.al-teaser-toast[b-4lzuefa7jg] { display: flex; gap: 0.6rem; align-items: center; padding: 0.6rem 0.75rem; border: 1px solid var(--stadium-line-strong); border-left: 3px solid var(--stadium-green); border-radius: 9px; background: var(--stadium-panel-strong); font-size: 0.84rem; color: #c9d3cd; }
.al-teaser-toast.down[b-4lzuefa7jg] { border-left-color: var(--stadium-red); }
.al-teaser-toast b[b-4lzuefa7jg] { color: var(--stadium-chalk); }
.al-teaser-card[b-4lzuefa7jg] { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.55rem 0.7rem; border: 1px solid var(--stadium-line); border-top-width: 2px; border-radius: 9px; background: rgba(0, 0, 0, 0.16); }
.al-teaser-card.is-up[b-4lzuefa7jg] { border-top-color: rgba(24, 165, 88, 0.55); }
.al-teaser-card.is-down[b-4lzuefa7jg] { border-top-color: rgba(229, 57, 53, 0.5); }
.al-teaser-team[b-4lzuefa7jg] { font-weight: 600; font-size: 0.88rem; color: var(--stadium-chalk); }
.al-teaser-dir[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.82rem; }
.al-teaser-now[b-4lzuefa7jg] { font-size: 0.74rem; color: var(--stadium-muted); }
.al-lock .up[b-4lzuefa7jg] { color: #35df83; }
.al-lock .down[b-4lzuefa7jg] { color: #ff6d69; }
.al-teaser-veil[b-4lzuefa7jg] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.4rem; background: radial-gradient(circle at 50% 42%, rgba(5, 8, 6, 0.3), rgba(5, 8, 6, 0.72)); text-align: center; }
.al-teaser-lock[b-4lzuefa7jg] { width: 3.4rem; height: 3.4rem; border-radius: 999px; background: var(--stadium-amber-soft); border: 1px solid rgba(255, 194, 71, 0.5); display: grid; place-items: center; font-size: 1.5rem; }
.al-teaser-vt[b-4lzuefa7jg] { font-family: var(--stadium-condensed); font-weight: 950; letter-spacing: 0.04em; text-transform: uppercase; font-size: 1.05rem; color: var(--stadium-chalk); }
.al-teaser-vs[b-4lzuefa7jg] { font-family: var(--stadium-mono); font-size: 0.72rem; color: var(--stadium-muted); }

/* ---------- Responsivo ---------- */
@media (max-width: 900.98px) {
    .al-grid[b-4lzuefa7jg] { grid-template-columns: 1fr; }
    .al-new[b-4lzuefa7jg] { position: static; }
    .al-lock[b-4lzuefa7jg] { grid-template-columns: 1fr; min-height: 0; }
    .al-cards[b-4lzuefa7jg] { grid-template-columns: 1fr; }
}
@media (max-width: 560.98px) {
    .al-row[b-4lzuefa7jg] { grid-template-columns: auto 1fr; }
    .al-side[b-4lzuefa7jg] { grid-column: 1 / -1; justify-content: flex-end; }
}
/* /Components/Pages/Assinatura.razor.rz.scp.css */
/* ===== Assinatura — "Comparativo enxuto" (1b, scoped) =====
   Dois planos com preço + faixa "Por dentro da Mesa de Estudo". Molduras leves
   (fundo tênue + filete de topo). Prefixo pl- para não colidir com o bloco
   .plan-* antigo do app.css (que pode ser removido). Usa tokens --stadium-* e
   as classes globais .btn/.alert. */

.pl[b-pu44qm7v27] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    max-width: 1080px;
    margin-inline: auto;
    padding-bottom: 1.5rem;
}
.pl > *[b-pu44qm7v27] { animation: pl-rise-b-pu44qm7v27 0.4s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes pl-rise-b-pu44qm7v27 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

/* ---------- Cabeçalho ---------- */
.pl-head[b-pu44qm7v27] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 1.4rem;
    flex-wrap: wrap;
}
.pl-head-copy[b-pu44qm7v27] { max-width: 62ch; }
.pl-eyebrow[b-pu44qm7v27] {
    font-family: var(--stadium-mono);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.66rem;
    color: var(--stadium-muted);
}
.pl h1[b-pu44qm7v27] {
    margin: 0.12rem 0 0;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: clamp(1.7rem, 3vw, 2.5rem);
    line-height: 0.98;
}
.pl-sub[b-pu44qm7v27] {
    margin: 0.5rem 0 0;
    color: var(--stadium-muted);
    font-size: 0.95rem;
    line-height: 1.5;
}
.pl-sub strong[b-pu44qm7v27] { color: var(--stadium-chalk); }
.pl-sub a[b-pu44qm7v27] { color: var(--stadium-amber); }

.pl-current[b-pu44qm7v27] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--stadium-line-strong);
    border-radius: 999px;
    font-size: 0.78rem;
    color: var(--stadium-muted);
    white-space: nowrap;
}
.pl-badge[b-pu44qm7v27] {
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: rgba(143, 164, 154, 0.28);
    color: var(--stadium-chalk);
    font-family: var(--stadium-mono);
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.pl-badge.is-pro[b-pu44qm7v27] { background: var(--stadium-green); color: #031008; }
.pl-current-st[b-pu44qm7v27] { color: var(--stadium-muted); }

.pl-loading[b-pu44qm7v27] { color: var(--stadium-muted); }

/* ---------- Grade de planos ---------- */
.pl-grid[b-pu44qm7v27] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
    align-items: stretch;
}

.pl-card[b-pu44qm7v27] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    border-radius: 10px;
    padding: 1.3rem 1.4rem;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid var(--stadium-line-strong);
}
.pl-card.pro[b-pu44qm7v27] {
    border-top-color: rgba(255, 194, 71, 0.7);
    background:
        radial-gradient(circle at 90% -10%, rgba(255, 194, 71, 0.13), transparent 20rem),
        rgba(255, 194, 71, 0.05);
}

.pl-ribbon[b-pu44qm7v27] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.16rem 0.55rem;
    border-radius: 999px;
    background: var(--stadium-amber);
    color: #06100b;
    font-family: var(--stadium-mono);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pl-name[b-pu44qm7v27] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--stadium-condensed);
    font-size: 1.35rem;
    font-weight: 950;
    text-transform: uppercase;
}
.pl-badge2[b-pu44qm7v27] {
    padding: 0.12rem 0.5rem;
    border-radius: 999px;
    font-family: var(--stadium-mono);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.pl-badge2.base[b-pu44qm7v27] { background: rgba(143, 164, 154, 0.18); color: var(--stadium-muted); }
.pl-badge2.pro[b-pu44qm7v27] { background: var(--stadium-amber); color: #06100b; }

.pl-price[b-pu44qm7v27] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    font-family: var(--stadium-mono);
}
.pl-price strong[b-pu44qm7v27] { font-size: 1.9rem; font-weight: 950; color: var(--stadium-chalk); }
.pl-price span[b-pu44qm7v27] { color: var(--stadium-muted); font-size: 0.82rem; }

.pl-tag[b-pu44qm7v27] { margin: 0; color: var(--stadium-muted); font-size: 0.88rem; line-height: 1.45; }
.pl-tag strong[b-pu44qm7v27] { color: var(--stadium-chalk); }

.pl-feat[b-pu44qm7v27] { display: grid; gap: 0.42rem; margin: 0.15rem 0 0; padding: 0; list-style: none; }
.pl-feat li[b-pu44qm7v27] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    font-size: 0.88rem;
    line-height: 1.35;
    color: #cdd8d1;
}
.pl-feat li[b-pu44qm7v27]::before { content: "✓"; color: #36e08a; font-weight: 900; flex: 0 0 auto; }
.pl-feat.pro li[b-pu44qm7v27]::before { content: "★"; color: var(--stadium-amber); }
.pl-feat li.muted[b-pu44qm7v27] { color: var(--stadium-muted); }
.pl-feat li.muted[b-pu44qm7v27]::before { content: "○"; color: var(--stadium-muted); }

.pl-cta[b-pu44qm7v27] { margin-top: auto; padding-top: 0.85rem; display: flex; flex-direction: column; gap: 0.45rem; }
.pl-owned[b-pu44qm7v27] {
    display: block;
    text-align: center;
    padding: 0.6rem;
    border: 1px solid var(--stadium-line-strong);
    border-radius: 6px;
    color: var(--stadium-muted);
    font-family: var(--stadium-condensed);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9rem;
}
.pl-active[b-pu44qm7v27] { color: #35df83; font-weight: 800; }
.pl-note[b-pu44qm7v27] { color: var(--stadium-muted); font-size: 0.74rem; text-align: center; }
.pl-err[b-pu44qm7v27] { color: #ff6d69; font-size: 0.78rem; }

/* ---------- Faixa "Por dentro da Mesa de Estudo" ---------- */
.pl-lab[b-pu44qm7v27] {
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(255, 194, 71, 0.4);
    padding: 0.9rem 1.1rem;
}
.pl-lab-h[b-pu44qm7v27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.65rem;
}
.pl-lab-h .t[b-pu44qm7v27] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.02em;
}
.pl-lab-h .lock[b-pu44qm7v27] {
    font-family: var(--stadium-mono);
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--stadium-amber);
}
.pl-lab-grid[b-pu44qm7v27] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; }
.pl-tile[b-pu44qm7v27] {
    border: 1px solid var(--stadium-line);
    border-radius: 8px;
    background: rgba(1, 7, 4, 0.3);
    padding: 0.65rem 0.8rem;
    min-width: 0;
}
.pl-tile-h[b-pu44qm7v27] {
    font-family: var(--stadium-mono);
    font-size: 0.56rem;
    letter-spacing: 0.09em;
    color: var(--stadium-muted);
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}
.pl-tile-fig[b-pu44qm7v27] { display: flex; align-items: baseline; gap: 0.5rem; }
.pl-tile-fig strong[b-pu44qm7v27] { font-family: var(--stadium-mono); font-weight: 900; font-size: 1.25rem; color: var(--stadium-amber); }
.pl-tile-fig span[b-pu44qm7v27] { font-family: var(--stadium-mono); font-size: 0.62rem; color: var(--stadium-muted); }
.pl-bars[b-pu44qm7v27] { display: flex; gap: 0.2rem; margin-top: 0.45rem; }
.pl-bars .b[b-pu44qm7v27] { height: 0.3rem; border-radius: 999px; flex: 1; }
.pl-bars .b.mkt[b-pu44qm7v27] { background: rgba(143, 164, 154, 0.4); }
.pl-bars .b.sys[b-pu44qm7v27] { background: rgba(91, 226, 176, 0.5); }
.pl-bars .b.fair[b-pu44qm7v27] { flex: 1.3; background: linear-gradient(90deg, #ffc247, #28d275); }

.pl-sim[b-pu44qm7v27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.18rem 0;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
}
.pl-sim:last-child[b-pu44qm7v27] { border-bottom: none; }
.pl-sim .g[b-pu44qm7v27] { font-family: var(--stadium-condensed); font-weight: 900; text-transform: uppercase; font-size: 0.78rem; color: var(--stadium-chalk); }
.pl-sim .v[b-pu44qm7v27] { font-family: var(--stadium-mono); font-size: 0.64rem; color: var(--stadium-muted); }
.pl-sim .v.positive[b-pu44qm7v27] { color: #35df83; }

.pl-hit[b-pu44qm7v27] { font-family: var(--stadium-mono); font-weight: 900; font-size: 1.6rem; line-height: 1; color: #35df83; }
.pl-hit span[b-pu44qm7v27] { font-size: 0.8rem; }
.pl-hit-bar[b-pu44qm7v27] { display: block; height: 0.3rem; border-radius: 999px; background: rgba(244, 241, 232, 0.06); overflow: hidden; margin-top: 0.4rem; }
.pl-hit-bar > span[b-pu44qm7v27] { display: block; height: 100%; width: 68%; background: #35df83; }

.pl-foot[b-pu44qm7v27] { display: flex; }

/* ---------- Responsivo ---------- */
@media (max-width: 720px) {
    .pl-grid[b-pu44qm7v27] { grid-template-columns: minmax(0, 1fr); }
    .pl-lab-grid[b-pu44qm7v27] { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .pl > *[b-pu44qm7v27] { animation: none !important; }
}

/* ---- Indique e ganhe PRO (painel plano, filete verde — o caminho grátis) ---- */
.pl-ref[b-pu44qm7v27] {
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(24, 165, 88, 0.55);
    padding: 0.9rem 1.1rem;
}
.pl-ref-h[b-pu44qm7v27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}
.pl-ref-h .t[b-pu44qm7v27] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.02em;
}
.pl-ref-h .tag[b-pu44qm7v27] {
    font-family: var(--stadium-mono);
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #95ffc2;
}
.pl-ref-copy[b-pu44qm7v27] { color: var(--stadium-muted); font-size: 0.86rem; margin: 0 0 0.65rem; max-width: 52rem; }
.pl-ref-copy strong[b-pu44qm7v27] { color: var(--stadium-chalk); }
.pl-ref-link[b-pu44qm7v27] { display: flex; gap: 0.4rem; max-width: 34rem; }
.pl-ref-link input[b-pu44qm7v27] { flex: 1; min-width: 0; font-family: var(--stadium-mono); font-size: 0.78rem; cursor: copy; }
.pl-ref-stats[b-pu44qm7v27] {
    display: flex; flex-wrap: wrap; gap: 0.45rem;
    margin-top: 0.6rem; color: var(--stadium-muted);
    font-family: var(--stadium-mono); font-size: 0.72rem;
}
.pl-ref-stats strong[b-pu44qm7v27] { color: var(--stadium-chalk); }
.pl-ref-stats .dot[b-pu44qm7v27] { opacity: 0.5; }
/* /Components/Pages/Carteira.razor.rz.scp.css */
/* ===== Carteira — "Extrato plano" (1a, scoped) =====
   Hero enxuto (patrimônio · resultado do dia · uso de tokens) + 2 colunas:
   Posições em aberto | Fechadas no dia. Cada quadro tem lista rolável (cabeçalho
   fixo) e a linha de Total fixa no rodapé, alinhadas na mesma base. Molduras
   planas (filete de topo). Tokens do app.css (--stadium-*), prefixo wl-.
   Em 1920×1080 enquadra a viewport; abaixo de 1100px vira uma coluna só. */

.wl[b-rq0bnnu2pn] { display: flex; flex-direction: column; gap: 0.7rem; min-height: 0; }
.wl > *[b-rq0bnnu2pn] { animation: wl-rise-b-rq0bnnu2pn 0.35s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes wl-rise-b-rq0bnnu2pn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .wl > *[b-rq0bnnu2pn] { animation: none !important; } }

.wl-loading[b-rq0bnnu2pn] { padding: 1.4rem; border: 1px solid var(--stadium-line); border-radius: var(--stadium-radius); background: var(--stadium-panel); color: var(--stadium-muted); }

.mono[b-rq0bnnu2pn] { font-family: var(--stadium-mono); }
.positive[b-rq0bnnu2pn] { color: #35df83; }
.negative[b-rq0bnnu2pn] { color: #ff6d69; }
.amber[b-rq0bnnu2pn] { color: var(--stadium-amber); }

/* ---------- Alertas ---------- */
.wl-alert[b-rq0bnnu2pn] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    border-radius: 10px;
    padding: 0.7rem 1rem;
    background: rgba(244, 241, 232, 0.03);
    border-top: 2px solid var(--stadium-line-strong);
    font-size: 0.88rem;
    line-height: 1.5;
    color: #c9d3cd;
}
.wl-alert strong[b-rq0bnnu2pn] { color: var(--stadium-chalk); }
.wl-alert .ic[b-rq0bnnu2pn] { line-height: 1.2; }
.wl-alert.is-danger[b-rq0bnnu2pn] { background: rgba(229, 57, 53, 0.08); border-top-color: rgba(229, 57, 53, 0.55); }
.wl-alert.is-danger .ic[b-rq0bnnu2pn] { color: #ff6d69; }
.wl-alert.is-warn[b-rq0bnnu2pn] { background: rgba(255, 194, 71, 0.08); border-top-color: rgba(255, 194, 71, 0.55); }
.wl-alert.is-warn .ic[b-rq0bnnu2pn] { color: var(--stadium-amber); }

/* ---------- Cabeçalho ---------- */
.wl-head[b-rq0bnnu2pn] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.wl-eyebrow[b-rq0bnnu2pn] { font-family: var(--stadium-mono); font-size: 0.58rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: var(--stadium-muted); }
.wl-head h1[b-rq0bnnu2pn] { margin: 0.1rem 0 0; font-family: var(--stadium-condensed); font-weight: 950; text-transform: uppercase; font-size: clamp(1.5rem, 3vw, 1.9rem); line-height: 1; }
.wl-tools[b-rq0bnnu2pn] { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
/* .wl-chip existe também no app.css (usado pelo Perfil): declaramos aqui os
   próprios font-family/weight/transform/letter-spacing para o filete global
   não vazar no escopo desta página. */
.wl-chip[b-rq0bnnu2pn] {
    display: inline-flex; align-items: center; gap: 0.35rem;
    border: 1px solid var(--stadium-line-strong); border-radius: 999px;
    padding: 0.2rem 0.6rem; font-size: 0.72rem; font-weight: 600;
    font-family: inherit; text-transform: none; letter-spacing: normal;
    color: var(--stadium-muted); text-decoration: none;
}
.wl-chip .tier-dot[b-rq0bnnu2pn] { font-size: 0.72rem; }
.wl-chip.is-ok[b-rq0bnnu2pn] { border-color: rgba(24, 165, 88, 0.4); color: #95ffc2; background: var(--stadium-green-soft); }
.wl-chip.is-ruin[b-rq0bnnu2pn] { border-color: rgba(229, 57, 53, 0.35); color: #ff6d69; }
.wl-chip.is-live[b-rq0bnnu2pn] { border-color: rgba(53, 223, 131, 0.35); color: #35df83; }
.wl-chip.is-live .dot[b-rq0bnnu2pn] { width: 0.5rem; height: 0.5rem; border-radius: 999px; background: #35df83; box-shadow: 0 0 8px #35df83; }
a.wl-chip:hover[b-rq0bnnu2pn] { color: var(--stadium-chalk); border-color: var(--stadium-amber); }

/* ---------- Hero ---------- */
.wl-hero[b-rq0bnnu2pn] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(24, 165, 88, 0.5);
    overflow: hidden;
}
.wh-zone[b-rq0bnnu2pn] { padding: 0.9rem 1.2rem; min-width: 0; }
.wh-zone + .wh-zone[b-rq0bnnu2pn] { border-left: 1px solid var(--stadium-line); }
.wh-big[b-rq0bnnu2pn] { font-family: var(--stadium-mono); font-weight: 900; font-size: clamp(1.8rem, 3.5vw, 2.6rem); line-height: 1; margin-top: 0.15rem; color: var(--stadium-chalk); }
.wh-big.negative[b-rq0bnnu2pn] { color: #ff6d69; }
.wh-big .cur[b-rq0bnnu2pn] { color: var(--stadium-muted); font-size: 1rem; }
.wh-mid[b-rq0bnnu2pn] { font-family: var(--stadium-mono); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-top: 0.15rem; color: var(--stadium-chalk); }
.wh-mid.positive[b-rq0bnnu2pn] { color: #35df83; } .wh-mid.negative[b-rq0bnnu2pn] { color: #ff6d69; }
.wh-mid.is-safe[b-rq0bnnu2pn] { color: var(--stadium-chalk); } .wh-mid.is-warn[b-rq0bnnu2pn] { color: var(--stadium-amber); } .wh-mid.is-danger[b-rq0bnnu2pn] { color: #ff6d69; }
.wh-sub[b-rq0bnnu2pn] { color: var(--stadium-muted); font-size: 0.74rem; margin-top: 0.2rem; }
.wh-split[b-rq0bnnu2pn] { display: flex; gap: 0.9rem; margin-top: 0.4rem; }
.wh-split > span[b-rq0bnnu2pn] { display: flex; flex-direction: column; }
.wh-split b[b-rq0bnnu2pn] { font-family: var(--stadium-mono); font-size: 0.82rem; font-weight: 800; }

.wl-gauge[b-rq0bnnu2pn] { display: block; height: 0.4rem; border-radius: 999px; background: rgba(244, 241, 232, 0.08); overflow: hidden; margin-top: 0.4rem; }
.wl-gauge .fill[b-rq0bnnu2pn] { display: block; height: 100%; background: var(--stadium-green); }
.wl-gauge.is-warn .fill[b-rq0bnnu2pn] { background: var(--stadium-amber); }
.wl-gauge.is-danger .fill[b-rq0bnnu2pn] { background: var(--stadium-red); }

/* ---------- Corpo: 2 colunas ---------- */
.wl-body[b-rq0bnnu2pn] { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 0.7rem; min-height: 0; }

.wl-panel[b-rq0bnnu2pn] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(244, 241, 232, 0.18);
    padding: 0.85rem 1rem;
}
.wl-open[b-rq0bnnu2pn] { border-top-color: rgba(24, 165, 88, 0.5); }
.wl-closed[b-rq0bnnu2pn] { border-top-color: rgba(255, 194, 71, 0.55); }
.wl-panel-h[b-rq0bnnu2pn] { display: flex; align-items: baseline; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.45rem; }
.wl-panel-h h2[b-rq0bnnu2pn] { margin: 0; font-family: var(--stadium-condensed); font-weight: 950; text-transform: uppercase; font-size: 1.05rem; color: var(--stadium-chalk); }
.wl-count[b-rq0bnnu2pn] { font-family: var(--stadium-mono); font-size: 0.66rem; color: var(--stadium-muted); }
.wl-empty[b-rq0bnnu2pn] { flex: 1; display: grid; place-items: center; text-align: center; color: var(--stadium-muted); font-size: 0.86rem; padding: 1rem; }
.wl-empty a[b-rq0bnnu2pn] { color: var(--stadium-amber); }

/* ---------- Tabela ---------- */
.wl-scroll[b-rq0bnnu2pn] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(244, 241, 232, 0.22) transparent;
}
.wl-scroll[b-rq0bnnu2pn]::-webkit-scrollbar { width: 8px; }
.wl-scroll[b-rq0bnnu2pn]::-webkit-scrollbar-thumb { background: rgba(244, 241, 232, 0.18); border-radius: 4px; }

.wl-table[b-rq0bnnu2pn] { width: 100%; border-collapse: collapse; }
.wl-fixed[b-rq0bnnu2pn] { table-layout: fixed; }
.wl-table th[b-rq0bnnu2pn] {
    font-family: var(--stadium-mono); font-size: 0.56rem; text-transform: uppercase; letter-spacing: 0.06em;
    color: var(--stadium-muted); font-weight: 800; padding: 0.35rem 0.5rem; text-align: left;
    border-bottom: 1px solid var(--stadium-line-strong);
}
.wl-table th.r[b-rq0bnnu2pn] { text-align: right; }
.wl-scroll thead th[b-rq0bnnu2pn] { position: sticky; top: 0; background: #0b120e; z-index: 1; }
.wl-table td[b-rq0bnnu2pn] { padding: 0.42rem 0.5rem; border-bottom: 1px solid var(--stadium-line); font-size: 0.84rem; color: var(--stadium-chalk); vertical-align: middle; }
.wl-table td.r[b-rq0bnnu2pn] { text-align: right; }
.wl-table td.mono[b-rq0bnnu2pn] { font-family: var(--stadium-mono); font-weight: 800; }
.wl-table col.c-caret[b-rq0bnnu2pn] { width: 7%; } .wl-table col.c-team[b-rq0bnnu2pn] { width: 33%; } .wl-table col.c-qty[b-rq0bnnu2pn] { width: 12%; }
.wl-table col.c-base[b-rq0bnnu2pn] { width: 15%; } .wl-table col.c-mark[b-rq0bnnu2pn] { width: 15%; } .wl-table col.c-res[b-rq0bnnu2pn] { width: 18%; }

/* linha de posição (expansível) */
.wl-row[b-rq0bnnu2pn] { cursor: pointer; }
.wl-row:hover[b-rq0bnnu2pn] { background: rgba(255, 194, 71, 0.05); }
.wl-row.is-open[b-rq0bnnu2pn] { background: rgba(255, 194, 71, 0.06); }
.wl-row:focus-visible[b-rq0bnnu2pn] { outline: 1px solid var(--stadium-amber); outline-offset: -1px; }
.wl-caret-cell[b-rq0bnnu2pn] { text-align: center; color: var(--stadium-muted); }
.wl-caret[b-rq0bnnu2pn] { display: inline-block; transition: transform 0.15s ease; font-size: 0.7rem; }
.wl-caret.is-open[b-rq0bnnu2pn] { transform: rotate(90deg); }
.wl-team[b-rq0bnnu2pn] { min-width: 0; }
.wl-team-name[b-rq0bnnu2pn] { font-weight: 700; }
.wl-side[b-rq0bnnu2pn] { display: inline-block; margin-left: 0.35rem; padding: 0.03rem 0.4rem; border-radius: 999px; font-family: var(--stadium-mono); font-size: 0.56rem; font-weight: 800; text-transform: uppercase; }
.wl-side.buy[b-rq0bnnu2pn] { color: #95ffc2; background: var(--stadium-green-soft); }
.wl-side.sell[b-rq0bnnu2pn] { color: #ffaaa7; background: var(--stadium-red-soft); }

/* detalhe expansível */
.wl-detail-row > td[b-rq0bnnu2pn] { padding: 0 !important; }
.wl-detail[b-rq0bnnu2pn] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem 1rem; padding: 0.6rem 1.1rem; background: rgba(1, 7, 4, 0.3); border-bottom: 1px solid var(--stadium-line); }
.wl-d-item[b-rq0bnnu2pn] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.wl-d-item > span[b-rq0bnnu2pn] { font-family: var(--stadium-mono); font-size: 0.5rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--stadium-muted); }
.wl-d-item strong[b-rq0bnnu2pn] { font-family: var(--stadium-mono); font-size: 0.82rem; font-weight: 800; color: var(--stadium-chalk); }

/* linha de Total fixa no rodapé */
.wl-foot[b-rq0bnnu2pn] { flex: 0 0 auto; border-top: 1px solid var(--stadium-line-strong); }
.wl-foot td[b-rq0bnnu2pn] { border-bottom: 0; padding-top: 0.55rem; padding-bottom: 0.2rem; }
.wl-total-k[b-rq0bnnu2pn] { font-weight: 700; color: var(--stadium-muted); }

.wl > p.wl-foot[b-rq0bnnu2pn] {
    /* nota de rodapé da página (reaproveita o nome só textualmente) */
    border-top: 1px solid var(--stadium-line);
    margin: 0;
    padding-top: 0.7rem;
    color: var(--stadium-muted);
    font-size: 0.76rem;
    line-height: 1.55;
}

/* ---------- Enquadra a viewport no desktop; as listas rolam por dentro ---------- */
@media (min-width: 1200px) and (min-height: 720px) {
    .wl[b-rq0bnnu2pn] { height: calc(100vh - 2.25rem); overflow: hidden; }
    .wl-body[b-rq0bnnu2pn] { flex: 1 1 0; min-height: 0; }
}

/* ---------- Responsivo ---------- */
@media (max-width: 1100px) {
    .wl-body[b-rq0bnnu2pn] { grid-template-columns: minmax(0, 1fr); }
    .wl-scroll[b-rq0bnnu2pn] { max-height: 22rem; }
}
@media (max-width: 640px) {
    .wl-hero[b-rq0bnnu2pn] { grid-template-columns: 1fr; }
    .wh-zone + .wh-zone[b-rq0bnnu2pn] { border-left: 0; border-top: 1px solid var(--stadium-line); }
    .wl-table col.c-base[b-rq0bnnu2pn], .wl-table col.c-mark[b-rq0bnnu2pn] { width: 0; }
    .wl-table th:nth-child(4)[b-rq0bnnu2pn], .wl-table td:nth-child(4)[b-rq0bnnu2pn],
    .wl-table th:nth-child(5)[b-rq0bnnu2pn], .wl-table td:nth-child(5)[b-rq0bnnu2pn] { display: none; } /* base/marcação somem; qtd + resultado ficam */
}
/* /Components/Pages/ComoJogar.razor.rz.scp.css */
/* ===== Como Jogar — "prancheta do técnico" =====
   Guia público em rolagem única: herói, 4 jogadas numeradas (cards com numeral
   fantasma), fichas + placar de exemplo, rede de proteção, FAQ em <details> e CTA.
   Página estática: todo o comportamento (acordeão, hover) é CSS/HTML nativo. */
.cj[b-adcsix823r] {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    max-width: 1080px;
    margin-inline: auto;
    padding-bottom: 1.2rem;
}

/* Entrada em escadinha, como no Início. */
.cj > *[b-adcsix823r] {
    animation: cj-rise-b-adcsix823r 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.cj > *:nth-child(2)[b-adcsix823r] { animation-delay: 0.05s; }
.cj > *:nth-child(3)[b-adcsix823r] { animation-delay: 0.1s; }
.cj > *:nth-child(4)[b-adcsix823r] { animation-delay: 0.14s; }
.cj > *:nth-child(5)[b-adcsix823r] { animation-delay: 0.18s; }
.cj > *:nth-child(6)[b-adcsix823r] { animation-delay: 0.22s; }

@keyframes cj-rise-b-adcsix823r {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .cj > *[b-adcsix823r] { animation: none; }
}

/* ---------- Herói ---------- */
.cj-hero[b-adcsix823r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.2rem;
    align-items: center;
    padding: 0.6rem 0.25rem 1.3rem;
    border-bottom: 1px solid var(--stadium-line);
}

.cj-eyebrow[b-adcsix823r] {
    font-family: var(--stadium-mono);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    color: #35df83;
}

.cj-h1[b-adcsix823r] {
    margin: 0.35rem 0 0;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: clamp(2.4rem, 4.6vw, 3.6rem);
    line-height: 0.88;
}

.cj-h1 em[b-adcsix823r] {
    font-style: normal;
    color: var(--stadium-amber);
}

.cj-tag[b-adcsix823r] {
    margin-top: 0.7rem;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    color: var(--stadium-amber);
    font-size: clamp(1rem, 1.8vw, 1.35rem);
    letter-spacing: 0.02em;
}

.cj-lead[b-adcsix823r] {
    margin: 0.9rem 0 0;
    max-width: 52ch;
    color: #c9d3cd;
    font-size: 1rem;
    line-height: 1.6;
}
.cj-lead strong[b-adcsix823r] { color: var(--stadium-chalk); }

/* Fragmento de gramado à direita: linha do meio + círculo central, giz sutil. */
.cj-hero-pitch[b-adcsix823r] {
    position: relative;
    display: none;
    align-self: stretch;
    min-height: 11rem;
}
.cj-hero-pitch[b-adcsix823r]::before {
    content: "";
    position: absolute;
    inset: 0.4rem 0;
    border-left: 2px solid rgba(244, 241, 232, 0.08);
    background:
        radial-gradient(circle at 0% 50%, rgba(244, 241, 232, 0.10) 0 2.5%, transparent 3.2%),
        radial-gradient(circle at 0% 50%, transparent 0 33.5%, rgba(244, 241, 232, 0.08) 34% 35%, transparent 35.8%);
}

/* ---------- As 4 jogadas ---------- */
.cj-steps[b-adcsix823r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: jogada;
}

.cj-step[b-adcsix823r] {
    position: relative;
    counter-increment: jogada;
    padding: 0.95rem 1rem 1.05rem;
    background: var(--stadium-panel);
    border: 1px solid var(--stadium-line);
    border-top: 2px solid rgba(24, 165, 88, 0.45);
    border-radius: var(--stadium-radius);
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.cj-step:hover[b-adcsix823r] {
    transform: translateY(-3px);
    border-color: rgba(24, 165, 88, 0.4);
}

/* Numeral fantasma do card, como número de camisa. */
.cj-step[b-adcsix823r]::before {
    content: counter(jogada, decimal-leading-zero);
    position: absolute;
    top: 0.3rem;
    right: 0.65rem;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    font-size: 2.7rem;
    line-height: 1;
    color: rgba(244, 241, 232, 0.07);
    pointer-events: none;
}

.cj-step-ico[b-adcsix823r] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 7px;
    background: var(--stadium-green-soft);
    color: #35df83;
}
.cj-step-ico svg[b-adcsix823r] { width: 1.05rem; height: 1.05rem; }

.cj-step h3[b-adcsix823r] {
    margin: 0.7rem 0 0.35rem;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1.04rem;
    letter-spacing: 0.015em;
    color: var(--stadium-chalk);
}

.cj-step p[b-adcsix823r] {
    margin: 0;
    color: #c9d3cd;
    font-size: 0.86rem;
    line-height: 1.52;
}
.cj-step p strong[b-adcsix823r] { color: var(--stadium-chalk); }

/* Cores didáticas: comprado sobe (verde), vendido cai (vermelho) — em toda a página. */
.cj b.up[b-adcsix823r] { color: #35df83; }
.cj b.dn[b-adcsix823r] { color: #ff8a87; }

/* ---------- Fichas + placar de exemplo ---------- */
.cj-duo[b-adcsix823r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 0.7rem;
}

.cj-panel[b-adcsix823r] {
    padding: 1rem 1.1rem 1.1rem;
    background: var(--stadium-panel);
    border: 1px solid var(--stadium-line);
    border-radius: var(--stadium-radius);
}
.cj-fichas[b-adcsix823r] { border-top: 2px solid rgba(24, 165, 88, 0.45); }
.cj-placar[b-adcsix823r] { border-top: 2px solid rgba(255, 194, 71, 0.5); }

.cj-panel-h[b-adcsix823r] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.8rem;
}
.cj-panel-h .t[b-adcsix823r] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1.05rem;
    color: var(--stadium-chalk);
}
.cj-panel-h .s[b-adcsix823r] {
    font-family: var(--stadium-mono);
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--stadium-muted);
    white-space: nowrap;
}
.cj-panel-h .s.badge-live[b-adcsix823r] {
    padding: 0.16rem 0.55rem;
    border-radius: 999px;
    background: var(--stadium-amber-soft);
    color: var(--stadium-amber);
    font-weight: 800;
}

/* Fichas de aposta empilhadas (puro CSS). */
.cj-chips[b-adcsix823r] {
    display: flex;
    align-items: center;
    margin: 0.1rem 0 0.85rem;
}
.cj-chip[b-adcsix823r] {
    position: relative;
    display: block;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: -0.75rem;
    background: var(--stadium-panel-strong);
    border: 0.32rem solid var(--stadium-green);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
}
.cj-chip[b-adcsix823r]::after {
    content: "";
    position: absolute;
    inset: 0.14rem;
    border-radius: 50%;
    border: 2px dashed rgba(244, 241, 232, 0.4);
}
.cj-chip.a[b-adcsix823r] { border-color: var(--stadium-amber); }
.cj-chip.b[b-adcsix823r] { border-color: var(--stadium-blueprint); }

.cj-list[b-adcsix823r] {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cj-list li[b-adcsix823r] {
    position: relative;
    padding: 0.42rem 0 0.42rem 1.15rem;
    color: #c9d3cd;
    font-size: 0.88rem;
    line-height: 1.5;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
}
.cj-list li:last-child[b-adcsix823r] { border-bottom: none; }
.cj-list li[b-adcsix823r]::before {
    content: "";
    position: absolute;
    left: 0.15rem;
    top: 0.98rem;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: var(--stadium-green);
}
.cj-list li strong[b-adcsix823r] { color: var(--stadium-chalk); }

/* Placar do exemplo: linhas em mono e total em destaque. */
.cj-px[b-adcsix823r] { display: grid; gap: 0; }
.cj-px-row[b-adcsix823r] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.44rem 0;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
}
.cj-px-row .lbl[b-adcsix823r] { color: var(--stadium-muted); font-size: 0.84rem; }
.cj-px-row .val[b-adcsix823r] { font-weight: 800; font-size: 0.92rem; color: var(--stadium-chalk); }
.cj-px-row .val.mono[b-adcsix823r] { font-family: var(--stadium-mono); }
.cj-px-row .val.up[b-adcsix823r] { color: #35df83; }

.cj-px-total[b-adcsix823r] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.8rem;
    margin-top: 0.55rem;
    padding: 0.6rem 0.75rem;
    border-radius: 7px;
    background: var(--stadium-green-soft);
    border: 1px solid rgba(24, 165, 88, 0.3);
}
.cj-px-total span[b-adcsix823r] {
    font-family: var(--stadium-mono);
    font-size: 0.78rem;
    color: #c9d3cd;
}
.cj-px-total b[b-adcsix823r] {
    font-family: var(--stadium-mono);
    font-weight: 900;
    font-size: 1.05rem;
    color: #35df83;
    white-space: nowrap;
}

.cj-px-mirror[b-adcsix823r] {
    margin: 0.75rem 0 0;
    color: var(--stadium-muted);
    font-size: 0.82rem;
    line-height: 1.5;
}

/* ---------- Rede de proteção ---------- */
.cj-ruin[b-adcsix823r] {
    padding: 0.85rem 1.1rem;
    background: var(--stadium-panel);
    border: 1px solid var(--stadium-line);
    border-left: 3px solid var(--stadium-amber);
    border-radius: var(--stadium-radius);
    color: #c9d3cd;
    font-size: 0.9rem;
    line-height: 1.55;
}
.cj-ruin b[b-adcsix823r] { color: var(--stadium-amber); }

/* ---------- FAQ ---------- */
.cj-faq h2[b-adcsix823r],
.cj-cta h2[b-adcsix823r] {
    margin: 0 0 0.75rem;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1.35rem;
    color: var(--stadium-chalk);
}

.cj-faq details[b-adcsix823r] {
    background: var(--stadium-panel);
    border: 1px solid var(--stadium-line);
    border-radius: var(--stadium-radius);
    transition: border-color 0.15s ease;
}
.cj-faq details + details[b-adcsix823r] { margin-top: 0.5rem; }
.cj-faq details[open][b-adcsix823r] { border-color: rgba(255, 194, 71, 0.35); }

.cj-faq summary[b-adcsix823r] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem 1rem;
    cursor: pointer;
    list-style: none;
    font-weight: 800;
    font-size: 0.92rem;
    color: var(--stadium-chalk);
}
.cj-faq summary[b-adcsix823r]::-webkit-details-marker { display: none; }
.cj-faq summary[b-adcsix823r]::before {
    content: "+";
    flex: 0 0 auto;
    width: 1.15rem;
    text-align: center;
    font-family: var(--stadium-mono);
    font-weight: 900;
    font-size: 1rem;
    color: var(--stadium-amber);
    transition: transform 0.18s ease;
}
.cj-faq details[open] summary[b-adcsix823r]::before { transform: rotate(45deg); }

.cj-faq details p[b-adcsix823r] {
    margin: 0;
    padding: 0 1.1rem 0.95rem 2.85rem;
    color: #c9d3cd;
    font-size: 0.88rem;
    line-height: 1.55;
}

/* ---------- CTA final ---------- */
.cj-cta[b-adcsix823r] {
    padding-top: 1.1rem;
    border-top: 1px solid var(--stadium-line);
    text-align: center;
}
.cj-cta h2[b-adcsix823r] { margin-bottom: 0.9rem; }

.cj-cta-btns[b-adcsix823r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
}

.cj-cta-note[b-adcsix823r] {
    margin: 0.8rem 0 0;
    font-family: var(--stadium-mono);
    font-size: 0.74rem;
    letter-spacing: 0.03em;
    color: var(--stadium-muted);
}

/* ---------- Responsivo ---------- */
@media (min-width: 900px) {
    .cj-hero[b-adcsix823r] { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
    .cj-hero-pitch[b-adcsix823r] { display: block; }
}

@media (max-width: 1100px) {
    .cj-steps[b-adcsix823r] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .cj-duo[b-adcsix823r] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640.98px) {
    .cj[b-adcsix823r] { gap: 1.1rem; }
    .cj-steps[b-adcsix823r] { grid-template-columns: minmax(0, 1fr); }
    .cj-lead[b-adcsix823r] { font-size: 0.94rem; }
    .cj-faq details p[b-adcsix823r] { padding-left: 1.1rem; }
    .cj-cta-btns[b-adcsix823r] { flex-direction: column; align-items: stretch; }
}
/* /Components/Pages/Cotacoes.razor.rz.scp.css */
.tkr[b-3d1qba7f52] {
    --bg: #0b1016;
    --panel: #121a25;
    --border: #1f2a38;
    --text: #d7e0ea;
    --muted: #8a97a8;
    --green: #19f0a0;
    --red: #ff5c5c;
    background: var(--bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px 16px 18px;
    font-family: "Segoe UI", system-ui, sans-serif;
}

.tkr-loading[b-3d1qba7f52] { color: var(--muted); padding: 30px; text-align: center; }

.up[b-3d1qba7f52] { color: var(--green); }
.down[b-3d1qba7f52] { color: var(--red); }
.flat[b-3d1qba7f52] { color: var(--muted); }
.mono[b-3d1qba7f52] { font-variant-numeric: tabular-nums; font-family: "Cascadia Mono", Consolas, monospace; }
.r[b-3d1qba7f52] { text-align: right; }
.c[b-3d1qba7f52] { text-align: center; }

/* ===== Cabeçalho ===== */
.tkr-head[b-3d1qba7f52] {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 12px; margin-bottom: 12px;
}
.tkr-title[b-3d1qba7f52] { display: flex; align-items: center; gap: 10px; }
.tkr-title h1[b-3d1qba7f52] { font-size: 1.35rem; margin: 0; letter-spacing: .5px; }
.tkr-status[b-3d1qba7f52] { color: var(--muted); font-size: .85rem; }
.tkr-dot[b-3d1qba7f52] { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.tkr-dot.on[b-3d1qba7f52] { background: var(--green); box-shadow: 0 0 8px var(--green); }
.tkr-dot.off[b-3d1qba7f52] { background: var(--red); }

.tkr-summary[b-3d1qba7f52] { display: flex; gap: 18px; flex-wrap: wrap; }
.tkr-kpi[b-3d1qba7f52] { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.1; }
.tkr-kpi span[b-3d1qba7f52] { font-size: 1.15rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.tkr-kpi.up span[b-3d1qba7f52] { color: var(--green); }
.tkr-kpi.down span[b-3d1qba7f52] { color: var(--red); }
.tkr-kpi label[b-3d1qba7f52] { font-size: .7rem; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; }
.tkr-live[b-3d1qba7f52] { color: var(--green); animation: tkr-blink-b-3d1qba7f52 1.6s infinite; }
@keyframes tkr-blink-b-3d1qba7f52 { 0%,100% { opacity: 1; } 50% { opacity: .25; } }

/* ===== Fita rolante ===== */
.tkr-tape[b-3d1qba7f52] {
    overflow: hidden; white-space: nowrap; border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border); padding: 7px 0; margin-bottom: 12px;
}
.tkr-tape-track[b-3d1qba7f52] { display: inline-flex; gap: 26px; animation: tkr-scroll-b-3d1qba7f52 80s linear infinite; }
.tkr-tape:hover .tkr-tape-track[b-3d1qba7f52] { animation-play-state: paused; }
.tkr-tape-item[b-3d1qba7f52] { display: inline-flex; gap: 7px; align-items: center; font-size: .85rem; }
.tkr-tape-item strong[b-3d1qba7f52] { color: var(--text); }
@keyframes tkr-scroll-b-3d1qba7f52 { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ===== Toolbar ===== */
.tkr-toolbar[b-3d1qba7f52] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.tkr-search[b-3d1qba7f52] {
    background: var(--panel); border: 1px solid var(--border); color: var(--text);
    border-radius: 6px; padding: 6px 10px; min-width: 230px; outline: none;
}
.tkr-search:focus[b-3d1qba7f52] { border-color: var(--green); }
.tkr-tabs[b-3d1qba7f52], .tkr-views[b-3d1qba7f52] { display: flex; gap: 4px; }
.tkr-tabs button[b-3d1qba7f52], .tkr-views button[b-3d1qba7f52] {
    background: var(--panel); border: 1px solid var(--border); color: var(--muted);
    padding: 6px 12px; border-radius: 6px; cursor: pointer; font-size: .82rem;
}
.tkr-views button[b-3d1qba7f52] { min-width: 38px; font-size: 1rem; }
.tkr-tabs button.on[b-3d1qba7f52], .tkr-views button.on[b-3d1qba7f52] { color: #06121a; background: var(--green); border-color: var(--green); font-weight: 600; }
.tkr-tabs button:hover[b-3d1qba7f52], .tkr-views button:hover[b-3d1qba7f52] { color: var(--text); }

/* ===== Tabela ===== */
.tkr-table-wrap[b-3d1qba7f52] { overflow-x: auto; }
.tkr-table[b-3d1qba7f52] { width: 100%; border-collapse: collapse; font-size: .88rem; }
.tkr-table thead th[b-3d1qba7f52] {
    color: var(--muted); font-weight: 600; text-transform: uppercase; font-size: .7rem;
    letter-spacing: .5px; padding: 8px 10px; border-bottom: 1px solid var(--border);
    position: sticky; top: 0; background: var(--bg); cursor: pointer; user-select: none;
}
.tkr-table tbody td[b-3d1qba7f52] { padding: 8px 10px; border-bottom: 1px solid rgba(31,42,56,.5); }
.tkr-table tbody tr[b-3d1qba7f52] { cursor: pointer; }
.tkr-table tbody tr:hover[b-3d1qba7f52] { background: rgba(255,255,255,.04); }
.tkr-sym[b-3d1qba7f52] { font-weight: 700; margin-right: 8px; letter-spacing: .5px; }
.tkr-team[b-3d1qba7f52] { color: var(--muted); font-size: .82rem; }
.tkr-muted[b-3d1qba7f52] { color: var(--muted); }

.tkr-table tbody tr.tkr-mine[b-3d1qba7f52] { background: rgba(25,240,160,.06); }
.tkr-table tbody tr.tkr-mine td:first-child[b-3d1qba7f52] { border-left: 3px solid var(--green); }
.tkr-badge-mine[b-3d1qba7f52] {
    margin-left: 8px; font-size: .62rem; text-transform: uppercase; letter-spacing: .5px;
    background: rgba(25,240,160,.15); color: var(--green); padding: 1px 6px; border-radius: 10px;
}

.tkr-tag[b-3d1qba7f52] { font-size: .72rem; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
.tkr-tag.rich[b-3d1qba7f52] { background: rgba(255,92,92,.16); color: var(--red); }
.tkr-tag.cheap[b-3d1qba7f52] { background: rgba(25,240,160,.16); color: var(--green); }

.tkr-spark[b-3d1qba7f52] { width: 72px; height: 22px; vertical-align: middle; }

.tkr-empty[b-3d1qba7f52], .tkr-foot[b-3d1qba7f52] { color: var(--muted); font-size: .8rem; padding: 14px 4px 0; }
.tkr-foot[b-3d1qba7f52] { border-top: 1px solid var(--border); margin-top: 6px; }

/* ===== Heatmap ===== */
.tkr-heat[b-3d1qba7f52] { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.tkr-cell[b-3d1qba7f52] {
    border: 1px solid var(--border); border-radius: 8px; padding: 10px; cursor: pointer;
    transition: transform .08s ease; min-height: 74px;
}
.tkr-cell:hover[b-3d1qba7f52] { transform: translateY(-2px); border-color: rgba(255,255,255,.25); }
.tkr-cell.tkr-mine[b-3d1qba7f52] { outline: 2px solid var(--green); outline-offset: -2px; }
.tkr-cell-sym[b-3d1qba7f52] { font-weight: 700; letter-spacing: .5px; }
.tkr-cell-last[b-3d1qba7f52] { font-size: 1.05rem; }
.tkr-cell-chg[b-3d1qba7f52] { font-size: .8rem; }
/* /Components/Pages/Estudo.razor.rz.scp.css */
/* ===== Estudo — foco em conversão (2a bloqueado + 2b desk), scoped =====
   2a: tela de venda (pitch + Mesa real atrás de vidro fosco).
   2b: desk editorial — veredito herói em faixa, screener em banda, simulador estrela.
   Molduras planas (filete de topo). Tokens do app.css (--stadium-*), prefixo es-.
   .badge-fa/.form-control/.form-select/.btn/.alert/.positive/.negative/.form-pill
   vêm do app.css global (form-pill é obrigatoriamente global: os spans do FormPills
   nascem de RenderTreeBuilder e não recebem o atributo de escopo). */

.es-page[b-unjqe4rjhy] { display: flex; flex-direction: column; gap: 0.7rem; min-height: 0; }
.es-page > *[b-unjqe4rjhy] { animation: es-rise-b-unjqe4rjhy 0.35s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes es-rise-b-unjqe4rjhy { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .es-page > *[b-unjqe4rjhy], .es-teaser-veil[b-unjqe4rjhy] { animation: none !important; } }

.es-loading[b-unjqe4rjhy], .es-empty[b-unjqe4rjhy] { color: var(--stadium-muted); padding: 1rem 0; }
.mono[b-unjqe4rjhy] { font-family: var(--stadium-mono); }
.amber[b-unjqe4rjhy] { color: var(--stadium-amber); }
.muted[b-unjqe4rjhy] { color: var(--stadium-muted); }
.es-eb[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-size: 0.6rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: var(--stadium-muted); }
.es-eb.block[b-unjqe4rjhy] { display: block; } .mb0[b-unjqe4rjhy] { margin-bottom: 0; } .mb1[b-unjqe4rjhy] { margin-bottom: 0.35rem; } .mt1[b-unjqe4rjhy] { margin-top: 0.35rem; } .xs[b-unjqe4rjhy] { font-size: 0.62rem; }

/* Painel plano */
.es-fp[b-unjqe4rjhy] { border-radius: 10px; background: rgba(244, 241, 232, 0.022); border-top: 2px solid rgba(244, 241, 232, 0.18); padding: 0.85rem 1rem; min-width: 0; }
.es-ph[b-unjqe4rjhy] { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.6rem; }

/* Pílula de lado (veredito/tese) */
.es-side[b-unjqe4rjhy] { display: inline-flex; align-items: center; gap: 0.3rem; border-radius: 999px; padding: 0.34rem 0.85rem; font-family: var(--stadium-mono); font-weight: 800; font-size: 0.92rem; letter-spacing: 0.05em; }
.es-side.sm[b-unjqe4rjhy] { font-size: 0.6rem; padding: 0.16rem 0.5rem; }
.es-side.buy[b-unjqe4rjhy] { color: #95ffc2; background: var(--stadium-green-soft); }
.es-side.sell[b-unjqe4rjhy] { color: #ffaaa7; background: var(--stadium-red-soft); }
.es-side.flat[b-unjqe4rjhy] { color: var(--stadium-muted); background: rgba(244, 241, 232, 0.06); }

.es-link[b-unjqe4rjhy] { display: inline-flex; align-items: center; gap: 0.25rem; color: var(--stadium-muted); font-family: var(--stadium-mono); font-size: 0.76rem; text-decoration: none; }
.es-link.amber[b-unjqe4rjhy] { color: var(--stadium-amber); }
.es-link:hover[b-unjqe4rjhy] { color: var(--stadium-amber); }
.es-link-btn[b-unjqe4rjhy] { border: 0; background: none; padding: 0; cursor: pointer; }

/* =================== 2a — tela de venda (bloqueado) =================== */
.es-lock[b-unjqe4rjhy] { display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 2rem; align-items: center; min-height: calc(100vh - 3rem); padding: 1rem 0; }
.es-lock-pitch[b-unjqe4rjhy] { min-width: 0; }
.es-lock-tag[b-unjqe4rjhy] { display: inline-flex; align-items: center; gap: 0.3rem; border-radius: 999px; padding: 0.2rem 0.6rem; font-family: var(--stadium-mono); font-weight: 800; font-size: 0.66rem; color: var(--stadium-amber); background: var(--stadium-amber-soft); }
.es-lock-h[b-unjqe4rjhy] { font-family: var(--stadium-condensed, "Bahnschrift Condensed", "Arial Narrow", sans-serif); font-weight: 950; text-transform: uppercase; font-size: clamp(2.1rem, 4vw, 3.1rem); line-height: 0.92; margin: 0.7rem 0 0; color: var(--stadium-chalk); }
.es-lock-h em[b-unjqe4rjhy] { font-style: normal; color: var(--stadium-amber); }
.es-lock-sub[b-unjqe4rjhy] { max-width: 46ch; margin: 1rem 0 0; font-size: 1rem; line-height: 1.6; color: #c9d3cd; }
.es-lock-sub strong[b-unjqe4rjhy] { color: var(--stadium-chalk); }
.es-lock-feat[b-unjqe4rjhy] { list-style: none; margin: 1.2rem 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.es-lock-feat li[b-unjqe4rjhy] { position: relative; padding-left: 1.4rem; font-size: 0.92rem; line-height: 1.4; color: #c9d3cd; }
.es-lock-feat li[b-unjqe4rjhy]::before { content: "✓"; position: absolute; left: 0.1rem; top: 0; color: #35df83; font-family: var(--stadium-mono); font-weight: 900; }
.es-lock-feat b[b-unjqe4rjhy] { color: var(--stadium-chalk); }
.es-lock-feat a[b-unjqe4rjhy] { color: var(--stadium-amber); }
.es-lock-cta[b-unjqe4rjhy] { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }
.es-lock-note[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-size: 0.72rem; color: var(--stadium-muted); margin-top: 1rem; }
.es-lock-note a[b-unjqe4rjhy] { color: var(--stadium-blueprint); }

/* teaser: Mesa borrada sob vidro fosco */
.es-lock-teaser[b-unjqe4rjhy] { position: relative; border-radius: 14px; overflow: hidden; border: 1px solid rgba(244, 241, 232, 0.12); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); min-width: 0; }
.es-teaser-inner[b-unjqe4rjhy] { filter: blur(2.5px); opacity: 0.72; transform: scale(1.01); pointer-events: none; }
.es-teaser-card[b-unjqe4rjhy] { padding: 0.85rem 1rem; background: rgba(7, 17, 13, 0.9); }
.es-teaser-card + .es-teaser-card[b-unjqe4rjhy] { background: rgba(13, 25, 20, 0.85); border-top: 1px solid var(--stadium-line); }
.es-teaser-h[b-unjqe4rjhy] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.7rem; }
.es-teaser-edge[b-unjqe4rjhy] { display: flex; align-items: baseline; gap: 0.5rem; }
.es-big[b-unjqe4rjhy] { font-family: var(--stadium-condensed, "Arial Narrow", sans-serif); font-weight: 950; font-size: 2.7rem; line-height: 0.9; }
.es-teaser-edge-t[b-unjqe4rjhy] { font-size: 0.7rem; color: var(--stadium-muted); }
.es-teaser-gauge[b-unjqe4rjhy] { position: relative; height: 1.9rem; margin-top: 0.7rem; }
.es-teaser-gauge .line[b-unjqe4rjhy] { position: absolute; left: 2%; right: 2%; top: 1.2rem; height: 1px; background: rgba(244, 241, 232, 0.2); }
.es-teaser-gauge .band[b-unjqe4rjhy] { position: absolute; top: calc(1.2rem - 6px); left: 42%; width: 30%; height: 12px; border-radius: 2px; background: var(--stadium-green-soft); }
.es-teaser-gauge .diamond[b-unjqe4rjhy] { position: absolute; top: 1.2rem; left: 42%; width: 10px; height: 10px; background: #ffc247; transform: translate(-50%, -50%) rotate(45deg); }
.es-teaser-gauge .tri[b-unjqe4rjhy] { position: absolute; top: 1.2rem; left: 72%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #35df83; transform: translate(-50%, -66%); }
.es-teaser-leg[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-size: 0.64rem; color: var(--stadium-muted); margin-top: 0.3rem; }
.es-teaser-leg b[b-unjqe4rjhy] { color: var(--stadium-chalk); }
.es-eb.mb[b-unjqe4rjhy] { margin-bottom: 0.5rem; }
.es-teaser-row[b-unjqe4rjhy] { display: flex; align-items: center; gap: 0.6rem; padding: 0.3rem 0; }
.es-teaser-row + .es-teaser-row[b-unjqe4rjhy] { border-top: 1px solid rgba(244, 241, 232, 0.06); }
.es-teaser-row .nm[b-unjqe4rjhy] { flex: 1; font-family: var(--stadium-condensed, "Arial Narrow", sans-serif); font-weight: 900; text-transform: uppercase; font-size: 0.82rem; color: var(--stadium-chalk); }
.es-teaser-veil[b-unjqe4rjhy] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; background: radial-gradient(circle at 50% 42%, rgba(5, 8, 6, 0.35), rgba(5, 8, 6, 0.72)); }
.es-teaser-lock[b-unjqe4rjhy] { width: 3.4rem; height: 3.4rem; border-radius: 999px; background: var(--stadium-amber-soft); border: 1px solid rgba(255, 194, 71, 0.5); display: grid; place-items: center; font-size: 1.5rem; }
.es-teaser-vt[b-unjqe4rjhy] { font-family: var(--stadium-condensed, "Arial Narrow", sans-serif); font-weight: 900; text-transform: uppercase; font-size: 1.05rem; color: var(--stadium-chalk); }
.es-teaser-vs[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-size: 0.72rem; color: var(--stadium-muted); }

/* =================== 2b — desk editorial (PRO) =================== */
.es-head[b-unjqe4rjhy] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.8rem; }
.es-crest[b-unjqe4rjhy] { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 7px; background: rgba(244, 241, 232, 0.06); border: 1px solid var(--stadium-line); overflow: hidden; flex: 0 0 auto; }
.es-crest img[b-unjqe4rjhy] { width: 100%; height: 100%; object-fit: contain; }
.es-crest-i[b-unjqe4rjhy] { font-family: var(--stadium-condensed, "Arial Narrow", sans-serif); font-weight: 900; color: var(--stadium-muted); }
.es-head-id[b-unjqe4rjhy] { min-width: 0; }
.es-team[b-unjqe4rjhy] { font-family: var(--stadium-condensed, "Bahnschrift Condensed", "Arial Narrow", sans-serif); font-size: 1.3rem; font-weight: 950; letter-spacing: 0.01em; line-height: 1.05; color: var(--stadium-chalk); }
.es-head-tools[b-unjqe4rjhy] { margin-left: auto; display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; }
.es-team-select[b-unjqe4rjhy] { max-width: 220px; }

/* Screener em banda */
.es-screener[b-unjqe4rjhy] { display: flex; align-items: center; gap: 0.5rem 0.7rem; flex-wrap: wrap; border-radius: 10px; background: rgba(244, 241, 232, 0.022); border-top: 2px solid rgba(255, 194, 71, 0.4); padding: 0.55rem 0.85rem; }
.es-scr-toggle[b-unjqe4rjhy] { border: 0; background: none; cursor: pointer; font-family: var(--stadium-mono); font-size: 0.6rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--stadium-muted); }
.es-scr-group[b-unjqe4rjhy] { display: inline-flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; }
.es-scr-lbl[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-size: 0.56rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; }
.es-scr-lbl.up[b-unjqe4rjhy] { color: #35df83; } .es-scr-lbl.down[b-unjqe4rjhy] { color: #ff6d69; }
.es-chip[b-unjqe4rjhy] { display: inline-flex; align-items: center; gap: 0.35rem; border: 1px solid var(--stadium-line-strong); border-radius: 999px; padding: 0.2rem 0.6rem; background: transparent; cursor: pointer; color: #c9d3cd; font-size: 0.76rem; white-space: nowrap; }
.es-chip:hover[b-unjqe4rjhy] { background: rgba(255, 194, 71, 0.06); }
.es-chip.on[b-unjqe4rjhy] { border-color: var(--stadium-amber); background: var(--stadium-amber-soft); color: var(--stadium-chalk); }
.es-chip b[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-weight: 900; }
.es-chip.up b[b-unjqe4rjhy] { color: #35df83; } .es-chip.down b[b-unjqe4rjhy] { color: #ff6d69; }
.es-chip-t[b-unjqe4rjhy] { color: var(--stadium-amber); font-size: 0.6rem; }
.es-chip-p[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-size: 0.56rem; color: var(--stadium-muted); background: rgba(244, 241, 232, 0.07); border-radius: 999px; padding: 0.03rem 0.3rem; }

/* HERO veredito */
.es-hero[b-unjqe4rjhy] { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 1.4rem; align-items: center; border-radius: 10px; background: rgba(244, 241, 232, 0.022); border-top: 2px solid rgba(24, 165, 88, 0.55); padding: 1rem 1.3rem; }
.es-hero-edge[b-unjqe4rjhy] { text-align: center; }
.es-edge-num[b-unjqe4rjhy] { font-family: var(--stadium-condensed, "Arial Narrow", sans-serif); font-weight: 950; font-size: clamp(2.2rem, 4vw, 3.2rem); line-height: 0.85; }
.es-edge-sub[b-unjqe4rjhy] { font-size: 0.72rem; margin-top: 0.1rem; }
.es-hero-side[b-unjqe4rjhy] { border-left: 1px solid var(--stadium-line); padding-left: 1.4rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; }
.es-word[b-unjqe4rjhy] { font-family: var(--stadium-condensed, "Arial Narrow", sans-serif); font-weight: 900; font-size: 1.5rem; text-transform: uppercase; line-height: 1; }
.es-side-flow[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-size: 0.6rem; color: var(--stadium-muted); }
.es-hero-gauge[b-unjqe4rjhy] { min-width: 0; border-left: 1px solid var(--stadium-line); padding-left: 1.4rem; }
.es-hero-conv[b-unjqe4rjhy] { border-left: 1px solid var(--stadium-line); padding-left: 1.4rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 0.3rem; }
.es-conv[b-unjqe4rjhy] { display: flex; gap: 0.28rem; align-items: flex-end; }
.es-conv i[b-unjqe4rjhy] { display: block; width: 0.42rem; height: 0.9rem; border-radius: 2px; background: rgba(244, 241, 232, 0.12); }
.es-conv i.on[b-unjqe4rjhy] { background: var(--stadium-chalk); }
.es-conv-base[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-size: 0.6rem; color: var(--stadium-muted); }

/* Gauge (HTML) */
.es-gauge[b-unjqe4rjhy] { position: relative; height: 2rem; }
.es-gauge-line[b-unjqe4rjhy] { position: absolute; left: 1.5%; right: 1.5%; top: 1.3rem; height: 1px; background: var(--stadium-line-strong); }
.es-gauge-band[b-unjqe4rjhy] { position: absolute; top: calc(1.3rem - 7px); height: 14px; border-radius: 2px; }
.es-gauge-edge[b-unjqe4rjhy] { position: absolute; top: 0; transform: translateX(-50%); font-family: var(--stadium-mono); font-weight: 800; font-size: 0.64rem; white-space: nowrap; }
.es-mark[b-unjqe4rjhy] { position: absolute; top: 1.3rem; }
.es-mark.circle[b-unjqe4rjhy] { width: 11px; height: 11px; border-radius: 50%; background: var(--stadium-chalk); transform: translate(-50%, -50%); }
.es-mark.diamond[b-unjqe4rjhy] { width: 10px; height: 10px; background: var(--stadium-amber); transform: translate(-50%, -50%) rotate(45deg); }
.es-mark.tri[b-unjqe4rjhy] { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid var(--stadium-green); transform: translate(-50%, -66%); }
.es-gauge-legend[b-unjqe4rjhy] { display: flex; flex-wrap: wrap; gap: 0.2rem 1.2rem; margin-top: 0.2rem; font-family: var(--stadium-mono); font-size: 0.7rem; }
.es-gauge-legend > span[b-unjqe4rjhy] { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--stadium-muted); white-space: nowrap; cursor: help; }
.es-gauge-legend b[b-unjqe4rjhy] { font-weight: 900; color: var(--stadium-chalk); }
.es-gauge-legend .sw[b-unjqe4rjhy] { width: 0.5rem; height: 0.5rem; flex: none; display: inline-block; }
.es-forma[b-unjqe4rjhy] { display: inline-flex; gap: 2px; flex-wrap: nowrap; align-items: center; }

/* Corpo: simulador + trilho */
.es-body[b-unjqe4rjhy] { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 0.7rem; min-height: 0; }
.es-center[b-unjqe4rjhy] { min-width: 0; display: flex; flex-direction: column; gap: 0.7rem; min-height: 0; }
.es-rail[b-unjqe4rjhy] { display: flex; flex-direction: column; gap: 0.7rem; min-width: 0; }

/* Termômetro */
.es-thermo[b-unjqe4rjhy] { display: flex; align-items: center; gap: 0.65rem; margin: 0.15rem 0 0.7rem; }
.es-thermo .track[b-unjqe4rjhy] { flex: 1; display: flex; height: 0.62rem; border-radius: 6px; overflow: hidden; border: 1px solid var(--stadium-line); }
.es-thermo .seg-played[b-unjqe4rjhy] { background: var(--stadium-muted); }
.es-thermo .seg-picked[b-unjqe4rjhy] { background: var(--stadium-green); }
.es-thermo .seg-rest[b-unjqe4rjhy] { background: repeating-linear-gradient(45deg, rgba(244, 241, 232, 0.14), rgba(244, 241, 232, 0.14) 3px, transparent 3px, transparent 6px); }
.es-thermo-t[b-unjqe4rjhy] { font-size: 0.7rem; color: var(--stadium-muted); white-space: nowrap; }

/* Tabelas */
.es-table[b-unjqe4rjhy] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.es-table th[b-unjqe4rjhy] { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--stadium-muted); font-weight: 800; text-align: left; padding: 0.32rem 0.4rem; border-bottom: 1px solid var(--stadium-line-strong); }
.es-table td[b-unjqe4rjhy] { padding: 0.4rem 0.4rem; border-bottom: 1px solid rgba(244, 241, 232, 0.07); vertical-align: middle; font-size: 0.82rem; color: var(--stadium-chalk); }
.es-table tfoot td[b-unjqe4rjhy] { border-top: 1px solid var(--stadium-line-strong); border-bottom: 0; padding-top: 0.5rem; }
.es-table .tc[b-unjqe4rjhy] { text-align: center; } .es-table .te[b-unjqe4rjhy] { text-align: right; }
.es-table .b[b-unjqe4rjhy] { font-weight: 900; } .es-table .sm[b-unjqe4rjhy] { font-size: 0.72rem; }
.es-table tr.dim[b-unjqe4rjhy] { opacity: 0.6; }
.es-opp[b-unjqe4rjhy] { display: flex; align-items: center; gap: 0.4rem; min-width: 0; }
.es-opp img[b-unjqe4rjhy] { height: 1rem; width: 1rem; object-fit: contain; flex: none; }
.es-opp span[b-unjqe4rjhy] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.es-ha[b-unjqe4rjhy] { display: inline-block; border-radius: 999px; padding: 0.05rem 0.35rem; font-family: var(--stadium-mono); font-size: 0.58rem; font-weight: 800; }
.es-ha.buy[b-unjqe4rjhy] { color: #95ffc2; background: var(--stadium-green-soft); }
.es-ha.sell[b-unjqe4rjhy] { color: #ffaaa7; background: var(--stadium-red-soft); }

/* Botões de palpite V/E/D */
.es-pick[b-unjqe4rjhy] { display: inline-flex; }
.es-pick button[b-unjqe4rjhy] { width: 2rem; height: 1.75rem; font-family: var(--stadium-mono); font-weight: 800; font-size: 0.78rem; border: 1px solid var(--stadium-line-strong); background: transparent; color: var(--stadium-muted); cursor: pointer; }
.es-pick button:first-child[b-unjqe4rjhy] { border-radius: 5px 0 0 5px; }
.es-pick button:last-child[b-unjqe4rjhy] { border-radius: 0 5px 5px 0; }
.es-pick button + button[b-unjqe4rjhy] { border-left: 0; }
.es-pick button.av[b-unjqe4rjhy] { background: var(--stadium-green); color: #06100b; border-color: var(--stadium-green); }
.es-pick button.ae[b-unjqe4rjhy] { background: var(--stadium-amber); color: #06100b; border-color: var(--stadium-amber); }
.es-pick button.ad[b-unjqe4rjhy] { background: var(--stadium-red); color: var(--stadium-chalk); border-color: var(--stadium-red); }

/* Acerto */
.es-streak span[b-unjqe4rjhy] { display: inline-flex; width: 1.2rem; height: 1.2rem; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.72rem; font-weight: 800; margin-left: 0.15rem; }
.es-streak .ok[b-unjqe4rjhy] { background: var(--stadium-green-soft); color: #35df83; }
.es-streak .no[b-unjqe4rjhy] { background: var(--stadium-red-soft); color: #ff6d69; }
.es-hit-bar[b-unjqe4rjhy] { height: 0.36rem; border-radius: 4px; background: rgba(244, 241, 232, 0.08); overflow: hidden; margin-bottom: 0.6rem; }
.es-hit-bar > div[b-unjqe4rjhy] { height: 100%; background: var(--stadium-green); }

/* Simulador mobile (cards) */
.es-sim-cards[b-unjqe4rjhy] { display: none; }
.es-card[b-unjqe4rjhy] { border: 1px solid var(--stadium-line); border-left: 3px solid var(--stadium-line-strong); border-radius: 8px; padding: 0.55rem 0.65rem; background: rgba(244, 241, 232, 0.025); }
.es-card-top[b-unjqe4rjhy] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
.es-card-opp[b-unjqe4rjhy] { flex: 1; min-width: 0; display: flex; align-items: center; gap: 0.4rem; overflow: hidden; white-space: nowrap; font-size: 0.9rem; }
.es-card-opp > span[b-unjqe4rjhy] { overflow: hidden; text-overflow: ellipsis; }
.es-card-opp img[b-unjqe4rjhy] { height: 1.15rem; width: 1.15rem; object-fit: contain; flex: none; }
.es-card .date[b-unjqe4rjhy] { font-size: 0.7rem; white-space: nowrap; }
.es-pick-full[b-unjqe4rjhy] { display: flex; width: 100%; }
.es-pick-full button[b-unjqe4rjhy] { flex: 1; width: auto; height: 2.3rem; font-size: 0.9rem; }
.es-card-foot[b-unjqe4rjhy] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 0.9rem; margin-top: 0.5rem; font-family: var(--stadium-mono); font-size: 0.72rem; color: var(--stadium-muted); }
.es-card-foot b[b-unjqe4rjhy] { color: var(--stadium-chalk); font-weight: 900; }
.es-card-total[b-unjqe4rjhy] { margin-top: 0.1rem; padding: 0.5rem 0.2rem 0; border-top: 1px solid var(--stadium-line-strong); font-family: var(--stadium-mono); font-size: 0.76rem; color: var(--stadium-muted); }
.es-card-total b[b-unjqe4rjhy] { font-weight: 900; }

/* Operação / calculadora */
.es-op-qty[b-unjqe4rjhy] { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.5rem; }
.es-op-qty input[b-unjqe4rjhy] { max-width: 7rem; }
.es-kv[b-unjqe4rjhy] { display: flex; justify-content: space-between; align-items: center; gap: 0.6rem; padding: 0.28rem 0; }
.es-kv .k[b-unjqe4rjhy] { color: var(--stadium-muted); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.03em; }
.es-kv .v[b-unjqe4rjhy] { font-family: var(--stadium-mono); font-weight: 900; font-size: 0.86rem; white-space: nowrap; }
.es-hr[b-unjqe4rjhy] { border-top: 1px solid var(--stadium-line); margin: 0.35rem 0; }
.es-pos[b-unjqe4rjhy] { font-size: 0.8rem; margin: 0.5rem 0 0; }
.es-op-cta[b-unjqe4rjhy] { width: 100%; margin-top: 0.5rem; }

/* Régua entrada × justo */
.es-ruler[b-unjqe4rjhy] { position: relative; height: 2.7rem; margin-top: 0.55rem; }
.es-ruler-line[b-unjqe4rjhy] { position: absolute; left: 2%; right: 2%; top: 1rem; height: 1px; background: var(--stadium-line-strong); }
.es-tick[b-unjqe4rjhy] { position: absolute; top: 0.5rem; width: 2px; height: 1rem; transform: translateX(-50%); border-radius: 1px; }
.es-tick-lab[b-unjqe4rjhy] { position: absolute; top: 1.6rem; transform: translateX(-50%); font-family: var(--stadium-mono); font-size: 0.58rem; white-space: nowrap; }

.es-notes[b-unjqe4rjhy] { flex: 1; display: flex; flex-direction: column; }
.es-notes textarea[b-unjqe4rjhy] { flex: 1; resize: none; }

/* Enquadra a viewport no desktop; simulador rola por dentro */
@media (min-width: 1200px) and (min-height: 760px) {
    .es-page[b-unjqe4rjhy] { height: calc(100vh - 2.25rem); overflow: hidden; }
    .es-body[b-unjqe4rjhy] { flex: 1 1 0; min-height: 0; }
    .es-center[b-unjqe4rjhy] { overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(244, 241, 232, 0.22) transparent; padding-right: 2px; }
    .es-rail[b-unjqe4rjhy] { position: sticky; top: 0; align-self: start; }
}
.es-center[b-unjqe4rjhy]::-webkit-scrollbar { width: 8px; }
.es-center[b-unjqe4rjhy]::-webkit-scrollbar-thumb { background: rgba(244, 241, 232, 0.18); border-radius: 4px; }

/* ---------- Responsivo ---------- */
@media (max-width: 1080px) {
    .es-lock[b-unjqe4rjhy] { grid-template-columns: 1fr; min-height: 0; }
    .es-hero[b-unjqe4rjhy] { grid-template-columns: 1fr 1fr; gap: 0.9rem 1.1rem; }
    .es-hero-gauge[b-unjqe4rjhy] { grid-column: 1 / -1; border-left: 0; padding-left: 0; border-top: 1px solid var(--stadium-line); padding-top: 0.7rem; }
    .es-hero-side[b-unjqe4rjhy], .es-hero-conv[b-unjqe4rjhy] { border-left: 0; padding-left: 0; }
    .es-body[b-unjqe4rjhy] { grid-template-columns: 1fr; }
    .es-rail[b-unjqe4rjhy] { position: static; }
}
@media (max-width: 575.98px) {
    .es-sim-desktop[b-unjqe4rjhy] { display: none; }
    .es-sim-cards[b-unjqe4rjhy] { display: flex; flex-direction: column; gap: 0.5rem; }
    .es-hide-sm[b-unjqe4rjhy] { display: none; }
    .es-hero[b-unjqe4rjhy] { grid-template-columns: 1fr; text-align: left; }
    .es-hero-edge[b-unjqe4rjhy], .es-hero-side[b-unjqe4rjhy], .es-hero-conv[b-unjqe4rjhy] { text-align: left; align-items: flex-start; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ===== Início — Direção "Split limpo" (1c) =====
   Herói + placar/cockpit no topo, fita de cotações como divisor e dois cartões
   planos embaixo. Molduras leves (sem card pesado): fundo tênue + filete de topo.
   Em telas ≥1200px (e altura ≥700) enquadra a viewport REAL sem barra de rolagem
   de página; abaixo disso flui e o <main> rola. Rolagem, quando houver, fica nos
   cartões (barra fina só no quadro). */
.hb[b-35ca3f3vip] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-height: 0;
    padding-bottom: 0.5rem;
}

.hb > *[b-35ca3f3vip] {
    animation: hb-rise-b-35ca3f3vip 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.hb > *:nth-child(2)[b-35ca3f3vip] { animation-delay: 0.05s; }
.hb > *:nth-child(3)[b-35ca3f3vip] { animation-delay: 0.1s; }
@keyframes hb-rise-b-35ca3f3vip {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

/* ---------- Herói ---------- */
.hb-hero[b-35ca3f3vip] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.6rem;
    align-items: center;
    padding: 0.5rem 0.25rem 1.4rem;
    border-bottom: 1px solid var(--stadium-line);
}

/* Círculo central do gramado atrás do placar/cockpit (sutil). */
.hb-hero[b-35ca3f3vip]::after {
    content: "";
    position: absolute;
    right: 3%;
    top: 50%;
    width: 22rem;
    height: 22rem;
    transform: translateY(-50%);
    pointer-events: none;
    display: none;
    background: radial-gradient(circle, transparent 0 40.5%, rgba(244, 241, 232, 0.05) 41% 41.7%, transparent 42.2%);
}

.hb-hero-copy[b-35ca3f3vip] { min-width: 0; }

.hb-eyebrow[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    color: #35df83;
}

.hb-h1[b-35ca3f3vip] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: clamp(2.6rem, 5.2vw, 4.4rem);
    line-height: 0.85;
    letter-spacing: 0.01em;
    margin: 0.5rem 0 0;
}
.hb-h1 em[b-35ca3f3vip] { font-style: normal; color: var(--stadium-green); }

.hb-hi[b-35ca3f3vip] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: clamp(2.4rem, 4.6vw, 4rem);
    line-height: 0.86;
    margin: 0.35rem 0 0;
}

.hb-tag[b-35ca3f3vip] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    color: var(--stadium-amber);
    font-size: clamp(1.05rem, 2vw, 1.5rem);
    letter-spacing: 0.02em;
    margin-top: 0.7rem;
}
.hb-auth .hb-tag[b-35ca3f3vip] { font-size: 0.95rem; margin-top: 0; }

.hb-lead[b-35ca3f3vip] {
    color: #c9d3cd;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 48ch;
    margin: 0.9rem 0 0;
}
.hb-lead strong[b-35ca3f3vip] { color: var(--stadium-chalk); }

.hb-cta[b-35ca3f3vip] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.35rem;
}

/* Link para o guia Como Jogar, discreto abaixo dos CTAs. */
.hb-how[b-35ca3f3vip] {
    margin-top: 0.7rem;
    font-family: var(--stadium-mono);
    font-size: 0.76rem;
    letter-spacing: 0.03em;
}

.hb-how a[b-35ca3f3vip] {
    color: var(--stadium-muted);
    text-decoration: none;
    border-bottom: 1px dotted rgba(244, 241, 232, 0.28);
    padding-bottom: 0.1rem;
    transition: color 0.12s ease, border-color 0.12s ease;
}

.hb-how a:hover[b-35ca3f3vip] {
    color: var(--stadium-amber);
    border-bottom-color: var(--stadium-amber);
}

.hb-trust[b-35ca3f3vip] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 1.2rem;
    font-family: var(--stadium-mono);
    font-size: 0.72rem;
    color: var(--stadium-muted);
    letter-spacing: 0.03em;
}
.hb-trust .dot[b-35ca3f3vip] {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    margin-right: 0.3rem;
    vertical-align: middle;
}
.hb-trust .dot.g[b-35ca3f3vip] { background: #35df83; }
.hb-trust .dot.a[b-35ca3f3vip] { background: var(--stadium-amber); }
.hb-trust .dot.b[b-35ca3f3vip] { background: var(--stadium-blueprint); }

/* Placar (visitante) e cockpit (logado): coluna à direita do herói. */
.hb-scoreboard[b-35ca3f3vip],
.hb-cockpit[b-35ca3f3vip] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.1rem;
    min-width: 0;
}

.hb-sb-label[b-35ca3f3vip] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-family: var(--stadium-mono);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.62rem;
    color: var(--stadium-muted);
}

.hb-dot[b-35ca3f3vip] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    flex: 0 0 auto;
    background: var(--stadium-green);
    box-shadow: 0 0 0 0 rgba(24, 165, 88, 0.6);
    animation: hb-pulse-b-35ca3f3vip 1.9s ease-out infinite;
}
.hb-dot.off[b-35ca3f3vip] {
    background: var(--stadium-red);
    box-shadow: 0 0 12px rgba(229, 57, 53, 0.5);
    animation: none;
}
@keyframes hb-pulse-b-35ca3f3vip {
    0% { box-shadow: 0 0 0 0 rgba(24, 165, 88, 0.5); }
    70% { box-shadow: 0 0 0 0.55rem rgba(24, 165, 88, 0); }
    100% { box-shadow: 0 0 0 0 rgba(24, 165, 88, 0); }
}

.hb-sb-headline[b-35ca3f3vip] { display: flex; align-items: baseline; gap: 0.8rem; }
.hb-sb-state[b-35ca3f3vip] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: clamp(2.6rem, 4vw, 3.8rem);
    line-height: 0.82;
}
.hb-sb-state.is-open[b-35ca3f3vip] { color: var(--stadium-green); text-shadow: 0 0 28px rgba(24, 165, 88, 0.5); }
.hb-sb-state.is-closed[b-35ca3f3vip] { color: var(--stadium-red); }
.hb-sb-time[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-weight: 800;
    font-size: 1.2rem;
    color: var(--stadium-amber);
}
.hb-sb-win[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-size: 0.72rem;
    color: var(--stadium-muted);
}
.hb-sb-kpis[b-35ca3f3vip] { display: flex; gap: 2rem; flex-wrap: wrap; }
.hb-sb-kpis span[b-35ca3f3vip] { display: flex; flex-direction: column; line-height: 1.1; }
.hb-sb-kpis b[b-35ca3f3vip] { font-family: var(--stadium-mono); font-weight: 900; font-size: 1.5rem; }
.hb-sb-kpis small[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-size: 0.56rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--stadium-muted);
}

/* Cockpit (logado) */
.hb-eq-label[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.62rem;
    color: var(--stadium-muted);
    margin-bottom: 0.15rem;
}
.hb-eq-value[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-weight: 900;
    font-size: clamp(2.1rem, 3.4vw, 3rem);
    line-height: 1;
}
.hb-eq-kpis[b-35ca3f3vip] { display: flex; gap: 1.8rem; flex-wrap: wrap; }
.hb-eq-kpis span[b-35ca3f3vip] { display: flex; flex-direction: column; line-height: 1.15; }
.hb-eq-kpis small[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-size: 0.54rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--stadium-muted);
}
.hb-eq-kpis b[b-35ca3f3vip] { font-family: var(--stadium-mono); font-weight: 900; font-size: 1.05rem; }

.hb-eq-rank[b-35ca3f3vip] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin-top: 0.1rem;
    padding-top: 0.7rem;
    border-top: 1px solid var(--stadium-line);
}
.hb-eq-rank .lvl[b-35ca3f3vip] {
    font-family: var(--stadium-condensed);
    text-transform: uppercase;
    font-weight: 950;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}
.hb-eq-rank .pos[b-35ca3f3vip] { font-family: var(--stadium-mono); font-weight: 800; color: var(--stadium-muted); }
.hb-eq-rank .mo[b-35ca3f3vip] { font-family: var(--stadium-mono); font-weight: 800; font-size: 0.9rem; }
.hb-eq-rank a[b-35ca3f3vip] {
    margin-left: auto;
    font-family: var(--stadium-mono);
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--stadium-green);
    text-decoration: none;
    white-space: nowrap;
}
.hb-eq-rank a:hover[b-35ca3f3vip] { color: var(--stadium-amber); }

/* ---------- Fita divisora ---------- */
.hb-tape[b-35ca3f3vip] {
    overflow: hidden;
    padding: 0.55rem 0;
    border-top: 1px solid var(--stadium-line);
    border-bottom: 1px solid var(--stadium-line);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}
.hb-tape-row[b-35ca3f3vip] {
    display: inline-flex;
    gap: 2.1rem;
    white-space: nowrap;
    width: max-content;
    will-change: transform;
    animation: hb-marq-b-35ca3f3vip 48s linear infinite;
}
.hb-tape:hover .hb-tape-row[b-35ca3f3vip] { animation-play-state: paused; }
@keyframes hb-marq-b-35ca3f3vip {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.hb-tk[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-weight: 900;
    font-size: 0.78rem;
    display: inline-flex;
    gap: 0.5rem;
    align-items: baseline;
}
.hb-tk .sym[b-35ca3f3vip] { color: var(--stadium-chalk); }
.hb-tk .pr[b-35ca3f3vip] { color: var(--stadium-muted); }

/* ---------- Cartões planos ---------- */
.hb-cards[b-35ca3f3vip] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    min-height: 0;
}
.hb-card[b-35ca3f3vip] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid var(--stadium-line-strong);
    padding: 1.15rem 1.3rem;
}
.hb-card--green[b-35ca3f3vip] { border-top-color: rgba(24, 165, 88, 0.6); }
.hb-card--amber[b-35ca3f3vip] { border-top-color: rgba(255, 194, 71, 0.55); }

.hb-card-h[b-35ca3f3vip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}
.hb-card-h .t[b-35ca3f3vip] {
    font-family: var(--stadium-condensed);
    text-transform: uppercase;
    font-weight: 950;
    font-size: 1.05rem;
    letter-spacing: 0.02em;
}
.hb-card-h a[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--stadium-green);
    text-decoration: none;
    white-space: nowrap;
}
.hb-card-h a:hover[b-35ca3f3vip] { color: var(--stadium-amber); }

.hb-movers[b-35ca3f3vip] {
    flex: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.6rem;
    min-height: 0;
}
.hb-mcol[b-35ca3f3vip] { min-width: 0; }
.hb-mcol-h[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-size: 0.58rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    margin-bottom: 0.5rem;
}
.hb-mcol.up .hb-mcol-h[b-35ca3f3vip] { color: #35df83; }
.hb-mcol.dn .hb-mcol-h[b-35ca3f3vip] { color: #ff6d69; }

.hb-q[b-35ca3f3vip] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.34rem 0;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
    text-decoration: none;
    color: var(--stadium-chalk);
}
.hb-q:last-child[b-35ca3f3vip] { border-bottom: none; }
a.hb-q:hover[b-35ca3f3vip] { background: rgba(255, 194, 71, 0.05); }
.hb-q .sym[b-35ca3f3vip] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 0.92rem;
    width: 3rem;
}
.hb-q .px[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-weight: 800;
    font-size: 0.84rem;
    margin-left: auto;
    margin-right: 0.8rem;
}
.hb-q .ch[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-weight: 800;
    font-size: 0.78rem;
    min-width: 4.4rem;
    text-align: right;
}

/* Líderes */
.hb-lead[b-35ca3f3vip] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.46rem 0;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
}
.hb-lead:last-child[b-35ca3f3vip] { border-bottom: none; }
.hb-lead .rk[b-35ca3f3vip] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    color: var(--stadium-amber);
    width: 1.2rem;
    font-size: 1.1rem;
}
.hb-lead .nm[b-35ca3f3vip] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
    font-size: 0.9rem;
}
.hb-lead .pt[b-35ca3f3vip] { font-family: var(--stadium-mono); font-weight: 900; font-size: 0.86rem; }

/* Rodada / jogos */
.hb-game[b-35ca3f3vip] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.46rem 0;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
    text-decoration: none;
    color: var(--stadium-chalk);
}
.hb-game:last-child[b-35ca3f3vip] { border-bottom: none; }
.hb-game:hover[b-35ca3f3vip] { background: rgba(255, 194, 71, 0.05); }
.hb-game .tm[b-35ca3f3vip] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    font-family: var(--stadium-condensed);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.86rem;
}
.hb-game .tm.away[b-35ca3f3vip] { text-align: left; }
.hb-game .sc[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-weight: 900;
    font-size: 0.88rem;
    min-width: 2.3rem;
    text-align: center;
    color: var(--stadium-amber);
}
.hb-game .tg[b-35ca3f3vip] {
    font-family: var(--stadium-mono);
    font-size: 0.56rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--stadium-muted);
    min-width: 4.6rem;
    text-align: right;
}
.hb-game .tg.is-live[b-35ca3f3vip] { color: #35df83; }
.hb-game .tg.is-done[b-35ca3f3vip] { opacity: 0.8; }

.hb-muted[b-35ca3f3vip] { color: var(--stadium-muted); font-size: 0.88rem; margin: 0.3rem 0; }

/* ===== Celular (≤640px): empilha as duplas ===== */
@media (max-width: 640px) {
    .hb-movers[b-35ca3f3vip] { grid-template-columns: minmax(0, 1fr); gap: 0.9rem; }
    .hb-sb-kpis[b-35ca3f3vip], .hb-eq-kpis[b-35ca3f3vip] { gap: 1.3rem; }
}

/* ===== Tablet (≥900px): herói lado a lado, cartões em dupla ===== */
@media (min-width: 900px) {
    .hb-hero[b-35ca3f3vip] { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
    .hb-auth .hb-hero[b-35ca3f3vip] { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); }
    .hb-scoreboard[b-35ca3f3vip],
    .hb-cockpit[b-35ca3f3vip] { padding-left: 1.8rem; border-left: 1px solid var(--stadium-line); }
    .hb-hero[b-35ca3f3vip]::after { display: block; }
    .hb-cards[b-35ca3f3vip] { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
}

/* ===== Desktop (largura ≥1200px E altura ≥700px): enquadra a viewport sem
   barra de rolagem de página. As três faixas comprimem juntas; as listas rolam
   por dentro do cartão quando a altura aperta. ===== */
@media (min-width: 1200px) and (min-height: 700px) {
    .hb[b-35ca3f3vip] {
        height: calc(100vh - 2.25rem);
        overflow: hidden;
        gap: 1rem;
    }
    .hb-hero[b-35ca3f3vip] { flex: 1.3 1 0; min-height: 0; padding-bottom: 1rem; }
    .hb-tape[b-35ca3f3vip] { flex: 0 0 auto; }
    .hb-cards[b-35ca3f3vip] { flex: 1 1 0; min-height: 0; }
    .hb-card[b-35ca3f3vip] { min-height: 0; overflow: hidden; }

    .hb-movers[b-35ca3f3vip],
    .hb-card[b-35ca3f3vip] {
        scrollbar-width: thin;
        scrollbar-color: rgba(244, 241, 232, 0.22) transparent;
    }
    .hb-movers[b-35ca3f3vip] { overflow-y: auto; }
    .hb-card > .hb-movers[b-35ca3f3vip]::-webkit-scrollbar,
    .hb-card[b-35ca3f3vip]::-webkit-scrollbar { width: 8px; }
    .hb-movers[b-35ca3f3vip]::-webkit-scrollbar-thumb,
    .hb-card[b-35ca3f3vip]::-webkit-scrollbar-thumb { background: rgba(244, 241, 232, 0.18); border-radius: 4px; }
}

/* ===== Reduz movimento ===== */
@media (prefers-reduced-motion: reduce) {
    .hb > *[b-35ca3f3vip],
    .hb-dot[b-35ca3f3vip],
    .hb-tape-row[b-35ca3f3vip] { animation: none !important; }
}
/* /Components/Pages/Ligas.razor.rz.scp.css */
/* ===== Ligas privadas — "Campeonato particular" (1b, scoped) =====
   Abas de ligas no topo → o placar ganha largura plena, abre com pódio (top 3)
   e a tabela abaixo; gestão do dono num rail à direita. Molduras planas (filete
   de topo, sem borda+sombra). Tokens do app.css (--stadium-*), prefixo lg-.
   Sem alturas fixas: nada de scrollbar espúria; empilha no mobile. */

.lg[b-phedi8im66] { display: grid; gap: 0.7rem; }
.lg > *[b-phedi8im66] { animation: lg-rise-b-phedi8im66 0.35s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes lg-rise-b-phedi8im66 { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Painel plano reutilizável */
.lg-fp[b-phedi8im66] {
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(244, 241, 232, 0.18);
    padding: 0.9rem 1.05rem;
    min-width: 0;
}
.lg-fp-h[b-phedi8im66] { margin-bottom: 0.55rem; }
.lg-eb[b-phedi8im66] {
    font-family: var(--stadium-mono);
    font-size: 0.6rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--stadium-muted);
}

/* ---- Cabeçalho ---- */
.lg-head[b-phedi8im66] { display: flex; flex-wrap: wrap; gap: 0.8rem 1.4rem; align-items: flex-end; justify-content: space-between; }
.lg-head-copy[b-phedi8im66] { flex: 1 1 22rem; min-width: 0; }
.lg-eyebrow[b-phedi8im66] {
    font-family: var(--stadium-mono); font-size: 0.62rem; text-transform: uppercase;
    letter-spacing: 0.12em; color: var(--stadium-muted); margin: 0;
}
.lg-title[b-phedi8im66] {
    margin: 0.1rem 0 0.25rem;
    font-family: var(--stadium-condensed, "Bahnschrift Condensed", "Arial Narrow", sans-serif);
    font-size: clamp(1.6rem, 3.2vw, 2.1rem); font-weight: 950; letter-spacing: 0.01em; line-height: 1;
    text-transform: uppercase;
}
.lg-sub[b-phedi8im66] { margin: 0; color: var(--stadium-muted); font-size: 0.86rem; max-width: 46rem; }
.lg-plan[b-phedi8im66] { display: grid; justify-items: end; gap: 0.35rem; }
.lg-plan-badge[b-phedi8im66] {
    display: inline-block; padding: 0.22rem 0.7rem; border-radius: 999px;
    font-family: var(--stadium-mono); font-size: 0.74rem; font-weight: 900; letter-spacing: 0.08em;
    color: var(--stadium-muted); background: rgba(244, 241, 232, 0.07); border: 1px solid var(--stadium-line);
}
.lg-plan-badge.is-pro[b-phedi8im66] { color: #95ffc2; background: var(--stadium-green-soft); border-color: transparent; }
.lg-plan-note[b-phedi8im66] { color: var(--stadium-muted); font-size: 0.68rem; }

.lg-loading[b-phedi8im66] { color: var(--stadium-muted); }
.lg-note[b-phedi8im66] { color: var(--stadium-muted); font-size: 0.74rem; margin: 0.55rem 0 0; }
.lg-note a[b-phedi8im66] { color: var(--stadium-amber); }

/* ---- Feedback ---- */
.lg-toast[b-phedi8im66] {
    display: flex; align-items: center; justify-content: space-between; gap: 0.8rem;
    border-radius: 8px; padding: 0.55rem 0.85rem; font-size: 0.82rem; border: 1px solid var(--stadium-line);
}
.lg-toast.ok[b-phedi8im66] { color: #95ffc2; background: var(--stadium-green-soft); border-color: transparent; }
.lg-toast.err[b-phedi8im66] { color: #ffaaa7; background: var(--stadium-red-soft); border-color: transparent; }
.lg-x[b-phedi8im66] { border: 0; background: none; color: inherit; cursor: pointer; font-size: 0.95rem; line-height: 1; padding: 0 0.15rem; opacity: 0.8; }
.lg-x:hover[b-phedi8im66] { opacity: 1; }

/* ---- Convites pendentes ---- */
.lg-invites[b-phedi8im66] { border-top-color: rgba(255, 194, 71, 0.55); }
.lg-invite-row[b-phedi8im66] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.9rem;
    padding: 0.5rem 0.15rem; border-top: 1px solid var(--stadium-line);
}
.lg-invite-row:first-of-type[b-phedi8im66] { border-top: 0; }
.lg-invite-info[b-phedi8im66] { flex: 1 1 16rem; min-width: 0; display: grid; gap: 0.1rem; }
.lg-invite-league[b-phedi8im66] { font-weight: 800; }
.lg-invite-meta[b-phedi8im66] { color: var(--stadium-muted); font-size: 0.74rem; }
.lg-invite-meta a[b-phedi8im66] { color: var(--stadium-chalk); }
.lg-invite-actions[b-phedi8im66] { display: flex; gap: 0.4rem; flex-wrap: wrap; }

/* ---- Paywall (FREE) ---- */
.lg-pay[b-phedi8im66] { border-top-color: rgba(255, 194, 71, 0.55); }
.lg-pay-grid[b-phedi8im66] { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1.2rem; align-items: center; }
.lg-pay-copy h2[b-phedi8im66] {
    font-family: var(--stadium-condensed, "Arial Narrow", sans-serif);
    font-size: 1.45rem; font-weight: 950; text-transform: uppercase; margin: 0 0 0.5rem;
}
.lg-pay-feat[b-phedi8im66] { margin: 0 0 0.9rem; padding-left: 1.1rem; color: var(--stadium-chalk); }
.lg-pay-feat li[b-phedi8im66] { margin: 0.28rem 0; font-size: 0.88rem; }
.lg-pay-demo[b-phedi8im66] {
    border: 1px solid var(--stadium-line); border-radius: 10px; padding: 0.8rem 0.95rem;
    background: rgba(1, 7, 4, 0.3); max-width: 22rem; justify-self: center; width: 100%;
}
.lg-pay-demo-h[b-phedi8im66] {
    display: flex; justify-content: space-between; align-items: baseline; gap: 0.6rem;
    font-weight: 800; margin-bottom: 0.5rem;
}
.lg-pay-demo-h span[b-phedi8im66] { color: var(--stadium-muted); font-family: var(--stadium-mono); font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.08em; }
.lg-pay-demo-row[b-phedi8im66] {
    display: flex; align-items: center; gap: 0.6rem; padding: 0.3rem 0;
    border-top: 1px solid var(--stadium-line); font-size: 0.84rem;
}
.lg-pay-demo-row.dim[b-phedi8im66] { opacity: 0.55; }
.lg-pay-demo-row .nm[b-phedi8im66] { flex: 1; }
.lg-pay-demo-row .pc[b-phedi8im66] { font-family: var(--stadium-mono); font-weight: 800; }

/* ---- Abas de ligas ---- */
.lg-tabs[b-phedi8im66] {
    display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap;
    border-bottom: 1px solid var(--stadium-line); padding-bottom: 0.1rem;
}
.lg-tabs-empty[b-phedi8im66] { color: var(--stadium-muted); font-size: 0.82rem; }
.lg-tab[b-phedi8im66] {
    display: inline-flex; align-items: center; gap: 0.4rem;
    border: 0; background: transparent; cursor: pointer;
    padding: 0.45rem 0.9rem; border-radius: 7px 7px 0 0;
    color: var(--stadium-muted); font-family: var(--stadium-condensed, "Arial Narrow", sans-serif);
    font-weight: 900; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.01em;
    transition: color 0.15s ease, background-color 0.15s ease;
}
.lg-tab:hover[b-phedi8im66] { color: var(--stadium-chalk); background: rgba(244, 241, 232, 0.04); }
.lg-tab.on[b-phedi8im66] { color: var(--stadium-chalk); background: rgba(24, 165, 88, 0.12); box-shadow: inset 0 -2px 0 var(--stadium-green); }
.lg-tab-name[b-phedi8im66] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 12rem; }
.lg-tab-count[b-phedi8im66] {
    font-family: var(--stadium-mono); font-size: 0.6rem; font-weight: 800;
    color: var(--stadium-muted); background: rgba(244, 241, 232, 0.07);
    border-radius: 999px; padding: 0.05rem 0.4rem;
}
.lg-tabs-count[b-phedi8im66] { margin-left: auto; font-family: var(--stadium-mono); font-size: 0.7rem; color: var(--stadium-muted); }

/* ---- Grid: placar | rail ---- */
.lg-grid[b-phedi8im66] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 0.7rem; align-items: start; }
.lg-main[b-phedi8im66] { min-width: 0; }
.lg-side[b-phedi8im66] { min-width: 0; display: grid; gap: 0.7rem; align-content: start; }

/* ---- Placar ---- */
.lg-board[b-phedi8im66] { border-top-color: rgba(24, 165, 88, 0.55); }
.lg-empty[b-phedi8im66] { text-align: center; padding: 2.2rem 1.2rem; }
.lg-empty-t[b-phedi8im66] { font-weight: 800; font-size: 1.05rem; margin: 0 0 0.3rem; }

.lg-board-head[b-phedi8im66] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.6rem 1rem; }
.lg-board-id[b-phedi8im66] { flex: 1 1 16rem; min-width: 0; }
.lg-board-title[b-phedi8im66] {
    margin: 0.12rem 0 0.15rem;
    font-family: var(--stadium-condensed, "Arial Narrow", sans-serif);
    font-size: clamp(1.2rem, 2.6vw, 1.55rem); font-weight: 950; line-height: 1.05;
    text-transform: uppercase; overflow-wrap: anywhere;
}
.lg-board-meta[b-phedi8im66] { color: var(--stadium-muted); font-size: 0.76rem; }
.lg-board-meta a[b-phedi8im66] { color: var(--stadium-chalk); }
.lg-board-actions[b-phedi8im66] { display: flex; gap: 0.4rem; flex-wrap: wrap; }

/* ---- Medalha de posição (compartilhada por pódio, tabela e demo) ---- */
.lg-medal[b-phedi8im66] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 1.5rem; height: 1.5rem; border-radius: 999px; flex: 0 0 auto;
    font-family: var(--stadium-mono); font-weight: 900; font-size: 0.72rem;
    color: var(--stadium-muted); background: rgba(244, 241, 232, 0.05);
}
.lg-medal.p1[b-phedi8im66] { color: #231500; background: linear-gradient(180deg, #ffd77a, #d99f1e); box-shadow: 0 0 12px rgba(255, 194, 71, 0.35); }
.lg-medal.p2[b-phedi8im66] { color: #10130f; background: linear-gradient(180deg, #e8e5da, #a9b3ac); }
.lg-medal.p3[b-phedi8im66] { color: #1c0e02; background: linear-gradient(180deg, #e2a06b, #a96a35); }

/* ---- Pódio ---- */
.lg-podium[b-phedi8im66] { display: grid; grid-template-columns: 1fr 1.14fr 1fr; gap: 0.6rem; align-items: end; margin: 0.85rem 0 0.65rem; }
.lg-pod[b-phedi8im66] {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.15rem;
    border-radius: 10px; background: rgba(244, 241, 232, 0.03); padding: 0.7rem 0.5rem;
    border-top: 2px solid var(--stadium-line-strong); min-width: 0;
}
.lg-pod.pod-1[b-phedi8im66] {
    padding: 0.95rem 0.5rem; border-top-color: rgba(255, 194, 71, 0.7);
    background: linear-gradient(180deg, rgba(255, 194, 71, 0.1), transparent 60%), rgba(244, 241, 232, 0.03);
    box-shadow: 0 0 26px rgba(255, 194, 71, 0.1);
}
.lg-pod.pod-2[b-phedi8im66] { border-top-color: rgba(232, 229, 218, 0.5); }
.lg-pod.pod-3[b-phedi8im66] { border-top-color: rgba(226, 160, 107, 0.5); }
.lg-pod.me[b-phedi8im66] { outline: 1px solid rgba(255, 194, 71, 0.28); }
.lg-pod-cup[b-phedi8im66] { font-size: 1rem; line-height: 1; }
.lg-pod .lg-medal[b-phedi8im66] { width: 1.7rem; height: 1.7rem; font-size: 0.8rem; margin-top: 0.15rem; }
.lg-pod.pod-1 .lg-medal[b-phedi8im66] { width: 2rem; height: 2rem; font-size: 0.9rem; }
.lg-pod-nick[b-phedi8im66] {
    margin-top: 0.3rem; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-family: var(--stadium-condensed, "Arial Narrow", sans-serif);
    font-weight: 900; text-transform: uppercase; font-size: 1rem;
}
.lg-pod.pod-1 .lg-pod-nick[b-phedi8im66] { font-size: 1.2rem; }
.lg-pod-nick a[b-phedi8im66] { color: var(--stadium-chalk); text-decoration: none; }
.lg-pod-nick a:hover[b-phedi8im66] { color: var(--stadium-amber); }
.lg-pod-pct[b-phedi8im66] { font-family: var(--stadium-mono); font-weight: 900; font-size: 0.95rem; }
.lg-pod.pod-1 .lg-pod-pct[b-phedi8im66] { font-size: 1.1rem; }
.lg-pod-pct.up[b-phedi8im66] { color: #95ffc2; }
.lg-pod-pct.down[b-phedi8im66] { color: #ffaaa7; }

/* ---- Tabela do placar ---- */
.lg-table-wrap[b-phedi8im66] { overflow-x: auto; margin-top: 0.5rem; }
.lg-table[b-phedi8im66] { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.lg-table th[b-phedi8im66] {
    color: var(--stadium-muted); font-family: var(--stadium-mono); font-weight: 800;
    font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.07em;
    text-align: left; padding: 0.3rem 0.45rem; border-bottom: 1px solid var(--stadium-line-strong); white-space: nowrap;
}
.lg-table td[b-phedi8im66] { padding: 0.42rem 0.45rem; border-bottom: 1px solid var(--stadium-line); }
.lg-table tr:last-child td[b-phedi8im66] { border-bottom: 0; }
.lg-table tr.is-me td[b-phedi8im66] { background: rgba(255, 194, 71, 0.05); }
.lg-table .pos[b-phedi8im66] { width: 2.1rem; font-family: var(--stadium-mono); font-weight: 900; }
.lg-table td.pos.p1[b-phedi8im66] { color: var(--stadium-amber); }
.lg-table td.pos.p2[b-phedi8im66] { color: var(--stadium-chalk); }
.lg-table td.pos.p3[b-phedi8im66] { color: #d8a06b; }
.lg-table .nick a[b-phedi8im66] { color: var(--stadium-chalk); text-decoration: none; font-weight: 700; }
.lg-table .nick a:hover[b-phedi8im66] { color: var(--stadium-amber); }
.lg-table .num[b-phedi8im66] { text-align: right; font-family: var(--stadium-mono); font-weight: 800; white-space: nowrap; }
.lg-table .num.up[b-phedi8im66], .pc.up[b-phedi8im66] { color: #95ffc2; }
.lg-table .num.down[b-phedi8im66], .pc.down[b-phedi8im66] { color: #ffaaa7; }
.lg-table .eq[b-phedi8im66] { color: var(--stadium-muted); font-weight: 600; }
.lg-table .act[b-phedi8im66] { width: 1%; text-align: right; white-space: nowrap; }

.lg-tag[b-phedi8im66] {
    display: inline-block; margin-left: 0.4rem; padding: 0.05rem 0.4rem; border-radius: 999px;
    font-family: var(--stadium-mono); font-size: 0.58rem; font-weight: 800;
    text-transform: uppercase; letter-spacing: 0.06em; vertical-align: middle;
}
.lg-tag.owner[b-phedi8im66] { color: var(--stadium-amber); background: rgba(255, 194, 71, 0.12); }
.lg-tag.you[b-phedi8im66] { color: #95ffc2; background: var(--stadium-green-soft); }
.lg-badge[b-phedi8im66] { margin-left: 0.3rem; font-size: 0.8rem; vertical-align: middle; }

.lg-ghost[b-phedi8im66] {
    border: 0; background: none; cursor: pointer; color: var(--stadium-muted);
    font-family: var(--stadium-mono); font-size: 0.72rem; padding: 0.1rem 0.2rem;
}
.lg-ghost:hover[b-phedi8im66] { color: #ffaaa7; }

/* ---- Rail de gestão ---- */
.lg-invitebox[b-phedi8im66] { display: flex; gap: 0.4rem; }
.lg-invitebox input[b-phedi8im66] { flex: 1; min-width: 0; }
.lg-pending-h[b-phedi8im66] { margin: 0.7rem 0 0.4rem; }
.lg-pending[b-phedi8im66] { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.55rem; }
.lg-chip[b-phedi8im66] {
    display: inline-flex; align-items: center; gap: 0.3rem;
    border: 1px dashed var(--stadium-line-strong); border-radius: 999px;
    padding: 0.16rem 0.3rem 0.16rem 0.6rem; font-size: 0.74rem; color: var(--stadium-muted);
    font-family: var(--stadium-mono);
}
.lg-create-form[b-phedi8im66] { display: flex; gap: 0.4rem; }
.lg-create-form input[b-phedi8im66] { flex: 1; min-width: 0; }

/* ---- Responsivo ---- */
@media (max-width: 980px) {
    .lg-grid[b-phedi8im66] { grid-template-columns: 1fr; }
    .lg-pay-grid[b-phedi8im66] { grid-template-columns: 1fr; }
    .lg-pay-demo[b-phedi8im66] { justify-self: stretch; max-width: none; }
}
@media (max-width: 560px) {
    .lg-invite-actions[b-phedi8im66] { width: 100%; }
    .lg-invite-actions > *[b-phedi8im66] { flex: 1; }
    .lg-podium[b-phedi8im66] { grid-template-columns: 1fr; align-items: stretch; }
    .lg-table .eq[b-phedi8im66], .lg-table th.eq[b-phedi8im66] { display: none; } /* patrimônio sai no muito estreito; % é o placar */
}
@media (prefers-reduced-motion: reduce) { .lg > *[b-phedi8im66] { animation: none !important; } }
/* /Components/Pages/Mercado.razor.rz.scp.css */
/* ===== Mercado — desk "Book em largura plena + trilho de Negócios" (1b, scoped) =====
   Reorganiza o pregão para acabar com o aperto:
     • BOOK ocupa a coluna esquerda inteira (agregado por preço — ANÔNIMO, sem
       identidade de jogador) e o GRÁFICO fica abaixo, dominante.
     • BOLETA + "Minhas ordens" no meio.
     • NEGÓCIOS (Times & Trades) num trilho dedicado à direita, enxuto
       (Hora · Preço · Qtd, colorido pelo agressor) + CARTEIRA compacta.
   Molduras planas (filete de topo, sem borda+sombra). As classes de tabela/preço
   continuam vindo do app.css global (.ladder-table, .price-pill, .pill-cell,
   .bid-cell, .ask-cell, .qty-cell, .side-pill,
   .status-pill, .book-tabs, .book-spread, .empty-panel) — aqui só o
   layout e o tratamento plano dos painéis. */

.mk[b-cge8hwnqif] {
    display: flex;
    flex-direction: column;
    gap: var(--stadium-gap);
    min-height: 0;
    padding-bottom: 1rem;
}
.mk > *[b-cge8hwnqif] { animation: mk-rise-b-cge8hwnqif 0.35s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes mk-rise-b-cge8hwnqif { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Painel plano — substitui a moldura pesada do .stadium-panel nesta página. */
.mk-panel[b-cge8hwnqif] {
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(244, 241, 232, 0.18);
    padding: 0.75rem 0.9rem;
    min-width: 0;
}
.mk-panel.book[b-cge8hwnqif] { border-top-color: rgba(24, 165, 88, 0.5); }
.mk-panel.chart[b-cge8hwnqif] { border-top-color: rgba(244, 241, 232, 0.18); }
/* overflow-y:auto + min-height:0 preservam o comportamento antigo do .order-ticket:
   o feedback de ordem (executada/parcial/aguardando) nunca fica cortado quando a
   boleta fica mais alta que o espaço disponível no modo enquadrado. */
.mk-panel.ticket[b-cge8hwnqif] { border-top-color: rgba(255, 194, 71, 0.4); padding: 0.8rem 0.9rem; overflow-y: auto; overflow-x: hidden; min-height: 0; }
.mk-panel.orders[b-cge8hwnqif] { border-top-color: rgba(244, 241, 232, 0.14); }
.mk-panel.trades[b-cge8hwnqif] { border-top-color: rgba(91, 226, 176, 0.5); }
.mk-panel.wallet[b-cge8hwnqif] { border-top-color: rgba(24, 165, 88, 0.5); }
.mk-top[b-cge8hwnqif] { border-top: 2px solid rgba(255, 194, 71, 0.4); }

/* Cabeçalho de painel */
.mk-h[b-cge8hwnqif] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.55rem;
}
.mk-h h2[b-cge8hwnqif] {
    margin: 0;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1rem;
    color: var(--stadium-chalk);
}
.mk-h .sub[b-cge8hwnqif] {
    font-family: var(--stadium-mono);
    font-size: 0.54rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--stadium-muted);
}
.mk-h .lnk[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.58rem; color: var(--stadium-blueprint); text-transform: uppercase; letter-spacing: 0.06em; }
.mk-h .grp[b-cge8hwnqif] { display: flex; align-items: center; gap: 0.7rem; }

/* ---------- Topbar ---------- */
.mk-top[b-cge8hwnqif] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    padding: 0.55rem 0.9rem;
}
.mk-pregao[b-cge8hwnqif] { display: flex; align-items: center; gap: 0.5rem; }
.mk-pregao .dot[b-cge8hwnqif] { width: 0.6rem; height: 0.6rem; border-radius: 999px; flex: 0 0 auto; }
.mk-pregao .dot.is-open[b-cge8hwnqif] { background: var(--stadium-green); box-shadow: 0 0 10px var(--stadium-green); }
.mk-pregao .dot.is-closed[b-cge8hwnqif] { background: var(--stadium-red); }
.mk-pregao .state[b-cge8hwnqif] { font-family: var(--stadium-condensed); font-weight: 900; text-transform: uppercase; font-size: 1.02rem; }
.mk-pregao .state.is-open[b-cge8hwnqif] { color: #35df83; }
.mk-pregao .state.is-closed[b-cge8hwnqif] { color: var(--stadium-red); }
.mk-pregao .win[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.6rem; color: var(--stadium-muted); }

/* Botão de sons do pregão (mute): quadradinho discreto ao lado do estado */
.mk-sound[b-cge8hwnqif] {
    flex: 0 0 auto;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 8px;
    border: 1px solid rgba(244, 241, 232, 0.14);
    background: rgba(244, 241, 232, 0.04);
    color: var(--stadium-chalk);
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.mk-sound:hover[b-cge8hwnqif] { border-color: rgba(255, 194, 71, 0.5); background: rgba(244, 241, 232, 0.08); }
.mk-sound svg[b-cge8hwnqif] { width: 1.05rem; height: 1.05rem; }
.mk-sound.is-off[b-cge8hwnqif] { color: var(--stadium-muted); }

.mk-metrics[b-cge8hwnqif] { flex: 1; display: flex; gap: 1.1rem; justify-content: center; flex-wrap: wrap; }
.mk-metrics > div[b-cge8hwnqif] { display: flex; flex-direction: column; line-height: 1.05; }
.mk-metrics span[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.5rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--stadium-muted); }
.mk-metrics strong[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.8rem; font-weight: 900; color: var(--stadium-chalk); }
.mk-metrics strong.positive[b-cge8hwnqif] { color: #35df83; }
.mk-metrics strong.negative[b-cge8hwnqif] { color: #ff6d69; }

.mk-asset[b-cge8hwnqif] { display: flex; align-items: center; gap: 0.6rem; border-left: 1px solid var(--stadium-line); padding-left: 1rem; }
.mk-asset .crest[b-cge8hwnqif] { width: 2rem; height: 2rem; border-radius: 5px; object-fit: cover; flex: 0 0 auto; }
.mk-asset .eyebrow[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.5rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--stadium-muted); }
.mk-asset .nm[b-cge8hwnqif] { font-family: var(--stadium-condensed); font-weight: 900; text-transform: uppercase; font-size: 0.95rem; color: var(--stadium-chalk); line-height: 1; }
.mk-asset .pr[b-cge8hwnqif] { font-family: var(--stadium-mono); font-weight: 900; font-size: 1rem; color: var(--stadium-chalk); text-align: right; line-height: 1.1; }
.mk-asset .ch[b-cge8hwnqif] { font-family: var(--stadium-mono); font-weight: 800; font-size: 0.7rem; text-align: right; }
.mk-asset .ch.positive[b-cge8hwnqif] { color: #35df83; }
.mk-asset .ch.negative[b-cge8hwnqif] { color: #ff6d69; }
.mk-spark[b-cge8hwnqif] { width: 90px; height: 30px; }

/* ---------- Desk grid ---------- */
.mk-desk[b-cge8hwnqif] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(268px, 1fr) minmax(240px, 0.9fr);
    gap: var(--stadium-gap);
    align-items: stretch;
    min-height: 0;
}
.mk-col[b-cge8hwnqif] { display: flex; flex-direction: column; gap: var(--stadium-gap); min-width: 0; min-height: 0; }
.mk-panel.book[b-cge8hwnqif], .mk-panel.chart[b-cge8hwnqif], .mk-panel.trades[b-cge8hwnqif], .mk-panel.wallet[b-cge8hwnqif] { display: flex; flex-direction: column; min-height: 0; }

/* Book em largura plena — a ladder já é table-layout:fixed 100% (app.css); aqui só o
   contêiner rolável, sem a altura fixa do .ladder-combined. */
.mk-book-scroll[b-cge8hwnqif] {
    flex: 1 1 0;
    min-height: 0;
    border: 1px solid rgba(244, 241, 232, 0.07);
    border-radius: 8px;
    background: rgba(1, 7, 4, 0.35);
}
.mk-book-scroll .ladder-table[b-cge8hwnqif] { table-layout: fixed; width: 100%; margin-bottom: 0; }

/* Gráfico dominante */
.mk-chart-wrap[b-cge8hwnqif] { flex: 1; min-height: 0; border-radius: 8px; overflow: hidden; position: relative; background: linear-gradient(180deg, rgba(24, 165, 88, 0.04), rgba(1, 7, 4, 0.35)); }
/* width/height:auto ANULAM o `.chart-canvas { width:100%; height:320px }` global — senão,
   com position:absolute, top/bottom(inset:0) + height:320px ficam SOBRECONSTRANGIDOS e o
   browser ignora o bottom, travando a tela em 320px (não preenche o quadro, pior no F11).
   Com height:auto, o inset:0 passa a mandar → o canvas preenche o wrap e o autoSize da lib
   redimensiona o gráfico junto. */
.mk-chart-wrap .chart-canvas[b-cge8hwnqif] { position: absolute; inset: 0; width: auto; height: auto; }
.mk-chart-loading[b-cge8hwnqif] { position: absolute; inset: 0; display: grid; place-items: center; color: var(--stadium-muted); font-family: var(--stadium-mono); font-size: 0.8rem; }

.mk-hint[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.6rem; color: var(--stadium-muted); margin-top: 0.4rem; }

/* ---------- Trilho de Negócios (Times & Trades enxuto) ---------- */
.mk-trades-scroll[b-cge8hwnqif] { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; }
.mk-tape-head[b-cge8hwnqif], .mk-tape-row[b-cge8hwnqif] { display: grid; grid-template-columns: 1fr 1.15fr 0.85fr; gap: 0.3rem; align-items: center; }
.mk-tape-head[b-cge8hwnqif] { padding: 0 0.15rem 0.3rem; border-bottom: 1px solid var(--stadium-line); }
.mk-tape-head span[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.52rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--stadium-muted); }
.mk-tape-head span:nth-child(2)[b-cge8hwnqif], .mk-tape-head span:nth-child(3)[b-cge8hwnqif] { text-align: right; }
.mk-tape-body[b-cge8hwnqif] { flex: 1 1 0; min-height: 0; }
.mk-tape-row[b-cge8hwnqif] { padding: 0.18rem 0.15rem; border-bottom: 1px solid rgba(244, 241, 232, 0.04); }
.mk-tape-row:last-child[b-cge8hwnqif] { border-bottom: none; }
.mk-tape-row .hora[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.72rem; color: var(--stadium-muted); }
.mk-tape-row .preco[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.78rem; font-weight: 800; text-align: right; }
.mk-tape-row .preco.buy[b-cge8hwnqif] { color: #35df83; }
.mk-tape-row .preco.sell[b-cge8hwnqif] { color: #ff6d69; }
.mk-tape-row .qtd[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.72rem; color: var(--stadium-muted); text-align: right; }
.mk-legend[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.56rem; color: var(--stadium-muted); margin-top: 0.3rem; border-top: 1px solid rgba(244, 241, 232, 0.06); padding-top: 0.3rem; }

/* ---------- Carteira ---------- */
/* flex:0 0 auto → as métricas (KPIs) nunca encolhem; a lista de ativos abaixo é que
   preenche o resto do painel e rola. */
.mk-wallet-metrics[b-cge8hwnqif] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem 0.8rem; margin-bottom: 0.6rem; flex: 0 0 auto; }
/* Filhos DIRETOS: o "Resultado do dia" tem markup aninhado (o split abaixo) e não pode herdar
   o rótulo em caixa-alta nem o corpo 0.82rem do valor principal. */
.mk-wallet-metrics > div > span[b-cge8hwnqif] { display: block; font-family: var(--stadium-mono); font-size: 0.5rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--stadium-muted); }
.mk-wallet-metrics > div > strong[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.82rem; font-weight: 900; color: var(--stadium-chalk); }
.mk-wallet-metrics > div > strong.positive[b-cge8hwnqif] { color: #35df83; }
.mk-wallet-metrics > div > strong.negative[b-cge8hwnqif] { color: #ff6d69; }

/* Quebra do "Resultado do dia" em Em Aberto | Fechados, dentro da própria célula (não gasta
   altura de grade — a lista de ativos abaixo é quem rola). */
.mk-wallet-split[b-cge8hwnqif] { display: flex; gap: 0.7rem; margin-top: 0.15rem; }
.mk-wallet-split > span[b-cge8hwnqif] { display: flex; flex-direction: column; line-height: 1.25; }
.mk-wallet-split small[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.45rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--stadium-muted); }
.mk-wallet-split b[b-cge8hwnqif] { font-family: var(--stadium-mono); font-size: 0.62rem; font-weight: 800; color: var(--stadium-chalk); }
.mk-wallet-split b.positive[b-cge8hwnqif] { color: #35df83; }
.mk-wallet-split b.negative[b-cge8hwnqif] { color: #ff6d69; }
/* Lista de ativos da carteira: preenche a altura restante do painel e rola por dentro
   (o painel ganhou altura no enframe abaixo). Cabeçalho fixo ao rolar. */
.mk-wallet-pos[b-cge8hwnqif] { flex: 1 1 0; min-height: 0; overflow-y: auto; }
.mk-wallet-pos thead th[b-cge8hwnqif] { position: sticky; top: 0; background: #0a140f; z-index: 1; }
/* A tabela era auto-layout sem trava de largura: num painel estreito (≤1440) ela media ~290px
   numa caixa de 255px e a ÚLTIMA coluna saía cortada, com barra horizontal no quadro. O padrão
   de 0.45rem por lado comia 28% da caixa. Fixa + colgroup em % = a soma é sempre a largura do
   painel, em qualquer viewport; o padding curto devolve o espaço para os números. */
.mk-wallet-pos table[b-cge8hwnqif] { table-layout: fixed; width: 100%; }
.mk-wallet-pos th[b-cge8hwnqif], .mk-wallet-pos td[b-cge8hwnqif] { padding-left: 0.15rem; padding-right: 0.15rem; }
.mk-wallet-pos td.price[b-cge8hwnqif] { overflow: hidden; }   /* valor extremo corta, não invade a coluna vizinha */
/* Faixa em que a aside é coluna estreita (o desk só empilha em ≤1100) mas ainda não tem largura
   para os 0.8rem da ladder-table: ~205-250px de caixa contra ~234px de números. Sem isto o
   "+100,00" sairia "+100,0" — número errado, pior que apertado. Acima de 1440 sobra espaço e o
   corpo normal volta; abaixo de 1100 a carteira fica larga (~570px). */
@media (min-width: 1101px) and (max-width: 1439.98px) {
    .mk-wallet-pos table[b-cge8hwnqif] { font-size: 0.64rem; }
    /* o thead tem corpo próprio (0.72rem) + letter-spacing: sem encolher junto, "VAR.%" estoura
       a coluna mesmo com os valores já cabendo. */
    .mk-wallet-pos thead th[b-cge8hwnqif] { font-size: 0.58rem; letter-spacing: 0.02em; }
}

/* Minhas ordens: contêiner rolável */
.mk-orders[b-cge8hwnqif] { display: flex; flex-direction: column; min-height: 0; }
.mk-orders-scroll[b-cge8hwnqif] { flex: 1 1 0; min-height: 0; overflow-y: auto; }
.mk-orders-scope[b-cge8hwnqif] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.4rem; font-size: 0.72rem; color: var(--stadium-muted); }
.mk-orders-scope .chip[b-cge8hwnqif] { padding: 0.1rem 0.5rem; border-radius: 999px; background: rgba(244, 241, 232, 0.06); color: var(--stadium-chalk); font-family: var(--stadium-mono); font-size: 0.62rem; }

/* Rolagem fina consistente com o resto do desk */
.mk-book-scroll[b-cge8hwnqif], .mk-tape-body[b-cge8hwnqif], .mk-wallet-pos[b-cge8hwnqif], .mk-orders-scroll[b-cge8hwnqif] {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(244, 241, 232, 0.22) transparent;
}
.mk-book-scroll[b-cge8hwnqif]::-webkit-scrollbar, .mk-tape-body[b-cge8hwnqif]::-webkit-scrollbar,
.mk-wallet-pos[b-cge8hwnqif]::-webkit-scrollbar, .mk-orders-scroll[b-cge8hwnqif]::-webkit-scrollbar { width: 8px; }
.mk-book-scroll[b-cge8hwnqif]::-webkit-scrollbar-thumb, .mk-tape-body[b-cge8hwnqif]::-webkit-scrollbar-thumb,
.mk-wallet-pos[b-cge8hwnqif]::-webkit-scrollbar-thumb, .mk-orders-scroll[b-cge8hwnqif]::-webkit-scrollbar-thumb { background: rgba(244, 241, 232, 0.18); border-radius: 4px; }

/* ---------- Toast de feedback (envio/cancelamento de ordem) ----------
   position:fixed → flutua no canto e NÃO altera a altura da boleta/Minhas ordens.
   Verde = sucesso, vermelho = erro. Some sozinho; clique fecha. */
.mk-toast[b-cge8hwnqif] {
    position: fixed;
    right: 1.1rem;
    bottom: 1.1rem;
    z-index: 2000;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    max-width: min(24rem, calc(100vw - 2rem));
    padding: 0.6rem 0.55rem 0.6rem 0.8rem;
    border-radius: 10px;
    border-left: 3px solid var(--stadium-green);
    background: rgba(9, 20, 15, 0.97);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
    color: var(--stadium-chalk);
    font-family: var(--stadium-mono);
    font-size: 0.8rem;
    line-height: 1.3;
    cursor: pointer;
    animation: mk-toast-in-b-cge8hwnqif 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.mk-toast.err[b-cge8hwnqif] { border-left-color: var(--stadium-red); background: rgba(28, 12, 12, 0.97); }
.mk-toast .mk-toast-x[b-cge8hwnqif] {
    margin-left: auto;
    flex: 0 0 auto;
    border: 0;
    background: none;
    color: var(--stadium-muted);
    font-size: 0.95rem;
    line-height: 1;
    padding: 0 0.15rem;
    cursor: pointer;
}
.mk-toast .mk-toast-x:hover[b-cge8hwnqif] { color: var(--stadium-chalk); }
@keyframes mk-toast-in-b-cge8hwnqif { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mk-toast[b-cge8hwnqif] { animation: none; } }

/* ---------- Enquadra a viewport no desktop; cada painel rola por dentro ---------- */
@media (min-width: 1200px) and (min-height: 720px) {
    .mk[b-cge8hwnqif] { height: calc(100vh - 2.25rem); overflow: hidden; }
    .mk-desk[b-cge8hwnqif] { flex: 1 1 0; min-height: 0; }
    .mk-panel.book[b-cge8hwnqif] { flex: 0 0 46%; }
    .mk-panel.chart[b-cge8hwnqif] { flex: 1 1 0; }
    /* Boleta com ALTURA FIXA e SEM barra de rolagem nos estados do dia a dia; grow=0/shrink=0
       (flex:0 0) garante que trocar Rápido/Boleta ou enviar ordem NUNCA muda a altura — nem a
       de "Minhas ordens", que preenche o resto (piso 12rem) e rola a lista por dentro.
       Recalibrada em 2026-07-15 (os 37rem antigos foram medidos ANTES da remoção do stop, que
       encolheu a boleta — sobravam ~85-115px vazios): com o CSS real, em larguras de desktop
       (coluna ≥ 315px), Boleta comum ≈ 479px e Rápido c/ posição ≈ 504-510px (o mais alto do
       dia a dia). 34rem (544px) cobre todos com folga e devolve ~3 linhas a "Minhas ordens".
       Estados raros mais altos (nota ⚽ de dia de jogo +70-90px, alertas, janela estreita de
       ~1200px) rolam por dentro pelo overflow-y do painel com o CTA ainda visível — os 37rem
       já se comportavam assim nesses casos (dia de jogo a 1440 já passava de 592px). */
    .mk-panel.ticket[b-cge8hwnqif] { flex: 0 0 34rem; }
    .mk-panel.orders[b-cge8hwnqif] { flex: 1 1 12rem; min-height: 0; }
    /* Coluna direita: Negócios e Carteira dividem a altura MEIO A MEIO (2026-07-15; era 3:2,
       com a Carteira espremida). A lista de ativos da Carteira e o tape de Negócios rolam
       cada um por dentro do seu painel. */
    .mk-panel.trades[b-cge8hwnqif] { flex: 1 1 0; }
    .mk-panel.wallet[b-cge8hwnqif] { flex: 1 1 0; min-height: 0; }
}

/* ---------- Empilha em telas menores ---------- */
@media (max-width: 1100px) {
    .mk-desk[b-cge8hwnqif] { grid-template-columns: minmax(0, 1fr); }
    .mk-panel.book[b-cge8hwnqif] { flex: none; }
    .mk-book-scroll[b-cge8hwnqif] { height: 16rem; }
    .mk-trades-scroll[b-cge8hwnqif] { max-height: 20rem; }
}

/* ---------- Piso de altura fora do modo enquadrado ----------
   O enquadramento (min-width:1200 & min-height:720) dá 100vh ao .mk e faz os
   painéis preencherem por flex. FORA dele o .mk tem altura de conteúdo, e os
   contêineres flex:1 sem altura (book, gráfico, negócios) colapsariam para ~0 —
   some o book/gráfico/negócios em laptops estreitos (1101–1199px), telas baixas
   (< 720px) e no empilhamento mobile. Este piso garante que sempre apareçam, sem
   tocar no layout enquadrado (esta media query não casa quando ele está ativo). */
@media not all and (min-width: 1200px) and (min-height: 720px) {
    .mk-book-scroll[b-cge8hwnqif] { min-height: 16rem; }
    .mk-chart-wrap[b-cge8hwnqif] { min-height: 18rem; }
    .mk-trades-scroll[b-cge8hwnqif] { min-height: 16rem; }
    .mk-orders-scroll[b-cge8hwnqif] { min-height: 14rem; }
    .mk-wallet-pos[b-cge8hwnqif] { min-height: 14rem; }
}

@media (prefers-reduced-motion: reduce) {
    .mk > *[b-cge8hwnqif] { animation: none !important; }
}
/* /Components/Pages/Premios.razor.rz.scp.css */
/* ===== Prêmios — regulamento público "com rail fixo" (1b, scoped) =====
   Conteúdo à esquerda, resumo "o que você leva" + CTA sempre à vista num rail
   sticky à direita. Molduras planas (filete de topo). Página estática (SSR):
   todo o comportamento é CSS/HTML nativo. Tokens do app.css (--stadium-*). */
.pz[b-b7ys9p5on9] {
    max-width: 1120px;
    margin-inline: auto;
    padding-bottom: 1.4rem;
}
.pz > *[b-b7ys9p5on9] { animation: pz-rise-b-b7ys9p5on9 0.42s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes pz-rise-b-b7ys9p5on9 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .pz > *[b-b7ys9p5on9] { animation: none; } }

.pz-loading[b-b7ys9p5on9] { color: var(--stadium-muted); }

/* ---------- Painel plano reutilizável ---------- */
.pz-fp[b-b7ys9p5on9] {
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(24, 165, 88, 0.5);
    padding: 1rem 1.1rem;
    min-width: 0;
}

/* ---------- Título da página ---------- */
.pz-eyebrow[b-b7ys9p5on9] {
    font-family: var(--stadium-mono);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.7rem;
    color: #35df83;
}
.pz-h1[b-b7ys9p5on9] {
    margin: 0.35rem 0 0;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: clamp(2.2rem, 4.4vw, 3.2rem);
    line-height: 0.9;
}
.pz-h1 em[b-b7ys9p5on9] { font-style: normal; color: var(--stadium-amber); }
.pz-tag[b-b7ys9p5on9] {
    margin-top: 0.6rem;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    color: var(--stadium-amber);
    font-size: clamp(1rem, 1.8vw, 1.25rem);
    letter-spacing: 0.02em;
}

/* ---------- Layout: conteúdo + rail ---------- */
.pz-layout[b-b7ys9p5on9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.4rem;
    margin-top: 1.4rem;
    align-items: start;
}
.pz-content[b-b7ys9p5on9] { min-width: 0; display: flex; flex-direction: column; gap: 1.4rem; }

/* ---------- Cabeçalho de seção ---------- */
.pz-sec-h[b-b7ys9p5on9] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.7rem;
}
.pz-sec-h h2[b-b7ys9p5on9] {
    margin: 0;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1.3rem;
    color: var(--stadium-chalk);
}
.pz-sec-s[b-b7ys9p5on9] {
    font-family: var(--stadium-mono);
    font-size: 0.66rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--stadium-muted);
    white-space: nowrap;
}

/* ---------- Divisões (tabela) ---------- */
.pz-levels-tbl[b-b7ys9p5on9] { padding: 0.3rem 1.1rem; border-top-color: rgba(244, 241, 232, 0.18); }
.pz-lrow[b-b7ys9p5on9] {
    display: grid;
    grid-template-columns: 1.5fr 1.2fr 1fr 1fr;
    gap: 0.6rem;
    align-items: center;
    padding: 0.5rem 0.2rem;
    border-bottom: 1px solid rgba(244, 241, 232, 0.06);
}
.pz-lrow:last-child[b-b7ys9p5on9] { border-bottom: none; }
.pz-lhead span[b-b7ys9p5on9] {
    font-family: var(--stadium-mono);
    font-size: 0.58rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--stadium-muted);
}
.pz-lhead[b-b7ys9p5on9] { border-bottom: 1px solid var(--stadium-line); }
.pz-lrow .div[b-b7ys9p5on9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    color: var(--stadium-chalk);
    font-size: 1rem;
}
.pz-lrow .div .tier-dot[b-b7ys9p5on9] { font-size: 0.7rem; }
.pz-lrow .rng[b-b7ys9p5on9], .pz-lrow .mesa[b-b7ys9p5on9] {
    font-family: var(--stadium-mono);
    font-size: 0.76rem;
    color: var(--stadium-muted);
}
.pz-lrow .r[b-b7ys9p5on9] { text-align: right; }
.pz-lrow .prize[b-b7ys9p5on9] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    font-size: 1.15rem;
    color: var(--stadium-amber);
}
.pz-lrow .glory[b-b7ys9p5on9] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    font-size: 1rem;
    color: var(--stadium-chalk);
}

/* ---------- Prêmio da temporada ---------- */
.pz-season[b-b7ys9p5on9] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-top: 0.7rem;
    border-top-color: rgba(255, 194, 71, 0.55);
}
.pz-season-ico[b-b7ys9p5on9] { font-size: 1.5rem; line-height: 1; }
.pz-season-txt[b-b7ys9p5on9] { display: flex; flex-direction: column; gap: 0.12rem; min-width: 0; flex: 1; }
.pz-season-txt b[b-b7ys9p5on9] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1rem;
    color: var(--stadium-chalk);
}
.pz-season-txt span[b-b7ys9p5on9] { font-size: 0.82rem; color: #c9d3cd; }
.pz-season-val[b-b7ys9p5on9] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    font-size: 1.6rem;
    color: var(--stadium-amber);
    white-space: nowrap;
}

/* Aviso: premiação em dinheiro ainda não ativada. */
.pz-soon[b-b7ys9p5on9] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.7rem;
    border-top-color: rgba(255, 194, 71, 0.55);
}
.pz-soon > span[b-b7ys9p5on9] { font-size: 1.4rem; line-height: 1; }
.pz-soon p[b-b7ys9p5on9] { margin: 0; color: #c9d3cd; font-size: 0.88rem; line-height: 1.55; }
.pz-soon b[b-b7ys9p5on9] { color: var(--stadium-amber); }

.pz-rule[b-b7ys9p5on9] {
    margin: 0.7rem 0 0;
    color: var(--stadium-muted);
    font-size: 0.84rem;
    line-height: 1.55;
}
.pz-rule b[b-b7ys9p5on9], .pz-rule em[b-b7ys9p5on9] { color: #c9d3cd; font-style: normal; }
.pz-rule a[b-b7ys9p5on9] { color: var(--stadium-amber); }

/* ---------- Como funciona ---------- */
.pz-duo[b-b7ys9p5on9] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 0.7rem; }
.pz-who[b-b7ys9p5on9] { border-top-color: rgba(24, 165, 88, 0.5); }
.pz-how[b-b7ys9p5on9] { border-top-color: rgba(255, 194, 71, 0.55); }
.pz-panel-h[b-b7ys9p5on9] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.7rem;
}
.pz-panel-h .t[b-b7ys9p5on9] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1.02rem;
    color: var(--stadium-chalk);
}
.pz-panel-h .s[b-b7ys9p5on9] {
    font-family: var(--stadium-mono);
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--stadium-muted);
    white-space: nowrap;
}

.pz-check[b-b7ys9p5on9] { margin: 0; padding: 0; list-style: none; }
.pz-check li[b-b7ys9p5on9] {
    position: relative;
    padding: 0.42rem 0 0.42rem 1.35rem;
    color: #c9d3cd;
    font-size: 0.87rem;
    line-height: 1.5;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
}
.pz-check li:last-child[b-b7ys9p5on9] { border-bottom: none; }
.pz-check li[b-b7ys9p5on9]::before {
    content: "✓";
    position: absolute;
    left: 0.1rem;
    top: 0.42rem;
    font-family: var(--stadium-mono);
    font-weight: 900;
    color: #35df83;
}
.pz-panel-foot[b-b7ys9p5on9] { margin: 0.7rem 0 0; font-size: 0.8rem; line-height: 1.5; color: var(--stadium-muted); }

.pz-steps[b-b7ys9p5on9] { margin: 0; padding: 0; list-style: none; counter-reset: passo; }
.pz-steps li[b-b7ys9p5on9] {
    position: relative;
    counter-increment: passo;
    padding: 0.5rem 0 0.5rem 2rem;
    color: #c9d3cd;
    font-size: 0.87rem;
    line-height: 1.55;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
}
.pz-steps li:last-child[b-b7ys9p5on9] { border-bottom: none; }
.pz-steps li[b-b7ys9p5on9]::before {
    content: counter(passo);
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 1.35rem;
    height: 1.35rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--stadium-green-soft);
    color: #35df83;
    font-family: var(--stadium-mono);
    font-weight: 900;
    font-size: 0.72rem;
}
.pz-steps b[b-b7ys9p5on9] { color: var(--stadium-chalk); }
.pz-steps a[b-b7ys9p5on9] { color: var(--stadium-amber); }

/* Selos de status (pendente → aprovado → pago). */
.pz-st[b-b7ys9p5on9] {
    display: inline-block;
    padding: 0.06rem 0.5rem;
    border-radius: 999px;
    font-family: var(--stadium-mono);
    font-size: 0.64rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 800;
    background: rgba(244, 241, 232, 0.07);
    color: var(--stadium-muted);
}
.pz-st.is-aprovado[b-b7ys9p5on9] { background: var(--stadium-amber-soft); color: var(--stadium-amber); }
.pz-st.is-pago[b-b7ys9p5on9] { background: var(--stadium-green-soft); color: #35df83; }

/* ---------- Hall da fama ---------- */
.pz-empty[b-b7ys9p5on9] {
    border: 1px dashed var(--stadium-line);
    border-top: 2px solid rgba(244, 241, 232, 0.18);
    background: transparent;
    color: var(--stadium-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}
.pz-hall-tbl[b-b7ys9p5on9] { padding: 0.35rem 1.1rem 0.5rem; overflow-x: auto; border-top-color: rgba(244, 241, 232, 0.18); }
.pz-hall-tbl table[b-b7ys9p5on9] { width: 100%; min-width: 30rem; border-collapse: collapse; }
.pz-hall-tbl th[b-b7ys9p5on9] {
    padding: 0.5rem 0.5rem 0.4rem 0;
    text-align: left;
    font-family: var(--stadium-mono);
    font-weight: 700;
    font-size: 0.64rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--stadium-muted);
    border-bottom: 1px solid var(--stadium-line);
    white-space: nowrap;
}
.pz-hall-tbl th .u[b-b7ys9p5on9] { opacity: 0.7; }
.pz-hall-tbl td[b-b7ys9p5on9] {
    padding: 0.5rem 0.5rem 0.5rem 0;
    font-size: 0.87rem;
    color: #c9d3cd;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
    white-space: nowrap;
}
.pz-hall-tbl tr:last-child td[b-b7ys9p5on9] { border-bottom: none; }
.pz-hall-tbl .r[b-b7ys9p5on9] { text-align: right; }
.pz-hall-tbl td.pz-num[b-b7ys9p5on9] { font-family: var(--stadium-mono); font-weight: 800; color: var(--stadium-chalk); }
.pz-hall-tbl td a[b-b7ys9p5on9] { color: var(--stadium-chalk); text-decoration: none; border-bottom: 1px dotted rgba(244, 241, 232, 0.35); }
.pz-hall-tbl td a:hover[b-b7ys9p5on9] { color: var(--stadium-amber); border-bottom-color: var(--stadium-amber); }
.pz-hall-tbl tr.is-season td[b-b7ys9p5on9] { background: rgba(255, 194, 71, 0.05); }

/* ---------- Conquistas ---------- */
.pz-badges-grid[b-b7ys9p5on9] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.6rem; }
.pz-badge[b-b7ys9p5on9] { text-align: center; border-top-color: rgba(244, 241, 232, 0.18); }
.pz-badge-ico[b-b7ys9p5on9] { display: block; font-size: 1.8rem; line-height: 1; }
.pz-badge-ico.is-ruin[b-b7ys9p5on9] { font-family: var(--stadium-mono); font-weight: 900; color: #ff8a87; }
.pz-badge-name[b-b7ys9p5on9] {
    margin-top: 0.5rem;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 0.95rem;
    color: var(--stadium-chalk);
}
.pz-badge-desc[b-b7ys9p5on9] { margin: 0.35rem 0 0; font-size: 0.76rem; line-height: 1.45; color: #c9d3cd; }
.pz-badge-n[b-b7ys9p5on9] {
    margin-top: 0.5rem;
    font-family: var(--stadium-mono);
    font-size: 0.64rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--stadium-muted);
}

.pz-fine[b-b7ys9p5on9] {
    margin: 0;
    color: var(--stadium-muted);
    font-size: 0.76rem;
    line-height: 1.6;
    border-top: 1px solid var(--stadium-line);
    padding-top: 0.9rem;
}

/* ---------- Rail fixo ---------- */
.pz-rail[b-b7ys9p5on9] { position: sticky; top: 1rem; display: flex; flex-direction: column; gap: 0.8rem; }
.pz-rail-take[b-b7ys9p5on9] { border-top-color: rgba(255, 194, 71, 0.55); }
.pz-rail-h[b-b7ys9p5on9] {
    font-family: var(--stadium-mono);
    font-size: 0.64rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--stadium-muted);
    margin-bottom: 0.2rem;
}
.pz-take[b-b7ys9p5on9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(244, 241, 232, 0.06);
    color: #c9d3cd;
    font-size: 0.86rem;
}
.pz-take:last-child[b-b7ys9p5on9] { border-bottom: none; }
.pz-take .ico[b-b7ys9p5on9] { font-size: 1.2rem; line-height: 1; flex: 0 0 auto; }
.pz-take b[b-b7ys9p5on9] { color: var(--stadium-amber); }
.pz-take em[b-b7ys9p5on9] { color: var(--stadium-muted); font-style: normal; }

.pz-rail-cta[b-b7ys9p5on9] { text-align: center; display: flex; flex-direction: column; gap: 0.5rem; }
.pz-rail-cta-t[b-b7ys9p5on9] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: 1.1rem;
    color: var(--stadium-chalk);
}
.pz-rail-cta p[b-b7ys9p5on9] { margin: 0 0 0.3rem; font-size: 0.82rem; line-height: 1.45; color: #c9d3cd; }
.pz-rail-cta .btn[b-b7ys9p5on9] { width: 100%; }

.pz-rail-terms[b-b7ys9p5on9] { display: flex; flex-wrap: wrap; gap: 0.4rem; border-top-color: rgba(244, 241, 232, 0.18); }
.pz-chip[b-b7ys9p5on9] {
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    border: 1px solid var(--stadium-line);
    background: var(--stadium-panel);
    font-family: var(--stadium-mono);
    font-size: 0.64rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--stadium-muted);
    white-space: nowrap;
}

/* ---------- Responsivo ---------- */
@media (max-width: 900px) {
    .pz-layout[b-b7ys9p5on9] { grid-template-columns: minmax(0, 1fr); }
    .pz-rail[b-b7ys9p5on9] { position: static; order: -1; }        /* no mobile o CTA sobe pro topo */
    .pz-duo[b-b7ys9p5on9] { grid-template-columns: minmax(0, 1fr); }
    .pz-badges-grid[b-b7ys9p5on9] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .pz-lrow[b-b7ys9p5on9] { grid-template-columns: 1.4fr 1fr auto; }
    .pz-lrow .mesa[b-b7ys9p5on9] { display: none; }                /* mesa some no estreito; faixa + prêmio ficam */
    .pz-badges-grid[b-b7ys9p5on9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pz-sec-h[b-b7ys9p5on9] { flex-direction: column; align-items: flex-start; gap: 0.15rem; }
}
/* /Components/Pages/Ranking.razor.rz.scp.css */
/* ===== Ranking — "Cockpit do competidor" (scoped, Home.razor.css-style) =====
   Classificação como herói: sua campanha (posição + distâncias) e o pódio no
   topo, tabela plana embaixo. Molduras leves (fundo tênue + filete de topo),
   sem painel pesado. Enquadra a viewport ≥1200px; abaixo flui e a tabela rola
   por dentro. Usa os tokens globais (--stadium-*) e as classes globais
   .positive/.negative/.tier-dot. */

.rk[b-4ay47jrh49] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 0;
}
.rk > *[b-4ay47jrh49] { animation: rk-rise-b-4ay47jrh49 0.4s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes rk-rise-b-4ay47jrh49 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

/* ---------- Cabeçalho ---------- */
.rk-head[b-4ay47jrh49] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.rk-eyebrow[b-4ay47jrh49] {
    font-family: var(--stadium-mono);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.66rem;
    color: var(--stadium-muted);
}
.rk h1[b-4ay47jrh49] {
    margin: 0.1rem 0 0;
    font-family: var(--stadium-condensed);
    font-weight: 950;
    text-transform: uppercase;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1;
}
.rk-tools[b-4ay47jrh49] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}
.rk-chip[b-4ay47jrh49] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    font-family: var(--stadium-mono);
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--stadium-amber);
    background: var(--stadium-amber-soft);
    cursor: help;
}

/* ---------- Sub-cabeçalho: seletor de divisões + contexto ---------- */
.rk-subhead[b-4ay47jrh49] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.rk-seg[b-4ay47jrh49] {
    display: grid;
    grid-auto-flow: column;
    /* Todas as abas com a MESMA largura (= a da mais larga, "Operador Júnior"). */
    grid-auto-columns: minmax(max-content, 1fr);
    border: 1px solid var(--stadium-line);
    border-radius: 9px;
    overflow: hidden;
    background: rgba(1, 7, 4, 0.4);
}
.rk-seg button[b-4ay47jrh49] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.5rem 0.95rem;
    border: 0;
    border-left: 1px solid var(--stadium-line);
    background: transparent;
    color: var(--stadium-muted);
    font-family: var(--stadium-condensed);
    font-weight: 900;
    text-transform: uppercase;
    font-size: 0.86rem;
    letter-spacing: 0.02em;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.rk-seg button:first-child[b-4ay47jrh49] { border-left: 0; }
.rk-seg button:hover[b-4ay47jrh49] { color: var(--stadium-chalk); background: rgba(244, 241, 232, 0.04); }
.rk-seg button.is-active[b-4ay47jrh49] {
    color: var(--stadium-chalk);
    background: var(--stadium-amber-soft);
    box-shadow: inset 0 -2px 0 var(--stadium-amber);
}
.rk-seg .tier-dot[b-4ay47jrh49] { font-size: 0.7rem; margin: 0; }

.rk-ctx[b-4ay47jrh49] {
    font-family: var(--stadium-mono);
    font-size: 0.72rem;
    color: var(--stadium-muted);
}
.rk-ctx-prize[b-4ay47jrh49] { color: var(--stadium-amber); }
a.rk-ctx-prize[b-4ay47jrh49] { text-decoration: none; border-bottom: 1px dotted rgba(255, 194, 71, 0.5); }
a.rk-ctx-prize:hover[b-4ay47jrh49] { border-bottom-style: solid; }

/* ---------- Herói: sua campanha + no comando ---------- */
.rk-hero[b-4ay47jrh49] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--stadium-gap);
}

.rk-lbl[b-4ay47jrh49] {
    font-family: var(--stadium-mono);
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    color: var(--stadium-muted);
    text-transform: uppercase;
}

/* Cartão "Sua campanha" */
.rk-me[b-4ay47jrh49] {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: rgba(255, 194, 71, 0.05);
    border-top: 2px solid rgba(255, 194, 71, 0.55);
    padding: 1rem 1.2rem;
}
.rk-me-top[b-4ay47jrh49] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}
.rk-me-div[b-4ay47jrh49] {
    font-family: var(--stadium-mono);
    font-size: 0.64rem;
    color: var(--stadium-muted);
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}
.rk-me-main[b-4ay47jrh49] {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    margin-top: 0.4rem;
}
.rk-me-pos[b-4ay47jrh49] {
    font-family: var(--stadium-condensed);
    font-weight: 950;
    font-size: clamp(2.8rem, 5vw, 4.4rem);
    line-height: 0.8;
    color: var(--stadium-chalk);
}
.rk-me-fig[b-4ay47jrh49] { display: flex; flex-direction: column; gap: 0.15rem; }
.rk-cap[b-4ay47jrh49] { font-family: var(--stadium-mono); font-size: 0.7rem; color: var(--stadium-muted); }
.rk-me-res[b-4ay47jrh49] { font-family: var(--stadium-mono); font-weight: 900; font-size: 1.9rem; line-height: 0.9; }

.rk-me-gaps[b-4ay47jrh49] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: auto;
    padding-top: 0.9rem;
}
.rk-gap[b-4ay47jrh49] {
    border-radius: 7px;
    background: rgba(244, 241, 232, 0.03);
    padding: 0.5rem 0.6rem;
    min-width: 0;
}
.rk-gap b[b-4ay47jrh49] {
    display: block;
    font-family: var(--stadium-mono);
    font-weight: 900;
    font-size: 1.05rem;
    color: var(--stadium-chalk);
    line-height: 1.1;
}
.rk-gap span[b-4ay47jrh49] {
    display: block;
    font-size: 0.62rem;
    color: var(--stadium-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rk-gap.up[b-4ay47jrh49] { background: var(--stadium-amber-soft); }
.rk-gap.up b[b-4ay47jrh49] { color: var(--stadium-amber); }
.rk-gap.ok[b-4ay47jrh49] { background: var(--stadium-green-soft); }
.rk-gap.ok b[b-4ay47jrh49] { font-family: var(--stadium-condensed); text-transform: uppercase; color: #35df83; }
.rk-gap.out b[b-4ay47jrh49] { color: var(--stadium-muted); }

.rk-empty-me[b-4ay47jrh49] { margin: 0.4rem 0 0; color: var(--stadium-muted); font-size: 0.85rem; }

/* Cartão "No comando" (pódio compacto) */
.rk-lead[b-4ay47jrh49] {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(255, 194, 71, 0.7);
    padding: 0.85rem 1rem;
}
.rk-lead-h[b-4ay47jrh49] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}
.rk-lead-prize[b-4ay47jrh49] { font-family: var(--stadium-mono); font-size: 0.62rem; color: var(--stadium-amber); }
.rk-lead-row[b-4ay47jrh49] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
}
.rk-lead-row:last-child[b-4ay47jrh49] { border-bottom: none; }
.rk-lead-row.first[b-4ay47jrh49] { padding: 0.5rem 0 0.4rem; border-bottom: 1px solid var(--stadium-line); }
.rk-lead-row .nick[b-4ay47jrh49] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--stadium-chalk);
    text-decoration: none;
}
.rk-lead-row .nick:hover[b-4ay47jrh49] { color: var(--stadium-amber); }
.rk-lead-row.first .nick[b-4ay47jrh49] {
    font-family: var(--stadium-condensed);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.15rem;
}
.rk-lead-row .num[b-4ay47jrh49] { font-family: var(--stadium-mono); font-weight: 800; font-size: 0.82rem; }
.rk-lead-row.first .num[b-4ay47jrh49] { font-weight: 900; font-size: 0.98rem; }

/* Medalhas de posição (pódio nas três primeiras) */
.pos[b-4ay47jrh49] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    flex: 0 0 auto;
    font-family: var(--stadium-mono);
    font-size: 0.72rem;
    font-weight: 900;
    color: var(--stadium-muted);
    background: rgba(244, 241, 232, 0.05);
}
.rk-lead-row.first .pos[b-4ay47jrh49] { width: 1.7rem; height: 1.7rem; font-size: 0.8rem; }
.pos.p1[b-4ay47jrh49] { color: #231500; background: linear-gradient(180deg, #ffd77a, #d99f1e); box-shadow: 0 0 12px rgba(255, 194, 71, 0.35); }
.pos.p2[b-4ay47jrh49] { color: #10130f; background: linear-gradient(180deg, #e8e5da, #a9b3ac); }
.pos.p3[b-4ay47jrh49] { color: #1c0e02; background: linear-gradient(180deg, #e2a06b, #a96a35); }

/* ---------- Classificação (tabela plana) ---------- */
.rk-board[b-4ay47jrh49] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-radius: 10px;
    background: rgba(244, 241, 232, 0.022);
    border-top: 2px solid rgba(24, 165, 88, 0.5);
    overflow: hidden;
}
.rk-thead[b-4ay47jrh49] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr) 8rem 9rem;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-family: var(--stadium-mono);
    font-size: 0.58rem;
    letter-spacing: 0.08em;
    color: var(--stadium-muted);
    text-transform: uppercase;
    border-bottom: 1px solid var(--stadium-line);
}
.rk-thead .r[b-4ay47jrh49] { text-align: right; }

.rk-rows[b-4ay47jrh49] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(244, 241, 232, 0.22) transparent;
}
.rk-rows[b-4ay47jrh49]::-webkit-scrollbar { width: 8px; }
.rk-rows[b-4ay47jrh49]::-webkit-scrollbar-thumb { background: rgba(244, 241, 232, 0.18); border-radius: 4px; }

.rk-row[b-4ay47jrh49] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr) 8rem 9rem;
    gap: 0.5rem;
    align-items: center;
    padding: 0.44rem 1rem;
    border-bottom: 1px solid rgba(244, 241, 232, 0.05);
}
.rk-row:last-child[b-4ay47jrh49] { border-bottom: none; }
.rk-row .nick[b-4ay47jrh49] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.86rem;
}
.rk-row .nick a[b-4ay47jrh49] { color: var(--stadium-chalk); text-decoration: none; font-weight: 700; }
.rk-row .nick a:hover[b-4ay47jrh49] { color: var(--stadium-amber); }
.rk-row .num[b-4ay47jrh49] { font-family: var(--stadium-mono); font-weight: 800; font-size: 0.82rem; white-space: nowrap; }
.rk-row .r[b-4ay47jrh49] { text-align: right; }

.rk-row.is-champ[b-4ay47jrh49] {
    background: linear-gradient(90deg, rgba(24, 165, 88, 0.12), transparent 60%);
    box-shadow: inset 3px 0 0 var(--stadium-green);
}
.rk-row.is-me[b-4ay47jrh49] {
    background: rgba(255, 194, 71, 0.09);
    box-shadow: inset 0 0 0 1px rgba(255, 194, 71, 0.28);
}
.rk-row.is-champ.is-me[b-4ay47jrh49] {
    background: linear-gradient(90deg, rgba(24, 165, 88, 0.12), transparent 60%), rgba(255, 194, 71, 0.05);
    box-shadow: inset 3px 0 0 var(--stadium-green), inset 0 0 0 1px rgba(255, 194, 71, 0.28);
}

.tag-you[b-4ay47jrh49] {
    margin-left: 0.35rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    color: var(--stadium-amber);
    background: rgba(255, 194, 71, 0.16);
    font-family: var(--stadium-mono);
    font-size: 0.54rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.tag-champ[b-4ay47jrh49] {
    margin-left: 0.35rem;
    padding: 0.05rem 0.4rem;
    border: 1px solid rgba(24, 165, 88, 0.45);
    border-radius: 999px;
    color: #95ffc2;
    background: var(--stadium-green-soft);
    font-family: var(--stadium-mono);
    font-size: 0.54rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    cursor: help;
}
.tag-out[b-4ay47jrh49] {
    margin-left: 0.35rem;
    padding: 0.05rem 0.4rem;
    border: 1px solid rgba(143, 164, 154, 0.28);
    border-radius: 999px;
    color: var(--stadium-muted);
    background: rgba(143, 164, 154, 0.14);
    font-family: var(--stadium-mono);
    font-size: 0.54rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: help;
}
.badge-ic[b-4ay47jrh49] { margin-left: 0.25rem; }

.rk-empty[b-4ay47jrh49] { padding: 1.4rem 1rem; color: var(--stadium-muted); font-size: 0.85rem; }

.rk-legend[b-4ay47jrh49] {
    display: flex;
    align-items: center;
    gap: 0.4rem 1.1rem;
    flex-wrap: wrap;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--stadium-line);
    color: var(--stadium-muted);
    font-size: 0.68rem;
}
.rk-legend .li[b-4ay47jrh49] { display: inline-flex; align-items: center; gap: 0.4rem; }
.rk-legend .grow[b-4ay47jrh49] { margin-left: auto; text-align: right; flex-wrap: wrap; justify-content: flex-end; }
.rk-legend strong[b-4ay47jrh49] { color: var(--stadium-amber); font-family: var(--stadium-mono); }
.rk-legend a[b-4ay47jrh49] { color: #c9d3cd; text-decoration: none; border-bottom: 1px dotted rgba(244, 241, 232, 0.35); white-space: nowrap; }
.rk-legend a:hover[b-4ay47jrh49] { color: var(--stadium-amber); border-bottom-color: var(--stadium-amber); }
.sw[b-4ay47jrh49] { width: 0.85rem; height: 0.85rem; border-radius: 3px; flex: 0 0 auto; }
.sw.zone[b-4ay47jrh49] { background: linear-gradient(90deg, rgba(24, 165, 88, 0.65), rgba(24, 165, 88, 0.2)); box-shadow: inset 2px 0 0 var(--stadium-green); }
.sw.me[b-4ay47jrh49] { background: rgba(255, 194, 71, 0.16); box-shadow: inset 0 0 0 1px rgba(255, 194, 71, 0.4); }

.rk-loading[b-4ay47jrh49] {
    padding: 1.4rem;
    border: 1px solid var(--stadium-line);
    border-radius: var(--stadium-radius);
    background: var(--stadium-panel);
    color: var(--stadium-muted);
}

/* ---------- Responsivo ---------- */
@media (min-width: 900px) {
    .rk-hero[b-4ay47jrh49] { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
}
@media (max-width: 640px) {
    .rk-me-gaps[b-4ay47jrh49] { grid-template-columns: minmax(0, 1fr); }
    /* 4 divisões viram grade 2×2, mantendo as abas do mesmo tamanho. */
    .rk-seg[b-4ay47jrh49] {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .rk-seg button[b-4ay47jrh49] {
        border-left: 0;
        white-space: normal;
        text-align: center;
        padding: 0.5rem 0.5rem;
    }
    .rk-seg button:nth-child(even)[b-4ay47jrh49] { border-left: 1px solid var(--stadium-line); }
    .rk-seg button:nth-child(n + 3)[b-4ay47jrh49] { border-top: 1px solid var(--stadium-line); }
}

/* Desktop alto: enquadra a viewport; a tabela rola por dentro. */
@media (min-width: 1200px) and (min-height: 700px) {
    .rk[b-4ay47jrh49] { height: calc(100vh - 2.25rem); overflow: hidden; }
    .rk-board[b-4ay47jrh49] { flex: 1 1 0; min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .rk > *[b-4ay47jrh49] { animation: none !important; }
}