/* /Components/BotaoColapsarBloco.razor.rz.scp.css */
.botao-colapsar-bloco[b-bo6jad0bix] {
    display: grid;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: var(--green);
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 8px;
    cursor: pointer;
}

.botao-colapsar-bloco:hover[b-bo6jad0bix] {
    color: var(--on-green);
    background: var(--green);
    border-color: var(--green);
}

.botao-colapsar-bloco svg[b-bo6jad0bix] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform 0.15s ease;
}

.botao-colapsar-bloco svg.colapsado[b-bo6jad0bix] {
    transform: rotate(-90deg);
}
/* /Components/CampoRemateGrafico.razor.rz.scp.css */
.campo-remate[b-z3jb2fxlqr] {
    width: min(100%, 680px);
    margin: 0 auto;
    padding: 10px;
    background: var(--paper);
    border: 1px solid #111;
    border-radius: 12px;
}

.campo-remate.compacto[b-z3jb2fxlqr] {
    width: min(100%, clamp(360px, 42vh, 440px));
    max-height: none;
    padding: 4px;
}

.campo-remate.compacto .campo-svg[b-z3jb2fxlqr] {
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    margin: 0 auto;
}

.campo-remate.compacto .nome-zona[b-z3jb2fxlqr] {
    font-size: 19px;
}

.campo-remate.compacto .atalho-zona-remate[b-z3jb2fxlqr] {
    font-size: 15px;
}

.campo-remate.compacto .marca-meio-campo[b-z3jb2fxlqr] {
    font-size: 17px;
}

.campo-svg[b-z3jb2fxlqr] {
    display: block;
    width: 100%;
    height: auto;
    background: var(--paper);
}

.fundo-campo[b-z3jb2fxlqr],
.area-zona[b-z3jb2fxlqr] {
    fill: var(--paper);
}

.area-zona[b-z3jb2fxlqr] {
    stroke: #111;
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
    transition: fill 120ms ease;
}

.zona-interativa[b-z3jb2fxlqr] {
    cursor: pointer;
    outline: none;
}

.zona-interativa:hover .area-zona[b-z3jb2fxlqr],
.zona-interativa:focus .area-zona[b-z3jb2fxlqr] {
    fill: #e9e9e9;
    stroke-width: 3;
}

.zona-interativa.selecionada .area-zona[b-z3jb2fxlqr] {
    fill: #111;
    stroke: #111;
}

.zona-interativa.selecionada .nome-zona[b-z3jb2fxlqr] {
    fill: var(--paper);
}

.atalho-zona-remate[b-z3jb2fxlqr] {
    fill: #555;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    pointer-events: none;
    user-select: none;
}

.zona-interativa.selecionada .atalho-zona-remate[b-z3jb2fxlqr] {
    fill: var(--paper);
    opacity: 0.75;
}

.zona-interativa.desativada[b-z3jb2fxlqr] {
    cursor: default;
    opacity: 0.55;
}

.nome-zona[b-z3jb2fxlqr] {
    fill: #111;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    pointer-events: none;
    user-select: none;
}

.limite-campo[b-z3jb2fxlqr],
.linha-campo[b-z3jb2fxlqr],
.baliza-campo[b-z3jb2fxlqr] {
    fill: none;
    stroke: #111;
    stroke-width: 3;
    pointer-events: none;
    vector-effect: non-scaling-stroke;
}

.linha-nove-metros[b-z3jb2fxlqr] {
    stroke-dasharray: 12 10;
}

.marca-sete-metros[b-z3jb2fxlqr] {
    stroke-width: 5;
}

.marca-quatro-metros[b-z3jb2fxlqr] {
    stroke-width: 4;
}

.baliza-campo[b-z3jb2fxlqr] {
    fill: var(--paper);
    stroke-width: 5;
}

.marca-meio-campo[b-z3jb2fxlqr] {
    fill: #555;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    pointer-events: none;
}

@media (max-width: 640px) {
    .campo-remate[b-z3jb2fxlqr] {
        padding: 5px;
    }

    .campo-remate.compacto[b-z3jb2fxlqr] {
        width: min(100%, 390px);
    }

    .nome-zona[b-z3jb2fxlqr] {
        font-size: 17px;
    }

    .atalho-zona-remate[b-z3jb2fxlqr] {
        font-size: 13px;
    }
}
/* /Components/ExploradorZonaDefensiva.razor.rz.scp.css */
.explorador-zona-defensiva[b-pgfe6218au] { display: grid; gap: 13px; min-height: 280px; padding: 15px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; }
.explorador-zona-defensiva > header[b-pgfe6218au] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.explorador-zona-defensiva small[b-pgfe6218au] { color: var(--cor-equipa); font-size: var(--font-xs); font-weight: 900; letter-spacing: .1em; }
.explorador-zona-defensiva h4[b-pgfe6218au] { margin: 3px 0 0; }
.explorador-zona-defensiva > header > span[b-pgfe6218au] { color: var(--muted); font-size: var(--font-sm); font-weight: 750; }
.tabela-zona-defensiva[b-pgfe6218au] { height: 100%; min-height: 100px; overflow: auto; border: 1px solid color-mix(in srgb, var(--cor-adversario) 28%, var(--line)); border-radius: 10px; }
table[b-pgfe6218au] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--font-xs); }
th[b-pgfe6218au], td[b-pgfe6218au] { height: 31px; padding: 5px 7px; border-right: 1px solid #cdd8d1; border-bottom: 1px solid #dbe4de; text-align: center; }
tr > :last-child[b-pgfe6218au] { border-right: 0; }
tbody tr:last-child > *[b-pgfe6218au] { border-bottom: 0; }
th[b-pgfe6218au] { position: sticky; z-index: 1; top: 0; color: var(--cor-contraste-adversario, #fff); background: var(--cor-adversario); font-size: var(--font-xs); letter-spacing: 0; text-transform: none; }
th:first-child[b-pgfe6218au] { text-align: left; }
tbody td:first-child[b-pgfe6218au] { color: var(--cor-contraste-adversario, #fff); background: var(--cor-adversario); font-weight: 850; text-align: left; }
tbody tr[b-pgfe6218au] { cursor: pointer; }
tbody tr:hover[b-pgfe6218au], tbody tr.selecionado[b-pgfe6218au] { background: color-mix(in srgb, var(--green) 12%, var(--paper)); }
tbody tr:hover td:first-child[b-pgfe6218au], tbody tr.selecionado td:first-child[b-pgfe6218au] { filter: brightness(1.1); }
.baliza-guarda-redes[b-pgfe6218au] { display: grid; gap: 10px; }
.baliza-guarda-redes[b-pgfe6218au]  .mapa-baliza-relatorio { margin: 0 auto; }
.ajuda-defensiva[b-pgfe6218au], .sem-dados[b-pgfe6218au] { margin: 0; padding: 12px; color: var(--muted); background: var(--neutral-soft); border-radius: 8px; text-align: center; }

.grelha-baliza-campo[b-pgfe6218au] {
    display: flex;
    align-items: stretch;
    gap: 16px;
}

.coluna-esquerda[b-pgfe6218au] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    gap: 16px;
    min-width: 0;
    min-height: 0;
}

.coluna-baliza[b-pgfe6218au] {
    flex: 0 0 auto;
    display: grid;
    align-content: start;
    min-width: 0;
}

.coluna-lista[b-pgfe6218au] {
    flex: 1 1 0;
    display: grid;
    min-width: 0;
    min-height: 0;
}

.coluna-campo[b-pgfe6218au] {
    flex: 1 1 0;
    display: grid;
    justify-items: center;
    align-content: start;
    min-width: 0;
}

/* Ecrã pequeno: tudo empilhado, ordem combo → baliza → campo → lista.
   O "display: contents" tira a coluna esquerda da árvore de caixas para
   o campo poder entrar no meio, por ordem, sem mudar o HTML. */
@media (max-width: 640px) {
    .grelha-baliza-campo[b-pgfe6218au] {
        flex-direction: column;
    }

    .coluna-esquerda[b-pgfe6218au] {
        display: contents;
    }

    .coluna-baliza[b-pgfe6218au] {
        order: 1;
    }

    .coluna-campo[b-pgfe6218au] {
        order: 2;
    }

    .coluna-lista[b-pgfe6218au] {
        order: 3;
        flex: 0 0 auto;
    }
}

.baliza-guarda-redes-cabecalho[b-pgfe6218au] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.baliza-guarda-redes-cabecalho > div[b-pgfe6218au] { display: flex; align-items: center; gap: 8px; }

.fechar-foco[b-pgfe6218au] {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 50%;
    font: inherit;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
}

.fechar-foco:hover[b-pgfe6218au],
.fechar-foco:focus-visible[b-pgfe6218au] {
    color: var(--cor-equipa);
    border-color: var(--cor-equipa);
}

.seletor-guarda-redes-defensivo[b-pgfe6218au] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
}

.seletor-guarda-redes-defensivo select[b-pgfe6218au] {
    flex: 1;
    padding: 7px 9px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-weight: 750;
}
/* /Components/ExploradorZonaRemate.razor.rz.scp.css */
.explorador-zona[b-r7woa0t3wc] { display: grid; gap: 13px; min-height: 280px; padding: 15px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; }
.explorador-zona > header[b-r7woa0t3wc] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.explorador-zona small[b-r7woa0t3wc] { color: var(--cor-equipa); font-size: var(--font-xs); font-weight: 900; letter-spacing: .11em; }
.explorador-zona h4[b-r7woa0t3wc] { margin: 3px 0 0; }
.explorador-zona > header > span[b-r7woa0t3wc] { color: var(--muted); font-size: var(--font-sm); font-weight: 750; }
.tabela-zona[b-r7woa0t3wc] { overflow: auto; max-height: 330px; border: 1px solid color-mix(in srgb, var(--cor-equipa) 28%, var(--line)); border-radius: 10px; }
table[b-r7woa0t3wc] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--font-xs); }
th[b-r7woa0t3wc], td[b-r7woa0t3wc] { height: 31px; padding: 5px 7px; border-right: 1px solid #cdd8d1; border-bottom: 1px solid #dbe4de; text-align: center; }
tr > :last-child[b-r7woa0t3wc] { border-right: 0; }
tbody tr:last-child > *[b-r7woa0t3wc] { border-bottom: 0; }
th[b-r7woa0t3wc] { position: sticky; z-index: 1; top: 0; color: var(--cor-contraste, #fff); background: var(--cor-equipa); font-size: var(--font-xs); letter-spacing: 0; text-transform: none; }
th:first-child[b-r7woa0t3wc] { text-align: left; }
tbody td:first-child[b-r7woa0t3wc] { color: var(--cor-contraste, #fff); background: var(--cor-equipa); font-weight: 850; text-align: left; }
tbody tr[b-r7woa0t3wc] { cursor: pointer; }
tbody tr:hover[b-r7woa0t3wc], tbody tr.selecionado[b-r7woa0t3wc] { background: color-mix(in srgb, var(--green) 12%, var(--paper)); }
tbody tr:hover td:first-child[b-r7woa0t3wc], tbody tr.selecionado td:first-child[b-r7woa0t3wc] { filter: brightness(1.1); }
.baliza-atleta[b-r7woa0t3wc] { display: grid; gap: 10px; padding-top: 12px; border-top: 1px solid var(--line); }
.baliza-atleta[b-r7woa0t3wc]  .mapa-baliza-relatorio { margin: 0 auto; }
.ajuda-atleta[b-r7woa0t3wc], .sem-dados[b-r7woa0t3wc] { margin: 0; padding: 12px; color: var(--muted); background: var(--neutral-soft); border-radius: 8px; text-align: center; }

.baliza-atleta-cabecalho[b-r7woa0t3wc] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.baliza-atleta-cabecalho > div[b-r7woa0t3wc] { display: flex; align-items: center; gap: 8px; }

.fechar-foco[b-r7woa0t3wc] {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 50%;
    font: inherit;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
}

.fechar-foco:hover[b-r7woa0t3wc],
.fechar-foco:focus-visible[b-r7woa0t3wc] {
    color: var(--cor-equipa);
    border-color: var(--cor-equipa);
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.layout-login[b-whmly18go7] {
    --green: #087844;
    --green-dark: #0e2e20;
    --green-soft: #e9f5ee;
    --on-green: #ffffff;
    --ink: #171a18;
    --muted: #68706b;
    --paper: #ffffff;
    --canvas: #f4f5f4;
    --line: #dfe3e0;
    min-height: 100vh;
    color: var(--ink);
    background: var(--canvas);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.aplicacao-tema[b-fc0gjv33ne] {
    position: relative;
    min-height: 100vh;
    color: var(--ink, #13251b);
    background: var(--canvas, #f2f6f3);
}

.marca-software-fixa[b-fc0gjv33ne] {
    position: absolute;
    z-index: 40;
    right: clamp(12px, 2vw, 24px);
    bottom: clamp(10px, 2vh, 20px);
    width: clamp(110px, 11vw, 150px);
    pointer-events: none;
    user-select: none;
    opacity: 0.85;
}

.marca-software-fixa svg[b-fc0gjv33ne] {
    display: block;
    width: 100%;
    height: auto;
}

.nome-software-fixa[b-fc0gjv33ne] {
    font-family: inherit;
    font-size: 18px;
    font-weight: 800;
    fill: var(--ink, #13251b);
}

.destaque-software-fixa[b-fc0gjv33ne] {
    font-weight: 900;
    fill: var(--green, #087844);
}

.linha-software-fixa[b-fc0gjv33ne] {
    fill: none;
    stroke: var(--green, #087844);
    stroke-width: 2;
    opacity: 0.8;
}

.ponto-software-fixa[b-fc0gjv33ne] {
    fill: var(--green, #087844);
    opacity: 0.8;
}

#blazor-error-ui[b-fc0gjv33ne] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-fc0gjv33ne] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.menu-principal[b-fhkxhjun5s] {
    position: sticky;
    top: 0;
    z-index: 100;
    min-height: 70px;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--line, #dbe5df);
    box-shadow: 0 4px 18px rgba(17, 50, 31, 0.06);
    backdrop-filter: blur(12px);
}

.menu-conteudo[b-fhkxhjun5s] {
    display: flex;
    align-items: stretch;
    gap: 24px;
    width: min(2200px, calc(100% - clamp(48px, 6vw, 128px)));
    min-height: 70px;
    margin: 0 auto;
}

[b-fhkxhjun5s] .marca {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 11px;
    color: var(--ink, #13251b);
    text-decoration: none;
}

.marca-simbolo[b-fhkxhjun5s] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--paper);
    background: var(--green, #087844);
    border-radius: 11px;
    box-shadow: inset 0 -5px 12px rgba(0, 0, 0, 0.14);
    font-size: var(--font-sm);
    font-weight: 900;
    letter-spacing: 0.04em;
}

.marca-simbolo.com-logotipo[b-fhkxhjun5s] {
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.marca-simbolo img[b-fhkxhjun5s] {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
}

.simbolo-marca[b-fhkxhjun5s] {
    width: 60%;
    height: 60%;
    fill: none;
    stroke: currentColor;
    stroke-width: 3.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.simbolo-marca circle[b-fhkxhjun5s] {
    fill: currentColor;
    stroke: none;
}

.marca-texto[b-fhkxhjun5s] {
    display: flex;
    flex-direction: column;
}

.marca-texto strong[b-fhkxhjun5s] {
    display: block;
    max-width: 220px;
    overflow: hidden;
    color: var(--green, #087844);
    font-size: clamp(1.05rem, 0.98rem + 0.3vw, 1.3rem);
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menu-links[b-fhkxhjun5s] {
    display: flex;
    align-items: stretch;
    min-width: 0;
    margin-left: auto;
    overflow: visible;
}

.perfil-visualizacao[b-fhkxhjun5s] {
    display: flex;
    align-self: center;
    flex-direction: column;
    gap: 2px;
    min-width: 145px;
    margin-left: 6px;
}

.perfil-visualizacao label[b-fhkxhjun5s],
.perfil-visualizacao small[b-fhkxhjun5s] {
    overflow: hidden;
    color: var(--muted);
    font-size: 0.66rem;
    font-weight: 750;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perfil-visualizacao select[b-fhkxhjun5s] {
    min-height: 32px;
    padding: 4px 27px 4px 9px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-size: var(--font-xs);
    font-weight: 750;
}

.conta-utilizador[b-fhkxhjun5s] {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 10px;
}

.conta-utilizador form[b-fhkxhjun5s] {
    display: contents;
}

[b-fhkxhjun5s] .nome-utilizador {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    overflow: hidden;
    min-height: 36px;
    max-width: 180px;
    padding: 0 12px;
    color: var(--green);
    background: none;
    border: 1px solid var(--green);
    border-radius: 9px;
    font-size: var(--font-xs);
    font-weight: 850;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

[b-fhkxhjun5s] .nome-utilizador:hover,
[b-fhkxhjun5s] .nome-utilizador.active {
    color: var(--on-green);
    background: var(--green);
}

.icone-utilizador[b-fhkxhjun5s] {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.ligacao-login[b-fhkxhjun5s] {
    display: inline-flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    color: var(--green);
    background: none;
    border: 1px solid var(--green);
    border-radius: 9px;
    font: inherit;
    font-size: var(--font-xs);
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.ligacao-login:hover[b-fhkxhjun5s],
.ligacao-login.active[b-fhkxhjun5s] {
    color: var(--on-green);
    background: var(--green);
}

.item-com-submenu[b-fhkxhjun5s] {
    position: relative;
    display: flex;
    align-items: stretch;
}

.seta-submenu[b-fhkxhjun5s] {
    margin-left: 5px;
    font-size: var(--font-xs);
}

.submenu-nav[b-fhkxhjun5s] {
    position: absolute;
    z-index: 120;
    top: calc(100% - 1px);
    left: 50%;
    display: none;
    flex-direction: column;
    gap: 2px;
    width: 300px;
    padding: 10px;
    transform: translateX(-50%);
    background: var(--paper);
    border: 1px solid var(--line, #dbe5df);
    border-radius: 16px;
    box-shadow: 0 20px 44px rgba(17, 50, 31, 0.16);
}

.item-com-submenu:hover .submenu-nav[b-fhkxhjun5s],
.item-com-submenu:focus-within .submenu-nav[b-fhkxhjun5s] {
    display: flex;
}

.submenu-nav[b-fhkxhjun5s]  a {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: auto;
    padding: 10px;
    border-radius: 12px;
}

.submenu-nav[b-fhkxhjun5s]  a::after {
    display: none;
}

.submenu-nav[b-fhkxhjun5s]  a:hover,
.submenu-nav[b-fhkxhjun5s]  a.active {
    background: var(--neutral-soft);
}

.icone-submenu[b-fhkxhjun5s] {
    display: grid;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    place-items: center;
    color: var(--green, #087844);
    background: var(--green-soft);
    border-radius: 11px;
}

.icone-submenu svg[b-fhkxhjun5s] {
    width: 20px;
    height: 20px;
}

.texto-submenu[b-fhkxhjun5s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.submenu-nav[b-fhkxhjun5s]  a strong {
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 800;
    white-space: nowrap;
}

.submenu-nav[b-fhkxhjun5s]  a small {
    overflow: hidden;
    color: var(--muted);
    font-size: 0.74rem;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.submenu-nav[b-fhkxhjun5s]  a.active strong {
    color: var(--green, #087844);
}

.menu-links[b-fhkxhjun5s]  a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: var(--muted);
    font-size: var(--font-md);
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.menu-links[b-fhkxhjun5s]  a::after {
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 3px;
    content: "";
    background: transparent;
    border-radius: 3px 3px 0 0;
}

.menu-links[b-fhkxhjun5s]  a:hover,
.menu-links[b-fhkxhjun5s]  a.active {
    color: var(--green, #087844);
}

.menu-links[b-fhkxhjun5s]  a.active::after {
    background: var(--green, #087844);
}

.botao-menu-movel[b-fhkxhjun5s] {
    display: none;
    width: 42px;
    height: 42px;
    flex: none;
    align-self: center;
    align-items: center;
    justify-content: center;
    color: var(--green, #087844);
    background: none;
    border: 1px solid var(--green, #087844);
    border-radius: 9px;
    cursor: pointer;
}

.botao-menu-movel svg[b-fhkxhjun5s] {
    width: 20px;
    height: 20px;
}

.painel-menu-movel[b-fhkxhjun5s] {
    display: none;
}

/* A partir daqui o menu deixa de caber numa só linha -- em vez de
   espremer o texto até se sobrepor, tudo passa para dentro do botão de
   menu, com "Jogo"/"Análise"/"Organização" como submenus expansíveis. */
@media (max-width: 1090px) {
    .menu-principal[b-fhkxhjun5s],
    .menu-conteudo[b-fhkxhjun5s] {
        min-height: 62px;
    }

    .menu-conteudo[b-fhkxhjun5s] {
        width: calc(100% - 24px);
        gap: 10px;
    }

    .marca-texto[b-fhkxhjun5s] {
        display: none;
    }

    .marca-simbolo[b-fhkxhjun5s] {
        width: 38px;
        height: 38px;
    }

    .menu-links[b-fhkxhjun5s],
    .conta-utilizador[b-fhkxhjun5s] {
        display: none;
    }

    .botao-menu-movel[b-fhkxhjun5s] {
        display: flex;
        margin-left: auto;
    }

    .painel-menu-movel[b-fhkxhjun5s] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        max-height: calc(100vh - 62px);
        padding: 10px clamp(12px, 4vw, 24px) 18px;
        overflow-y: auto;
        background: var(--paper);
        border-top: 1px solid var(--line, #dbe5df);
        box-shadow: 0 20px 44px rgba(17, 50, 31, 0.12);
    }

    .grupo-menu-movel[b-fhkxhjun5s] {
        border-bottom: 1px solid var(--line, #dbe5df);
    }

    .grupo-menu-movel summary[b-fhkxhjun5s] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 46px;
        color: var(--ink);
        font-size: var(--font-md);
        font-weight: 800;
        list-style: none;
        cursor: pointer;
    }

    .grupo-menu-movel summary[b-fhkxhjun5s]::-webkit-details-marker {
        display: none;
    }

    .grupo-menu-movel summary[b-fhkxhjun5s]::after {
        color: var(--muted);
        font-size: var(--font-sm);
        content: "⌄";
        transition: transform 0.15s ease;
    }

    .grupo-menu-movel[open] summary[b-fhkxhjun5s]::after {
        transform: rotate(180deg);
    }

    .grupo-menu-movel[b-fhkxhjun5s]  a {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 9px 4px;
        border-radius: 12px;
        text-decoration: none;
    }

    .grupo-menu-movel[b-fhkxhjun5s]  a:hover,
    .grupo-menu-movel[b-fhkxhjun5s]  a.active {
        background: var(--neutral-soft);
    }

    .grupo-menu-movel[b-fhkxhjun5s]  a strong {
        color: var(--ink);
        font-size: var(--font-sm);
        font-weight: 800;
    }

    .grupo-menu-movel[b-fhkxhjun5s]  a.active strong {
        color: var(--green, #087844);
    }

    .grupo-menu-movel[b-fhkxhjun5s]  a small {
        color: var(--muted);
        font-size: 0.74rem;
        font-weight: 600;
    }

    .grupo-menu-movel[b-fhkxhjun5s] {
        padding-bottom: 6px;
    }

    [b-fhkxhjun5s] .link-flat-movel {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 46px;
        color: var(--ink);
        font-size: var(--font-md);
        font-weight: 800;
        text-decoration: none;
        border-bottom: 1px solid var(--line, #dbe5df);
    }

    [b-fhkxhjun5s] .link-flat-movel:hover,
    [b-fhkxhjun5s] .link-flat-movel.active {
        color: var(--green, #087844);
    }

    .separador-menu-movel[b-fhkxhjun5s] {
        height: 6px;
    }

    .painel-menu-movel form[b-fhkxhjun5s] {
        display: contents;
    }

    .botao-sair-movel[b-fhkxhjun5s] {
        width: 100%;
        color: #9a302a;
        background: none;
        border: none;
        border-bottom: none;
        text-align: left;
        cursor: pointer;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2e9d8rlpc8],
.components-reconnect-repeated-attempt-visible[b-2e9d8rlpc8],
.components-reconnect-failed-visible[b-2e9d8rlpc8],
.components-pause-visible[b-2e9d8rlpc8],
.components-resume-failed-visible[b-2e9d8rlpc8],
.components-rejoining-animation[b-2e9d8rlpc8] {
    display: none;
}

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


#components-reconnect-modal[b-2e9d8rlpc8] {
    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-2e9d8rlpc8 0.5s both;
    &[open]

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

}

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-2e9d8rlpc8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-2e9d8rlpc8 {
    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/LigacaoEstatistica.razor.rz.scp.css */
.ligacao-estatistica[b-wqnd9s8mo5] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 3px 10px;
    color: var(--texto-entidade, #fff);
    background: var(--cor-entidade, var(--green));
    border: 1px solid var(--cor-entidade, var(--green));
    border-radius: 7px;
    font: inherit;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    transition: color 140ms ease, background 140ms ease,
        border-color 140ms ease, box-shadow 140ms ease;
}

.ligacao-estatistica:hover[b-wqnd9s8mo5],
.ligacao-estatistica:focus-visible[b-wqnd9s8mo5] {
    box-shadow: 0 0 0 2px color-mix(
        in srgb,
        var(--cor-entidade, var(--green)) 35%,
        transparent);
    text-decoration: none;
}

.ligacao-estatistica.ligacao-texto[b-wqnd9s8mo5] {
    min-height: 0;
    padding: 0;
    color: var(--cor-entidade, var(--green));
    background: transparent;
    border-color: transparent;
    font-weight: 800;
}

.ligacao-estatistica.ligacao-texto:hover[b-wqnd9s8mo5],
.ligacao-estatistica.ligacao-texto:focus-visible[b-wqnd9s8mo5] {
    box-shadow: none;
    text-decoration: underline;
}

.texto-estatistica[b-wqnd9s8mo5] {
    font-weight: 850;
}
/* /Components/MapaBalizaRelatorio.razor.rz.scp.css */
.mapa-baliza-relatorio[b-6yr5tnj9rl] {
    width: min(100%, 560px);
    margin: 0 auto;
}

.mapa-baliza-relatorio.compacto[b-6yr5tnj9rl] {
    width: min(100%, 360px);
}

.mapa-baliza-relatorio.compacto .moldura-baliza[b-6yr5tnj9rl] {
    padding: 11px 11px 0;
    background:
        repeating-linear-gradient(90deg, #fff 0 18px, #111 18px 36px) top / 100% 9px no-repeat,
        repeating-linear-gradient(180deg, #fff 0 18px, #111 18px 36px) left / 9px 100% no-repeat,
        repeating-linear-gradient(180deg, #fff 0 18px, #111 18px 36px) right / 9px 100% no-repeat;
}

.mapa-baliza-relatorio.compacto .baliza-relatorio[b-6yr5tnj9rl] {
    grid-template-columns: repeat(3, minmax(42px, 1fr));
    grid-template-rows: repeat(3, minmax(46px, 1fr));
    padding: 3px;
}

.mapa-baliza-relatorio.compacto .zona-baliza[b-6yr5tnj9rl] {
    gap: 1px;
    padding: 3px;
}

.mapa-baliza-relatorio.compacto .zona-baliza span[b-6yr5tnj9rl] {
    font-size: 0.92rem;
}

.mapa-baliza-relatorio.compacto .zona-baliza strong[b-6yr5tnj9rl] {
    font-size: 0.78rem;
}

.mapa-baliza-relatorio.compacto .zona-baliza small[b-6yr5tnj9rl] {
    min-width: 36px;
    padding: 2px 4px;
    font-size: 0.62rem;
}

.moldura-baliza[b-6yr5tnj9rl] {
    padding: 17px 17px 0;
    background:
        repeating-linear-gradient(
            90deg,
            #fff 0 26px,
            #111 26px 52px)
        top / 100% 13px no-repeat,
        repeating-linear-gradient(
            180deg,
            #fff 0 26px,
            #111 26px 52px)
        left / 13px 100% no-repeat,
        repeating-linear-gradient(
            180deg,
            #fff 0 26px,
            #111 26px 52px)
        right / 13px 100% no-repeat;
    filter: drop-shadow(0 8px 8px rgba(23, 33, 27, 0.1));
}

.baliza-relatorio[b-6yr5tnj9rl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(68px, 1fr));
    grid-template-rows: repeat(3, minmax(90px, 1fr));
    gap: 2px;
    aspect-ratio: 3 / 1.65;
    padding: 5px;
    background-color: #f0f1f0;
    background-image:
        linear-gradient(rgba(70, 74, 72, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(70, 74, 72, 0.15) 1px, transparent 1px);
    background-size: 18px 18px;
    border: 2px solid var(--line);
}

.zona-baliza[b-6yr5tnj9rl] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    align-items: center;
    justify-items: center;
    gap: 2px;
    min-width: 0;
    padding: 7px 9px;
    color: var(--texto-intensidade);
    background: var(--cor-intensidade);
    border: 1px solid var(--contorno-intensidade);
    border-radius: 4px;
}

.zona-baliza.com-dados[b-6yr5tnj9rl] {
    color: var(--texto-intensidade);
    background: var(--cor-intensidade);
    border-color: var(--contorno-intensidade);
}

.zona-baliza.interativa[b-6yr5tnj9rl] {
    cursor: pointer;
    transition: filter .15s ease, box-shadow .15s ease, transform .15s ease;
}

.zona-baliza.interativa:hover[b-6yr5tnj9rl],
.zona-baliza.interativa:focus-visible[b-6yr5tnj9rl] {
    filter: brightness(1.08);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-equipa) 55%, transparent);
    outline: none;
}

.zona-baliza.interativa.selecionada[b-6yr5tnj9rl] {
    box-shadow: 0 0 0 3px var(--cor-equipa);
    transform: scale(1.03);
    z-index: 1;
}

.zona-baliza span[b-6yr5tnj9rl] {
    font-size: 1.35rem;
    font-weight: 950;
}

.zona-baliza strong[b-6yr5tnj9rl] {
    align-self: end;
    font-size: 1rem;
    line-height: 1;
}

.zona-baliza small[b-6yr5tnj9rl] {
    align-self: start;
    min-width: 48px;
    padding: 4px 7px;
    color: var(--texto-eficacia);
    background: var(--cor-eficacia);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    font-size: var(--font-xs);
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

.legenda-mapa[b-6yr5tnj9rl] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 5px 5px;
    color: var(--muted);
    font-size: var(--font-xs);
}

.legenda-mapa strong[b-6yr5tnj9rl] {
    color: var(--ink);
}

.legenda-escalas[b-6yr5tnj9rl] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 5px 8px;
    color: var(--muted);
    font-size: var(--font-xs);
}

.legenda-escalas span[b-6yr5tnj9rl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.legenda-escalas i[b-6yr5tnj9rl] {
    width: 42px;
    height: 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
}

.escala-volume[b-6yr5tnj9rl] {
    background: linear-gradient(90deg, var(--map-volume-min), var(--map-volume-max));
}

.escala-eficacia[b-6yr5tnj9rl] {
    background: linear-gradient(90deg, var(--map-efficiency-min), var(--map-efficiency-max));
}

.sem-zona-baliza[b-6yr5tnj9rl] { display: block; margin-top: 8px; color: var(--muted); text-align: right; }

.nomes-zonas[b-6yr5tnj9rl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px 10px;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid var(--line);
    list-style: none;
}

.nomes-zonas li[b-6yr5tnj9rl] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    color: var(--muted);
    font-size: var(--font-xs);
    text-align: center;
}

.nomes-zonas strong[b-6yr5tnj9rl] {
    flex: 0 0 auto;
    color: var(--cor-equipa);
}

.nomes-zonas span[b-6yr5tnj9rl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 620px) {
    .baliza-relatorio[b-6yr5tnj9rl] {
        grid-template-columns: repeat(3, minmax(58px, 1fr));
        grid-template-rows: repeat(3, minmax(62px, 1fr));
    }

    .zona-baliza[b-6yr5tnj9rl] {
        gap: 0 5px;
        padding: 5px;
    }

    .zona-baliza span[b-6yr5tnj9rl] {
        font-size: 1.1rem;
    }

    .nomes-zonas[b-6yr5tnj9rl] {
        grid-template-columns: 1fr;
    }

    .legenda-escalas[b-6yr5tnj9rl] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/MapaCampoRelatorio.razor.rz.scp.css */
.mapa-campo-relatorio[b-q7hyf13py2] {
    width: min(100%, 560px);
    margin: 0 auto;
    padding: 8px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.mapa-campo-relatorio.compacto[b-q7hyf13py2] {
    width: min(100%, 360px);
    padding: 4px;
}

.mapa-campo-relatorio.compacto .legenda-mapa[b-q7hyf13py2],
.mapa-campo-relatorio.compacto .legenda-escalas[b-q7hyf13py2] {
    display: none;
}

.campo-relatorio-svg[b-q7hyf13py2] {
    display: block;
    width: 100%;
    height: auto;
    background: var(--paper);
}

.fundo-campo[b-q7hyf13py2],
.area-zona[b-q7hyf13py2] {
    fill: var(--paper);
}

.area-zona[b-q7hyf13py2] {
    stroke: #aeb2b0;
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

.zona-mapa.com-dados .area-zona[b-q7hyf13py2] {
    fill: var(--cor-intensidade);
    stroke: var(--contorno-intensidade);
    stroke-width: 2.5;
}

.zona-mapa.interativa[b-q7hyf13py2] {
    cursor: pointer;
    transition: filter .15s ease, opacity .15s ease;
}

.zona-mapa.interativa:hover[b-q7hyf13py2],
.zona-mapa.interativa:focus[b-q7hyf13py2],
.zona-mapa.interativa.selecionada[b-q7hyf13py2] {
    filter: brightness(1.1) drop-shadow(0 0 7px color-mix(in srgb, var(--green) 72%, transparent));
    outline: none;
}

.zona-mapa.interativa.selecionada .area-zona[b-q7hyf13py2] {
    stroke: var(--green);
    stroke-width: 6px;
}

.rotulo-dados-zona[b-q7hyf13py2],
.chamada-sete-metros[b-q7hyf13py2] {
    pointer-events: none;
}

.nome-zona[b-q7hyf13py2],
.dados-zona[b-q7hyf13py2],
.marca-meio-campo[b-q7hyf13py2] {
    fill: #1b3025;
    font-family: inherit;
    pointer-events: none;
}

.nome-zona[b-q7hyf13py2] {
    font-size: 13px;
    font-weight: 800;
}

.dados-zona[b-q7hyf13py2] {
    fill: #253b2f;
    font-size: 16px;
    font-weight: 950;
}

.dados-zona.compacta[b-q7hyf13py2] {
    font-size: 12px;
}

.zona-mapa.com-dados .dados-zona[b-q7hyf13py2],
.rotulo-dados-zona.com-dados .dados-zona[b-q7hyf13py2] {
    fill: var(--texto-intensidade);
}

.zona-mapa.com-dados .nome-zona[b-q7hyf13py2],
.rotulo-dados-zona.com-dados .nome-zona[b-q7hyf13py2] {
    fill: var(--texto-intensidade);
}

.fundo-eficacia[b-q7hyf13py2] {
    fill: var(--cor-eficacia);
    stroke: rgba(0, 0, 0, 0.18);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.eficacia-zona[b-q7hyf13py2] {
    fill: var(--texto-eficacia);
    font-size: 11px;
    font-weight: 800;
    pointer-events: none;
}

.eficacia-zona.compacta[b-q7hyf13py2] {
    font-size: 9px;
}

.dados-horizontais .nome-zona.compacta[b-q7hyf13py2],
.dados-duas-linhas .nome-zona.compacta[b-q7hyf13py2] {
    font-size: 12px;
}

.zona-SeteMetros .area-zona[b-q7hyf13py2] {
    stroke-dasharray: 4 3;
}

.chamada-sete-metros .nome-zona[b-q7hyf13py2],
.chamada-sete-metros .dados-zona[b-q7hyf13py2] {
    fill: #171a18;
}

.chamada-sete-metros .linha-chamada[b-q7hyf13py2] {
    fill: none;
    stroke: #171a18;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
    vector-effect: non-scaling-stroke;
}

.limite-campo[b-q7hyf13py2],
.linha-campo[b-q7hyf13py2] {
    fill: none;
    stroke: #111;
    stroke-width: 3;
    pointer-events: none;
    vector-effect: non-scaling-stroke;
}

.linha-nove-metros[b-q7hyf13py2] {
    stroke-dasharray: 12 10;
}

.marca-sete-metros[b-q7hyf13py2] {
    stroke-width: 5;
}

.marca-quatro-metros[b-q7hyf13py2] {
    stroke-width: 4;
}

.baliza-campo[b-q7hyf13py2] {
    pointer-events: none;
}

.baliza-campo .contorno-baliza[b-q7hyf13py2] {
    fill: none;
    stroke: #111;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.baliza-campo .segmento-preto[b-q7hyf13py2],
.baliza-campo .segmento-branco[b-q7hyf13py2] {
    stroke-width: 4;
    stroke-linecap: butt;
    vector-effect: non-scaling-stroke;
}

.baliza-campo .segmento-preto[b-q7hyf13py2] {
    stroke: #111;
}

.baliza-campo .segmento-branco[b-q7hyf13py2] {
    stroke: #fff;
}

.marca-meio-campo[b-q7hyf13py2] {
    fill: #586b60;
    font-size: 13px;
    font-weight: 700;
}

.legenda-mapa[b-q7hyf13py2] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 8px 2px;
    color: var(--muted);
    font-size: var(--font-xs);
}

.legenda-mapa strong[b-q7hyf13py2] {
    color: var(--ink);
}

.legenda-escalas[b-q7hyf13py2] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 3px 8px 6px;
    color: var(--muted);
    font-size: var(--font-xs);
}

.legenda-escalas span[b-q7hyf13py2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.legenda-escalas i[b-q7hyf13py2] {
    width: 42px;
    height: 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
}

.escala-volume[b-q7hyf13py2] {
    background: linear-gradient(90deg, var(--map-volume-min), var(--map-volume-max));
}

.escala-eficacia[b-q7hyf13py2] {
    background: linear-gradient(90deg, var(--map-efficiency-min), var(--map-efficiency-max));
}

@media (max-width: 620px) {
    .mapa-campo-relatorio[b-q7hyf13py2] {
        padding: 4px;
    }

    .nome-zona[b-q7hyf13py2] {
        font-size: 15px;
    }

    .dados-zona[b-q7hyf13py2] {
        font-size: 18px;
    }

    .legenda-escalas[b-q7hyf13py2] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Administracao.razor.rz.scp.css */
.cabecalho-configuracoes h1[b-qr1h2unrkp] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.cabecalho-configuracoes p:not(.subtitulo)[b-qr1h2unrkp],
.titulo-cartao p:not(.subtitulo)[b-qr1h2unrkp] {
    color: var(--muted, #64736a);
}

.botao-secundario[b-qr1h2unrkp] {
    min-height: 39px;
    padding: 0 15px;
    color: var(--green, #087844);
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.seletor-perfil[b-qr1h2unrkp] {
    margin-bottom: 10px;
    padding: 16px 18px;
}

.seletor-perfil input[b-qr1h2unrkp],
.seletor-perfil select[b-qr1h2unrkp],
.cartao-configuracao input[b-qr1h2unrkp],
.cartao-configuracao select[b-qr1h2unrkp],
.configuracao-zonas-baliza input[b-qr1h2unrkp],
.configuracao-zonas-baliza select[b-qr1h2unrkp] {
    color: var(--ink, #13251b);
    background: #fbfcfb;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.separadores-configuracao[b-qr1h2unrkp] {
    display: flex;
    gap: 5px;
    margin: 14px 0 10px;
}

.separadores-configuracao button[b-qr1h2unrkp] {
    min-height: 39px;
    padding: 0 15px;
    color: var(--muted);
    background: #e6ede8;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 800;
    cursor: pointer;
}

.separadores-configuracao button.ativo[b-qr1h2unrkp] {
    color: var(--paper);
    background: var(--green, #087844);
}

.separadores-secundarios[b-qr1h2unrkp] {
    margin-top: 6px;
}

.separadores-secundarios button[b-qr1h2unrkp] {
    min-height: 33px;
    padding: 0 12px;
    background: transparent;
    border: 1px solid var(--line);
}

.separadores-secundarios button.ativo[b-qr1h2unrkp] {
    border-color: var(--green, #087844);
}

.sem-margem-superior[b-qr1h2unrkp] {
    margin-top: 0;
}

.editor-fluxo[b-qr1h2unrkp],
.configuracao-atalhos[b-qr1h2unrkp],
.configuracao-zonas-baliza[b-qr1h2unrkp] {
    padding: 22px;
}

.titulo-cartao[b-qr1h2unrkp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px;
}

.titulo-cartao p:not(.subtitulo)[b-qr1h2unrkp] {
    margin: 0;
    font-size: var(--font-sm);
    line-height: 1.5;
}

.editor-jogo-ao-vivo[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 240px;
    align-items: start;
    gap: 14px;
    margin-top: 16px;
}

.editor-coluna-lateral[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.editor-coluna-central[b-qr1h2unrkp] {
    display: grid;
    gap: 9px;
    min-width: 0;
}

.cabecalho-coluna-central[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.titulo-coluna-editor[b-qr1h2unrkp] {
    margin: 0 0 2px;
    color: var(--ink);
    font-size: 0.85rem;
    font-weight: 800;
}

.cabecalho-coluna-central .titulo-coluna-editor[b-qr1h2unrkp] {
    margin: 0;
}

.cartao-painel-fixo-editor[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.cartao-painel-fixo-editor input[b-qr1h2unrkp] {
    width: 100%;
    min-height: 34px;
    padding: 0 8px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.linha-controlo-painel-fixo[b-qr1h2unrkp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

.linha-controlo-painel-fixo select[b-qr1h2unrkp] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 1150px) {
    .editor-jogo-ao-vivo[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }
}

.cartao-etapa[b-qr1h2unrkp] {
    overflow: hidden;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 11px;
    transition: border-color 0.16s, box-shadow 0.16s, opacity 0.16s;
}

.cartao-etapa:hover[b-qr1h2unrkp] {
    border-color: var(--line-strong);
    box-shadow: 0 8px 20px rgba(20, 24, 22, 0.06);
}

.cartao-etapa.a-arrastar[b-qr1h2unrkp] {
    opacity: 0.55;
    border-color: var(--green, #087844);
}

.cartao-etapa > header[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: var(--canvas);
    border-bottom: 1px solid var(--line);
}

.pega-arrasto[b-qr1h2unrkp] {
    color: #88958d;
    font-size: 22px;
    line-height: 1;
    cursor: grab;
}

.cartao-etapa > header > div:nth-child(2)[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cartao-etapa > header small[b-qr1h2unrkp] {
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.11em;
}

.cartao-etapa > header strong[b-qr1h2unrkp] {
    font-size: var(--font-sm);
}

.botoes-mover-etapa[b-qr1h2unrkp] {
    display: flex;
    gap: 4px;
}

.botoes-mover-etapa button[b-qr1h2unrkp],
.cartao-etapa > footer button[b-qr1h2unrkp] {
    min-width: 30px;
    min-height: 30px;
    color: var(--muted);
    background: #eef0ef;
    border: 0;
    border-radius: 6px;
    font-size: var(--font-xs);
    font-weight: 800;
    cursor: pointer;
}

.componentes-da-etapa[b-qr1h2unrkp] {
    display: grid;
    gap: 7px;
    padding: 10px 12px;
}

.componente-editor[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: 58px minmax(180px, 1fr) minmax(135px, 0.45fr) 145px auto;
    align-items: start;
    gap: 10px;
    padding: 9px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.ordem-dentro-etapa[b-qr1h2unrkp],
.componente-editor select[b-qr1h2unrkp],
.nivel-resultado-fixo[b-qr1h2unrkp],
.botao-secundario.botao-alterar-componente[b-qr1h2unrkp] {
    margin-top: 2px;
}

.ordem-dentro-etapa[b-qr1h2unrkp],
.acoes-ordem-vista[b-qr1h2unrkp],
.acoes-ordem-atributo[b-qr1h2unrkp] {
    display: flex;
    gap: 4px;
}

.ordem-dentro-etapa button[b-qr1h2unrkp],
.acoes-ordem-vista button[b-qr1h2unrkp],
.acoes-ordem-atributo button[b-qr1h2unrkp] {
    width: 27px;
    height: 27px;
    padding: 0;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-size: var(--font-xs);
}

.opcoes-componente[b-qr1h2unrkp] {
    grid-column: 2 / -1;
}

.dados-componente[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.dados-componente input[b-qr1h2unrkp],
.componente-editor select[b-qr1h2unrkp],
.opcoes-componente[b-qr1h2unrkp] {
    width: 100%;
    min-height: 34px;
    padding: 0 8px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.dados-componente small[b-qr1h2unrkp] {
    color: #7b8880;
    font-size: var(--font-xs);
}

.nivel-resultado-fixo[b-qr1h2unrkp] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 9px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.botao-secundario.botao-alterar-componente[b-qr1h2unrkp] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-self: start;
    color: var(--ink);
    background: transparent;
    border-color: var(--line);
}

.botao-secundario.botao-alterar-componente:hover:not(:disabled)[b-qr1h2unrkp] {
    color: var(--green);
    background: var(--green-soft);
    border-color: var(--green);
}

.badge-fonte-campo[b-qr1h2unrkp] {
    grid-column: 4 / -1;
    height: auto;
    min-height: 34px;
    white-space: normal;
    color: var(--muted);
    font-weight: 700;
    line-height: 1.3;
}

.opcoes-componente[b-qr1h2unrkp] {
    grid-column: 2 / 5;
}

.opcoes-componente-base[b-qr1h2unrkp] {
    display: grid;
    grid-column: 2 / -1;
    gap: 9px;
    padding: 10px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.opcoes-componente-base > small[b-qr1h2unrkp] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.remover-componente[b-qr1h2unrkp] {
    width: 30px;
    height: 30px;
    color: #9f3535;
    background: #fff0f0;
    border: 0;
    border-radius: 7px;
    font-weight: 900;
    cursor: pointer;
}

.cartao-etapa > footer[b-qr1h2unrkp] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    padding: 9px 12px 12px;
}

.cartao-etapa > footer select[b-qr1h2unrkp],
.cartao-etapa > footer button[b-qr1h2unrkp] {
    min-height: 34px;
    padding: 0 11px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 10px;
    font-size: var(--font-xs);
    font-weight: 800;
    cursor: pointer;
}

.cartao-etapa > footer select:hover:not(:disabled)[b-qr1h2unrkp],
.cartao-etapa > footer button:hover:not(:disabled)[b-qr1h2unrkp] {
    color: var(--green, #087844);
    border-color: var(--green, #087844);
}

.lista-atalhos[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.atalho-linha[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: 36px 1fr 112px;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.atalho-linha.conflito[b-qr1h2unrkp] {
    background: #fff5f3;
    border-color: #e7aaa2;
}

.icone-atalho[b-qr1h2unrkp] {
    display: grid;
    width: 33px;
    height: 33px;
    place-items: center;
    color: var(--green, #087844);
    background: var(--green-soft);
    border-radius: 7px;
    font-size: var(--font-sm);
    font-weight: 900;
}

.atalho-linha > span:nth-child(2)[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.atalho-linha strong[b-qr1h2unrkp] {
    font-size: var(--font-xs);
}

.atalho-linha small[b-qr1h2unrkp] {
    color: var(--muted, #64736a);
    font-size: var(--font-xs);
}

.atalho-linha input[b-qr1h2unrkp] {
    width: 100%;
    height: 34px;
    padding: 0 8px;
    text-align: center;
    font-size: var(--font-xs);
    font-weight: 800;
}

.nota-atalhos[b-qr1h2unrkp],
.aviso-atalhos[b-qr1h2unrkp] {
    margin: 14px 0 0;
    padding: 13px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    font-size: var(--font-xs);
}

.aviso-atalhos[b-qr1h2unrkp] {
    color: #87352f;
    background: #fff2ef;
    border-color: #ebc2bc;
}

.configuracao-zonas-baliza[b-qr1h2unrkp] {
    margin: 0;
}

@media (max-width: 900px) {
    .lista-atalhos[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }

    .componente-editor[b-qr1h2unrkp] {
        grid-template-columns: 58px minmax(160px, 1fr) 125px auto;
    }
}

@media (max-width: 650px) {
    .pagina-configuracoes[b-qr1h2unrkp] {
        width: calc(100% - 20px);
        padding-top: 22px;
    }

    .cabecalho-configuracoes[b-qr1h2unrkp],
    .titulo-cartao[b-qr1h2unrkp] {
        align-items: stretch;
        flex-direction: column;
    }

    .separadores-configuracao[b-qr1h2unrkp] {
        overflow-x: auto;
    }

    .separadores-configuracao button[b-qr1h2unrkp] {
        white-space: nowrap;
    }

    .componente-editor[b-qr1h2unrkp] {
        grid-template-columns: 58px 1fr;
    }

    .dados-componente[b-qr1h2unrkp],
    .tipo-resposta-componente[b-qr1h2unrkp] {
        grid-column: 1 / -1;
    }

    .componente-editor select[b-qr1h2unrkp],
    .componente-editor .remover-componente[b-qr1h2unrkp] {
        grid-column: 2;
    }

    .opcoes-componente[b-qr1h2unrkp],
    .badge-fonte-campo[b-qr1h2unrkp] {
        grid-column: 1 / -1;
    }

    .cartao-etapa > footer[b-qr1h2unrkp] {
        align-items: stretch;
        flex-direction: column;
    }

    .atalho-linha[b-qr1h2unrkp] {
        grid-template-columns: 34px 1fr;
    }

    .atalho-linha input[b-qr1h2unrkp] {
        grid-column: 1 / 3;
    }
}

.cabecalho-configuracoes[b-qr1h2unrkp],
.seletor-perfil[b-qr1h2unrkp],
.grelha-configuracoes[b-qr1h2unrkp],
.criador-componentes[b-qr1h2unrkp],
.configuracao-zonas-baliza[b-qr1h2unrkp],
.mensagem[b-qr1h2unrkp],
.acoes-pagina[b-qr1h2unrkp],
.estado-pagina[b-qr1h2unrkp] {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

.cabecalho-configuracoes[b-qr1h2unrkp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.cabecalho-configuracoes p:not(.subtitulo)[b-qr1h2unrkp] {
    max-width: 680px;
    margin: 0;
    color: var(--muted);
    line-height: 1.5;
}

.subtitulo[b-qr1h2unrkp] {
    margin: 0 0 5px;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

button[b-qr1h2unrkp],
input[b-qr1h2unrkp],
select[b-qr1h2unrkp] {
    font: inherit;
}

button[b-qr1h2unrkp] {
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 800;
}

button:disabled[b-qr1h2unrkp],
input:disabled[b-qr1h2unrkp],
select:disabled[b-qr1h2unrkp] {
    cursor: not-allowed;
    opacity: 0.55;
}

.cabecalho-selecao-perfil[b-qr1h2unrkp] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.cabecalho-selecao-perfil .seletor-perfil[b-qr1h2unrkp] {
    flex: 1 1 auto;
    margin-bottom: 0;
}

.cabecalho-selecao-perfil > .botao-secundario[b-qr1h2unrkp] {
    flex: 0 0 auto;
    align-self: center;
    white-space: nowrap;
}

.seletor-perfil[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.2fr) auto;
    align-items: end;
    gap: 16px;
    padding: 20px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}

.campo[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.campo label[b-qr1h2unrkp],
.linha-campo label[b-qr1h2unrkp] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.campo input[b-qr1h2unrkp],
.campo select[b-qr1h2unrkp],
.linha-campo select[b-qr1h2unrkp] {
    min-height: 44px;
    padding: 9px 11px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.opcao-predefinida[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 700;
}

.cartao-configuracao[b-qr1h2unrkp] {
    overflow: hidden;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}

.titulo-cartao[b-qr1h2unrkp] {
    padding: 22px 22px 16px;
    border-bottom: 1px solid var(--line);
}

.lista-opcoes[b-qr1h2unrkp] {
    padding: 8px 22px 18px;
}

.configuracao-zonas-baliza[b-qr1h2unrkp] {
    margin-top: 18px;
    padding: 22px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}

.baliza-editor-grafica[b-qr1h2unrkp] {
    width: min(100%, 560px);
    margin: 18px auto 0;
    padding: 16px 16px 0;
    background:
        linear-gradient(#000, #000) left top / 12px 12px no-repeat,
        linear-gradient(#000, #000) right top / 12px 12px no-repeat,
        repeating-linear-gradient(
            90deg,
            #000 0 22px,
            #fff 22px 44px)
        50% top / 100% 12px no-repeat,
        repeating-linear-gradient(
            180deg,
            #000 0 22px,
            #fff 22px 44px)
        left 50% / 12px 100% no-repeat,
        repeating-linear-gradient(
            180deg,
            #000 0 22px,
            #fff 22px 44px)
        right 50% / 12px 100% no-repeat;
    filter: drop-shadow(0 8px 8px rgba(23, 33, 27, 0.12));
}

.baliza-editor[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(90px, 1fr));
    gap: 1px;
    padding: 4px;
    background-color: #eef3ef;
    background-image:
        linear-gradient(rgba(80, 99, 87, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(80, 99, 87, 0.15) 1px, transparent 1px);
    background-size: 18px 18px;
    border: 2px solid var(--line);
}

.zona-editor-baliza[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 6px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(81, 101, 88, 0.22);
    border-radius: 3px;
}

.zona-editor-baliza input[type="text"][b-qr1h2unrkp],
.zona-editor-baliza input:not([type])[b-qr1h2unrkp] {
    min-width: 0;
    min-height: 34px;
    padding: 4px 7px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-size: var(--font-sm);
    text-align: center;
}

.zona-editor-baliza input.atalho-zona-baliza[b-qr1h2unrkp] {
    min-height: 26px;
    max-width: 68px;
    margin: 0 auto;
    padding: 2px 6px;
    color: var(--muted);
    background: var(--neutral-soft);
    border-style: dashed;
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.lista-zonas-remate[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
}

.zona-editor-remate[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.zona-editor-remate span[b-qr1h2unrkp] {
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 600;
}

.zona-editor-remate input.atalho-zona-remate[b-qr1h2unrkp] {
    min-height: 26px;
    max-width: 68px;
    padding: 2px 6px;
    color: var(--muted);
    background: var(--paper);
    border: 1px dashed var(--line);
    border-radius: 6px;
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
}

.rodape-modal-baliza[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    margin-top: 18px;
}

.rodape-modal-baliza .mensagem[b-qr1h2unrkp] {
    margin-top: 0;
}

.campo small[b-qr1h2unrkp] {
    color: var(--muted);
    font-size: var(--font-sm);
}

.mensagem[b-qr1h2unrkp],
.estado-pagina[b-qr1h2unrkp] {
    margin-top: 16px;
    padding: 13px 15px;
    border-radius: 10px;
}

.mensagem.sucesso[b-qr1h2unrkp] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.mensagem.erro[b-qr1h2unrkp] {
    color: #8d2920;
    background: #fff0ee;
    border: 1px solid #efc3bd;
}

.estado-pagina[b-qr1h2unrkp] {
    color: var(--muted);
    background: var(--paper);
    border: 1px solid var(--line);
}

.acoes-pagina[b-qr1h2unrkp] {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

@media (max-width: 800px) {
    .pagina-configuracoes[b-qr1h2unrkp] {
        padding: 20px;
    }

    .cabecalho-configuracoes[b-qr1h2unrkp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .seletor-perfil[b-qr1h2unrkp],
    .grelha-configuracoes[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }

    .opcao-predefinida[b-qr1h2unrkp] {
        min-height: auto;
    }

    .cabecalho-selecao-perfil[b-qr1h2unrkp] {
        flex-direction: column;
    }

    .cabecalho-selecao-perfil > .botao-secundario[b-qr1h2unrkp] {
        align-self: stretch;
    }
}

.separadores-configuracao[b-qr1h2unrkp] {
    flex-wrap: wrap;
}

.resultado-configuracao.personalizado[b-qr1h2unrkp] {
    grid-template-columns: minmax(180px, 1fr) auto auto auto 30px;
}

.atalho-resultado[b-qr1h2unrkp] {
    min-height: 26px;
    max-width: 68px;
    margin: 0 auto;
    padding: 2px 6px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 6px;
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
}

.dados-resultado-personalizado[b-qr1h2unrkp] {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) minmax(120px, 0.85fr);
    gap: 7px !important;
}

.dados-resultado-personalizado input[b-qr1h2unrkp],
.dados-resultado-personalizado select[b-qr1h2unrkp],
.adicionar-resultado input[b-qr1h2unrkp],
.adicionar-resultado select[b-qr1h2unrkp],
.seletor-marca-aplicacao select[b-qr1h2unrkp] {
    min-height: 36px;
    padding: 0 9px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
}

.remover-resultado[b-qr1h2unrkp] {
    width: 30px;
    height: 30px;
    padding: 0;
    color: #9f3535;
    background: #fff0f0;
    border: 0;
    border-radius: 7px;
    font-weight: 900;
}

.adicionar-resultado[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(160px, 0.8fr) auto auto;
    align-items: end;
    gap: 10px;
    margin-top: 12px;
    padding: 13px;
    background: var(--paper);
    border: 1px dashed var(--line);
    border-radius: 11px;
}

.adicionar-resultado label[b-qr1h2unrkp],
.seletor-marca-aplicacao[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
}

.adicionar-resultado .nova-troca-posse[b-qr1h2unrkp] {
    align-items: center;
    flex-direction: row;
    min-height: 36px;
    color: var(--green);
    white-space: nowrap;
}

.adicionar-resultado > button[b-qr1h2unrkp] {
    min-height: 36px;
    padding: 0 13px;
    color: var(--on-green);
    background: var(--green);
    border-radius: 8px;
}

.editor-aparencia[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.7fr);
    gap: 20px;
}

.identidade-aplicacao[b-qr1h2unrkp] {
    display: grid;
    align-content: start;
    gap: 14px;
}

.nome-clube-aplicacao[b-qr1h2unrkp],
.sigla-clube-aplicacao[b-qr1h2unrkp],
.cor-base-aplicacao[b-qr1h2unrkp],
.logo-aplicacao-editor[b-qr1h2unrkp] {
    display: grid;
    gap: 8px;
    padding: 16px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.nome-clube-aplicacao input[b-qr1h2unrkp],
.sigla-clube-aplicacao input[b-qr1h2unrkp] {
    min-height: 40px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 7px;
    font: inherit;
    font-weight: 600;
}

.cor-base-aplicacao > div[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cor-base-aplicacao input[b-qr1h2unrkp] {
    width: 48px;
    height: 34px;
    padding: 2px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.cor-base-aplicacao code[b-qr1h2unrkp],
.cor-base-aplicacao small[b-qr1h2unrkp],
.logo-aplicacao-editor small[b-qr1h2unrkp] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 550;
}

.logo-aplicacao-editor input[type="file"][b-qr1h2unrkp] {
    width: 100%;
    padding: 9px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
    font-size: var(--font-xs);
}

.estado-logo-aplicacao[b-qr1h2unrkp] {
    color: var(--green);
    font-size: var(--font-xs);
}

.remover-logo-aplicacao[b-qr1h2unrkp] {
    width: fit-content;
    min-height: 34px;
    padding: 0 11px;
    color: #9f3535;
    background: #fff0f0;
    border: 1px solid #f0cccc;
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.previsualizacao-aparencia[b-qr1h2unrkp] {
    padding: 14px;
    color: var(--preview-texto);
    background: var(--preview-fundo);
    border: 1px solid color-mix(in srgb, var(--preview-secundario) 25%, var(--preview-superficie));
    border-radius: 13px;
}

.marca-previsualizacao[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px;
    background: var(--preview-superficie);
    border-radius: 9px;
}

.marca-previsualizacao > span[b-qr1h2unrkp],
.marca-previsualizacao > img[b-qr1h2unrkp] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 3px;
    color: var(--preview-contraste);
    background: var(--preview-principal);
    border-radius: 9px;
    object-fit: contain;
    font-size: var(--font-xs);
    font-weight: 950;
}

.marca-previsualizacao > img[b-qr1h2unrkp] {
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.simbolo-marca[b-qr1h2unrkp] {
    width: 60%;
    height: 60%;
    fill: none;
    stroke: currentColor;
    stroke-width: 3.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.simbolo-marca circle[b-qr1h2unrkp] {
    fill: currentColor;
    stroke: none;
}

.marca-previsualizacao > div[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
}

.marca-previsualizacao small[b-qr1h2unrkp] {
    color: var(--preview-secundario);
}

.cartao-previsualizacao[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding: 16px;
    background: var(--preview-superficie);
    border-radius: 10px;
}

.cartao-previsualizacao small[b-qr1h2unrkp] {
    color: var(--preview-principal);
    font-weight: 900;
}

.cartao-previsualizacao button[b-qr1h2unrkp] {
    min-height: 36px;
    color: var(--preview-contraste);
    background: var(--preview-principal);
    border-radius: 8px;
}

@media (max-width: 900px) {
    .editor-aparencia[b-qr1h2unrkp],
    .identidade-aplicacao[b-qr1h2unrkp] { grid-template-columns: 1fr; }

    .adicionar-resultado[b-qr1h2unrkp] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .resultado-configuracao.personalizado[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .adicionar-resultado[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }

    .dados-resultado-personalizado[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {}

.configuracao-resultados[b-qr1h2unrkp] {
    margin-top: 24px;
    padding: 20px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 15px;
}

.fundo-modal-configuracao[b-qr1h2unrkp] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, 0.62);
    backdrop-filter: blur(3px);
}

.modal-configuracao[b-qr1h2unrkp] {
    width: min(820px, 100%);
    max-height: calc(100vh - 40px);
    margin-top: 0;
    overflow: auto;
    background: var(--paper);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
}

.modal-aviso-alteracoes[b-qr1h2unrkp] {
    width: min(380px, 100%);
    padding: 28px 26px 24px;
    background: var(--paper);
    border-radius: 16px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
    text-align: center;
}

.icone-aviso-alteracoes[b-qr1h2unrkp] {
    width: 46px;
    height: 46px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    color: var(--danger, #b42318);
    background: var(--danger-soft, #fdeceb);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 800;
}

.modal-aviso-alteracoes #titulo-aviso-alteracoes[b-qr1h2unrkp] {
    margin: 0 0 4px;
    color: var(--ink);
    font-size: 1.05rem;
    font-weight: 800;
}

.texto-aviso-alteracoes[b-qr1h2unrkp] {
    margin: 0 0 22px;
    color: var(--muted);
    font-size: var(--font-sm);
}

.acoes-aviso-alteracoes[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.acoes-aviso-alteracoes button[b-qr1h2unrkp] {
    width: 100%;
    justify-content: center;
}

.botao-dispensar-alteracoes[b-qr1h2unrkp] {
    color: var(--danger);
    background: var(--danger-soft);
    border: 1px solid var(--danger-line);
}

.botao-dispensar-alteracoes:hover:not(:disabled)[b-qr1h2unrkp] {
    background: var(--danger-line);
}

.botao-continuar-alteracoes[b-qr1h2unrkp] {
    padding: 10px;
    color: var(--muted);
    background: transparent;
    border: 0;
    font-weight: 700;
}

.botao-continuar-alteracoes:hover:not(:disabled)[b-qr1h2unrkp] {
    color: var(--ink);
    text-decoration: underline;
}

.acoes-modal-configuracao[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}

.acoes-modal-configuracao button[b-qr1h2unrkp] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 640px) {
    .fundo-modal-configuracao[b-qr1h2unrkp] {
        padding: 10px;
    }

    .modal-configuracao[b-qr1h2unrkp] {
        max-height: calc(100vh - 20px);
        padding: 16px;
    }

    .cabecalho-modal-configuracao[b-qr1h2unrkp] {
        align-items: flex-start;
    }

    .baliza-editor[b-qr1h2unrkp] {
        grid-template-rows: repeat(3, minmax(70px, 1fr));
    }

    .zona-editor-baliza[b-qr1h2unrkp] {
        padding: 5px;
    }
}

.titulo-resultados[b-qr1h2unrkp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 15px;
}

.titulo-resultados h3[b-qr1h2unrkp] {
    margin: 4px 0 0;
    color: var(--ink);
    font-size: 1.05rem;
}

.titulo-resultados > small[b-qr1h2unrkp],
.acoes-modal-configuracao > small[b-qr1h2unrkp],
.nota-resultados[b-qr1h2unrkp] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.lista-resultados-configuracao[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
}

.lista-disciplinas-configuracao[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.disciplina-configuracao[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 11px 16px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.sigla-disciplina[b-qr1h2unrkp] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 30px;
    padding: 0 8px;
    color: var(--ink);
    background: var(--green-soft);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.02em;
}

.resultado-configuracao[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) auto auto auto;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 11px 13px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.resultado-configuracao.oculto[b-qr1h2unrkp] {
    opacity: 0.64;
}

.resultado-configuracao > div[b-qr1h2unrkp] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.resultado-configuracao > div strong[b-qr1h2unrkp] {
    color: var(--ink);
    font-size: 0.84rem;
}

.resultado-configuracao > div small[b-qr1h2unrkp] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.resultado-configuracao label[b-qr1h2unrkp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
    white-space: nowrap;
}

.resultado-configuracao label.troca-automatica[b-qr1h2unrkp] {
    color: var(--green);
}

@media (max-width: 800px) {
    .resultado-configuracao[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}

.nota-resultados[b-qr1h2unrkp] {
    margin: 13px 0 0;
    line-height: 1.5;
}

.configuracao-opcoes-taticas[b-qr1h2unrkp] {
    margin-top: 24px;
}

.grupo-opcoes-taticas[b-qr1h2unrkp] {
    margin-top: 16px;
}

.grupo-opcoes-taticas:first-of-type[b-qr1h2unrkp] {
    margin-top: 0;
}

.grupo-opcoes-taticas h4[b-qr1h2unrkp] {
    margin: 0;
    color: var(--ink);
    font-size: 0.9rem;
}

.cabecalho-campo-tatico[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 8px;
}

.nivel-campo-tatico[b-qr1h2unrkp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
}

.nivel-campo-tatico select[b-qr1h2unrkp] {
    min-height: 32px;
    padding: 0 8px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 7px;
    font-size: var(--font-xs);
}

.lista-opcoes-taticas[b-qr1h2unrkp] {
    display: grid;
    gap: 9px;
}

.opcao-tatica-configuracao[b-qr1h2unrkp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 9px 13px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.opcao-tatica-configuracao.oculto[b-qr1h2unrkp] {
    opacity: 0.64;
}

.opcao-tatica-configuracao label[b-qr1h2unrkp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
    white-space: nowrap;
}

.opcao-tatica-configuracao label.troca-automatica[b-qr1h2unrkp] {
    color: var(--green);
}

.dados-opcao-tatica[b-qr1h2unrkp] {
    display: flex;
    flex: 1 1 260px;
    flex-wrap: wrap;
    gap: 7px;
}

.dados-opcao-tatica input[b-qr1h2unrkp],
.dados-opcao-tatica select[b-qr1h2unrkp] {
    min-height: 36px;
    padding: 0 9px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
}

.dados-opcao-tatica input.atalho-opcao-tatica[b-qr1h2unrkp] {
    flex: 0 0 68px;
    min-height: 26px;
    padding: 2px 6px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 6px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
}

.opcoes-painel-tatico[b-qr1h2unrkp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
}

.opcoes-painel-tatico label[b-qr1h2unrkp] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
}

.pre-visualizacao-etapas[b-qr1h2unrkp] {
    margin-top: 18px;
}

.grelha-fluxo-preview[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.maquete-jogo-ao-vivo[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: 220px minmax(300px, 1fr) 240px;
    align-items: start;
    gap: 14px;
    margin-top: 16px;
}

.maquete-coluna-lateral[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.maquete-painel-fixo[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 14px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(20, 24, 22, 0.05);
}

.maquete-titulo-painel[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 800;
}

.maquete-seta-painel[b-qr1h2unrkp] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.maquete-combo[b-qr1h2unrkp] {
    padding: 8px 10px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1.5px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 700;
}

.maquete-coluna-central[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.maquete-navegacao-etapas[b-qr1h2unrkp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.maquete-chip-etapa[b-qr1h2unrkp] {
    width: 26px;
    height: 26px;
    display: grid;
    flex-shrink: 0;
    place-items: center;
    color: var(--muted);
    background: var(--paper);
    border: 1.5px solid var(--line);
    border-radius: 50%;
    font-size: var(--font-xs);
    font-weight: 800;
}

.maquete-chip-etapa.atual[b-qr1h2unrkp] {
    color: var(--on-green, #fff);
    background: var(--green, #087844);
    border-color: var(--green, #087844);
}

.maquete-fase-registo[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--line);
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(20, 24, 22, 0.06);
    overflow: hidden;
}

.maquete-etapa-central[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
}

.maquete-etapa-central:last-child[b-qr1h2unrkp] {
    border-bottom: 0;
}

.maquete-numero-etapa[b-qr1h2unrkp] {
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.08em;
}

.maquete-etapa-central strong[b-qr1h2unrkp] {
    color: var(--ink);
    font-size: var(--font-sm);
}

@media (max-width: 900px) {
    .maquete-jogo-ao-vivo[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }
}

.badge-pre-visualizacao[b-qr1h2unrkp] {
    padding: 2px 8px;
    color: var(--muted);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.dados-opcao-tatica input[type="number"][b-qr1h2unrkp] {
    width: 64px;
}

.dados-opcao-tatica input:not([type="number"])[b-qr1h2unrkp] {
    flex: 1 1 160px;
}

.adicionar-opcao-tatica[b-qr1h2unrkp] {
    grid-template-columns: minmax(180px, 1fr) minmax(140px, 0.6fr) auto;
}

@media (max-width: 800px) {
    .lista-resultados-configuracao[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }

    .titulo-resultados[b-qr1h2unrkp] {
        align-items: flex-start;
        flex-direction: column;
    }
}


.pagina-configuracoes[b-qr1h2unrkp] {
    width: min(1500px, calc(100% - 40px));
    max-width: none;
    min-height: auto;
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink, #13251b);
    background: transparent;
    font-family: inherit;
}


.seletor-perfil[b-qr1h2unrkp] {
    grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.4fr) auto;
    margin-bottom: 10px;
    padding: 16px 18px;
}

.cartao-configuracao[b-qr1h2unrkp],
.configuracao-zonas-baliza[b-qr1h2unrkp] {
    padding: 22px;
}

.titulo-cartao[b-qr1h2unrkp] {
    align-items: flex-start;
    margin-bottom: 17px;
}

.titulo-cartao h2[b-qr1h2unrkp] {
    margin: 4px 0 5px;
    font-size: 20px;
}

.botao-guardar[b-qr1h2unrkp] {
    min-width: 170px;
    padding: 13px 20px;
    color: var(--on-green);
    background: var(--green, #087844);
}

@media (max-width: 800px) {
    .pagina-configuracoes[b-qr1h2unrkp] {
        width: calc(100% - 20px);
        padding: 22px 0 56px;
    }

    .cabecalho-configuracoes[b-qr1h2unrkp] {
        align-items: stretch;
    }

    .seletor-perfil[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }
}

/* Escala de leitura: cresce de forma controlada em monitores grandes. */
.pagina-configuracoes[b-qr1h2unrkp] {
    font-size: clamp(14px, 0.18vw + 12px, 16px);
}

.botao-secundario[b-qr1h2unrkp],
.separadores-configuracao button[b-qr1h2unrkp] {
    font-size: clamp(0.8rem, 0.1vw + 0.75rem, 0.9rem);
}

.titulo-cartao p:not(.subtitulo)[b-qr1h2unrkp],
.cabecalho-configuracoes p:not(.subtitulo)[b-qr1h2unrkp] {
    font-size: clamp(0.86rem, 0.08vw + 0.82rem, 0.94rem);
}

.cartao-etapa > header small[b-qr1h2unrkp],
.dados-componente small[b-qr1h2unrkp],
.atalho-linha small[b-qr1h2unrkp] {
    font-size: clamp(0.76rem, 0.06vw + 0.73rem, 0.86rem);
}

.cartao-etapa > header strong[b-qr1h2unrkp],
.dados-componente input[b-qr1h2unrkp],
.componente-editor select[b-qr1h2unrkp],
.opcoes-componente[b-qr1h2unrkp],
.nivel-resultado-fixo[b-qr1h2unrkp],
.cartao-etapa > footer select[b-qr1h2unrkp],
.atalho-linha strong[b-qr1h2unrkp],
.atalho-linha input[b-qr1h2unrkp],
.nota-atalhos[b-qr1h2unrkp],
.aviso-atalhos[b-qr1h2unrkp],
.resultado-configuracao > div strong[b-qr1h2unrkp],
.resultado-configuracao label[b-qr1h2unrkp] {
    font-size: clamp(0.84rem, 0.08vw + 0.8rem, 0.98rem);
}

.botoes-mover-etapa button[b-qr1h2unrkp],
.cartao-etapa > footer button[b-qr1h2unrkp] {
    font-size: clamp(0.78rem, 0.06vw + 0.75rem, 0.88rem);
}

.dados-resultado-personalizado input[b-qr1h2unrkp],
.dados-resultado-personalizado select[b-qr1h2unrkp],
.adicionar-resultado input[b-qr1h2unrkp],
.adicionar-resultado select[b-qr1h2unrkp],
.seletor-marca-aplicacao select[b-qr1h2unrkp],
.adicionar-resultado label[b-qr1h2unrkp],
.seletor-marca-aplicacao[b-qr1h2unrkp],
.nome-clube-aplicacao[b-qr1h2unrkp],
.sigla-clube-aplicacao[b-qr1h2unrkp],
.cor-base-aplicacao[b-qr1h2unrkp],
.logo-aplicacao-editor[b-qr1h2unrkp],
.logo-aplicacao-editor input[type="file"][b-qr1h2unrkp],
.estado-logo-aplicacao[b-qr1h2unrkp],
.remover-logo-aplicacao[b-qr1h2unrkp] {
    font-size: clamp(0.8rem, 0.08vw + 0.76rem, 0.9rem);
}

.validacao-upload[b-qr1h2unrkp] {
    display: block;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.validacao-upload.sucesso[b-qr1h2unrkp] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.validacao-upload.erro[b-qr1h2unrkp] {
    color: var(--danger);
    background: var(--danger-soft);
    border: 1px solid var(--danger-line);
}

.cor-base-aplicacao code[b-qr1h2unrkp],
.cor-base-aplicacao small[b-qr1h2unrkp],
.logo-aplicacao-editor small[b-qr1h2unrkp],
.resultado-configuracao > div small[b-qr1h2unrkp],
.titulo-resultados > small[b-qr1h2unrkp],
.acoes-modal-configuracao > small[b-qr1h2unrkp],
.nota-resultados[b-qr1h2unrkp] {
    font-size: clamp(0.78rem, 0.06vw + 0.75rem, 0.88rem);
}

@media (min-width: 1500px) {
    .seletor-perfil input[b-qr1h2unrkp],
    .seletor-perfil select[b-qr1h2unrkp],
    .cartao-configuracao input[b-qr1h2unrkp],
    .cartao-configuracao select[b-qr1h2unrkp],
    .configuracao-zonas-baliza input[b-qr1h2unrkp],
    .configuracao-zonas-baliza select[b-qr1h2unrkp] {
        min-height: 39px;
    }
}
.configuracao-acessos[b-qr1h2unrkp] {
    padding: 22px;
}

.tabela-perfis-acesso[b-qr1h2unrkp] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.tabela-perfis-acesso .linha[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: 170px minmax(240px, 1.4fr) minmax(220px, 1fr);
    gap: 16px;
    padding: 13px 15px;
    border-bottom: 1px solid var(--line);
    font-size: var(--font-sm);
}

.tabela-perfis-acesso .linha:last-child[b-qr1h2unrkp] {
    border-bottom: 0;
}

.tabela-perfis-acesso .cabecalho[b-qr1h2unrkp] {
    color: var(--ink);
    background: var(--green-soft);
    font-size: var(--font-xs);
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.nota-seguranca-acessos[b-qr1h2unrkp] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding: 13px 15px;
    flex-direction: column;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
    font-size: var(--font-sm);
}

.nota-seguranca-acessos strong[b-qr1h2unrkp] {
    color: var(--ink);
}

.opcao-bloco-vista-jogo.selecionado[b-qr1h2unrkp] {
    background: color-mix(in srgb, var(--green) 7%, var(--paper));
    border-color: color-mix(in srgb, var(--green) 38%, var(--line));
}

.atributo-vista-jogo.selecionado[b-qr1h2unrkp] {
    border-color: color-mix(in srgb, var(--green) 30%, var(--line));
}

@media (max-width: 760px) {
    .tabela-perfis-acesso .linha[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .matriz-permissoes .linha[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

.matriz-permissoes .linha[b-qr1h2unrkp] {
    grid-template-columns: 170px repeat(3, minmax(150px, 1fr));
    align-items: center;
}

.matriz-permissoes .linha.cabecalho span[b-qr1h2unrkp] {
    text-align: center;
}

.celula-permissao[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.celula-permissao input[type="checkbox"][b-qr1h2unrkp] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Separador Utilizadores */
.configuracao-utilizadores[b-qr1h2unrkp] {
    padding: 0 22px 22px;
}

.configuracao-utilizadores .titulo-cartao[b-qr1h2unrkp] {
    padding: 22px 0 16px;
    margin: 0;
}

.estado-lista-utilizadores[b-qr1h2unrkp],
.estado-vazio-utilizadores[b-qr1h2unrkp] {
    color: var(--muted);
    text-align: center;
}

.estado-vazio-utilizadores[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 34px 20px;
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
}

.filtros-utilizadores[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin: 0 0 16px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.filtros-utilizadores label[b-qr1h2unrkp] {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 750;
}

.filtros-utilizadores input[type="search"][b-qr1h2unrkp] {
    min-height: 40px;
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--paper);
    color: var(--ink);
}

.checkbox-inativos-utilizadores[b-qr1h2unrkp] {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 40px;
}

.grelha-utilizadores[b-qr1h2unrkp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
}

.utilizador-cartao[b-qr1h2unrkp] {
    position: relative;
    padding: 16px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 13px;
    transition: border-color 0.2s, transform 0.2s;
}

.utilizador-cartao:hover[b-qr1h2unrkp] {
    border-color: var(--line-strong);
    transform: translateY(-1px);
}

.utilizador-cartao.inativo[b-qr1h2unrkp] {
    background: var(--neutral-soft);
    opacity: 0.72;
}

.utilizador-informacao[b-qr1h2unrkp] {
    padding-right: 66px;
}

.utilizador-informacao h3[b-qr1h2unrkp] {
    margin: 0 0 3px;
    font-size: var(--font-md);
}

.utilizador-informacao p[b-qr1h2unrkp] {
    margin: 0 0 8px;
    color: var(--muted);
    font-size: var(--font-sm);
}

.distintivo-perfil[b-qr1h2unrkp] {
    display: inline-flex;
    padding: 3px 9px;
    color: var(--green);
    background: var(--green-soft);
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.equipas-atribuidas-utilizador[b-qr1h2unrkp] {
    margin: 8px 0 0 !important;
    color: var(--muted);
    font-size: var(--font-xs);
    line-height: 1.4;
}

.utilizador-acoes[b-qr1h2unrkp] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.estado-canto[b-qr1h2unrkp] {
    position: absolute;
    top: 14px;
    right: 14px;
}

.estado[b-qr1h2unrkp] {
    padding: 4px 9px;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.estado.ativo[b-qr1h2unrkp] {
    color: var(--success-dark);
    background: var(--success-soft);
}

.estado.inativo[b-qr1h2unrkp] {
    color: var(--muted);
    background: #e8ebe9;
}

.botao-editar[b-qr1h2unrkp],
.botao-estado[b-qr1h2unrkp] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    color: var(--green);
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 750;
    cursor: pointer;
}

.botao-editar:hover:not(:disabled)[b-qr1h2unrkp],
.botao-estado:hover:not(:disabled)[b-qr1h2unrkp] {
    color: var(--on-green);
    background: var(--green);
    border-color: var(--green);
}

.botao-estado:disabled[b-qr1h2unrkp] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Modal de utilizador — mesmo padrão do editor de equipa/clube */
.fundo-modal-utilizador[b-qr1h2unrkp] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, .62);
    backdrop-filter: blur(3px);
}

.modal-utilizador[b-qr1h2unrkp] {
    width: min(640px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 26px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

.cabecalho-modal-utilizador[b-qr1h2unrkp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--line);
}

.cabecalho-modal-utilizador h2[b-qr1h2unrkp] {
    margin: 4px 0 0;
}

.fechar-modal-utilizador[b-qr1h2unrkp] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.campos-utilizador[b-qr1h2unrkp] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.campo-equipas-utilizador[b-qr1h2unrkp] {
    gap: 8px;
}

.lista-equipas-atribuicao[b-qr1h2unrkp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.opcao-equipa-atribuicao[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: var(--font-sm);
    cursor: pointer;
}

.opcao-equipa-atribuicao.selecionada[b-qr1h2unrkp] {
    color: var(--green);
    background: var(--green-soft);
    border-color: color-mix(in srgb, var(--green) 45%, var(--line));
    font-weight: 750;
}

.campo-ativo-utilizador[b-qr1h2unrkp] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 700;
    cursor: pointer;
}

.acoes-formulario-utilizador[b-qr1h2unrkp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 16px;
    margin-top: 4px;
    border-top: 1px solid var(--line);
}

@media (max-width: 640px) {
    .filtros-utilizadores[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }

    .grelha-utilizadores[b-qr1h2unrkp] {
        grid-template-columns: 1fr;
    }

    .fundo-modal-utilizador[b-qr1h2unrkp] {
        padding: 10px;
    }

    .modal-utilizador[b-qr1h2unrkp] {
        max-height: calc(100vh - 20px);
        padding: 18px;
    }

    .acoes-formulario-utilizador[b-qr1h2unrkp] {
        flex-direction: column-reverse;
    }

    .acoes-formulario-utilizador button[b-qr1h2unrkp] {
        width: 100%;
    }
}
/* /Components/Pages/Analise.razor.rz.scp.css */
.pagina-analise[b-c9lortgsw1] {
    width: min(1500px, calc(100% - 40px));
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink);
}

.pagina-analise [hidden][b-c9lortgsw1] {
    display: none !important;
}

.cabecalho-analise[b-c9lortgsw1] {
    max-width: 780px;
    margin-bottom: 24px;
}

.subtitulo[b-c9lortgsw1],
.rotulo-seccao[b-c9lortgsw1] {
    display: inline-block;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.cabecalho-analise h1[b-c9lortgsw1] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.cabecalho-analise p[b-c9lortgsw1] {
    margin: 0;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.6;
}

.subnavegacao-analise[b-c9lortgsw1] {
    display: inline-flex;
    gap: 7px;
    padding: 6px;
    background: #eef0ef;
    border-radius: 13px;
}

.subnavegacao-analise a[b-c9lortgsw1] {
    display: flex;
    min-width: 155px;
    flex-direction: column;
    gap: 2px;
    padding: 10px 14px;
    color: var(--muted);
    border-radius: 9px;
    text-decoration: none;
}

.subnavegacao-analise a.ativo[b-c9lortgsw1] {
    color: var(--green);
    background: var(--paper);
    box-shadow: 0 4px 12px rgba(20, 24, 22, 0.08);
}

.subnavegacao-analise span[b-c9lortgsw1] {
    font-size: 0.86rem;
    font-weight: 850;
}

.subnavegacao-analise small[b-c9lortgsw1] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.painel-filtros[b-c9lortgsw1],
.bloco-analise[b-c9lortgsw1],
.estado-pagina[b-c9lortgsw1] {
    margin-top: 20px;
    padding: 24px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(20, 24, 22, 0.07);
}

.bloco-analise[b-c9lortgsw1] {
    margin-top: 0;
}

.grelha-analise-principal[b-c9lortgsw1] {
    display: grid;
    grid-template-columns: minmax(280px, 310px) minmax(0, 1fr);
    align-items: start;
    gap: 20px;
    margin-top: 20px;
}

.personalizador-analise[b-c9lortgsw1] {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 18px;
    margin: 0;
    max-height: calc(100vh - 36px);
    padding: 20px;
    overflow-y: auto;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.05);
}

.personalizador-analise h2[b-c9lortgsw1],
.personalizador-analise p[b-c9lortgsw1] {
    margin: 0;
}

.personalizador-analise h2[b-c9lortgsw1] {
    font-size: 1.25rem;
}

.personalizador-analise p[b-c9lortgsw1] {
    margin-top: 6px;
    color: var(--muted);
    font-size: 0.86rem;
}

.opcoes-personalizador-analise[b-c9lortgsw1] {
    display: grid;
    align-items: stretch;
    gap: 7px;
}

.opcao-ordem-bloco-analise[b-c9lortgsw1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    min-width: 0;
}

.opcao-ordem-bloco-analise > label[b-c9lortgsw1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    min-width: 0;
    max-width: 100%;
    padding: 0 12px;
    overflow: hidden;
    color: var(--ink);
    background: var(--neutral-soft, #f3f4f3);
    border: 1px solid var(--line);
    border-right: 0;
    border-radius: 9px 0 0 9px;
    font-size: 0.88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.acoes-ordem-analise[b-c9lortgsw1] {
    display: inline-flex;
    flex-shrink: 0;
}

.acoes-ordem-analise button[b-c9lortgsw1] {
    display: grid;
    width: 34px;
    min-width: 34px;
    place-items: center;
    padding: 0 7px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-left: 0;
    border-radius: 0;
    cursor: pointer;
}

.acoes-ordem-analise button:last-child[b-c9lortgsw1] {
    border-radius: 0 9px 9px 0;
}

.acoes-ordem-analise button:disabled[b-c9lortgsw1] {
    color: var(--muted);
    background: var(--neutral-soft, #f3f4f3);
    cursor: not-allowed;
    opacity: 0.55;
}

.opcoes-personalizador-analise > button[b-c9lortgsw1] {
    margin-top: 4px;
    padding: 10px 14px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
    font-weight: 750;
    cursor: pointer;
}

.conteudo-analise-ordenavel[b-c9lortgsw1] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 1050px) {
    .grelha-analise-principal[b-c9lortgsw1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .personalizador-analise[b-c9lortgsw1] {
        position: static;
        max-height: none;
    }
}

.filtros-cabecalho[b-c9lortgsw1],
.titulo-bloco[b-c9lortgsw1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.filtros-cabecalho h2[b-c9lortgsw1],
.titulo-bloco h2[b-c9lortgsw1],
.identidade-equipa h2[b-c9lortgsw1] {
    margin: 5px 0 0;
    color: var(--ink);
    font-size: 1.3rem;
    letter-spacing: -0.02em;
}

.nota-jogos[b-c9lortgsw1],
.amostra[b-c9lortgsw1],
.ajuda-bloco[b-c9lortgsw1] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.nota-jogos[b-c9lortgsw1],
.amostra[b-c9lortgsw1] {
    padding: 7px 11px;
    background: #f3f4f3;
    border-radius: 999px;
    white-space: nowrap;
}

.grelha-filtros[b-c9lortgsw1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    align-items: end;
    gap: 12px;
}

.filtros-jogos-analisados[b-c9lortgsw1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    align-items: end;
    gap: 10px;
    margin: -3px 0 17px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.acoes-titulo-bloco[b-c9lortgsw1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.campo-filtro[b-c9lortgsw1] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.campo-filtro label[b-c9lortgsw1] {
    color: #405448;
    font-size: 0.8rem;
    font-weight: 800;
}

.campo-filtro select[b-c9lortgsw1],
.campo-filtro input[b-c9lortgsw1] {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    color: var(--ink);
    background: #fbfbfb;
    border: 1px solid var(--line-strong);
    border-radius: 10px;
    font: inherit;
    outline: none;
}

.campo-filtro select:focus[b-c9lortgsw1],
.campo-filtro input:focus[b-c9lortgsw1] {
    border-color: var(--green);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent);
}

.campo-filtro select:disabled[b-c9lortgsw1] {
    color: #98a39d;
    background: #f0f3f1;
    cursor: not-allowed;
}

.botao-limpar[b-c9lortgsw1],
.estado-pagina button[b-c9lortgsw1],
.estado-pagina a[b-c9lortgsw1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    color: var(--green);
    background: var(--paper);
    border: 1px solid var(--green);
    border-radius: 10px;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.botao-limpar:hover[b-c9lortgsw1],
.estado-pagina button:hover[b-c9lortgsw1],
.estado-pagina a:hover[b-c9lortgsw1] {
    color: var(--on-green);
    background: var(--green);
}

.estado-pagina[b-c9lortgsw1] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 50px 22px;
    text-align: center;
}

.estado-pagina span[b-c9lortgsw1] {
    color: var(--muted);
}

.estado-pagina a[b-c9lortgsw1],
.estado-pagina button[b-c9lortgsw1] {
    margin-top: 12px;
}

.estado-pagina.erro[b-c9lortgsw1] {
    color: #8a2f2f;
    background: #fff7f7;
    border-color: #edcaca;
}

.resultado-vazio[b-c9lortgsw1] {
    border-style: dashed;
    box-shadow: none;
}

.indicador-carregamento[b-c9lortgsw1] {
    width: 28px;
    height: 28px;
    border: 3px solid var(--line);
    border-top-color: var(--green);
    border-radius: 50%;
    animation: rodar-b-c9lortgsw1 0.8s linear infinite;
}

@keyframes rodar-b-c9lortgsw1 {
    to {
        transform: rotate(360deg);
    }
}

.cartoes-indicadores[b-c9lortgsw1] {
    display: grid;
    gap: 12px;
}

.cinco-colunas[b-c9lortgsw1] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cartoes-indicadores article[b-c9lortgsw1] {
    display: flex;
    min-width: 0;
    min-height: 120px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 17px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 14px;
}

.cartoes-indicadores article.alerta[b-c9lortgsw1] {
    background: #fff8e9;
    border-color: #e7c887;
}

.cartoes-indicadores article.positivo[b-c9lortgsw1] {
    background: #edf9f1;
    border-color: #c6e6d1;
}

.cartoes-indicadores span[b-c9lortgsw1],
.cartoes-indicadores small[b-c9lortgsw1] {
    overflow: hidden;
    color: var(--muted);
    font-size: var(--font-xs);
    text-overflow: ellipsis;
}

.cartoes-indicadores strong[b-c9lortgsw1] {
    color: var(--ink);
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    line-height: 1.1;
}

.destaque-equipa[b-c9lortgsw1] {
    position: relative;
    overflow: hidden;
    border-top: 5px solid var(--cor-equipa, var(--green));
}

.destaque-equipa[b-c9lortgsw1]::after {
    position: absolute;
    top: -90px;
    right: -70px;
    width: 230px;
    height: 230px;
    background: color-mix(in srgb, var(--cor-equipa, var(--green)) 10%, transparent);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.identidade-equipa[b-c9lortgsw1] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
}

.identidade-equipa p[b-c9lortgsw1] {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 0.9rem;
}

.simbolo-equipa[b-c9lortgsw1] {
    display: grid;
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    overflow: hidden;
    place-items: center;
    color: var(--paper);
    background: var(--cor-equipa, var(--green));
    border-radius: 15px;
    font-weight: 900;
}

.simbolo-equipa img[b-c9lortgsw1] {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
    background: transparent;
}

.simbolo-equipa.com-logo[b-c9lortgsw1] {
    background: transparent;
    border-radius: 0;
}

.metricas-secundarias[b-c9lortgsw1] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 14px;
}

.metricas-secundarias span[b-c9lortgsw1] {
    padding: 8px 11px;
    color: var(--muted);
    background: #f0f6f2;
    border-radius: 9px;
    font-size: 0.8rem;
}

.metricas-secundarias strong[b-c9lortgsw1] {
    color: var(--ink);
}

.tabela-container[b-c9lortgsw1] {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 13px;
}

table[b-c9lortgsw1] {
    width: 100%;
    border-collapse: collapse;
    background: var(--paper);
}

th[b-c9lortgsw1],
td[b-c9lortgsw1] {
    padding: 13px 15px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--line);
    white-space: nowrap;
}

th[b-c9lortgsw1] {
    color: var(--ink);
    background: var(--green-soft);
    font-size: var(--font-xs);
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

td[b-c9lortgsw1] {
    color: var(--ink);
    font-size: 0.88rem;
}

tbody tr:last-child td[b-c9lortgsw1] {
    border-bottom: 0;
}

tbody tr:hover td[b-c9lortgsw1] {
    background: #fbfbfb;
}

.ligacao-jogo[b-c9lortgsw1] {
    color: var(--green);
    font-weight: 850;
    text-decoration: none;
}

.ligacao-jogo:hover[b-c9lortgsw1] {
    text-decoration: underline;
}

.valor-positivo[b-c9lortgsw1] {
    color: #16834a;
    font-weight: 850;
}

.valor-negativo[b-c9lortgsw1] {
    color: #a03d3d;
    font-weight: 850;
}

.resultado[b-c9lortgsw1] {
    display: inline-flex;
    min-width: 66px;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.resultado.vitoria[b-c9lortgsw1] {
    color: #12683b;
    background: #e9f8ef;
}

.resultado.empate[b-c9lortgsw1] {
    color: #765c13;
    background: #fff4d8;
}

.resultado.derrota[b-c9lortgsw1] {
    color: #953838;
    background: #fdecec;
}

.sem-dados[b-c9lortgsw1] {
    margin: 0;
    padding: 20px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px dashed var(--line-strong);
    border-radius: 12px;
}

.grelha-contextos[b-c9lortgsw1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cartao-contexto[b-c9lortgsw1] {
    min-width: 0;
    padding: 16px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 14px;
}

.cartao-contexto.zonas[b-c9lortgsw1] {
    grid-column: 1 / -1;
}

.grelha-exploracao-zonas .cartao-contexto.zonas:first-child[b-c9lortgsw1],
.grelha-exploracao-zonas .cartao-contexto.detalhe-zona[b-c9lortgsw1] {
    grid-column: auto;
}

.grelha-exploracao-zonas .cartao-contexto.zonas:last-child[b-c9lortgsw1] {
    grid-column: 1 / -1;
}

.cartao-contexto.detalhe-zona[b-c9lortgsw1] {
    display: flex;
    min-height: 0;
    flex-direction: column;
}

.cartao-contexto.detalhe-zona[b-c9lortgsw1]  .explorador-zona {
    flex: 1;
}

.cartao-contexto h3[b-c9lortgsw1] {
    margin: 0 0 12px;
    font-size: 1rem;
}

.filtro-contexto-mapa[b-c9lortgsw1] {
    display: grid;
    min-width: min(280px, 100%);
    gap: 6px;
}

.filtro-contexto-mapa span[b-c9lortgsw1] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.filtro-contexto-mapa select[b-c9lortgsw1] {
    min-height: 42px;
    padding: 0 38px 0 12px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 10px;
    font: inherit;
    font-weight: 750;
}

.filtro-contexto-mapa select:focus[b-c9lortgsw1] {
    border-color: var(--green);
    outline: 3px solid color-mix(in srgb, var(--green) 16%, transparent);
}

.cabecalho-leitura-defensiva[b-c9lortgsw1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.cabecalho-leitura-defensiva h3[b-c9lortgsw1] {
    margin-bottom: 4px;
}

.cabecalho-leitura-defensiva p[b-c9lortgsw1] {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

.tabela-parciais-horizontal .sigla-equipa-parcial[b-c9lortgsw1] {
    width: 58px;
    color: #fff;
    background: var(--cor-equipa, var(--green));
    font-size: var(--font-xs);
    font-weight: 950;
    letter-spacing: 0.03em;
}

.tabela-parciais-horizontal .nome-metrica-parcial[b-c9lortgsw1] {
    width: 140px;
    color: #fff;
    background: var(--cor-equipa, var(--green));
    font-size: var(--font-xs);
    font-weight: 850;
    text-align: left;
    text-transform: none;
}

.tabela-parciais-tatica .nome-metrica-parcial[b-c9lortgsw1] {
    width: 198px;
}

.tabela-parciais-horizontal tbody td[b-c9lortgsw1] {
    color: var(--ink);
    background: color-mix(in srgb, var(--cor-equipa, var(--green)) 12%, var(--paper));
    font-variant-numeric: tabular-nums;
}

.sigla-equipa-parcial a[b-c9lortgsw1],
.nome-metrica-parcial a[b-c9lortgsw1] {
    color: inherit;
    text-decoration: none;
}

.sigla-equipa-parcial a:hover[b-c9lortgsw1],
.sigla-equipa-parcial a:focus-visible[b-c9lortgsw1],
.nome-metrica-parcial a:hover[b-c9lortgsw1],
.nome-metrica-parcial a:focus-visible[b-c9lortgsw1] {
    text-decoration: underline;
}

@media (max-width: 1100px) {
    .grelha-filtros[b-c9lortgsw1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filtros-jogos-analisados[b-c9lortgsw1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filtros-jogos-analisados .botao-limpar[b-c9lortgsw1] {
        grid-column: 1 / -1;
        justify-self: end;
    }    .cinco-colunas[b-c9lortgsw1],
    .quatro-colunas[b-c9lortgsw1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .pagina-analise[b-c9lortgsw1] {
        width: calc(100% - 20px);
        padding-top: 22px;
    }
}

@media (max-width: 820px) {
    .painel-filtros[b-c9lortgsw1],
    .bloco-analise[b-c9lortgsw1] {
        padding: 18px;
    }

    .filtros-cabecalho[b-c9lortgsw1],
    .titulo-bloco[b-c9lortgsw1] {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }

    .grelha-filtros[b-c9lortgsw1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filtros-jogos-analisados[b-c9lortgsw1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botao-limpar[b-c9lortgsw1] {
        width: 100%;
        justify-self: stretch;
    }

    .cinco-colunas[b-c9lortgsw1],
    .quatro-colunas[b-c9lortgsw1],
    .seis-colunas[b-c9lortgsw1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grelha-contextos[b-c9lortgsw1] {
        grid-template-columns: 1fr;
    }

    .cartao-contexto.zonas[b-c9lortgsw1] {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .grelha-filtros[b-c9lortgsw1],
    .filtros-jogos-analisados[b-c9lortgsw1],
    .cinco-colunas[b-c9lortgsw1],
    .quatro-colunas[b-c9lortgsw1],
    .seis-colunas[b-c9lortgsw1] {
        grid-template-columns: 1fr;
    }

    .cartoes-indicadores article[b-c9lortgsw1] {
        min-height: 104px;
    }

    .identidade-equipa[b-c9lortgsw1] {
        align-items: flex-start;
    }
}
/* /Components/Pages/AnaliseJogadores.razor.rz.scp.css */
.pagina-jogadores[b-9gpvkwldry] {
    width: min(1500px, calc(100% - 40px));
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink);
}

.cabecalho-jogadores[b-9gpvkwldry] {
    max-width: 780px;
    margin-bottom: 24px;
}

.subtitulo[b-9gpvkwldry],
.rotulo-seccao[b-9gpvkwldry] {
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.cabecalho-jogadores h1[b-9gpvkwldry] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.cabecalho-jogadores p[b-9gpvkwldry] {
    margin: 0;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.6;
}

.subnavegacao-analise[b-9gpvkwldry] {
    display: inline-flex;
    gap: 7px;
    padding: 6px;
    background: #eef0ef;
    border-radius: 13px;
}

.subnavegacao-analise a[b-9gpvkwldry] {
    display: flex;
    min-width: 155px;
    flex-direction: column;
    gap: 2px;
    padding: 10px 14px;
    color: var(--muted);
    border-radius: 9px;
    text-decoration: none;
}

.subnavegacao-analise a.ativo[b-9gpvkwldry] {
    color: var(--green);
    background: var(--paper);
    box-shadow: 0 4px 12px rgba(20, 24, 22, 0.08);
}

.subnavegacao-analise span[b-9gpvkwldry] {
    font-size: 0.86rem;
    font-weight: 850;
}

.subnavegacao-analise small[b-9gpvkwldry] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.painel-filtros[b-9gpvkwldry],
.estado-pagina[b-9gpvkwldry] {
    margin-top: 20px;
    padding: 22px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(20, 24, 22, 0.07);
}

.titulo-filtros[b-9gpvkwldry] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px;
}

.titulo-filtros h2[b-9gpvkwldry] {
    margin: 5px 0 0;
    font-size: 1.3rem;
}

.titulo-filtros > span[b-9gpvkwldry] {
    padding: 7px 10px;
    color: var(--muted);
    background: #f3f4f3;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.grelha-filtros-jogadores[b-9gpvkwldry] {
    display: grid;
    grid-template-columns: minmax(135px, 0.55fr) minmax(180px, 0.8fr)
        minmax(170px, 0.7fr) minmax(230px, 1.35fr) auto;
    align-items: end;
    gap: 11px;
}

.grelha-filtros-jogadores label[b-9gpvkwldry] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.grelha-filtros-jogadores label > span[b-9gpvkwldry] {
    color: #405448;
    font-size: var(--font-xs);
    font-weight: 800;
}

.grelha-filtros-jogadores input[b-9gpvkwldry],
.grelha-filtros-jogadores select[b-9gpvkwldry],
.grelha-filtros-jogadores button[b-9gpvkwldry] {
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--line-strong);
    border-radius: 10px;
}

.grelha-filtros-jogadores input[b-9gpvkwldry],
.grelha-filtros-jogadores select[b-9gpvkwldry] {
    color: var(--ink);
    background: #fbfbfb;
}

.grelha-filtros-jogadores button[b-9gpvkwldry] {
    color: var(--green);
    background: var(--paper);
    border-color: var(--green);
    font-weight: 800;
    cursor: pointer;
}

.lista-atletas[b-9gpvkwldry] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 20px;
}

.cartao-atleta[b-9gpvkwldry] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.2fr) auto;
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 17px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-left: 5px solid var(--cor-equipa, var(--green));
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(20, 24, 22, 0.06);
}

.identidade-atleta[b-9gpvkwldry] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.numero-atleta[b-9gpvkwldry] {
    display: grid;
    width: 54px;
    height: 54px;
    flex: none;
    place-items: center;
    color: var(--paper);
    background: var(--cor-equipa, var(--green));
    border-radius: 12px;
    font-size: 1.35rem;
    font-weight: 950;
}

.numero-atleta.com-foto[b-9gpvkwldry] {
    overflow: hidden;
    background: var(--neutral-soft);
    border: 2px solid color-mix(in srgb, var(--cor-equipa, var(--green)) 45%, var(--line));
}

.numero-atleta img[b-9gpvkwldry] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.identidade-atleta > div[b-9gpvkwldry] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.identidade-atleta strong[b-9gpvkwldry] {
    overflow: hidden;
    font-size: 0.96rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.identidade-atleta div span[b-9gpvkwldry],
.identidade-atleta small[b-9gpvkwldry] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.metricas-atleta[b-9gpvkwldry] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.metricas-atleta span[b-9gpvkwldry] {
    padding: 7px 9px;
    color: var(--muted);
    background: #f1f6f3;
    border-radius: 8px;
    font-size: var(--font-xs);
}

.metricas-atleta strong[b-9gpvkwldry] {
    color: #183a28;
    font-size: 0.82rem;
}

.cartao-atleta > a[b-9gpvkwldry] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 12px;
    color: var(--on-green);
    background: var(--green);
    border-radius: 9px;
    font-size: var(--font-xs);
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.estado-pagina[b-9gpvkwldry] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 7px;
    padding: 50px 22px;
    text-align: center;
}

.estado-pagina span[b-9gpvkwldry] {
    color: var(--muted);
}

.estado-pagina.erro[b-9gpvkwldry] {
    color: #8a2f2f;
    background: #fff7f7;
}

@media (max-width: 1250px) {
    .lista-atletas[b-9gpvkwldry] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .pagina-jogadores[b-9gpvkwldry] {
        width: calc(100% - 20px);
        padding-top: 22px;
    }
}

@media (max-width: 820px) {
    .grelha-filtros-jogadores[b-9gpvkwldry] {
        grid-template-columns: 1fr 1fr;
    }

    .pesquisa-nome[b-9gpvkwldry] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .subnavegacao-analise[b-9gpvkwldry] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .subnavegacao-analise a[b-9gpvkwldry] {
        min-width: 0;
    }

    .grelha-filtros-jogadores[b-9gpvkwldry],
    .cartao-atleta[b-9gpvkwldry] {
        grid-template-columns: 1fr;
    }

    .pesquisa-nome[b-9gpvkwldry] {
        grid-column: auto;
    }

    .cartao-atleta > a[b-9gpvkwldry] {
        justify-content: center;
    }
}
/* /Components/Pages/Arbitros.razor.rz.scp.css */
.pagina-arbitros[b-dm7ph4ve4j] {
    width: min(1500px, calc(100% - 40px));
    max-width: none;
    margin: 0 auto;
    padding: 48px 0 80px;
    color: var(--ink);
}

.cabecalho-arbitros[b-dm7ph4ve4j] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.subtitulo[b-dm7ph4ve4j],
.rotulo-seccao[b-dm7ph4ve4j] {
    margin: 0;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.cabecalho-arbitros h1[b-dm7ph4ve4j] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.cabecalho-arbitros p:not(.subtitulo)[b-dm7ph4ve4j] {
    margin: 0;
    color: var(--muted);
}

.botao-principal[b-dm7ph4ve4j],
.botao-secundario[b-dm7ph4ve4j],
.botao-guardar[b-dm7ph4ve4j] {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 9px;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;
}

.botao-principal[b-dm7ph4ve4j] {
    color: var(--on-green);
    background: var(--green);
    border: 1px solid var(--green);
}

.botao-secundario[b-dm7ph4ve4j] {
    color: var(--green);
    background: var(--paper);
    border: 1px solid var(--line-strong);
}

.botao-guardar[b-dm7ph4ve4j] {
    color: var(--on-green);
    background: var(--green);
    border: none;
}

.botao-guardar:disabled[b-dm7ph4ve4j],
.botao-secundario:disabled[b-dm7ph4ve4j] {
    cursor: not-allowed;
    opacity: 0.55;
}

.painel[b-dm7ph4ve4j] {
    margin-top: 18px;
    padding: 22px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}

.titulo-painel h2[b-dm7ph4ve4j] {
    margin: 4px 0 0;
    font-size: 20px;
}

.importar-fap[b-dm7ph4ve4j] {
    display: grid;
    gap: 6px;
    margin: 16px 0 18px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.importar-fap label[b-dm7ph4ve4j] {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.importar-fap .campo-com-botao[b-dm7ph4ve4j] {
    display: flex;
    gap: 8px;
}

.importar-fap .campo-com-botao .input[b-dm7ph4ve4j] {
    flex: 1;
}

.importar-fap .campo-com-botao button[b-dm7ph4ve4j] {
    flex: 0 0 auto;
}

.importar-fap small[b-dm7ph4ve4j] {
    color: var(--muted);
    font-weight: 500;
}

.grelha-formulario[b-dm7ph4ve4j] {
    display: grid;
    grid-template-columns: minmax(220px, 1.6fr) minmax(140px, 0.7fr) minmax(200px, 1fr) minmax(200px, 1fr);
    gap: 14px;
    align-items: start;
}

.campo[b-dm7ph4ve4j] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.campo label[b-dm7ph4ve4j] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

[b-dm7ph4ve4j] .input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
    outline: none;
}

[b-dm7ph4ve4j] .input:focus {
    background: var(--paper);
    border-color: var(--green);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent);
}

[b-dm7ph4ve4j] .input-ficheiro {
    padding: 7px;
    border-style: dashed;
}

[b-dm7ph4ve4j] .input-ficheiro::file-selector-button {
    min-height: 30px;
    margin-right: 10px;
    padding: 0 12px;
    color: var(--green);
    background: var(--green-soft);
    border: 0;
    border-radius: 7px;
    font-weight: 850;
    cursor: pointer;
}

[b-dm7ph4ve4j] .validation-message {
    color: #a53434;
    font-size: var(--font-sm);
    font-weight: 700;
}

.campo-foto small[b-dm7ph4ve4j] {
    color: var(--muted);
}

.acoes-formulario-arbitro[b-dm7ph4ve4j] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 17px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
}

.mensagem[b-dm7ph4ve4j] {
    margin: 16px 0 0;
    padding: 11px 13px;
    border-radius: 9px;
    font-size: var(--font-sm);
    font-weight: 750;
}

.mensagem.sucesso[b-dm7ph4ve4j] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.mensagem.erro[b-dm7ph4ve4j] {
    color: #8a2f2f;
    background: #fff3f3;
}

.painel-filtros[b-dm7ph4ve4j],
.estado-pagina[b-dm7ph4ve4j] {
    margin-top: 20px;
    padding: 22px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(20, 24, 22, 0.07);
}

.titulo-filtros[b-dm7ph4ve4j] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px;
}

.titulo-filtros h2[b-dm7ph4ve4j] {
    margin: 5px 0 0;
    font-size: 1.3rem;
}

.titulo-filtros > span[b-dm7ph4ve4j] {
    padding: 7px 10px;
    color: var(--muted);
    background: #f3f4f3;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.grelha-filtros-arbitros[b-dm7ph4ve4j] {
    display: grid;
    grid-template-columns: minmax(230px, 1.4fr) minmax(170px, 0.7fr);
    align-items: end;
    gap: 11px;
}

.grelha-filtros-arbitros label[b-dm7ph4ve4j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.grelha-filtros-arbitros label > span[b-dm7ph4ve4j] {
    color: #405448;
    font-size: var(--font-xs);
    font-weight: 800;
}

.grelha-filtros-arbitros input[b-dm7ph4ve4j],
.grelha-filtros-arbitros select[b-dm7ph4ve4j] {
    min-height: 44px;
    padding: 0 12px;
    color: var(--ink);
    background: #fbfbfb;
    border: 1px solid var(--line-strong);
    border-radius: 10px;
}

.lista-arbitros[b-dm7ph4ve4j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 20px;
}

.cartao-arbitro[b-dm7ph4ve4j] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 17px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-left: 5px solid var(--green);
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(20, 24, 22, 0.06);
}

.identidade-arbitro[b-dm7ph4ve4j] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.foto-arbitro[b-dm7ph4ve4j] {
    display: grid;
    width: 54px;
    height: 54px;
    flex: none;
    place-items: center;
    color: var(--paper);
    background: var(--green);
    border-radius: 12px;
    font-size: 1.2rem;
    font-weight: 950;
}

.foto-arbitro.com-foto[b-dm7ph4ve4j] {
    overflow: hidden;
    background: var(--neutral-soft);
    border: 2px solid color-mix(in srgb, var(--green) 45%, var(--line));
}

.foto-arbitro img[b-dm7ph4ve4j] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.identidade-arbitro > div[b-dm7ph4ve4j] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.identidade-arbitro a[b-dm7ph4ve4j] {
    overflow: hidden;
    color: var(--ink);
    font-size: 0.96rem;
    font-weight: 800;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.identidade-arbitro a:hover[b-dm7ph4ve4j] {
    color: var(--green);
}

.identidade-arbitro div span[b-dm7ph4ve4j],
.identidade-arbitro small[b-dm7ph4ve4j] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.estado[b-dm7ph4ve4j] {
    width: max-content;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.estado.ativo[b-dm7ph4ve4j] {
    color: var(--success-dark);
    background: var(--success-soft);
}

.estado.inativo[b-dm7ph4ve4j] {
    color: var(--muted);
    background: #e8ebe9;
}

.ligacao-ficha[b-dm7ph4ve4j] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 12px;
    color: var(--on-green);
    background: var(--green);
    border-radius: 9px;
    font-size: var(--font-xs);
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.estado-pagina[b-dm7ph4ve4j] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 7px;
    padding: 50px 22px;
    text-align: center;
}

.estado-pagina span[b-dm7ph4ve4j] {
    color: var(--muted);
}

@media (max-width: 1250px) {
    .lista-arbitros[b-dm7ph4ve4j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .grelha-formulario[b-dm7ph4ve4j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .campo-nome[b-dm7ph4ve4j] {
        grid-column: span 2;
    }

    .grelha-filtros-arbitros[b-dm7ph4ve4j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .pagina-arbitros[b-dm7ph4ve4j] {
        width: calc(100% - 20px);
        padding-top: 22px;
    }

    .cabecalho-arbitros[b-dm7ph4ve4j] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 620px) {
    .grelha-formulario[b-dm7ph4ve4j],
    .cartao-arbitro[b-dm7ph4ve4j] {
        grid-template-columns: 1fr;
    }

    .campo-nome[b-dm7ph4ve4j] {
        grid-column: auto;
    }

    .cartao-arbitro[b-dm7ph4ve4j] {
        justify-items: start;
    }

    .ligacao-ficha[b-dm7ph4ve4j] {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Pages/Clubes.razor.rz.scp.css */
/* CSS for Clubes component */
.pagina-clubes[b-2b98eif6ga] {
    width: min(1500px, calc(100% - 40px));
    max-width: none;
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink, #13251b);
}

.cabecalho-pagina[b-2b98eif6ga] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .cabecalho-pagina h1[b-2b98eif6ga] {
        margin: 4px 0 7px;
        font-size: clamp(30px, 4vw, 42px);
        letter-spacing: -0.04em;
    }

    .cabecalho-pagina > p:last-child[b-2b98eif6ga] {
        margin: 0;
        color: var(--muted);
    }

.subtitulo[b-2b98eif6ga] {
    margin: 0;
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.campos-clube[b-2b98eif6ga] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 1fr);
    align-items: start;
    gap: 16px;
}

.nome-clube[b-2b98eif6ga] {
    grid-column: 1 / -1;
}

.campo[b-2b98eif6ga] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .campo label[b-2b98eif6ga] {
        color: var(--muted);
        font-size: var(--font-sm);
        font-weight: 700;
    }

.input[b-2b98eif6ga] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    outline: none;
}

    .input:focus[b-2b98eif6ga] {
        background: var(--paper);
        border-color: var(--green);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent);
    }

.importar-fap[b-2b98eif6ga] {
    display: grid;
    gap: 6px;
    margin: 0 0 18px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.importar-fap label[b-2b98eif6ga] {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.importar-fap .campo-com-botao[b-2b98eif6ga] {
    display: flex;
    gap: 8px;
}

.importar-fap .campo-com-botao .input[b-2b98eif6ga] {
    flex: 1;
}

.importar-fap .campo-com-botao button[b-2b98eif6ga] {
    flex: 0 0 auto;
    width: auto;
}

.importar-fap small[b-2b98eif6ga] {
    color: var(--muted);
    font-weight: 500;
}

.seletor-cor[b-2b98eif6ga] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
}

.input-cor[b-2b98eif6ga] {
    width: 58px;
    height: 44px;
    padding: 3px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
    cursor: pointer;
}

.seletor-cor span[b-2b98eif6ga] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.campo-logo[b-2b98eif6ga] {
    grid-column: 1;
}

.input-ficheiro[b-2b98eif6ga] {
    min-height: 44px;
    padding: 7px;
    border-style: dashed;
}

    .input-ficheiro[b-2b98eif6ga]::file-selector-button {
        min-height: 30px;
        margin-right: 10px;
        padding: 0 12px;
        color: var(--green);
        background: var(--green-soft);
        border: none;
        border-radius: 7px;
        font-weight: 850;
        cursor: pointer;
    }

.ajuda-campo[b-2b98eif6ga] {
    color: var(--muted);
    font-size: var(--font-sm);
}

.validacao-upload[b-2b98eif6ga] {
    display: block;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.validacao-upload.sucesso[b-2b98eif6ga] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.validacao-upload.erro[b-2b98eif6ga] {
    color: var(--danger);
    background: var(--danger-soft);
    border: 1px solid var(--danger-line);
}

.previsualizacao-identidade[b-2b98eif6ga] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    grid-column: 2;
    align-self: start;
    min-width: 0;
    min-height: 88px;
    margin: 0;
    padding: 10px 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 11px;
}

    .previsualizacao-identidade > div:last-child[b-2b98eif6ga] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }

    .previsualizacao-identidade strong[b-2b98eif6ga] {
        overflow: hidden;
        font-size: var(--font-sm);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .previsualizacao-identidade > div:last-child span[b-2b98eif6ga] {
        color: var(--muted);
        font-size: var(--font-sm);
    }

.previsualizacao-logo[b-2b98eif6ga] {
    display: grid;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    place-items: center;
    overflow: hidden;
    color: var(--paper);
    border-radius: 13px;
    font-size: var(--font-sm);
    font-weight: 900;
}

    .previsualizacao-logo img[b-2b98eif6ga] {
        width: 100%;
        height: 100%;
        padding: 0;
        object-fit: contain;
        background: transparent;
    }

.cor-junto-preview[b-2b98eif6ga] {
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 5px 10px !important;
    flex: 0 0 auto;
    margin-left: auto;
}

.cor-junto-preview > label[b-2b98eif6ga] {
    grid-column: 1 / -1;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
}

.cor-junto-preview .seletor-cor[b-2b98eif6ga] {
    min-height: 0;
}

.botao-guardar[b-2b98eif6ga] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px;
    color: var(--on-green);
    background: var(--green);
    border: none;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

    .botao-guardar:hover:not(:disabled)[b-2b98eif6ga] {
        background: var(--green-dark);
    }

    .botao-guardar:disabled[b-2b98eif6ga] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.mensagem[b-2b98eif6ga] {
    margin: 16px 0 0;
    padding: 11px 13px;
    border-radius: 9px;
    font-size: var(--font-sm);
    font-weight: 700;
}

    .mensagem.sucesso[b-2b98eif6ga] {
        color: var(--success-dark);
        background: var(--success-soft);
        border: 1px solid var(--success-line);
    }

    .mensagem.erro[b-2b98eif6ga] {
        color: #922f2f;
        background: #fff0f0;
        border: 1px solid #edc2c2;
    }

.cartao-lista[b-2b98eif6ga] {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.lista-cabecalho[b-2b98eif6ga] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 34px 0 15px;
}

.lista-cabecalho h2[b-2b98eif6ga] {
    margin: 4px 0 18px;
    font-size: 21px;
}

.total-clubes[b-2b98eif6ga] {
    padding: 7px 12px;
    color: var(--green);
    background: var(--green-soft);
    border-radius: 999px;
    font-size: var(--font-sm);
    font-weight: 800;
}

.estado-lista[b-2b98eif6ga],
.estado-vazio[b-2b98eif6ga] {
    color: var(--muted);
    text-align: center;
}

.estado-vazio[b-2b98eif6ga] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 34px 20px;
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
}

.filtros-clubes[b-2b98eif6ga] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin: 0 0 18px;
    padding: 15px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 13px;
}

.filtros-clubes label[b-2b98eif6ga] {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 750;
}

.filtros-clubes input[type="search"][b-2b98eif6ga] {
    min-height: 42px;
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--paper);
    color: var(--ink);
}

.filtros-clubes .checkbox-inativas[b-2b98eif6ga] {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 42px;
}

.grelha-clubes[b-2b98eif6ga] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1vw, 18px);
}

.clube-cartao[b-2b98eif6ga] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 13px;
    min-height: 178px;
    padding: 25px 17px 15px;
    overflow: hidden;
    background: var(--paper);
    border: 1px solid var(--line, #dbe5df);
    border-radius: 15px;
    transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

    .clube-cartao[b-2b98eif6ga]::before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 6px;
        content: "";
        background: var(--cor-clube, var(--green));
    }

    .clube-cartao:hover[b-2b98eif6ga] {
        border-color: var(--line, #dbe5df);
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(20, 24, 22, 0.08);
    }

    .clube-cartao.inativo[b-2b98eif6ga] {
        background: #f6f7f6;
        opacity: 0.72;
    }

.clube-informacao[b-2b98eif6ga] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding-right: 66px;
}

.clube-sigla[b-2b98eif6ga] {
    display: grid;
    flex: 0 0 92px;
    width: 92px;
    height: 92px;
    place-items: center;
    overflow: hidden;
    color: var(--paper);
    background: var(--cor-clube, var(--green));
    border-radius: 16px;
    font-size: var(--font-sm);
    font-weight: 900;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.22),
        0 4px 8px rgba(15, 45, 28, 0.14);
}

    .clube-sigla.com-logo[b-2b98eif6ga] {
        background: transparent;
        border: 0;
        box-shadow: none;
    }

.clube-logotipo[b-2b98eif6ga] {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
}

.clube-informacao h3[b-2b98eif6ga] {
    margin: 5px 0;
    font-size: 18px;
}

.clube-informacao p[b-2b98eif6ga] {
    margin: 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

.ultima-alteracao[b-2b98eif6ga] {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: var(--font-xs);
}

.distintivo-equipa-propria[b-2b98eif6ga] {
    display: inline-flex;
    margin-left: 7px;
    padding: 3px 7px;
    color: var(--cor-clube, var(--green));
    background: color-mix(in srgb, var(--cor-clube, var(--green)) 9%, var(--paper));
    border: 1px solid color-mix(in srgb, var(--cor-clube, var(--green)) 25%, var(--line));
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 850;
    vertical-align: middle;
}

.clube-acoes[b-2b98eif6ga] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 6px;
}

.estado[b-2b98eif6ga] {
    padding: 5px 9px;
    border-radius: 999px;
    font-size: var(--font-sm);
    font-weight: 800;
}

    .estado.ativo[b-2b98eif6ga] {
        color: var(--success-dark);
        background: var(--success-soft);
    }

    .estado.inativo[b-2b98eif6ga] {
        color: var(--muted);
        background: #e8ebe9;
    }

.estado-canto[b-2b98eif6ga] {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 14px;
}

.botao-adicionar-clube[b-2b98eif6ga],
.botao-secundario-clube[b-2b98eif6ga],
.botao-editar[b-2b98eif6ga],
.botao-equipas[b-2b98eif6ga],
.botao-clube-base[b-2b98eif6ga],
.botao-estado[b-2b98eif6ga] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid var(--line, #dbe5df);
    border-radius: 9px;
    font-size: var(--font-xs);
    font-weight: 850;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.botao-adicionar-clube[b-2b98eif6ga] {
    width: auto;
    min-height: 42px;
    padding: 0 17px;
    color: var(--paper);
    background: var(--green, #087844);
    border-color: var(--green, #087844);
}

.botao-secundario-clube[b-2b98eif6ga],
.botao-editar[b-2b98eif6ga],
.botao-equipas[b-2b98eif6ga],
.botao-clube-base[b-2b98eif6ga],
.botao-estado[b-2b98eif6ga] {
    color: var(--green, #087844);
    background: var(--paper, #ffffff);
    border: 1px solid var(--line-strong);
}

.clube-acoes > *:hover[b-2b98eif6ga] {
    color: var(--on-green);
    background: var(--green);
    border-color: var(--green);
}

.acoes-formulario-clube[b-2b98eif6ga] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 18px;
    margin-top: 4px;
    border-top: 1px solid var(--line);
}

.acoes-formulario-clube .botao-guardar[b-2b98eif6ga] {
    min-width: 180px;
}

.fundo-modal-clube[b-2b98eif6ga] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, .62);
    backdrop-filter: blur(3px);
}

.modal-clube[b-2b98eif6ga] {
    width: min(920px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 26px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

.cabecalho-modal-clube[b-2b98eif6ga] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--line);
}

.cabecalho-modal-clube h2[b-2b98eif6ga] {
    margin: 4px 0 5px;
}

.cabecalho-modal-clube > div > p:last-child[b-2b98eif6ga] {
    margin: 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

.fechar-modal-clube[b-2b98eif6ga] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 1240px) {
    .grelha-clubes[b-2b98eif6ga] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .grelha-clubes[b-2b98eif6ga] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .filtros-clubes[b-2b98eif6ga] { grid-template-columns: 1fr; }
    .fundo-modal-clube[b-2b98eif6ga] { padding: 10px; }
    .modal-clube[b-2b98eif6ga] { max-height: calc(100vh - 20px); padding: 18px; }
    .campos-clube[b-2b98eif6ga] { grid-template-columns: 1fr; }
    .nome-clube[b-2b98eif6ga],
    .campo-logo[b-2b98eif6ga],
    .previsualizacao-identidade[b-2b98eif6ga] { grid-column: auto; }
    .previsualizacao-identidade[b-2b98eif6ga] { align-items: flex-start; flex-wrap: wrap; }
    .cor-junto-preview[b-2b98eif6ga] { width: 100%; margin-left: 69px; }
    .acoes-formulario-clube[b-2b98eif6ga] { flex-direction: column-reverse; }
}

@media (max-width: 650px) {
    .pagina-clubes[b-2b98eif6ga] {
        width: calc(100% - 20px);
        padding-top: 22px;
    }

    .cabecalho-pagina[b-2b98eif6ga] {
        align-items: stretch;
        flex-direction: column;
    }

    .botao-adicionar-clube[b-2b98eif6ga],
    .grelha-clubes[b-2b98eif6ga] {
        width: 100%;
    }

    .grelha-clubes[b-2b98eif6ga] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CompeticaoDetalhe.razor.rz.scp.css */
.pagina-competicao[b-jj82w29uas] { width: min(1500px, calc(100% - 40px)); max-width: none; margin: 0 auto; padding: 32px 0 64px; color: var(--ink); }
.pagina-competicao > header[b-jj82w29uas] { margin-bottom: 24px; }
.voltar[b-jj82w29uas] { display: block; width: max-content; margin-bottom: 16px; color: var(--green); font-weight: 850; text-decoration: none; }
.subtitulo[b-jj82w29uas] { color: var(--green); font-size: var(--font-xs); font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
header h1[b-jj82w29uas] { margin: 4px 0 7px; font-size: clamp(30px, 4vw, 42px); letter-spacing: -0.04em; }
header p[b-jj82w29uas] { margin: 0; color: var(--muted); }
header p a[b-jj82w29uas] { color: var(--green); font-weight: 800; }
.painel[b-jj82w29uas] { padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 10px 28px rgba(20,24,22,.06); }
.titulo-painel[b-jj82w29uas] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.titulo-painel h2[b-jj82w29uas] { margin: 4px 0 0; font-size: 20px; }
.titulo-painel > span[b-jj82w29uas] { color: var(--muted); font-weight: 750; }
.acoes-titulo-competicao[b-jj82w29uas] { display: flex; align-items: center; gap: 10px; }
.acoes-titulo-competicao > span[b-jj82w29uas] { color: var(--muted); font-weight: 750; }
.tabela-container[b-jj82w29uas] { overflow-x: auto; border: 1px solid var(--line); border-radius: 11px; }
table[b-jj82w29uas] { width: 100%; border-collapse: collapse; }
th[b-jj82w29uas], td[b-jj82w29uas] { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
th[b-jj82w29uas] { color: var(--ink); background: var(--green-soft); font-size: var(--font-xs); letter-spacing: .045em; text-transform: uppercase; }
tbody tr:last-child td[b-jj82w29uas] { border-bottom: 0; }
td a[b-jj82w29uas] { color: var(--green); font-weight: 800; text-decoration: none; }
td a:hover[b-jj82w29uas] { text-decoration: underline; }
.placar-competicao[b-jj82w29uas] { display: inline-flex; align-items: center; gap: 7px; font-variant-numeric: tabular-nums; }
.placar-competicao strong[b-jj82w29uas] { display: inline-grid; min-width: 32px; min-height: 29px; place-items: center; padding: 2px 7px; border-radius: 7px; font-size: 1rem; }
.placar-competicao .maior[b-jj82w29uas] { color: #0b6c3d; background: #e4f5eb; }
.placar-competicao .menor[b-jj82w29uas] { color: #9a3535; background: #fdeaea; }
.placar-competicao .igual[b-jj82w29uas] { color: #785a00; background: #fff3d3; }
.estado[b-jj82w29uas] { padding: 5px 9px; border-radius: 999px; font-size: var(--font-xs); font-weight: 850; }
.estado.ativo[b-jj82w29uas] { color: var(--success-dark); background: var(--success-soft); }
.estado.terminado[b-jj82w29uas] { color: var(--muted); background: #e8ebe9; }
.estado-vazio[b-jj82w29uas] { padding: 34px 20px; color: var(--muted); background: var(--neutral-soft); border: 1px dashed var(--line); border-radius: 12px; text-align: center; }
/* /Components/Pages/Competicoes.razor.rz.scp.css */
.pagina-competicoes[b-d3s8hcxxlf] { width: min(1500px, calc(100% - 40px)); max-width: none; margin: 0 auto; padding: 48px 0 64px; color: var(--ink); }
.cabecalho-competicoes[b-d3s8hcxxlf], .titulo-painel[b-d3s8hcxxlf], .acoes-formulario[b-d3s8hcxxlf], .acoes-cartao[b-d3s8hcxxlf] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cabecalho-competicoes[b-d3s8hcxxlf] { align-items: flex-end; margin-bottom: 24px; }
.cabecalho-competicoes h1[b-d3s8hcxxlf] { margin: 4px 0 7px; font-size: clamp(30px, 4vw, 42px); letter-spacing: -0.04em; }
.cabecalho-competicoes p:not(.subtitulo)[b-d3s8hcxxlf], .titulo-painel p:not(.subtitulo)[b-d3s8hcxxlf] { margin: 0; color: var(--muted); }
.subtitulo[b-d3s8hcxxlf] { margin: 0; color: var(--green); font-size: var(--font-xs); font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.painel[b-d3s8hcxxlf] { margin-top: 18px; padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 10px 28px rgba(20,24,22,.06); }
.titulo-painel h2[b-d3s8hcxxlf] { margin: 4px 0 0; font-size: 20px; }
.grelha-formulario[b-d3s8hcxxlf] { display: grid; grid-template-columns: 1.5fr .8fr .75fr 1.2fr; gap: 12px; margin-top: 18px; }
.grelha-formulario label[b-d3s8hcxxlf], .filtro-escalao[b-d3s8hcxxlf] { display: grid; gap: 6px; color: var(--muted); font-size: var(--font-sm); font-weight: 750; }
input[b-d3s8hcxxlf], select[b-d3s8hcxxlf] { width: 100%; min-height: 43px; padding: 8px 11px; color: var(--ink); background: var(--neutral-soft); border: 1px solid var(--line); border-radius: 9px; }
input:focus[b-d3s8hcxxlf], select:focus[b-d3s8hcxxlf] { outline: 0; background: var(--paper); border-color: var(--green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent); }
.acoes-formulario[b-d3s8hcxxlf] { justify-content: flex-end; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.botao-principal[b-d3s8hcxxlf], .botao-secundario[b-d3s8hcxxlf], .acoes-cartao a[b-d3s8hcxxlf], .acoes-cartao button[b-d3s8hcxxlf] { min-height: 42px; padding: 0 16px; border: 1px solid var(--green); border-radius: 9px; font-weight: 850; cursor: pointer; }
.botao-principal[b-d3s8hcxxlf] { color: var(--on-green); background: var(--green); }
.botao-secundario[b-d3s8hcxxlf], .acoes-cartao button[b-d3s8hcxxlf] { color: var(--green); background: var(--paper); border-color: var(--line-strong); }
.mensagem[b-d3s8hcxxlf] { margin: 16px 0 0; padding: 11px 13px; border-radius: 9px; font-weight: 750; }
.mensagem.sucesso[b-d3s8hcxxlf] { color: var(--success-dark); background: var(--success-soft); border: 1px solid var(--success-line); }
.mensagem.erro[b-d3s8hcxxlf] { color: var(--danger); background: var(--danger-soft); border: 1px solid var(--danger-line); }
.com-filtro[b-d3s8hcxxlf] { align-items: end; }
.filtro-escalao[b-d3s8hcxxlf] { width: 190px; }
.grelha-competicoes[b-d3s8hcxxlf] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin-top: 18px; }
.cartao-competicao[b-d3s8hcxxlf] { display: grid; gap: 9px; padding: 17px; background: var(--neutral-soft); border: 1px solid var(--line); border-radius: 12px; }
.cartao-competicao > div:first-child[b-d3s8hcxxlf] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cartao-competicao h3[b-d3s8hcxxlf] { margin: 0; }
.cartao-competicao p[b-d3s8hcxxlf], .cartao-competicao small[b-d3s8hcxxlf] { margin: 0; color: var(--muted); }
.estado[b-d3s8hcxxlf] { width: max-content; padding: 5px 9px; border-radius: 999px; font-size: var(--font-xs); font-weight: 850; }
.estado.ativo[b-d3s8hcxxlf] { color: var(--success-dark); background: var(--success-soft); }
.estado.inativo[b-d3s8hcxxlf] { color: var(--muted); background: #e8ebe9; }
.acoes-cartao[b-d3s8hcxxlf] { justify-content: flex-start; margin-top: 5px; }
.acoes-cartao a[b-d3s8hcxxlf] { display: inline-flex; align-items: center; color: var(--on-green); background: var(--green); text-decoration: none; }
.estado-vazio[b-d3s8hcxxlf] { margin: 16px 0 0; padding: 34px 20px; color: var(--muted); background: var(--neutral-soft); border: 1px dashed var(--line); border-radius: 12px; text-align: center; }
@media (max-width: 1000px) { .grelha-formulario[b-d3s8hcxxlf], .grelha-competicoes[b-d3s8hcxxlf] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 650px) { .cabecalho-competicoes[b-d3s8hcxxlf], .titulo-painel.com-filtro[b-d3s8hcxxlf] { align-items: stretch; flex-direction: column; } .grelha-formulario[b-d3s8hcxxlf], .grelha-competicoes[b-d3s8hcxxlf] { grid-template-columns: 1fr; } .filtro-escalao[b-d3s8hcxxlf] { width: 100%; } }
/* /Components/Pages/Configuracoes.razor.rz.scp.css */
.cabecalho-configuracoes h1[b-kx6lq3rjl5] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.cabecalho-configuracoes p:not(.subtitulo)[b-kx6lq3rjl5],
.titulo-cartao p:not(.subtitulo)[b-kx6lq3rjl5] {
    color: var(--muted, #64736a);
}

.botao-secundario[b-kx6lq3rjl5] {
    min-height: 39px;
    padding: 0 15px;
    color: var(--green, #087844);
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.seletor-perfil[b-kx6lq3rjl5] {
    margin-bottom: 10px;
    padding: 16px 18px;
}

.seletor-perfil input[b-kx6lq3rjl5],
.seletor-perfil select[b-kx6lq3rjl5],
.cartao-configuracao input[b-kx6lq3rjl5],
.cartao-configuracao select[b-kx6lq3rjl5],
.configuracao-zonas-baliza input[b-kx6lq3rjl5],
.configuracao-zonas-baliza select[b-kx6lq3rjl5] {
    color: var(--ink, #13251b);
    background: #fbfcfb;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.separadores-configuracao[b-kx6lq3rjl5] {
    display: flex;
    gap: 5px;
    margin: 14px 0 10px;
}

.separadores-configuracao button[b-kx6lq3rjl5] {
    min-height: 39px;
    padding: 0 15px;
    color: var(--muted);
    background: #e6ede8;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 800;
    cursor: pointer;
}

.separadores-configuracao button.ativo[b-kx6lq3rjl5] {
    color: var(--paper);
    background: var(--green, #087844);
}

.separadores-secundarios[b-kx6lq3rjl5] {
    margin-top: 6px;
}

.separadores-secundarios button[b-kx6lq3rjl5] {
    min-height: 33px;
    padding: 0 12px;
    background: transparent;
    border: 1px solid var(--line);
}

.separadores-secundarios button.ativo[b-kx6lq3rjl5] {
    border-color: var(--green, #087844);
}

.sem-margem-superior[b-kx6lq3rjl5] {
    margin-top: 0;
}

.editor-fluxo[b-kx6lq3rjl5],
.configuracao-atalhos[b-kx6lq3rjl5],
.configuracao-zonas-baliza[b-kx6lq3rjl5] {
    padding: 22px;
}

.titulo-cartao[b-kx6lq3rjl5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px;
}

.titulo-cartao p:not(.subtitulo)[b-kx6lq3rjl5] {
    margin: 0;
    font-size: var(--font-sm);
    line-height: 1.5;
}

.editor-jogo-ao-vivo[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 240px;
    align-items: start;
    gap: 14px;
    margin-top: 16px;
}

.editor-coluna-lateral[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.editor-coluna-central[b-kx6lq3rjl5] {
    display: grid;
    gap: 9px;
    min-width: 0;
}

.cabecalho-coluna-central[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.titulo-coluna-editor[b-kx6lq3rjl5] {
    margin: 0 0 2px;
    color: var(--ink);
    font-size: 0.85rem;
    font-weight: 800;
}

.cabecalho-coluna-central .titulo-coluna-editor[b-kx6lq3rjl5] {
    margin: 0;
}

.cartao-painel-fixo-editor[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.cartao-painel-fixo-editor input[b-kx6lq3rjl5] {
    width: 100%;
    min-height: 34px;
    padding: 0 8px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.linha-controlo-painel-fixo[b-kx6lq3rjl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

.linha-controlo-painel-fixo select[b-kx6lq3rjl5] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 1150px) {
    .editor-jogo-ao-vivo[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }
}

.cartao-etapa[b-kx6lq3rjl5] {
    overflow: hidden;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 11px;
    transition: border-color 0.16s, box-shadow 0.16s, opacity 0.16s;
}

.cartao-etapa:hover[b-kx6lq3rjl5] {
    border-color: var(--line-strong);
    box-shadow: 0 8px 20px rgba(20, 24, 22, 0.06);
}

.cartao-etapa.a-arrastar[b-kx6lq3rjl5] {
    opacity: 0.55;
    border-color: var(--green, #087844);
}

.cartao-etapa > header[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: var(--canvas);
    border-bottom: 1px solid var(--line);
}

.pega-arrasto[b-kx6lq3rjl5] {
    color: #88958d;
    font-size: 22px;
    line-height: 1;
    cursor: grab;
}

.cartao-etapa > header > div:nth-child(2)[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cartao-etapa > header small[b-kx6lq3rjl5] {
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.11em;
}

.cartao-etapa > header strong[b-kx6lq3rjl5] {
    font-size: var(--font-sm);
}

.botoes-mover-etapa[b-kx6lq3rjl5] {
    display: flex;
    gap: 4px;
}

.botoes-mover-etapa button[b-kx6lq3rjl5],
.cartao-etapa > footer button[b-kx6lq3rjl5] {
    min-width: 30px;
    min-height: 30px;
    color: var(--muted);
    background: #eef0ef;
    border: 0;
    border-radius: 6px;
    font-size: var(--font-xs);
    font-weight: 800;
    cursor: pointer;
}

.componentes-da-etapa[b-kx6lq3rjl5] {
    display: grid;
    gap: 7px;
    padding: 10px 12px;
}

.componente-editor[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: 58px minmax(180px, 1fr) minmax(135px, 0.45fr) 145px auto;
    align-items: start;
    gap: 10px;
    padding: 9px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.ordem-dentro-etapa[b-kx6lq3rjl5],
.componente-editor select[b-kx6lq3rjl5],
.nivel-resultado-fixo[b-kx6lq3rjl5],
.botao-secundario.botao-alterar-componente[b-kx6lq3rjl5] {
    margin-top: 2px;
}

.ordem-dentro-etapa[b-kx6lq3rjl5],
.acoes-ordem-vista[b-kx6lq3rjl5],
.acoes-ordem-atributo[b-kx6lq3rjl5] {
    display: flex;
    gap: 4px;
}

.ordem-dentro-etapa button[b-kx6lq3rjl5],
.acoes-ordem-vista button[b-kx6lq3rjl5],
.acoes-ordem-atributo button[b-kx6lq3rjl5] {
    width: 27px;
    height: 27px;
    padding: 0;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-size: var(--font-xs);
}

.opcoes-componente[b-kx6lq3rjl5] {
    grid-column: 2 / -1;
}

.dados-componente[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.dados-componente input[b-kx6lq3rjl5],
.componente-editor select[b-kx6lq3rjl5],
.opcoes-componente[b-kx6lq3rjl5] {
    width: 100%;
    min-height: 34px;
    padding: 0 8px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.dados-componente small[b-kx6lq3rjl5] {
    color: #7b8880;
    font-size: var(--font-xs);
}

.nivel-resultado-fixo[b-kx6lq3rjl5] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 9px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.botao-secundario.botao-alterar-componente[b-kx6lq3rjl5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-self: start;
    color: var(--ink);
    background: transparent;
    border-color: var(--line);
}

.botao-secundario.botao-alterar-componente:hover:not(:disabled)[b-kx6lq3rjl5] {
    color: var(--green);
    background: var(--green-soft);
    border-color: var(--green);
}

.badge-fonte-campo[b-kx6lq3rjl5] {
    grid-column: 4 / -1;
    height: auto;
    min-height: 34px;
    white-space: normal;
    color: var(--muted);
    font-weight: 700;
    line-height: 1.3;
}

.opcoes-componente[b-kx6lq3rjl5] {
    grid-column: 2 / 5;
}

.opcoes-componente-base[b-kx6lq3rjl5] {
    display: grid;
    grid-column: 2 / -1;
    gap: 9px;
    padding: 10px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.opcoes-componente-base > small[b-kx6lq3rjl5] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.remover-componente[b-kx6lq3rjl5] {
    width: 30px;
    height: 30px;
    color: #9f3535;
    background: #fff0f0;
    border: 0;
    border-radius: 7px;
    font-weight: 900;
    cursor: pointer;
}

.cartao-etapa > footer[b-kx6lq3rjl5] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    padding: 9px 12px 12px;
}

.cartao-etapa > footer select[b-kx6lq3rjl5],
.cartao-etapa > footer button[b-kx6lq3rjl5] {
    min-height: 34px;
    padding: 0 11px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 10px;
    font-size: var(--font-xs);
    font-weight: 800;
    cursor: pointer;
}

.cartao-etapa > footer select:hover:not(:disabled)[b-kx6lq3rjl5],
.cartao-etapa > footer button:hover:not(:disabled)[b-kx6lq3rjl5] {
    color: var(--green, #087844);
    border-color: var(--green, #087844);
}

.lista-atalhos[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.atalho-linha[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: 36px 1fr 112px;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.atalho-linha.conflito[b-kx6lq3rjl5] {
    background: #fff5f3;
    border-color: #e7aaa2;
}

.icone-atalho[b-kx6lq3rjl5] {
    display: grid;
    width: 33px;
    height: 33px;
    place-items: center;
    color: var(--green, #087844);
    background: var(--green-soft);
    border-radius: 7px;
    font-size: var(--font-sm);
    font-weight: 900;
}

.atalho-linha > span:nth-child(2)[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.atalho-linha strong[b-kx6lq3rjl5] {
    font-size: var(--font-xs);
}

.atalho-linha small[b-kx6lq3rjl5] {
    color: var(--muted, #64736a);
    font-size: var(--font-xs);
}

.atalho-linha input[b-kx6lq3rjl5] {
    width: 100%;
    height: 34px;
    padding: 0 8px;
    text-align: center;
    font-size: var(--font-xs);
    font-weight: 800;
}

.nota-atalhos[b-kx6lq3rjl5],
.aviso-atalhos[b-kx6lq3rjl5] {
    margin: 14px 0 0;
    padding: 13px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    font-size: var(--font-xs);
}

.aviso-atalhos[b-kx6lq3rjl5] {
    color: #87352f;
    background: #fff2ef;
    border-color: #ebc2bc;
}

.configuracao-zonas-baliza[b-kx6lq3rjl5] {
    margin: 0;
}

@media (max-width: 900px) {
    .lista-atalhos[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }

    .componente-editor[b-kx6lq3rjl5] {
        grid-template-columns: 58px minmax(160px, 1fr) 125px auto;
    }
}

@media (max-width: 650px) {
    .pagina-configuracoes[b-kx6lq3rjl5] {
        width: calc(100% - 20px);
        padding-top: 22px;
    }

    .cabecalho-configuracoes[b-kx6lq3rjl5],
    .titulo-cartao[b-kx6lq3rjl5] {
        align-items: stretch;
        flex-direction: column;
    }

    .separadores-configuracao[b-kx6lq3rjl5] {
        overflow-x: auto;
    }

    .separadores-configuracao button[b-kx6lq3rjl5] {
        white-space: nowrap;
    }

    .componente-editor[b-kx6lq3rjl5] {
        grid-template-columns: 58px 1fr;
    }

    .dados-componente[b-kx6lq3rjl5],
    .tipo-resposta-componente[b-kx6lq3rjl5] {
        grid-column: 1 / -1;
    }

    .componente-editor select[b-kx6lq3rjl5],
    .componente-editor .remover-componente[b-kx6lq3rjl5] {
        grid-column: 2;
    }

    .opcoes-componente[b-kx6lq3rjl5],
    .badge-fonte-campo[b-kx6lq3rjl5] {
        grid-column: 1 / -1;
    }

    .cartao-etapa > footer[b-kx6lq3rjl5] {
        align-items: stretch;
        flex-direction: column;
    }

    .atalho-linha[b-kx6lq3rjl5] {
        grid-template-columns: 34px 1fr;
    }

    .atalho-linha input[b-kx6lq3rjl5] {
        grid-column: 1 / 3;
    }
}

.cabecalho-configuracoes[b-kx6lq3rjl5],
.seletor-perfil[b-kx6lq3rjl5],
.grelha-configuracoes[b-kx6lq3rjl5],
.criador-componentes[b-kx6lq3rjl5],
.configuracao-zonas-baliza[b-kx6lq3rjl5],
.mensagem[b-kx6lq3rjl5],
.acoes-pagina[b-kx6lq3rjl5],
.estado-pagina[b-kx6lq3rjl5] {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

.cabecalho-configuracoes[b-kx6lq3rjl5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.cabecalho-configuracoes p:not(.subtitulo)[b-kx6lq3rjl5] {
    max-width: 680px;
    margin: 0;
    color: var(--muted);
    line-height: 1.5;
}

.subtitulo[b-kx6lq3rjl5] {
    margin: 0 0 5px;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

button[b-kx6lq3rjl5],
input[b-kx6lq3rjl5],
select[b-kx6lq3rjl5] {
    font: inherit;
}

button[b-kx6lq3rjl5] {
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 800;
}

button:disabled[b-kx6lq3rjl5],
input:disabled[b-kx6lq3rjl5],
select:disabled[b-kx6lq3rjl5] {
    cursor: not-allowed;
    opacity: 0.55;
}

.cabecalho-selecao-perfil[b-kx6lq3rjl5] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.cabecalho-selecao-perfil .seletor-perfil[b-kx6lq3rjl5] {
    flex: 1 1 auto;
    margin-bottom: 0;
}

.cabecalho-selecao-perfil > .botao-secundario[b-kx6lq3rjl5] {
    flex: 0 0 auto;
    align-self: center;
    white-space: nowrap;
}

.seletor-perfil[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.2fr) auto;
    align-items: end;
    gap: 16px;
    padding: 20px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}

.campo[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.campo label[b-kx6lq3rjl5],
.linha-campo label[b-kx6lq3rjl5] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.campo input[b-kx6lq3rjl5],
.campo select[b-kx6lq3rjl5],
.linha-campo select[b-kx6lq3rjl5] {
    min-height: 44px;
    padding: 9px 11px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.opcao-predefinida[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 700;
}

.cartao-configuracao[b-kx6lq3rjl5] {
    overflow: hidden;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}

.titulo-cartao[b-kx6lq3rjl5] {
    padding: 22px 22px 16px;
    border-bottom: 1px solid var(--line);
}

.lista-opcoes[b-kx6lq3rjl5] {
    padding: 8px 22px 18px;
}

.configuracao-zonas-baliza[b-kx6lq3rjl5] {
    margin-top: 18px;
    padding: 22px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}

.baliza-editor-grafica[b-kx6lq3rjl5] {
    width: min(100%, 560px);
    margin: 18px auto 0;
    padding: 16px 16px 0;
    background:
        linear-gradient(#000, #000) left top / 12px 12px no-repeat,
        linear-gradient(#000, #000) right top / 12px 12px no-repeat,
        repeating-linear-gradient(
            90deg,
            #000 0 22px,
            #fff 22px 44px)
        50% top / 100% 12px no-repeat,
        repeating-linear-gradient(
            180deg,
            #000 0 22px,
            #fff 22px 44px)
        left 50% / 12px 100% no-repeat,
        repeating-linear-gradient(
            180deg,
            #000 0 22px,
            #fff 22px 44px)
        right 50% / 12px 100% no-repeat;
    filter: drop-shadow(0 8px 8px rgba(23, 33, 27, 0.12));
}

.baliza-editor[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(90px, 1fr));
    gap: 1px;
    padding: 4px;
    background-color: #eef3ef;
    background-image:
        linear-gradient(rgba(80, 99, 87, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(80, 99, 87, 0.15) 1px, transparent 1px);
    background-size: 18px 18px;
    border: 2px solid var(--line);
}

.zona-editor-baliza[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 6px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(81, 101, 88, 0.22);
    border-radius: 3px;
}

.zona-editor-baliza input[type="text"][b-kx6lq3rjl5],
.zona-editor-baliza input:not([type])[b-kx6lq3rjl5] {
    min-width: 0;
    min-height: 34px;
    padding: 4px 7px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-size: var(--font-sm);
    text-align: center;
}

.zona-editor-baliza input.atalho-zona-baliza[b-kx6lq3rjl5] {
    min-height: 26px;
    max-width: 68px;
    margin: 0 auto;
    padding: 2px 6px;
    color: var(--muted);
    background: var(--neutral-soft);
    border-style: dashed;
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.lista-zonas-remate[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
}

.zona-editor-remate[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.zona-editor-remate span[b-kx6lq3rjl5] {
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 600;
}

.zona-editor-remate input.atalho-zona-remate[b-kx6lq3rjl5] {
    min-height: 26px;
    max-width: 68px;
    padding: 2px 6px;
    color: var(--muted);
    background: var(--paper);
    border: 1px dashed var(--line);
    border-radius: 6px;
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
}

.rodape-modal-baliza[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    margin-top: 18px;
}

.rodape-modal-baliza .mensagem[b-kx6lq3rjl5] {
    margin-top: 0;
}

.campo small[b-kx6lq3rjl5] {
    color: var(--muted);
    font-size: var(--font-sm);
}

.mensagem[b-kx6lq3rjl5],
.estado-pagina[b-kx6lq3rjl5] {
    margin-top: 16px;
    padding: 13px 15px;
    border-radius: 10px;
}

.mensagem.sucesso[b-kx6lq3rjl5] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.mensagem.erro[b-kx6lq3rjl5] {
    color: #8d2920;
    background: #fff0ee;
    border: 1px solid #efc3bd;
}

.estado-pagina[b-kx6lq3rjl5] {
    color: var(--muted);
    background: var(--paper);
    border: 1px solid var(--line);
}

.acoes-pagina[b-kx6lq3rjl5] {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

.escalas-mapas-grid[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 220px)) minmax(220px, 1fr);
    gap: 14px;
    align-items: end;
}

.escalas-mapas-grid label[b-kx6lq3rjl5] {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-weight: 750;
}

.escalas-mapas-grid input[b-kx6lq3rjl5] {
    width: 100%;
    height: 44px;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--paper);
}

.preview-escala[b-kx6lq3rjl5] {
    display: grid;
    gap: 6px;
}

.preview-escala i[b-kx6lq3rjl5] {
    display: block;
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: linear-gradient(90deg, var(--inicio), var(--fim));
}

.preview-escala small[b-kx6lq3rjl5] {
    color: var(--muted);
}

@media (max-width: 820px) {
    .escalas-mapas-grid[b-kx6lq3rjl5] {
        grid-template-columns: 1fr 1fr;
    }

    .preview-escala[b-kx6lq3rjl5] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 800px) {
    .pagina-configuracoes[b-kx6lq3rjl5] {
        padding: 20px;
    }

    .cabecalho-configuracoes[b-kx6lq3rjl5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .seletor-perfil[b-kx6lq3rjl5],
    .grelha-configuracoes[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }

    .opcao-predefinida[b-kx6lq3rjl5] {
        min-height: auto;
    }

    .cabecalho-selecao-perfil[b-kx6lq3rjl5] {
        flex-direction: column;
    }

    .cabecalho-selecao-perfil > .botao-secundario[b-kx6lq3rjl5] {
        align-self: stretch;
    }
}

.separadores-configuracao[b-kx6lq3rjl5] {
    flex-wrap: wrap;
}

.resultado-configuracao.personalizado[b-kx6lq3rjl5] {
    grid-template-columns: minmax(180px, 1fr) auto auto auto 30px;
}

.atalho-resultado[b-kx6lq3rjl5] {
    min-height: 26px;
    max-width: 68px;
    margin: 0 auto;
    padding: 2px 6px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 6px;
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
}

.dados-resultado-personalizado[b-kx6lq3rjl5] {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) minmax(120px, 0.85fr);
    gap: 7px !important;
}

.dados-resultado-personalizado input[b-kx6lq3rjl5],
.dados-resultado-personalizado select[b-kx6lq3rjl5],
.adicionar-resultado input[b-kx6lq3rjl5],
.adicionar-resultado select[b-kx6lq3rjl5],
.seletor-marca-aplicacao select[b-kx6lq3rjl5] {
    min-height: 36px;
    padding: 0 9px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
}

.remover-resultado[b-kx6lq3rjl5] {
    width: 30px;
    height: 30px;
    padding: 0;
    color: #9f3535;
    background: #fff0f0;
    border: 0;
    border-radius: 7px;
    font-weight: 900;
}

.adicionar-resultado[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(160px, 0.8fr) auto auto;
    align-items: end;
    gap: 10px;
    margin-top: 12px;
    padding: 13px;
    background: var(--paper);
    border: 1px dashed var(--line);
    border-radius: 11px;
}

.adicionar-resultado label[b-kx6lq3rjl5],
.seletor-marca-aplicacao[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
}

.adicionar-resultado .nova-troca-posse[b-kx6lq3rjl5] {
    align-items: center;
    flex-direction: row;
    min-height: 36px;
    color: var(--green);
    white-space: nowrap;
}

.adicionar-resultado > button[b-kx6lq3rjl5] {
    min-height: 36px;
    padding: 0 13px;
    color: var(--on-green);
    background: var(--green);
    border-radius: 8px;
}

.editor-aparencia[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.7fr);
    gap: 20px;
}

.identidade-aplicacao[b-kx6lq3rjl5] {
    display: grid;
    align-content: start;
    gap: 14px;
}

.nome-clube-aplicacao[b-kx6lq3rjl5],
.sigla-clube-aplicacao[b-kx6lq3rjl5],
.cor-base-aplicacao[b-kx6lq3rjl5],
.logo-aplicacao-editor[b-kx6lq3rjl5] {
    display: grid;
    gap: 8px;
    padding: 16px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.nome-clube-aplicacao input[b-kx6lq3rjl5],
.sigla-clube-aplicacao input[b-kx6lq3rjl5] {
    min-height: 40px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 7px;
    font: inherit;
    font-weight: 600;
}

.cor-base-aplicacao > div[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cor-base-aplicacao input[b-kx6lq3rjl5] {
    width: 48px;
    height: 34px;
    padding: 2px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.cor-base-aplicacao code[b-kx6lq3rjl5],
.cor-base-aplicacao small[b-kx6lq3rjl5],
.logo-aplicacao-editor small[b-kx6lq3rjl5] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 550;
}

.logo-aplicacao-editor input[type="file"][b-kx6lq3rjl5] {
    width: 100%;
    padding: 9px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
    font-size: var(--font-xs);
}

.estado-logo-aplicacao[b-kx6lq3rjl5] {
    color: var(--green);
    font-size: var(--font-xs);
}

.remover-logo-aplicacao[b-kx6lq3rjl5] {
    width: fit-content;
    min-height: 34px;
    padding: 0 11px;
    color: #9f3535;
    background: #fff0f0;
    border: 1px solid #f0cccc;
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.previsualizacao-aparencia[b-kx6lq3rjl5] {
    padding: 14px;
    color: var(--preview-texto);
    background: var(--preview-fundo);
    border: 1px solid color-mix(in srgb, var(--preview-secundario) 25%, var(--preview-superficie));
    border-radius: 13px;
}

.marca-previsualizacao[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px;
    background: var(--preview-superficie);
    border-radius: 9px;
}

.marca-previsualizacao > span[b-kx6lq3rjl5],
.marca-previsualizacao > img[b-kx6lq3rjl5] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 3px;
    color: var(--preview-contraste);
    background: var(--preview-principal);
    border-radius: 9px;
    object-fit: contain;
    font-size: var(--font-xs);
    font-weight: 950;
}

.marca-previsualizacao > img[b-kx6lq3rjl5] {
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.marca-previsualizacao > div[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
}

.marca-previsualizacao small[b-kx6lq3rjl5] {
    color: var(--preview-secundario);
}

.cartao-previsualizacao[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding: 16px;
    background: var(--preview-superficie);
    border-radius: 10px;
}

.cartao-previsualizacao small[b-kx6lq3rjl5] {
    color: var(--preview-principal);
    font-weight: 900;
}

.cartao-previsualizacao button[b-kx6lq3rjl5] {
    min-height: 36px;
    color: var(--preview-contraste);
    background: var(--preview-principal);
    border-radius: 8px;
}

@media (max-width: 900px) {
    .editor-aparencia[b-kx6lq3rjl5],
    .identidade-aplicacao[b-kx6lq3rjl5] { grid-template-columns: 1fr; }

    .adicionar-resultado[b-kx6lq3rjl5] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .resultado-configuracao.personalizado[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .adicionar-resultado[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }

    .dados-resultado-personalizado[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {}

.configuracao-resultados[b-kx6lq3rjl5] {
    margin-top: 24px;
    padding: 20px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 15px;
}

.fundo-modal-configuracao[b-kx6lq3rjl5] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, 0.62);
    backdrop-filter: blur(3px);
}

.modal-configuracao[b-kx6lq3rjl5] {
    width: min(820px, 100%);
    max-height: calc(100vh - 40px);
    margin-top: 0;
    overflow: auto;
    background: var(--paper);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
}

.modal-aviso-alteracoes[b-kx6lq3rjl5] {
    width: min(380px, 100%);
    padding: 28px 26px 24px;
    background: var(--paper);
    border-radius: 16px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
    text-align: center;
}

.icone-aviso-alteracoes[b-kx6lq3rjl5] {
    width: 46px;
    height: 46px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    color: var(--danger, #b42318);
    background: var(--danger-soft, #fdeceb);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 800;
}

.modal-aviso-alteracoes #titulo-aviso-alteracoes[b-kx6lq3rjl5] {
    margin: 0 0 4px;
    color: var(--ink);
    font-size: 1.05rem;
    font-weight: 800;
}

.texto-aviso-alteracoes[b-kx6lq3rjl5] {
    margin: 0 0 22px;
    color: var(--muted);
    font-size: var(--font-sm);
}

.acoes-aviso-alteracoes[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.acoes-aviso-alteracoes button[b-kx6lq3rjl5] {
    width: 100%;
    justify-content: center;
}

.botao-dispensar-alteracoes[b-kx6lq3rjl5] {
    color: var(--danger);
    background: var(--danger-soft);
    border: 1px solid var(--danger-line);
}

.botao-dispensar-alteracoes:hover:not(:disabled)[b-kx6lq3rjl5] {
    background: var(--danger-line);
}

.botao-continuar-alteracoes[b-kx6lq3rjl5] {
    padding: 10px;
    color: var(--muted);
    background: transparent;
    border: 0;
    font-weight: 700;
}

.botao-continuar-alteracoes:hover:not(:disabled)[b-kx6lq3rjl5] {
    color: var(--ink);
    text-decoration: underline;
}

.acoes-modal-configuracao[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}

.acoes-modal-configuracao button[b-kx6lq3rjl5] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 640px) {
    .fundo-modal-configuracao[b-kx6lq3rjl5] {
        padding: 10px;
    }

    .modal-configuracao[b-kx6lq3rjl5] {
        max-height: calc(100vh - 20px);
        padding: 16px;
    }

    .cabecalho-modal-configuracao[b-kx6lq3rjl5] {
        align-items: flex-start;
    }

    .baliza-editor[b-kx6lq3rjl5] {
        grid-template-rows: repeat(3, minmax(70px, 1fr));
    }

    .zona-editor-baliza[b-kx6lq3rjl5] {
        padding: 5px;
    }
}

.titulo-resultados[b-kx6lq3rjl5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 15px;
}

.titulo-resultados h3[b-kx6lq3rjl5] {
    margin: 4px 0 0;
    color: var(--ink);
    font-size: 1.05rem;
}

.titulo-resultados > small[b-kx6lq3rjl5],
.acoes-modal-configuracao > small[b-kx6lq3rjl5],
.nota-resultados[b-kx6lq3rjl5] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.lista-resultados-configuracao[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
}

.lista-disciplinas-configuracao[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.disciplina-configuracao[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 11px 16px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.sigla-disciplina[b-kx6lq3rjl5] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 30px;
    padding: 0 8px;
    color: var(--ink);
    background: var(--green-soft);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.02em;
}

.resultado-configuracao[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) auto auto auto;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 11px 13px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.resultado-configuracao.oculto[b-kx6lq3rjl5] {
    opacity: 0.64;
}

.resultado-configuracao > div[b-kx6lq3rjl5] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.resultado-configuracao > div strong[b-kx6lq3rjl5] {
    color: var(--ink);
    font-size: 0.84rem;
}

.resultado-configuracao > div small[b-kx6lq3rjl5] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.resultado-configuracao label[b-kx6lq3rjl5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
    white-space: nowrap;
}

.resultado-configuracao label.troca-automatica[b-kx6lq3rjl5] {
    color: var(--green);
}

@media (max-width: 800px) {
    .resultado-configuracao[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}

.nota-resultados[b-kx6lq3rjl5] {
    margin: 13px 0 0;
    line-height: 1.5;
}

.configuracao-opcoes-taticas[b-kx6lq3rjl5] {
    margin-top: 24px;
}

.grupo-opcoes-taticas[b-kx6lq3rjl5] {
    margin-top: 16px;
}

.grupo-opcoes-taticas:first-of-type[b-kx6lq3rjl5] {
    margin-top: 0;
}

.grupo-opcoes-taticas h4[b-kx6lq3rjl5] {
    margin: 0;
    color: var(--ink);
    font-size: 0.9rem;
}

.cabecalho-campo-tatico[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 8px;
}

.nivel-campo-tatico[b-kx6lq3rjl5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
}

.nivel-campo-tatico select[b-kx6lq3rjl5] {
    min-height: 32px;
    padding: 0 8px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 7px;
    font-size: var(--font-xs);
}

.nota-ordem-opcoes-taticas[b-kx6lq3rjl5] {
    margin: -2px 0 9px;
    color: var(--muted);
    font-size: var(--font-xs);
}

.lista-opcoes-taticas[b-kx6lq3rjl5] {
    display: grid;
    gap: 9px;
}

.titulo-categoria-tatica[b-kx6lq3rjl5] {
    margin: 12px 0 -3px;
    padding-top: 12px;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-top: 1px solid var(--line);
}

.titulo-categoria-tatica:first-child[b-kx6lq3rjl5] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.opcao-tatica-configuracao[b-kx6lq3rjl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 9px 13px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.numero-ordem-opcao[b-kx6lq3rjl5] {
    display: grid;
    flex: 0 0 24px;
    place-items: center;
    width: 24px;
    height: 24px;
    color: var(--green);
    background: var(--green-soft);
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 900;
}

.opcao-tatica-configuracao.oculto[b-kx6lq3rjl5] {
    opacity: 0.64;
}

.opcao-tatica-configuracao label[b-kx6lq3rjl5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
    white-space: nowrap;
}

.opcao-tatica-configuracao label.troca-automatica[b-kx6lq3rjl5] {
    color: var(--green);
}

.dados-opcao-tatica[b-kx6lq3rjl5] {
    display: flex;
    flex: 1 1 260px;
    flex-wrap: wrap;
    gap: 7px;
}

.dados-opcao-tatica input[b-kx6lq3rjl5],
.dados-opcao-tatica select[b-kx6lq3rjl5] {
    min-height: 36px;
    padding: 0 9px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
}

.dados-opcao-tatica input.atalho-opcao-tatica[b-kx6lq3rjl5] {
    flex: 0 0 68px;
    min-height: 26px;
    padding: 2px 6px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 6px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
}

.opcoes-painel-tatico[b-kx6lq3rjl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
}

.opcoes-painel-tatico label[b-kx6lq3rjl5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
}

.pre-visualizacao-etapas[b-kx6lq3rjl5] {
    margin-top: 18px;
}

.grelha-fluxo-preview[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.maquete-jogo-ao-vivo[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: 220px minmax(300px, 1fr) 240px;
    align-items: start;
    gap: 14px;
    margin-top: 16px;
}

.maquete-coluna-lateral[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.maquete-painel-fixo[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 14px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(20, 24, 22, 0.05);
}

.maquete-titulo-painel[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 800;
}

.maquete-seta-painel[b-kx6lq3rjl5] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.maquete-combo[b-kx6lq3rjl5] {
    padding: 8px 10px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1.5px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 700;
}

.maquete-coluna-central[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.maquete-navegacao-etapas[b-kx6lq3rjl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.maquete-chip-etapa[b-kx6lq3rjl5] {
    width: 26px;
    height: 26px;
    display: grid;
    flex-shrink: 0;
    place-items: center;
    color: var(--muted);
    background: var(--paper);
    border: 1.5px solid var(--line);
    border-radius: 50%;
    font-size: var(--font-xs);
    font-weight: 800;
}

.maquete-chip-etapa.atual[b-kx6lq3rjl5] {
    color: var(--on-green, #fff);
    background: var(--green, #087844);
    border-color: var(--green, #087844);
}

.maquete-fase-registo[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--line);
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(20, 24, 22, 0.06);
    overflow: hidden;
}

.maquete-etapa-central[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
}

.maquete-etapa-central:last-child[b-kx6lq3rjl5] {
    border-bottom: 0;
}

.maquete-numero-etapa[b-kx6lq3rjl5] {
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.08em;
}

.maquete-etapa-central strong[b-kx6lq3rjl5] {
    color: var(--ink);
    font-size: var(--font-sm);
}

@media (max-width: 900px) {
    .maquete-jogo-ao-vivo[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }
}

.badge-pre-visualizacao[b-kx6lq3rjl5] {
    padding: 2px 8px;
    color: var(--muted);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.dados-opcao-tatica input[type="number"][b-kx6lq3rjl5] {
    width: 64px;
}

.dados-opcao-tatica input:not([type="number"])[b-kx6lq3rjl5] {
    flex: 1 1 160px;
}

.adicionar-opcao-tatica[b-kx6lq3rjl5] {
    grid-template-columns: minmax(180px, 1fr) minmax(140px, 0.6fr) auto;
}

@media (max-width: 800px) {
    .lista-resultados-configuracao[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }

    .titulo-resultados[b-kx6lq3rjl5] {
        align-items: flex-start;
        flex-direction: column;
    }
}


.pagina-configuracoes[b-kx6lq3rjl5] {
    width: min(1500px, calc(100% - 40px));
    max-width: none;
    min-height: auto;
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink, #13251b);
    background: transparent;
    font-family: inherit;
}

.seletor-perfil[b-kx6lq3rjl5] {
    grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.4fr) auto;
    margin-bottom: 10px;
    padding: 16px 18px;
}

.cartao-configuracao[b-kx6lq3rjl5],
.configuracao-zonas-baliza[b-kx6lq3rjl5] {
    padding: 22px;
}

.titulo-cartao[b-kx6lq3rjl5] {
    align-items: flex-start;
    margin-bottom: 17px;
}

.titulo-cartao h2[b-kx6lq3rjl5] {
    margin: 4px 0 5px;
    font-size: 20px;
}

.botao-guardar[b-kx6lq3rjl5] {
    min-width: 170px;
    padding: 13px 20px;
    color: var(--on-green);
    background: var(--green, #087844);
}

@media (max-width: 800px) {
    .pagina-configuracoes[b-kx6lq3rjl5] {
        width: calc(100% - 20px);
        padding: 22px 0 56px;
    }

    .cabecalho-configuracoes[b-kx6lq3rjl5] {
        align-items: stretch;
    }

    .seletor-perfil[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }
}

/* Escala de leitura: cresce de forma controlada em monitores grandes. */
.pagina-configuracoes[b-kx6lq3rjl5] {
    font-size: clamp(14px, 0.18vw + 12px, 16px);
}

.botao-secundario[b-kx6lq3rjl5],
.separadores-configuracao button[b-kx6lq3rjl5] {
    font-size: clamp(0.8rem, 0.1vw + 0.75rem, 0.9rem);
}

.titulo-cartao p:not(.subtitulo)[b-kx6lq3rjl5],
.cabecalho-configuracoes p:not(.subtitulo)[b-kx6lq3rjl5] {
    font-size: clamp(0.86rem, 0.08vw + 0.82rem, 0.94rem);
}

.cartao-etapa > header small[b-kx6lq3rjl5],
.dados-componente small[b-kx6lq3rjl5],
.atalho-linha small[b-kx6lq3rjl5] {
    font-size: clamp(0.76rem, 0.06vw + 0.73rem, 0.86rem);
}

.cartao-etapa > header strong[b-kx6lq3rjl5],
.dados-componente input[b-kx6lq3rjl5],
.componente-editor select[b-kx6lq3rjl5],
.opcoes-componente[b-kx6lq3rjl5],
.nivel-resultado-fixo[b-kx6lq3rjl5],
.cartao-etapa > footer select[b-kx6lq3rjl5],
.atalho-linha strong[b-kx6lq3rjl5],
.atalho-linha input[b-kx6lq3rjl5],
.nota-atalhos[b-kx6lq3rjl5],
.aviso-atalhos[b-kx6lq3rjl5],
.resultado-configuracao > div strong[b-kx6lq3rjl5],
.resultado-configuracao label[b-kx6lq3rjl5] {
    font-size: clamp(0.84rem, 0.08vw + 0.8rem, 0.98rem);
}

.botoes-mover-etapa button[b-kx6lq3rjl5],
.cartao-etapa > footer button[b-kx6lq3rjl5] {
    font-size: clamp(0.78rem, 0.06vw + 0.75rem, 0.88rem);
}

.dados-resultado-personalizado input[b-kx6lq3rjl5],
.dados-resultado-personalizado select[b-kx6lq3rjl5],
.adicionar-resultado input[b-kx6lq3rjl5],
.adicionar-resultado select[b-kx6lq3rjl5],
.seletor-marca-aplicacao select[b-kx6lq3rjl5],
.adicionar-resultado label[b-kx6lq3rjl5],
.seletor-marca-aplicacao[b-kx6lq3rjl5],
.nome-clube-aplicacao[b-kx6lq3rjl5],
.sigla-clube-aplicacao[b-kx6lq3rjl5],
.cor-base-aplicacao[b-kx6lq3rjl5],
.logo-aplicacao-editor[b-kx6lq3rjl5],
.logo-aplicacao-editor input[type="file"][b-kx6lq3rjl5],
.estado-logo-aplicacao[b-kx6lq3rjl5],
.remover-logo-aplicacao[b-kx6lq3rjl5] {
    font-size: clamp(0.8rem, 0.08vw + 0.76rem, 0.9rem);
}

.validacao-upload[b-kx6lq3rjl5] {
    display: block;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.validacao-upload.sucesso[b-kx6lq3rjl5] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.validacao-upload.erro[b-kx6lq3rjl5] {
    color: var(--danger);
    background: var(--danger-soft);
    border: 1px solid var(--danger-line);
}

.cor-base-aplicacao code[b-kx6lq3rjl5],
.cor-base-aplicacao small[b-kx6lq3rjl5],
.logo-aplicacao-editor small[b-kx6lq3rjl5],
.resultado-configuracao > div small[b-kx6lq3rjl5],
.titulo-resultados > small[b-kx6lq3rjl5],
.acoes-modal-configuracao > small[b-kx6lq3rjl5],
.nota-resultados[b-kx6lq3rjl5] {
    font-size: clamp(0.78rem, 0.06vw + 0.75rem, 0.88rem);
}

@media (min-width: 1500px) {
    .seletor-perfil input[b-kx6lq3rjl5],
    .seletor-perfil select[b-kx6lq3rjl5],
    .cartao-configuracao input[b-kx6lq3rjl5],
    .cartao-configuracao select[b-kx6lq3rjl5],
    .configuracao-zonas-baliza input[b-kx6lq3rjl5],
    .configuracao-zonas-baliza select[b-kx6lq3rjl5] {
        min-height: 39px;
    }
}
.configuracao-acessos[b-kx6lq3rjl5] {
    padding: 22px;
}

.tabela-perfis-acesso[b-kx6lq3rjl5] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.tabela-perfis-acesso .linha[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: 170px minmax(240px, 1.4fr) minmax(220px, 1fr);
    gap: 16px;
    padding: 13px 15px;
    border-bottom: 1px solid var(--line);
    font-size: var(--font-sm);
}

.tabela-perfis-acesso .linha:last-child[b-kx6lq3rjl5] {
    border-bottom: 0;
}

.tabela-perfis-acesso .cabecalho[b-kx6lq3rjl5] {
    color: var(--ink);
    background: var(--green-soft);
    font-size: var(--font-xs);
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.nota-seguranca-acessos[b-kx6lq3rjl5] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding: 13px 15px;
    flex-direction: column;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
    font-size: var(--font-sm);
}

.nota-seguranca-acessos strong[b-kx6lq3rjl5] {
    color: var(--ink);
}

.opcao-bloco-vista-jogo.selecionado[b-kx6lq3rjl5] {
    background: color-mix(in srgb, var(--green) 7%, var(--paper));
    border-color: color-mix(in srgb, var(--green) 38%, var(--line));
}

.atributo-vista-jogo.selecionado[b-kx6lq3rjl5] {
    border-color: color-mix(in srgb, var(--green) 30%, var(--line));
}

@media (max-width: 760px) {
    .tabela-perfis-acesso .linha[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .matriz-permissoes .linha[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

.matriz-permissoes .linha[b-kx6lq3rjl5] {
    grid-template-columns: 170px repeat(3, minmax(150px, 1fr));
    align-items: center;
}

.matriz-permissoes .linha.cabecalho span[b-kx6lq3rjl5] {
    text-align: center;
}

.celula-permissao[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.celula-permissao input[type="checkbox"][b-kx6lq3rjl5] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Separador Utilizadores */
.configuracao-utilizadores[b-kx6lq3rjl5] {
    padding: 0 22px 22px;
}

.configuracao-utilizadores .titulo-cartao[b-kx6lq3rjl5] {
    padding: 22px 0 16px;
    margin: 0;
}

.estado-lista-utilizadores[b-kx6lq3rjl5],
.estado-vazio-utilizadores[b-kx6lq3rjl5] {
    color: var(--muted);
    text-align: center;
}

.estado-vazio-utilizadores[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 34px 20px;
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
}

.filtros-utilizadores[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin: 0 0 16px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.filtros-utilizadores label[b-kx6lq3rjl5] {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 750;
}

.filtros-utilizadores input[type="search"][b-kx6lq3rjl5] {
    min-height: 40px;
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--paper);
    color: var(--ink);
}

.checkbox-inativos-utilizadores[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 40px;
}

.grelha-utilizadores[b-kx6lq3rjl5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
}

.utilizador-cartao[b-kx6lq3rjl5] {
    position: relative;
    padding: 16px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 13px;
    transition: border-color 0.2s, transform 0.2s;
}

.utilizador-cartao:hover[b-kx6lq3rjl5] {
    border-color: var(--line-strong);
    transform: translateY(-1px);
}

.utilizador-cartao.inativo[b-kx6lq3rjl5] {
    background: #f6f7f6;
    opacity: 0.72;
}

.utilizador-informacao[b-kx6lq3rjl5] {
    padding-right: 66px;
}

.utilizador-informacao h3[b-kx6lq3rjl5] {
    margin: 0 0 3px;
    font-size: var(--font-md);
}

.utilizador-informacao p[b-kx6lq3rjl5] {
    margin: 0 0 8px;
    color: var(--muted);
    font-size: var(--font-sm);
}

.distintivo-perfil[b-kx6lq3rjl5] {
    display: inline-flex;
    padding: 3px 9px;
    color: var(--green);
    background: var(--green-soft);
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.equipas-atribuidas-utilizador[b-kx6lq3rjl5] {
    margin: 8px 0 0 !important;
    color: var(--muted);
    font-size: var(--font-xs);
    line-height: 1.4;
}

.utilizador-acoes[b-kx6lq3rjl5] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.estado-canto[b-kx6lq3rjl5] {
    position: absolute;
    top: 14px;
    right: 14px;
}

.estado[b-kx6lq3rjl5] {
    padding: 4px 9px;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.estado.ativo[b-kx6lq3rjl5] {
    color: var(--success-dark);
    background: var(--success-soft);
}

.estado.inativo[b-kx6lq3rjl5] {
    color: var(--muted);
    background: #e8ebe9;
}

.botao-editar[b-kx6lq3rjl5],
.botao-estado[b-kx6lq3rjl5] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    color: var(--green);
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 750;
    cursor: pointer;
}

.botao-editar:hover:not(:disabled)[b-kx6lq3rjl5],
.botao-estado:hover:not(:disabled)[b-kx6lq3rjl5] {
    color: var(--on-green);
    background: var(--green);
    border-color: var(--green);
}

.botao-estado:disabled[b-kx6lq3rjl5] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Modal de utilizador — mesmo padrão do editor de equipa/clube */
.fundo-modal-utilizador[b-kx6lq3rjl5] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, .62);
    backdrop-filter: blur(3px);
}

.modal-utilizador[b-kx6lq3rjl5] {
    width: min(640px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 26px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

.cabecalho-modal-utilizador[b-kx6lq3rjl5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--line);
}

.cabecalho-modal-utilizador h2[b-kx6lq3rjl5] {
    margin: 4px 0 0;
}

.fechar-modal-utilizador[b-kx6lq3rjl5] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.campos-utilizador[b-kx6lq3rjl5] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.campo-equipas-utilizador[b-kx6lq3rjl5] {
    gap: 8px;
}

.lista-equipas-atribuicao[b-kx6lq3rjl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.opcao-equipa-atribuicao[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: var(--font-sm);
    cursor: pointer;
}

.opcao-equipa-atribuicao.selecionada[b-kx6lq3rjl5] {
    color: var(--green);
    background: var(--green-soft);
    border-color: color-mix(in srgb, var(--green) 45%, var(--line));
    font-weight: 750;
}

.campo-ativo-utilizador[b-kx6lq3rjl5] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    font-size: var(--font-sm);
    font-weight: 700;
    cursor: pointer;
}

.acoes-formulario-utilizador[b-kx6lq3rjl5] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 16px;
    margin-top: 4px;
    border-top: 1px solid var(--line);
}

@media (max-width: 640px) {
    .filtros-utilizadores[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }

    .grelha-utilizadores[b-kx6lq3rjl5] {
        grid-template-columns: 1fr;
    }

    .fundo-modal-utilizador[b-kx6lq3rjl5] {
        padding: 10px;
    }

    .modal-utilizador[b-kx6lq3rjl5] {
        max-height: calc(100vh - 20px);
        padding: 18px;
    }

    .acoes-formulario-utilizador[b-kx6lq3rjl5] {
        flex-direction: column-reverse;
    }

    .acoes-formulario-utilizador button[b-kx6lq3rjl5] {
        width: 100%;
    }
}
/* /Components/Pages/Equipas.razor.rz.scp.css */
/* CSS for Equipas component */
.cabecalho-pagina[b-p4yy46xpb3] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .cabecalho-pagina > p:last-child[b-p4yy46xpb3] {
        margin: 0;
        color: var(--muted);
    }

.cartao-formulario[b-p4yy46xpb3],
.cartao-lista[b-p4yy46xpb3] {
    padding: 24px;
    background: var(--paper);
    border: 1px solid var(--line, #dbe5df);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}    .cartao-formulario h2[b-p4yy46xpb3],
    .cartao-lista h2[b-p4yy46xpb3] {
        margin: 4px 0 18px;
        font-size: 21px;
    }

.campos-equipa[b-p4yy46xpb3] {
    display: grid;
    grid-template-columns: minmax(240px, 1.7fr) minmax(120px, .55fr) minmax(170px, .75fr) minmax(210px, 1fr);
    gap: 14px;
    align-items: end;
}

.campo-variante[b-p4yy46xpb3] {
    align-self: stretch;
}

.campo-clube[b-p4yy46xpb3],
.campo-escalao[b-p4yy46xpb3] {
    grid-column: 1 / -1;
}

.linha-nome-sigla[b-p4yy46xpb3] {
    display: flex;
    grid-column: 1 / -1;
    gap: 14px;
}

.linha-nome-sigla .nome-equipa[b-p4yy46xpb3] {
    flex: 2;
}

.linha-nome-sigla .campo-nome-abreviado[b-p4yy46xpb3] {
    flex: 1.4;
    min-width: 140px;
}

.linha-nome-sigla .campo-sigla[b-p4yy46xpb3] {
    flex: 1;
    min-width: 120px;
}

.campo-identidade-auto[b-p4yy46xpb3] {
    grid-column: 1 / -1;
}

.campo-identidade-auto .previsualizacao-identidade[b-p4yy46xpb3] {
    margin: 0 0 10px;
}

.ligacao-personalizar[b-p4yy46xpb3] {
    display: inline-flex;
    align-self: flex-start;
    padding: 0;
    color: var(--green);
    background: none;
    border: none;
    font-size: var(--font-sm);
    font-weight: 800;
    text-decoration: underline;
    cursor: pointer;
}

    .ligacao-personalizar:hover[b-p4yy46xpb3] {
        color: var(--green-dark);
    }

.campo-usar-identidade-clube[b-p4yy46xpb3] {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: -6px;
}

.campo-variante > label small[b-p4yy46xpb3] {
    font-weight: 600;
}

.opcoes-variante[b-p4yy46xpb3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.opcao-variante[b-p4yy46xpb3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    cursor: pointer;
}

.opcao-variante.selecionada[b-p4yy46xpb3] {
    color: var(--green);
    background: var(--green-soft);
    border-color: color-mix(in srgb, var(--green) 45%, var(--line));
    font-weight: 850;
}

.campo[b-p4yy46xpb3] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .campo label[b-p4yy46xpb3] {
        color: var(--muted);
        font-size: var(--font-sm);
        font-weight: 700;
    }

.input[b-p4yy46xpb3] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    outline: none;
}

    .input:focus[b-p4yy46xpb3] {
        background: var(--paper);
        border-color: var(--green);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent);
    }

.seletor-cor[b-p4yy46xpb3] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
}

.input-cor[b-p4yy46xpb3] {
    width: 58px;
    height: 44px;
    padding: 3px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
    cursor: pointer;
}

.seletor-cor span[b-p4yy46xpb3] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.campo-logo[b-p4yy46xpb3] {
    grid-column: span 2;
}

.input-ficheiro[b-p4yy46xpb3] {
    min-height: 44px;
    padding: 7px;
    border-style: dashed;
}

    .input-ficheiro[b-p4yy46xpb3]::file-selector-button {
        min-height: 30px;
        margin-right: 10px;
        padding: 0 12px;
        color: var(--green);
        background: var(--green-soft);
        border: none;
        border-radius: 7px;
        font-weight: 850;
        cursor: pointer;
    }

.ajuda-campo[b-p4yy46xpb3] {
    color: var(--muted);
    font-size: var(--font-sm);
}

.validacao-upload[b-p4yy46xpb3] {
    display: block;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.validacao-upload.sucesso[b-p4yy46xpb3] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.validacao-upload.erro[b-p4yy46xpb3] {
    color: var(--danger);
    background: var(--danger-soft);
    border: 1px solid var(--danger-line);
}

.previsualizacao-identidade[b-p4yy46xpb3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    min-width: 0;
    min-height: 58px;
    grid-column: span 2;
    padding: 10px 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 11px;
}

    .previsualizacao-identidade > div:last-child[b-p4yy46xpb3] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }

    .previsualizacao-identidade strong[b-p4yy46xpb3] {
        overflow: hidden;
        font-size: var(--font-sm);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .previsualizacao-identidade > div:last-child span[b-p4yy46xpb3] {
        color: var(--muted);
        font-size: var(--font-sm);
    }

.previsualizacao-logo[b-p4yy46xpb3] {
    display: grid;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    place-items: center;
    overflow: hidden;
    color: var(--paper);
    border-radius: 13px;
    font-size: var(--font-sm);
    font-weight: 900;
}

    .previsualizacao-logo img[b-p4yy46xpb3] {
        width: 100%;
        height: 100%;
        padding: 0;
        object-fit: contain;
        background: transparent;
    }

.cor-junto-preview[b-p4yy46xpb3] {
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 5px 10px !important;
    margin-left: auto;
}

.cor-junto-preview > label[b-p4yy46xpb3] {
    grid-column: 1 / -1;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
}

.cor-junto-preview .seletor-cor[b-p4yy46xpb3] {
    min-height: 0;
}

.botao-guardar[b-p4yy46xpb3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px;
    color: var(--on-green);
    background: var(--green);
    border: none;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

    .botao-guardar:hover:not(:disabled)[b-p4yy46xpb3] {
        background: var(--green-dark);
    }

    .botao-guardar:disabled[b-p4yy46xpb3] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.mensagem[b-p4yy46xpb3] {
    margin: 16px 0 0;
    padding: 11px 13px;
    border-radius: 9px;
    font-size: var(--font-sm);
    font-weight: 700;
}

    .mensagem.sucesso[b-p4yy46xpb3] {
        color: var(--success-dark);
        background: var(--success-soft);
        border: 1px solid var(--success-line);
    }

    .mensagem.erro[b-p4yy46xpb3] {
        color: #922f2f;
        background: #fff0f0;
        border: 1px solid #edc2c2;
    }

.lista-cabecalho[b-p4yy46xpb3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.total-equipas[b-p4yy46xpb3] {
    padding: 7px 12px;
    color: var(--green);
    background: var(--green-soft);
    border-radius: 999px;
    font-size: var(--font-sm);
    font-weight: 800;
}

.estado-lista[b-p4yy46xpb3],
.estado-vazio[b-p4yy46xpb3] {
    color: var(--muted);
    text-align: center;
}

.estado-vazio[b-p4yy46xpb3] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 34px 20px;
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
}

.grelha-equipas[b-p4yy46xpb3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1vw, 18px);
}

    .equipa-cartao.inativa[b-p4yy46xpb3] {
        background: #f6f7f6;
        opacity: 0.72;
    }

.equipa-informacao[b-p4yy46xpb3] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding-right: 66px;
}

.equipa-sigla[b-p4yy46xpb3] {
    display: grid;
    flex: 0 0 92px;
    width: 92px;
    height: 92px;
    place-items: center;
    overflow: hidden;
    color: var(--paper);
    background: var(--cor-equipa, var(--green));
    border-radius: 16px;
    font-size: var(--font-sm);
    font-weight: 900;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.22),
        0 4px 8px rgba(15, 45, 28, 0.14);
}

    .equipa-sigla.com-logo[b-p4yy46xpb3] {
        background: transparent;
        border: 0;
        box-shadow: none;
    }

.equipa-logotipo[b-p4yy46xpb3] {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
}

.equipa-informacao h3[b-p4yy46xpb3] {
    margin: 5px 0;
    font-size: 18px;
}

.ligacao-nome-equipa[b-p4yy46xpb3] {
    display: inline-block;
    color: var(--ink);
    border-radius: 6px;
    text-decoration: none;
}

.ligacao-nome-equipa:hover[b-p4yy46xpb3],
.ligacao-nome-equipa:focus-visible[b-p4yy46xpb3] {
    color: var(--on-green);
    background: var(--cor-equipa, var(--green));
    box-shadow: 0 0 0 5px var(--cor-equipa, var(--green));
}

.equipa-informacao p[b-p4yy46xpb3] {
    margin: 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

.equipa-acoes[b-p4yy46xpb3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 6px;
}

.estado[b-p4yy46xpb3] {
    padding: 5px 9px;
    border-radius: 999px;
    font-size: var(--font-sm);
    font-weight: 800;
}

    .estado.ativa[b-p4yy46xpb3] {
        color: var(--success-dark);
        background: var(--success-soft);
    }

    .estado.inativa[b-p4yy46xpb3] {
        color: var(--muted);
        background: #e8ebe9;
    }

.estado-canto[b-p4yy46xpb3] {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 14px;
}

@media (max-width: 900px) {
    .campos-equipa[b-p4yy46xpb3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botao-guardar[b-p4yy46xpb3] {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .pagina-equipas[b-p4yy46xpb3] {
        padding: 22px 14px 40px;

        .campo-logo {
            grid-column: auto;
        }

        .previsualizacao-identidade[b-p4yy46xpb3] {
            width: 100%;
        }
    }

    .campos-equipa[b-p4yy46xpb3] {
        grid-template-columns: 1fr;
    }
}
.previsualizacao-logo img.oculto[b-p4yy46xpb3] {
    display: none;
}

.botao-adicionar-equipa[b-p4yy46xpb3],
.botao-secundario-equipa[b-p4yy46xpb3],
.botao-cancelar-edicao[b-p4yy46xpb3],
.botao-editar[b-p4yy46xpb3],
.botao-plantel[b-p4yy46xpb3],
.botao-analise[b-p4yy46xpb3],
.botao-estado[b-p4yy46xpb3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid var(--line, #dbe5df);
    border-radius: 9px;
    font-size: var(--font-xs);
    font-weight: 850;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.botao-adicionar-equipa[b-p4yy46xpb3] {
    min-height: 42px;
    padding: 0 17px;
    color: var(--paper);
    background: var(--green, #087844);
    border-color: var(--green, #087844);
}

.botao-secundario-equipa[b-p4yy46xpb3],
.botao-cancelar-edicao[b-p4yy46xpb3],
.botao-editar[b-p4yy46xpb3],
.botao-estado[b-p4yy46xpb3] {
    color: var(--green, #087844);
    background: var(--paper, #ffffff);
}

.acoes-formulario-equipa[b-p4yy46xpb3] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 5px;
}

.secao-acessos-equipa[b-p4yy46xpb3] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--line, #d9ddda);
    border-radius: 14px;
    background: var(--neutral-soft, #f7f8f7);
}

.secao-acessos-equipa h3[b-p4yy46xpb3] {
    margin: 0;
    font-size: 16px;
}

.lista-acessos-equipa[b-p4yy46xpb3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lista-acessos-equipa li[b-p4yy46xpb3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: var(--paper, #ffffff);
    border: 1px solid var(--line, #d9ddda);
    border-radius: 10px;
}

.lista-acessos-equipa .nome-acesso[b-p4yy46xpb3] {
    flex: 1;
    font-weight: 700;
}

.distintivo-papel[b-p4yy46xpb3] {
    padding: 3px 10px;
    color: var(--green, #087844);
    background: var(--green-soft);
    border-radius: 999px;
    font-size: var(--font-sm);
    font-weight: 800;
}

.botao-remover-acesso[b-p4yy46xpb3] {
    padding: 6px 12px;
    color: var(--danger, #9a302a);
    background: var(--danger-soft, #fff0f0);
    border: 1px solid var(--danger-line, #edc2c2);
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}

.estado-vazio-acessos[b-p4yy46xpb3] {
    margin: 0;
    color: var(--muted);
}

.adicionar-acesso-equipa[b-p4yy46xpb3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.adicionar-acesso-equipa select[b-p4yy46xpb3] {
    flex: 1;
    min-width: 160px;
}

.botao-adicionar-acesso[b-p4yy46xpb3] {
    min-height: 42px;
    padding: 0 16px;
    color: var(--paper);
    background: var(--green, #087844);
    border: none;
    border-radius: 9px;
    font-weight: 850;
    cursor: pointer;
}

.acoes-formulario-equipa .botao-guardar[b-p4yy46xpb3] {
    min-width: 180px;
}

/* Linguagem visual da demonstração */
.pagina-equipas[b-p4yy46xpb3] {
    width: min(1500px, calc(100% - 40px));
    max-width: none;
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink, #13251b);
}

.cabecalho-pagina h1[b-p4yy46xpb3] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.subtitulo[b-p4yy46xpb3] {
    margin: 0;
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.botao-cancelar-edicao[b-p4yy46xpb3],
.botao-editar[b-p4yy46xpb3],
.botao-estado[b-p4yy46xpb3] {
    color: var(--green, #087844);
    border: 1px solid var(--line-strong);
}

.cartao-lista[b-p4yy46xpb3] {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.lista-cabecalho[b-p4yy46xpb3] {
    margin: 34px 0 15px;
}

.equipa-cartao[b-p4yy46xpb3] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 13px;
    min-height: 178px;
    padding: 25px 17px 15px;
    overflow: hidden;
    background: var(--paper);
    border: 1px solid var(--line, #dbe5df);
    border-radius: 15px;
}

.equipa-cartao[b-p4yy46xpb3]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 6px;
    content: "";
    background: var(--cor-equipa, var(--green));
}

.equipa-cartao:hover[b-p4yy46xpb3] {
    border-color: var(--line, #dbe5df);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(20, 24, 22, 0.08);
}

.filtros-equipas[b-p4yy46xpb3] { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(170px, .45fr) auto; gap: 12px; align-items: end; margin: 0 0 18px; padding: 15px; background: var(--paper); border: 1px solid var(--line); border-radius: 13px; }
.filtros-equipas label[b-p4yy46xpb3] { display: grid; gap: 6px; color: var(--muted); font-size: var(--font-sm); font-weight: 750; }
.filtros-equipas input[type="search"][b-p4yy46xpb3], .filtros-equipas select[b-p4yy46xpb3] { min-height: 42px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--ink); }
.filtros-equipas .checkbox-inativas[b-p4yy46xpb3] { display: flex; align-items: center; min-height: 42px; flex-direction: row; }

.botao-editar[b-p4yy46xpb3],
.botao-plantel[b-p4yy46xpb3],
.botao-analise[b-p4yy46xpb3],
.botao-estado[b-p4yy46xpb3] {
    width: 100%;
}

.pagina-equipas .equipa-acoes button[b-p4yy46xpb3],
.pagina-equipas .equipa-acoes a[b-p4yy46xpb3] {
    font-size: var(--font-xs);
}

.botao-plantel[b-p4yy46xpb3] {
    color: var(--green);
    background: var(--paper);
    border-color: var(--line-strong);
    border-radius: 8px;
    font-weight: 800;
    text-decoration: none;
}
.botao-analise[b-p4yy46xpb3] { color: var(--green); background: var(--paper); border-color: var(--line-strong); text-decoration: none; }
.equipa-acoes > *:hover[b-p4yy46xpb3] { color: var(--on-green); background: var(--green); border-color: var(--green); }

@media (max-width: 760px) { .filtros-equipas[b-p4yy46xpb3] { grid-template-columns: 1fr; } }

@media (max-width: 1240px) {
    .grelha-equipas[b-p4yy46xpb3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .grelha-equipas[b-p4yy46xpb3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .pagina-equipas[b-p4yy46xpb3] {
        width: calc(100% - 20px);
        padding-top: 22px;
    }

    .grelha-equipas[b-p4yy46xpb3] {
        grid-template-columns: 1fr;
    }

    .cabecalho-pagina[b-p4yy46xpb3] {
        align-items: stretch;
        flex-direction: column;
    }

    .botao-adicionar-equipa[b-p4yy46xpb3],
    .acoes-formulario-equipa[b-p4yy46xpb3],
    .acoes-formulario-equipa .botao-guardar[b-p4yy46xpb3],
    .acoes-formulario-equipa .botao-secundario-equipa[b-p4yy46xpb3] {
        width: 100%;
    }
}
.ligacao-voltar-clubes[b-p4yy46xpb3] {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
    text-decoration: none;
}

.ligacao-voltar-clubes:hover[b-p4yy46xpb3] {
    color: var(--green);
}

.ligacao-clube-equipa[b-p4yy46xpb3] {
    display: inline-block;
    margin-top: 4px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
    text-decoration: underline;
}

.ligacao-clube-equipa:hover[b-p4yy46xpb3] {
    color: var(--green);
}

.ultima-alteracao[b-p4yy46xpb3] {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: var(--font-xs);
}

/* O editor de equipa usa o mesmo padrão de janela da edição de atleta. */
.fundo-modal-equipa[b-p4yy46xpb3] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, .62);
    backdrop-filter: blur(3px);
}

.modal-equipa[b-p4yy46xpb3] {
    width: min(920px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 26px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

.cabecalho-modal-equipa[b-p4yy46xpb3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--line);
}

.cabecalho-modal-equipa h2[b-p4yy46xpb3] {
    margin: 4px 0 5px;
}

.cabecalho-modal-equipa > div > p:last-child[b-p4yy46xpb3] {
    margin: 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

.fechar-modal-equipa[b-p4yy46xpb3] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.modal-equipa .campos-equipa[b-p4yy46xpb3] {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 1fr);
    align-items: start;
    gap: 16px;
}

.modal-equipa .nome-equipa[b-p4yy46xpb3],
.modal-equipa .campo-variante[b-p4yy46xpb3] {
    grid-column: 1 / -1;
}

.modal-equipa .campo-logo[b-p4yy46xpb3] {
    grid-column: 1;
}

.modal-equipa .previsualizacao-identidade[b-p4yy46xpb3] {
    grid-column: 2;
    align-self: start;
    min-height: 88px;
    margin: 0;
}

.modal-equipa .previsualizacao-identidade > div:nth-child(2)[b-p4yy46xpb3] {
    min-width: 0;
}

.modal-equipa .cor-junto-preview[b-p4yy46xpb3] {
    flex: 0 0 auto;
}

.modal-equipa .acoes-formulario-equipa[b-p4yy46xpb3] {
    margin-top: 4px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

@media (max-width: 760px) {
    .fundo-modal-equipa[b-p4yy46xpb3] { padding: 10px; }
    .modal-equipa[b-p4yy46xpb3] { max-height: calc(100vh - 20px); padding: 18px; }
    .modal-equipa .campos-equipa[b-p4yy46xpb3] { grid-template-columns: 1fr; }
    .modal-equipa .nome-equipa[b-p4yy46xpb3],
    .modal-equipa .campo-variante[b-p4yy46xpb3],
    .modal-equipa .campo-logo[b-p4yy46xpb3],
    .modal-equipa .previsualizacao-identidade[b-p4yy46xpb3] { grid-column: auto; }
    .modal-equipa .previsualizacao-identidade[b-p4yy46xpb3] { align-items: flex-start; flex-wrap: wrap; }
    .modal-equipa .cor-junto-preview[b-p4yy46xpb3] { width: 100%; margin-left: 69px; }
    .modal-equipa .acoes-formulario-equipa[b-p4yy46xpb3] { flex-direction: column-reverse; }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.pagina-erro[b-swvu20h21z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: min(560px, calc(100% - 40px));
    margin: 80px auto;
    padding: 48px 32px;
    text-align: center;
    color: var(--ink, #171a18);
    background: var(--paper, #ffffff);
    border: 1px solid var(--line, #dfe3e0);
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(20, 24, 22, 0.07);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.pagina-erro .subtitulo[b-swvu20h21z] {
    margin: 0;
    color: var(--green, #087844);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.pagina-erro h1[b-swvu20h21z] {
    margin: 0;
    font-size: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);
}

.pagina-erro p[b-swvu20h21z] {
    margin: 0;
    max-width: 42ch;
    color: var(--muted, #68706b);
    line-height: 1.5;
}

.pagina-erro .id-pedido[b-swvu20h21z] {
    color: var(--ink, #171a18);
    font-size: 0.85rem;
}

.pagina-erro a[b-swvu20h21z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 14px;
    padding: 0 20px;
    color: var(--on-green, #ffffff);
    background: var(--green, #087844);
    border-radius: 10px;
    font-weight: 800;
    text-decoration: none;
}
/* /Components/Pages/FichaArbitro.razor.rz.scp.css */
.pagina-ficha-arbitro[b-chnql8ycf4] {
    width: min(980px, calc(100% - 40px));
    margin: 0 auto;
    padding: 34px 0 80px;
    color: var(--ink);
}

.caminho-ficha[b-chnql8ycf4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--muted);
    font-size: var(--font-xs);
}

.caminho-ficha a[b-chnql8ycf4] {
    color: var(--green);
    font-weight: 800;
    text-decoration: none;
}

.cabecalho-ficha-arbitro[b-chnql8ycf4] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 22px;
    overflow: hidden;
    padding: 28px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-top: 6px solid var(--green);
    border-radius: 20px;
    box-shadow: 0 14px 38px rgba(20, 24, 22, 0.08);
}

.foto-arbitro-ficha[b-chnql8ycf4] {
    position: relative;
    display: grid;
    width: 112px;
    height: 132px;
    place-items: center;
    align-content: center;
    gap: 4px;
    color: var(--green);
    background: var(--neutral-soft);
    border: 2px dashed color-mix(in srgb, var(--green) 45%, var(--line));
    border-radius: 18px;
}

.foto-arbitro-ficha span[b-chnql8ycf4] {
    font-size: 2rem;
    font-weight: 950;
}

.foto-arbitro-ficha small[b-chnql8ycf4] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.foto-arbitro-ficha img[b-chnql8ycf4] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.identificacao-ficha-arbitro[b-chnql8ycf4] {
    position: relative;
    z-index: 1;
}

.rotulo-ficha[b-chnql8ycf4],
.titulo-bloco-ficha > div > span[b-chnql8ycf4] {
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.identificacao-ficha-arbitro h1[b-chnql8ycf4] {
    margin: 6px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.identificacao-ficha-arbitro > p.cipa-ficha[b-chnql8ycf4] {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
    letter-spacing: 0.04em;
}

.badges-ficha-arbitro[b-chnql8ycf4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.badge-associacao[b-chnql8ycf4] {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid color-mix(in srgb, var(--green) 40%, var(--line));
    border-radius: 999px;
    font-size: var(--font-sm);
}

.estado[b-chnql8ycf4] {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.estado.ativo[b-chnql8ycf4] {
    color: var(--success-dark);
    background: var(--success-soft);
}

.estado.inativo[b-chnql8ycf4] {
    color: var(--muted);
    background: #e8ebe9;
}

.botao-alternar-estado[b-chnql8ycf4] {
    position: relative;
    z-index: 1;
    min-height: 40px;
    padding: 0 16px;
    color: var(--green);
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 9px;
    font-weight: 850;
    cursor: pointer;
}

.botao-alternar-estado:disabled[b-chnql8ycf4] {
    cursor: not-allowed;
    opacity: 0.55;
}

.bloco-ficha[b-chnql8ycf4],
.estado-ficha[b-chnql8ycf4] {
    margin-top: 18px;
    padding: 23px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(20, 24, 22, 0.05);
}

.titulo-bloco-ficha[b-chnql8ycf4] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.titulo-bloco-ficha h2[b-chnql8ycf4] {
    margin: 5px 0 0;
    font-size: 1.25rem;
}

.dados-arbitro dl[b-chnql8ycf4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.dados-arbitro dl > div[b-chnql8ycf4] {
    padding: 11px 12px;
    background: var(--neutral-soft);
    border-radius: 9px;
}

.dados-arbitro dt[b-chnql8ycf4] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.dados-arbitro dd[b-chnql8ycf4] {
    margin: 4px 0 0;
    font-size: 0.84rem;
    font-weight: 800;
}

.botao-editar-atleta[b-chnql8ycf4],
.botao-cancelar-edicao[b-chnql8ycf4],
.botao-guardar-edicao[b-chnql8ycf4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 9px;
    font: inherit;
    font-size: var(--font-xs);
    font-weight: 850;
    cursor: pointer;
}

.botao-editar-atleta[b-chnql8ycf4],
.botao-cancelar-edicao[b-chnql8ycf4] {
    color: var(--green);
    background: var(--paper);
    border: 1px solid color-mix(in srgb, var(--green) 48%, var(--line));
}

.botao-guardar-edicao[b-chnql8ycf4] {
    color: var(--on-green);
    background: var(--green);
    border: 1px solid var(--green);
}

.fundo-modal-atleta[b-chnql8ycf4] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, .62);
    backdrop-filter: blur(3px);
}

.modal-edicao-atleta[b-chnql8ycf4] {
    width: min(640px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 26px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

.cabecalho-modal-atleta[b-chnql8ycf4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}

.cabecalho-modal-atleta span[b-chnql8ycf4] {
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: .13em;
}

.cabecalho-modal-atleta h2[b-chnql8ycf4] {
    margin: 4px 0 0;
}

.cabecalho-modal-atleta button[b-chnql8ycf4] {
    width: 38px;
    height: 38px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--neutral-soft);
    color: var(--ink);
    font-size: 1.5rem;
    cursor: pointer;
}

.importar-fap[b-chnql8ycf4] {
    display: grid;
    gap: 6px;
    margin-bottom: 18px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.importar-fap label[b-chnql8ycf4] {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.importar-fap .campo-com-botao[b-chnql8ycf4] {
    display: flex;
    gap: 8px;
}

.importar-fap .campo-com-botao .input[b-chnql8ycf4] {
    flex: 1;
}

.importar-fap .campo-com-botao button[b-chnql8ycf4] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.importar-fap small[b-chnql8ycf4] {
    color: var(--muted);
    font-weight: 500;
}

.formulario-edicao-atleta[b-chnql8ycf4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.campo-edicao[b-chnql8ycf4] {
    display: grid;
    align-content: start;
    gap: 7px;
}

.campo-edicao-nome[b-chnql8ycf4],
.campo-edicao-foto[b-chnql8ycf4] {
    grid-column: 1 / -1;
}

.campo-edicao label[b-chnql8ycf4] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 800;
}

.campo-edicao small[b-chnql8ycf4] {
    color: var(--muted);
    font-size: var(--font-xs);
}

[b-chnql8ycf4] .campo-edicao input:not([type="file"]) {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
    font: inherit;
    outline: none;
}

[b-chnql8ycf4] .campo-edicao input:focus {
    background: var(--paper);
    border-color: var(--green);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent);
}

[b-chnql8ycf4] .input-ficheiro-atleta {
    width: 100%;
    min-height: 46px;
    padding: 7px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px dashed var(--line-strong);
    border-radius: 10px;
    font: inherit;
}

[b-chnql8ycf4] .input-ficheiro-atleta::file-selector-button {
    min-height: 32px;
    margin-right: 10px;
    padding: 0 13px;
    color: var(--green);
    background: var(--green-soft);
    border: 0;
    border-radius: 7px;
    font-weight: 850;
    cursor: pointer;
}

.acoes-edicao-atleta[b-chnql8ycf4] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.mensagem-edicao[b-chnql8ycf4] {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 9px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.mensagem-edicao.sucesso[b-chnql8ycf4] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.mensagem-edicao.erro[b-chnql8ycf4] {
    color: #8a2f2f;
    background: #fff3f3;
}

.ultima-alteracao[b-chnql8ycf4] {
    display: block;
    margin: 14px 0 0;
    color: var(--muted);
    font-size: var(--font-xs);
}

.estado-ficha[b-chnql8ycf4] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 55px 24px;
    text-align: center;
}

.estado-ficha.erro[b-chnql8ycf4] {
    color: #8a2f2f;
    background: #fff7f7;
}

.estado-ficha a[b-chnql8ycf4] {
    margin-top: 8px;
    color: var(--green);
    font-weight: 800;
}

@media (max-width: 780px) {
    .pagina-ficha-arbitro[b-chnql8ycf4] {
        width: calc(100% - 24px);
        padding-top: 24px;
    }

    .cabecalho-ficha-arbitro[b-chnql8ycf4] {
        grid-template-columns: auto 1fr;
    }

    .botao-alternar-estado[b-chnql8ycf4] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 560px) {
    .cabecalho-ficha-arbitro[b-chnql8ycf4] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .foto-arbitro-ficha[b-chnql8ycf4] {
        width: 92px;
        height: 106px;
        margin: 0 auto;
    }

    .badges-ficha-arbitro[b-chnql8ycf4] {
        justify-content: center;
    }

    .dados-arbitro dl[b-chnql8ycf4] {
        grid-template-columns: 1fr;
    }

    .formulario-edicao-atleta[b-chnql8ycf4] {
        grid-template-columns: 1fr;
    }

    .campo-edicao-nome[b-chnql8ycf4],
    .campo-edicao-foto[b-chnql8ycf4] {
        grid-column: auto;
    }

    .acoes-edicao-atleta[b-chnql8ycf4] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .botao-alternar-estado[b-chnql8ycf4] {
        justify-self: center;
    }
}
/* /Components/Pages/FichaJogador.razor.rz.scp.css */
.pagina-ficha-jogador[b-60b672c9ui] {
    width: min(1500px, calc(100% - 40px));
    margin: 0 auto;
    padding: 34px 0 80px;
    color: var(--ink);
}

.caminho-ficha[b-60b672c9ui] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--muted);
    font-size: var(--font-xs);
}

.caminho-ficha a[b-60b672c9ui] {
    color: var(--green);
    font-weight: 800;
    text-decoration: none;
}

.cabecalho-ficha[b-60b672c9ui] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 22px;
    overflow: hidden;
    padding: 28px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-top: 6px solid var(--cor-equipa, var(--green));
    border-radius: 20px;
    box-shadow: 0 14px 38px rgba(20, 24, 22, 0.08);
}

.cabecalho-ficha[b-60b672c9ui]::after {
    position: absolute;
    top: -120px;
    right: -90px;
    width: 330px;
    height: 330px;
    content: "";
    background: color-mix(in srgb, var(--cor-equipa) 9%, transparent);
    border-radius: 50%;
}

.foto-atleta[b-60b672c9ui] {
    position: relative;
    display: grid;
    width: 112px;
    height: 132px;
    place-items: center;
    align-content: center;
    gap: 4px;
    color: var(--cor-equipa, var(--green));
    background: var(--neutral-soft);
    border: 2px dashed color-mix(in srgb, var(--cor-equipa) 45%, var(--line));
    border-radius: 18px;
}

.foto-atleta span[b-60b672c9ui] {
    font-size: 2rem;
    font-weight: 950;
}

.foto-atleta small[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
}
/* O "place-items: center" do .foto-atleta serve para centrar as iniciais
   quando não há fotografia -- mas também faz o grid tratar a própria foto
   (elemento substituído, com tamanho em percentagem) como se devesse
   manter a proporção da imagem original em vez de esticar para preencher
   a moldura. Tirar a foto do próprio grid com posição absoluta evita essa
   conta, sem mexer no centramento das iniciais quando não há fotografia. */
.foto-atleta img[b-60b672c9ui] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 16px; }

.fundo-modal-atleta[b-60b672c9ui] { position: fixed; z-index: 1100; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(17, 23, 20, .62); backdrop-filter: blur(3px); }
.modal-edicao-atleta[b-60b672c9ui] { width: min(780px, 100%); max-height: calc(100vh - 40px); overflow: auto; padding: 26px; background: var(--paper); border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 28px 80px rgba(0,0,0,.3); }
.cabecalho-modal-atleta[b-60b672c9ui] { display: flex; grid-column: 1 / -1; align-items: flex-start; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.cabecalho-modal-atleta span[b-60b672c9ui] { color: var(--green); font-size: var(--font-xs); font-weight: 900; letter-spacing: .13em; }
.cabecalho-modal-atleta h2[b-60b672c9ui] { margin: 4px 0 0; }
.cabecalho-modal-atleta button[b-60b672c9ui] { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: var(--neutral-soft); color: var(--ink); font-size: 1.5rem; cursor: pointer; }
.campo-edicao-foto[b-60b672c9ui] { grid-column: 1 / -1; }
.formulario-edicao-atleta[b-60b672c9ui] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(110px, .65fr) minmax(190px, 1fr); gap: 16px; }
.campo-edicao[b-60b672c9ui] { display: grid; align-content: start; gap: 7px; }
.campo-edicao-nome[b-60b672c9ui] { grid-column: span 2; }
.campo-edicao-nacionalidade[b-60b672c9ui] { grid-column: span 2; }
.campo-edicao label[b-60b672c9ui] { color: var(--muted); font-size: var(--font-sm); font-weight: 800; }
.campo-edicao small[b-60b672c9ui] { color: var(--muted); font-size: var(--font-xs); }
[b-60b672c9ui] .campo-edicao input:not([type="file"]),
[b-60b672c9ui] .campo-edicao select { width: 100%; min-height: 46px; padding: 10px 12px; color: var(--ink); background: var(--neutral-soft); border: 1px solid var(--line); border-radius: 10px; font: inherit; outline: none; }
[b-60b672c9ui] .campo-edicao input:focus,
[b-60b672c9ui] .campo-edicao select:focus { background: var(--paper); border-color: var(--green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent); }
[b-60b672c9ui] .input-ficheiro-atleta { width: 100%; min-height: 46px; padding: 7px; color: var(--muted); background: var(--neutral-soft); border: 1px dashed var(--line-strong); border-radius: 10px; font: inherit; }
[b-60b672c9ui] .input-ficheiro-atleta::file-selector-button { min-height: 32px; margin-right: 10px; padding: 0 13px; color: var(--green); background: var(--green-soft); border: 0; border-radius: 7px; font-weight: 850; cursor: pointer; }
.acoes-edicao-atleta[b-60b672c9ui] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.botao-cancelar-edicao[b-60b672c9ui], .botao-guardar-edicao[b-60b672c9ui] { min-height: 44px; padding: 0 18px; border-radius: 9px; font: inherit; font-weight: 850; cursor: pointer; }
.botao-cancelar-edicao[b-60b672c9ui] { color: var(--green); background: var(--paper); border: 1px solid var(--line-strong); }
.botao-guardar-edicao[b-60b672c9ui] { color: var(--on-green); background: var(--green); border: 1px solid var(--green); }
@media (max-width: 680px) { .fundo-modal-atleta[b-60b672c9ui] { padding: 10px; } .modal-edicao-atleta[b-60b672c9ui] { max-height: calc(100vh - 20px); padding: 18px; } .formulario-edicao-atleta[b-60b672c9ui] { grid-template-columns: 1fr; } .campo-edicao-nome[b-60b672c9ui], .campo-edicao-nacionalidade[b-60b672c9ui] { grid-column: auto; } .acoes-edicao-atleta[b-60b672c9ui] { flex-direction: column-reverse; } }

.identificacao-ficha[b-60b672c9ui] {
    position: relative;
    z-index: 1;
}

.rotulo-ficha[b-60b672c9ui],
.titulo-bloco-ficha > div > span[b-60b672c9ui] {
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.identificacao-ficha h1[b-60b672c9ui] {
    margin: 6px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.identificacao-ficha > p[b-60b672c9ui] {
    margin: 0;
    color: var(--muted);
}

.identificacao-ficha > p strong[b-60b672c9ui] {
    margin-right: 6px;
    color: var(--cor-equipa, var(--green));
    font-size: 1.2rem;
}

.identificacao-ficha > p.cipa-ficha[b-60b672c9ui] {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
    letter-spacing: 0.04em;
}

.badges-equipas-ficha[b-60b672c9ui] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.badge-equipa-ficha[b-60b672c9ui] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid color-mix(in srgb, var(--cor-equipa, var(--green)) 40%, var(--line));
    border-radius: 999px;
    font-size: var(--font-sm);
}

.badge-equipa-ficha strong[b-60b672c9ui] {
    color: var(--cor-equipa, var(--green));
}

.badge-equipa-ficha small[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.sem-equipa-atual[b-60b672c9ui] {
    margin: 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

.emblema-ficha[b-60b672c9ui] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 6px;
    width: 120px;
    text-align: center;
}

.emblema-ficha img[b-60b672c9ui],
.emblema-ficha > span[b-60b672c9ui] {
    display: grid;
    width: 74px;
    height: 82px;
    place-items: center;
    padding: 5px;
    object-fit: contain;
    color: var(--paper);
    background: var(--cor-equipa, var(--green));
    border-radius: 14px 14px 20px 20px;
    font-weight: 900;
}

.emblema-ficha img[b-60b672c9ui] {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.emblema-ficha small[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
}

.grelha-resumo-atleta[b-60b672c9ui] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 11px;
    margin-top: 18px;
}

.grelha-resumo-atleta article[b-60b672c9ui] {
    display: flex;
    min-height: 116px;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 16px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 14px;
}

.grelha-resumo-atleta article.destaque-gr[b-60b672c9ui] {
    background: var(--green-soft);
    border-color: color-mix(in srgb, var(--green) 34%, var(--line));
}

.grelha-resumo-atleta span[b-60b672c9ui],
.grelha-resumo-atleta small[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.grelha-resumo-atleta strong[b-60b672c9ui] {
    color: var(--ink);
    font-size: 1.65rem;
}

.colunas-ficha[b-60b672c9ui] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 16px;
    margin-top: 18px;
}

.bloco-ficha[b-60b672c9ui],
.estado-ficha[b-60b672c9ui] {
    margin-top: 18px;
    padding: 23px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(20, 24, 22, 0.05);
}

.titulo-bloco-ficha[b-60b672c9ui] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.titulo-bloco-ficha h2[b-60b672c9ui] {
    margin: 5px 0 0;
    font-size: 1.25rem;
}

.titulo-bloco-ficha > small[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.acoes-titulo-jogos-atleta[b-60b672c9ui] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.acoes-titulo-jogos-atleta small[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.filtros-jogos-atleta[b-60b672c9ui] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.filtros-jogos-atleta label[b-60b672c9ui] {
    display: grid;
    gap: 6px;
}

.filtros-jogos-atleta label > span[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
}

.filtros-jogos-atleta select[b-60b672c9ui] {
    width: 100%;
    min-height: 42px;
    padding: 8px 11px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
    font: inherit;
}

.resultado-atleta[b-60b672c9ui] {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.resultado-atleta.vitória[b-60b672c9ui] { color: var(--success-dark); background: var(--success-soft); }
.resultado-atleta.empate[b-60b672c9ui] { color: #785a00; background: #fff3d3; }
.resultado-atleta.derrota[b-60b672c9ui] { color: #9a3535; background: #fdeaea; }

.dados-pessoais dl[b-60b672c9ui] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.dados-pessoais dl > div[b-60b672c9ui],
.linhas-estatistica > div[b-60b672c9ui] {
    padding: 11px 12px;
    background: var(--neutral-soft);
    border-radius: 9px;
}

.dados-pessoais dt[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.dados-pessoais dd[b-60b672c9ui] {
    margin: 4px 0 0;
    font-size: 0.84rem;
    font-weight: 800;
}

.dados-pessoais dd small[b-60b672c9ui] {
    margin-left: 5px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 600;
}

.botao-editar-atleta[b-60b672c9ui],
.botao-cancelar-edicao[b-60b672c9ui],
.botao-guardar-edicao[b-60b672c9ui] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 9px;
    font: inherit;
    font-size: var(--font-xs);
    font-weight: 850;
    cursor: pointer;
}

.botao-editar-atleta[b-60b672c9ui],
.botao-cancelar-edicao[b-60b672c9ui] {
    color: var(--green);
    background: var(--paper);
    border: 1px solid color-mix(in srgb, var(--green) 48%, var(--line));
}

.botao-guardar-edicao[b-60b672c9ui] {
    color: var(--on-green);
    background: var(--green);
    border: 1px solid var(--green);
}

.formulario-edicao-atleta[b-60b672c9ui] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(100px, 0.55fr) minmax(170px, 0.9fr);
    gap: 13px;
}

.campo-edicao[b-60b672c9ui] {
    display: grid;
    align-content: start;
    gap: 7px;
}

.campo-edicao-nacionalidade[b-60b672c9ui] {
    grid-column: span 2;
}

.campo-edicao label[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
}

.campo-edicao input[b-60b672c9ui],
.campo-edicao select[b-60b672c9ui] {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    outline: 0;
}

.campo-edicao input:focus[b-60b672c9ui],
.campo-edicao select:focus[b-60b672c9ui] {
    background: var(--paper);
    border-color: var(--green);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent);
}

.campo-edicao[b-60b672c9ui]  .validation-message {
    color: #9a3535;
    font-size: var(--font-xs);
    font-weight: 750;
}

.acoes-edicao-atleta[b-60b672c9ui] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 15px;
}

.mensagem-edicao[b-60b672c9ui] {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 9px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.mensagem-edicao.sucesso[b-60b672c9ui] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.mensagem-edicao.erro[b-60b672c9ui] {
    color: #8a2f2f;
    background: #fff3f3;
}

.nota-evolucao[b-60b672c9ui] {
    margin: 14px 0 0;
    padding: 11px 13px;
    color: var(--muted);
    background: var(--green-soft);
    border-radius: 9px;
    font-size: var(--font-xs);
    line-height: 1.5;
}

.ultima-alteracao[b-60b672c9ui] {
    display: block;
    margin: 14px 0 0;
    color: var(--muted);
    font-size: var(--font-xs);
}

.linhas-estatistica[b-60b672c9ui] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.linhas-estatistica > div[b-60b672c9ui] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.linhas-estatistica span[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.linhas-estatistica strong[b-60b672c9ui] {
    font-size: 1rem;
}

.historico-equipas[b-60b672c9ui] {
    margin-top: 16px;
}

.lista-historico-equipas[b-60b672c9ui] {
    display: grid;
    gap: 8px;
}

.linha-historico-equipa[b-60b672c9ui] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    background: var(--neutral-soft);
    border-radius: 11px;
}

.linha-historico-equipa strong[b-60b672c9ui] {
    display: block;
    font-size: 0.9rem;
}

.linha-historico-equipa small[b-60b672c9ui] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.emblema-historico-equipa[b-60b672c9ui] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    padding: 3px;
    color: var(--paper);
    background: var(--cor-equipa, var(--green));
    border-radius: 9px;
    font-size: var(--font-xs);
    font-weight: 900;
}

.emblema-historico-equipa img[b-60b672c9ui] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.jogos-atleta[b-60b672c9ui] {
    margin-top: 18px;
}

.tabela-jogos-atleta[b-60b672c9ui] {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.tabela-jogos-atleta table[b-60b672c9ui] {
    width: 100%;
    border-collapse: collapse;
}

.tabela-jogos-atleta th[b-60b672c9ui],
.tabela-jogos-atleta td[b-60b672c9ui] {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid var(--line);
    white-space: nowrap;
}

.tabela-jogos-atleta th[b-60b672c9ui] {
    color: var(--ink);
    background: var(--green-soft);
    font-size: var(--font-xs);
    text-transform: uppercase;
}

.tabela-jogos-atleta td[b-60b672c9ui] {
    color: var(--ink);
    font-size: 0.82rem;
}

.tabela-jogos-atleta a[b-60b672c9ui] {
    color: var(--green);
    font-weight: 800;
    text-decoration: none;
}

.sem-registos[b-60b672c9ui] {
    margin: 0;
    padding: 25px;
    color: var(--muted);
    background: var(--neutral-soft);
    border-radius: 11px;
    text-align: center;
}

.estado-ficha[b-60b672c9ui] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 55px 24px;
    text-align: center;
}

.estado-ficha.erro[b-60b672c9ui] {
    color: #8a2f2f;
    background: #fff7f7;
}

.estado-ficha a[b-60b672c9ui] {
    margin-top: 8px;
    color: var(--green);
    font-weight: 800;
}

@media (max-width: 1080px) {
    .grelha-resumo-atleta[b-60b672c9ui] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .pagina-ficha-jogador[b-60b672c9ui] {
        width: calc(100% - 24px);
        padding-top: 24px;
    }

    .cabecalho-ficha[b-60b672c9ui] {
        grid-template-columns: auto 1fr;
    }

    .emblema-ficha[b-60b672c9ui] {
        display: none;
    }

    .colunas-ficha[b-60b672c9ui] {
        grid-template-columns: 1fr;
    }

    .filtros-jogos-atleta[b-60b672c9ui] {
        grid-template-columns: 1fr;
    }

    .formulario-edicao-atleta[b-60b672c9ui] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .campo-edicao-nome[b-60b672c9ui],
    .campo-edicao-nacionalidade[b-60b672c9ui] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .cabecalho-ficha[b-60b672c9ui] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .foto-atleta[b-60b672c9ui] {
        width: 92px;
        height: 106px;
        margin: 0 auto;
    }

    .grelha-resumo-atleta[b-60b672c9ui],
    .dados-pessoais dl[b-60b672c9ui],
    .linhas-estatistica[b-60b672c9ui] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .formulario-edicao-atleta[b-60b672c9ui] {
        grid-template-columns: 1fr;
    }

    .campo-edicao-nome[b-60b672c9ui],
    .campo-edicao-nacionalidade[b-60b672c9ui] {
        grid-column: auto;
    }

    .acoes-edicao-atleta[b-60b672c9ui] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* CSS for Home component */
.painel-inicial[b-1w7ckuren0] {
    width: min(1500px, calc(100% - 40px));
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink);
}

.painel-cabecalho[b-1w7ckuren0],
.jogo-destaque[b-1w7ckuren0],
.acessos[b-1w7ckuren0],
.jogos-recentes[b-1w7ckuren0] {
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
}

.painel-cabecalho[b-1w7ckuren0] {
    margin-bottom: 24px;
}

.subtitulo-painel[b-1w7ckuren0] {
    margin: 0 0 6px;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.painel-cabecalho h1[b-1w7ckuren0] {
    margin: 0;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.estado-carregamento[b-1w7ckuren0],
.estado-erro[b-1w7ckuren0] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 35px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    text-align: center;
}

.estado-erro[b-1w7ckuren0] {
    color: #8a211a;
    background: #fff1ef;
    border-color: #efc4bf;
}

.jogo-destaque[b-1w7ckuren0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 28px 32px;
    color: var(--paper);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--green) 72%, #111),
        var(--green));
    border-radius: 22px;
    box-shadow: 0 16px 35px rgba(18, 91, 49, 0.2);
}

    .jogo-destaque.sem-jogo[b-1w7ckuren0] {
        color: var(--ink);
        background: var(--paper);
        border: 1px solid var(--line);
        box-shadow: 0 12px 30px rgba(20, 24, 22, 0.08);
    }

.destaque-conteudo[b-1w7ckuren0] {
    flex: 1;
    min-width: 0;
}

.destaque-conteudo h2[b-1w7ckuren0] {
    margin: 13px 0 8px;
    font-size: 25px;
}

    .destaque-conteudo h2 span[b-1w7ckuren0] {
        margin: 0 7px;
        font-size: var(--font-md);
        opacity: 0.72;
    }

.destaque-conteudo > p[b-1w7ckuren0] {
    margin: 8px 0 0;
    opacity: 0.85;
}

.informacao-competicao[b-1w7ckuren0] {
    margin-top: 18px;
    text-align: center;
}

.etiqueta-jogo[b-1w7ckuren0] {
    display: inline-block;
    padding: 7px 11px;
    color: var(--green);
    background: var(--green-soft);
    border-radius: 20px;
    font-size: var(--font-sm);
    font-weight: 800;
}

    .etiqueta-jogo.em-curso[b-1w7ckuren0] {
        align-self: center;
        color: #fff;
        background: #b23a34;
    }

.resultado-destaque[b-1w7ckuren0] {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) auto minmax(100px, 1fr);
    align-items: center;
    gap: 16px;
    max-width: 560px;
    margin: 20px auto 0;
}

    .equipa-resultado[b-1w7ckuren0] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .equipa-resultado.casa[b-1w7ckuren0] {
            justify-content: flex-end;
        }

        .equipa-resultado.visitante[b-1w7ckuren0] {
            justify-content: flex-start;
        }

        .texto-equipa-resultado[b-1w7ckuren0] {
            display: grid;
            min-width: 0;
            gap: 2px;
        }

            .texto-equipa-resultado strong[b-1w7ckuren0] {
                overflow: hidden;
                font-size: var(--font-md);
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .rotulo-equipa-resultado[b-1w7ckuren0] {
            font-size: var(--font-xs);
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            opacity: 0.72;
        }

        .equipa-resultado.casa .texto-equipa-resultado[b-1w7ckuren0] {
            text-align: right;
        }

        .equipa-resultado.visitante .texto-equipa-resultado[b-1w7ckuren0] {
            text-align: left;
        }

    .logo-equipa-resultado[b-1w7ckuren0] {
        display: grid;
        flex-shrink: 0;
        place-items: center;
        width: 36px;
        height: 36px;
        overflow: hidden;
        color: var(--paper);
        background: var(--cor-equipa, rgba(255, 255, 255, 0.16));
        border-radius: 10px;
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.02em;
    }

        .logo-equipa-resultado img[b-1w7ckuren0] {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .logo-equipa-resultado.com-logo[b-1w7ckuren0] {
            background: transparent;
        }

    .resultado-destaque > strong[b-1w7ckuren0] {
        font-size: 30px;
        font-variant-numeric: tabular-nums;
    }

    .resultado-destaque small[b-1w7ckuren0] {
        margin: 0 5px;
        font-size: 20px;
    }

.informacao-jogo[b-1w7ckuren0] {
    font-size: var(--font-sm);
    text-align: center;
}

.acoes-destaque[b-1w7ckuren0] {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 10px;
}

.botao-principal[b-1w7ckuren0] {
    flex-shrink: 0;
    padding: 14px 20px;
    color: var(--green);
    background: var(--paper);
    border-radius: 11px;
    font-size: var(--font-sm);
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12);
}

.botao-secundario-destaque[b-1w7ckuren0] {
    padding: 12px 20px;
    color: var(--paper);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 11px;
    font-size: var(--font-sm);
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .botao-secundario-destaque:hover[b-1w7ckuren0] {
        background: rgba(255, 255, 255, 0.14);
        border-color: rgba(255, 255, 255, 0.7);
    }

.sem-jogo .botao-principal[b-1w7ckuren0] {
    color: var(--on-green);
    background: var(--green);
}

.titulo-secao > a[b-1w7ckuren0],
.resultado-recente > a[b-1w7ckuren0] {
    color: var(--green);
    font-size: var(--font-sm);
    font-weight: 800;
    text-decoration: none;
}

.icone-acesso[b-1w7ckuren0] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 14px;
    color: var(--green);
    background: var(--green-soft);
    border-radius: 20px;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.icone-acesso svg[b-1w7ckuren0] {
    width: 40px;
    height: 40px;
}

.cartao-acesso:hover .icone-acesso[b-1w7ckuren0] {
    color: var(--paper);
    background: var(--green);
}

.acessos[b-1w7ckuren0],
.jogos-recentes[b-1w7ckuren0] {
    margin-top: 28px;
}

.titulo-secao[b-1w7ckuren0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

    .titulo-secao h2[b-1w7ckuren0] {
        margin: 0;
        font-size: 22px;
    }

.grelha-acessos[b-1w7ckuren0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

@media (max-width: 1050px) {
    .grelha-acessos[b-1w7ckuren0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.cartao-acesso[b-1w7ckuren0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 16px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 9px 24px rgba(20, 24, 22, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

    .cartao-acesso:hover[b-1w7ckuren0] {
        transform: translateY(-3px);
        box-shadow: 0 14px 30px rgba(20, 24, 22, 0.11);
    }

    .cartao-acesso h3[b-1w7ckuren0] {
        margin: 0;
        font-size: var(--font-md);
    }

.jogos-recentes[b-1w7ckuren0] {
    padding: 25px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 9px 24px rgba(20, 24, 22, 0.06);
}

.lista-resultados[b-1w7ckuren0] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.resultado-recente[b-1w7ckuren0] {
    display: grid;
    grid-template-columns: 120px 1fr 85px;
    align-items: center;
    gap: 20px;
    padding: 15px 17px;
    background: var(--neutral-soft);
    border-radius: 11px;
}

.data-resultado[b-1w7ckuren0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .data-resultado strong[b-1w7ckuren0] {
        font-size: var(--font-sm);
    }

    .data-resultado span[b-1w7ckuren0] {
        color: var(--muted);
        font-size: var(--font-sm);
    }

.confronto-resultado[b-1w7ckuren0] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 15px;
}

    .confronto-resultado > span:last-child[b-1w7ckuren0] {
        text-align: right;
    }

    .confronto-resultado strong[b-1w7ckuren0] {
        padding: 7px 12px;
        background: var(--paper);
        border-radius: 8px;
        font-size: 18px;
        font-variant-numeric: tabular-nums;
    }

    .confronto-resultado small[b-1w7ckuren0] {
        margin: 0 4px;
        font-size: var(--font-sm);
    }

.sem-resultados[b-1w7ckuren0] {
    padding: 34px 20px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
    text-align: center;
}

@media (max-width: 850px) {
    .painel-inicial[b-1w7ckuren0] {
        padding: 20px;
    }

    .jogo-destaque[b-1w7ckuren0] {
        align-items: stretch;
        flex-direction: column;
    }

    .botao-principal[b-1w7ckuren0] {
        text-align: center;
    }

    .grelha-acessos[b-1w7ckuren0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .resultado-recente[b-1w7ckuren0] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

        .resultado-recente > a[b-1w7ckuren0] {
            justify-self: start;
        }
}

@media (max-width: 550px) {
    .resultado-destaque[b-1w7ckuren0],
    .confronto-resultado[b-1w7ckuren0] {
        grid-template-columns: 1fr;
        text-align: center;
    }

        .resultado-destaque > span:last-child[b-1w7ckuren0],
        .confronto-resultado > span:last-child[b-1w7ckuren0] {
            text-align: center;
        }

    .titulo-secao[b-1w7ckuren0] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/JogoAoVivo.razor.rz.scp.css */

.pagina-jogo.posse-ativa[b-my25sul1au] {
    background:
        radial-gradient(circle at 16% 18%, rgba(var(--cor-posse-rgb), 0.28) 0, transparent 38%),
        linear-gradient(135deg, rgba(var(--cor-posse-rgb), 0.16), rgba(var(--cor-posse-rgb), 0.04) 62%),
        #f5f7f6;
}

.cabecalho-jogo[b-my25sul1au],
.configuracao-jogo[b-my25sul1au],
.marcador[b-my25sul1au],
.painel-posse[b-my25sul1au],
.historico-eventos[b-my25sul1au] {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.cabecalho-jogo[b-my25sul1au],
.titulo-secao[b-my25sul1au],
.cabecalho-posse[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.cabecalho-jogo[b-my25sul1au] {
    margin-bottom: 22px;
}

h1[b-my25sul1au],
h2[b-my25sul1au],
p[b-my25sul1au] {
    margin-top: 0;
}

h1[b-my25sul1au] {
    margin-bottom: 0;
    font-size: 30px;
}

.subtitulo[b-my25sul1au] {
    margin-bottom: 5px;
    color: var(--green);
    font-size: var(--font-sm);
    font-weight: 800;
    letter-spacing: 2px;
}

button[b-my25sul1au],
select[b-my25sul1au],
input[b-my25sul1au] {
    font: inherit;
}

button[b-my25sul1au] {
    appearance: none;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 800;
    transition: transform 0.12s ease, opacity 0.12s ease, background-color 0.12s ease;
}

button:active:not(:disabled)[b-my25sul1au] {
    transform: scale(0.98);
}

button:disabled[b-my25sul1au],
select:disabled[b-my25sul1au],
input:disabled[b-my25sul1au] {
    cursor: not-allowed;
    opacity: 0.48;
}

.acoes-cabecalho[b-my25sul1au],
.controlos-tempo[b-my25sul1au] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.botao-discreto[b-my25sul1au],
.anular-troca[b-my25sul1au] {
    padding: 10px 14px;
    color: var(--muted);
    background: var(--paper);
    border: 1px solid var(--line-strong);
}

.voltar-historico[b-my25sul1au] {
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
    font-weight: 800;
    text-decoration: none;
}

.estado-jogo[b-my25sul1au] {
    padding: 10px 15px;
    color: var(--on-green);
    background: var(--green);
    border-radius: 30px;
    font-size: var(--font-sm);
    font-weight: 800;
    white-space: nowrap;
}

.terminar-jogo[b-my25sul1au] {
    padding: 10px 15px;
    color: var(--paper);
    background: #b42318;
}

.configuracao-jogo[b-my25sul1au],
.painel-posse[b-my25sul1au],
.historico-eventos[b-my25sul1au],
.painel-fase-ataque-fixo[b-my25sul1au],
.painel-disciplina-fixo[b-my25sul1au] {
    padding: 22px 24px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.07);
}

.configuracao-jogo[b-my25sul1au] {
    margin-bottom: 18px;
}

.aviso-jogo-em-curso[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 18px 0 22px;
    padding: 18px 20px;
    background: #edf7f1;
    border: 1px solid #aed6bf;
    border-left: 6px solid var(--green);
    border-radius: 12px;
}

.aviso-jogo-em-curso h2[b-my25sul1au] {
    margin: 3px 0 7px;
    font-size: 20px;
}

.aviso-jogo-em-curso h2 span[b-my25sul1au] {
    color: var(--muted);
    font-weight: 600;
}

.aviso-jogo-em-curso p[b-my25sul1au] {
    max-width: 720px;
    margin-bottom: 0;
    color: var(--muted);
}

.acoes-jogo-em-curso[b-my25sul1au] {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
}

.retomar-jogo-em-curso[b-my25sul1au],
.ignorar-jogo-em-curso[b-my25sul1au] {
    min-height: 43px;
    padding: 9px 14px;
}

.retomar-jogo-em-curso[b-my25sul1au] {
    color: #fff;
    background: var(--green);
}

.ignorar-jogo-em-curso[b-my25sul1au] {
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line-strong);
}

.titulo-secao h2[b-my25sul1au] {
    margin-bottom: 0;
    font-size: 21px;
}

.novo-jogo[b-my25sul1au] {
    padding: 11px 16px;
    color: var(--on-green);
    background: var(--green);
}

.seletores-configuracao[b-my25sul1au] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.campo[b-my25sul1au],
.bloco-dado[b-my25sul1au] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.campo label[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.campo select[b-my25sul1au],
.bloco-dado select[b-my25sul1au] {
    min-height: 43px;
    padding: 8px 11px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.estado-configuracao[b-my25sul1au],
.mensagem-jogo[b-my25sul1au] {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 9px;
    font-size: var(--font-sm);
    font-weight: 700;
}

.estado-configuracao[b-my25sul1au] {
    color: var(--muted);
    background: var(--neutral-soft);
}

.mensagem-jogo.sucesso[b-my25sul1au] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.mensagem-jogo.erro[b-my25sul1au] {
    color: #8d2920;
    background: #fff0ee;
    border: 1px solid #efc3bd;
}

.confirmar-configuracao[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.confirmar-configuracao > div[b-my25sul1au] {
    display: grid;
    gap: 4px;
}

.confirmar-configuracao span[b-my25sul1au] {
    color: var(--muted);
    font-size: 0.84rem;
}

.confirmar-configuracao button[b-my25sul1au] {
    min-height: 44px;
    padding: 0 18px;
    color: var(--on-green);
    background: var(--green);
    border: 0;
    border-radius: 10px;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.confirmar-configuracao button:disabled[b-my25sul1au] {
    color: #8b9891;
    background: #f0f1f0;
    cursor: not-allowed;
}

.marcador[b-my25sul1au] {
    display: grid;
    grid-template-columns: 1fr 280px 1fr;
    gap: 16px;
    position: sticky;
    z-index: 20;
    top: 12px;
}

.resultado-equipa[b-my25sul1au],
.centro-marcador[b-my25sul1au] {
    position: relative;
    padding: 24px;
    background: var(--paper);
    border: 2px solid transparent;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.07);
    text-align: center;
}

.resultado-equipa.com-posse[b-my25sul1au] {
    border-color: var(--cor-posse, var(--green));
    box-shadow: 0 10px 30px rgba(var(--cor-posse-rgb, 22, 131, 68), 0.24);
}

.resultado-equipa.com-posse[b-my25sul1au]::before {
    position: absolute;
    top: 12px;
    right: 12px;
    content: "POSSE";
    padding: 5px 8px;
    color: var(--texto-cor-posse, var(--paper));
    background: var(--cor-posse, var(--green));
    border-radius: 20px;
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 1px;
}

.resultado-equipa.com-posse > strong[b-my25sul1au] {
    color: var(--cor-posse, var(--green));
}

.resultado-equipa > span[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.resultado-equipa h2[b-my25sul1au] {
    min-height: 48px;
    margin: 8px 0 2px;
    font-size: 20px;
}

.resultado-equipa > strong[b-my25sul1au] {
    display: block;
    color: var(--green);
    font-size: 72px;
    line-height: 1;
}

.resultado-equipa.visitante > strong[b-my25sul1au] {
    color: var(--ink);
}

.centro-marcador[b-my25sul1au] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.parte[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 900;
    letter-spacing: 1px;
}

.cronometro[b-my25sul1au] {
    margin: 12px 0 17px;
    font-size: 50px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.cronometro-botao[b-my25sul1au] {
    width: 100%;
    padding: 13px;
    color: var(--paper);
    background: var(--neutral-strong, #52585a);
}

.controlos-tempo[b-my25sul1au] {
    width: 100%;
    margin-top: 8px;
}

.controlos-tempo button[b-my25sul1au] {
    flex: 1;
    padding: 9px;
    color: var(--muted);
    background: #f0f1f0;
    font-size: var(--font-sm);
}

.painel-posse[b-my25sul1au] {
    margin-top: 18px;
}

.iniciar-posse[b-my25sul1au] {
    padding: 28px 15px;
    text-align: center;
}

.iniciar-posse h2[b-my25sul1au] {
    margin-bottom: 8px;
}

.iniciar-posse > p:not(.subtitulo)[b-my25sul1au] {
    color: var(--muted);
}

kbd[b-my25sul1au] {
    padding: 3px 7px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-bottom-width: 2px;
    border-radius: 5px;
    font-size: var(--font-sm);
    font-family: inherit;
}

.botoes-primeira-posse[b-my25sul1au] {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 18px;
}

.botoes-primeira-posse button[b-my25sul1au] {
    padding: 13px 20px;
    color: var(--on-green);
    background: var(--green);
}

.resumo-posse[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-sm);
}

.conteudo-registo[b-my25sul1au] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.7fr);
    gap: 20px;
    margin-top: 20px;
}

.conteudo-registo.por-fases[b-my25sul1au] {
    display: block;
}

.navegacao-fases[b-my25sul1au] {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    padding: 4px 2px 12px;
    scrollbar-width: thin;
}

.navegacao-fases button[b-my25sul1au] {
    display: flex;
    min-width: 116px;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: var(--muted);
    background: #f0f1f0;
    border: 2px solid transparent;
    text-align: left;
}

.navegacao-fases button span[b-my25sul1au] {
    display: grid;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    place-items: center;
    color: var(--muted);
    background: var(--paper);
    border-radius: 50%;
    font-size: var(--font-sm);
}

.navegacao-fases button strong[b-my25sul1au] {
    overflow: hidden;
    font-size: var(--font-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navegacao-fases button.preenchida span[b-my25sul1au] {
    color: var(--on-green);
    background: var(--green);
}

.navegacao-fases button.atual[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--paper));
    background: var(--cor-posse, var(--green));
    border-color: rgba(255, 255, 255, 0.45);
}

.navegacao-fases button.atual span[b-my25sul1au] {
    color: var(--cor-posse, var(--green));
    background: var(--texto-cor-posse, var(--paper));
}

.fase-registo[b-my25sul1au] {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(var(--cor-posse-rgb, 22, 131, 68), 0.3);
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(20, 24, 22, 0.08);
}

/* Só existe para o foco poder voltar aqui a seguir a um <select> dos
   painéis fixos (ver jogoAoVivo.js) -- não é um controlo em si, por isso
   não mostra o anel de foco do browser. */
.fase-registo:focus[b-my25sul1au] {
    outline: none;
}

.cabecalho-fase[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 18px 20px;
    background: rgba(var(--cor-posse-rgb, 22, 131, 68), 0.08);
    border-bottom: 1px solid rgba(var(--cor-posse-rgb, 22, 131, 68), 0.18);
}

.cabecalho-fase h3[b-my25sul1au] {
    margin: 0;
    font-size: 21px;
}

.nivel-fase[b-my25sul1au] {
    padding: 6px 9px;
    color: var(--muted);
    background: var(--paper);
    border-radius: 20px;
    font-size: var(--font-xs);
    font-weight: 900;
    text-transform: uppercase;
}

.corpo-fase[b-my25sul1au] {
    min-height: 178px;
    padding: 22px;
}

.componentes-etapa[b-my25sul1au] {
    display: grid;
    gap: 18px;
}

.componentes-etapa.multiplos[b-my25sul1au] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.componente-etapa[b-my25sul1au] {
    min-width: 0;
}

.componentes-etapa.multiplos .componente-etapa[b-my25sul1au] {
    padding: 16px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.titulo-componente-etapa[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
    color: var(--ink);
}

.titulo-componente-etapa span[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.fase-registo > .grelha-acoes[b-my25sul1au] {
    padding: 22px 22px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fase-registo > .ajuda-registo[b-my25sul1au] {
    margin: 0;
    padding: 4px 22px 20px;
    color: var(--muted);
}

.opcoes-rapidas[b-my25sul1au] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 9px;
}

.opcoes-rapidas button[b-my25sul1au] {
    position: relative;
    min-height: 48px;
    padding: 10px 13px;
    color: var(--muted);
    background: #f0f1f0;
    border: 2px solid transparent;
}

.opcoes-rapidas button kbd[b-my25sul1au] {
    position: absolute;
    top: 3px;
    right: 4px;
    padding: 1px 3px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(81, 101, 88, 0.3);
    border-radius: 3px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.1;
}

.opcoes-rapidas button:hover:not(:disabled) kbd[b-my25sul1au],
.opcoes-rapidas button.selecionada kbd[b-my25sul1au] {
    color: var(--ink);
}

.opcoes-rapidas button:hover:not(:disabled)[b-my25sul1au] {
    border-color: rgba(var(--cor-posse-rgb, 22, 131, 68), 0.45);
}

.opcoes-rapidas button.selecionada[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--paper));
    background: var(--cor-posse, var(--green));
    border-color: var(--cor-posse, var(--green));
}

.opcoes-rapidas button.selecionada:hover:not(:disabled)[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--paper));
    background: var(--cor-posse, var(--green));
    border-color: var(--cor-posse, var(--green));
}

.grelha-resultados[b-my25sul1au] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.grelha-resultados.compacta[b-my25sul1au] {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
}

.grelha-resultados .acao[b-my25sul1au] {
    position: relative;
    min-height: 54px;
    border: 2px solid transparent;
}

.grelha-resultados .acao.selecionada[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--paper));
    background: var(--cor-posse, var(--green));
    border-color: var(--cor-posse, var(--green));
    box-shadow: 0 0 0 3px rgba(var(--cor-posse-rgb, 22, 131, 68), 0.14);
}

.grelha-resultados .acao kbd[b-my25sul1au] {
    position: absolute;
    top: 3px;
    right: 4px;
    padding: 1px 3px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(81, 101, 88, 0.3);
    border-radius: 3px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.1;
}

.grelha-resultados .acao:hover:not(:disabled) kbd[b-my25sul1au],
.grelha-resultados .acao.selecionada kbd[b-my25sul1au] {
    color: var(--ink);
}

.opcoes-rapidas.disciplina button[b-my25sul1au] {
    display: flex;
    align-items: center;
    gap: 9px;
    text-align: left;
}

.opcoes-rapidas.disciplina button strong[b-my25sul1au] {
    min-width: 34px;
    font-size: var(--font-md);
}

.opcoes-rapidas.disciplina button span[b-my25sul1au] {
    font-size: var(--font-sm);
}

.opcoes-rapidas.compactas[b-my25sul1au] {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

.opcoes-rapidas.compactas button[b-my25sul1au] {
    min-height: 40px;
}

.entrada-personalizada[b-my25sul1au] {
    width: 100%;
    min-height: 49px;
    padding: 10px 13px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 2px solid var(--line);
    border-radius: 10px;
    font: inherit;
}

.entrada-personalizada:focus[b-my25sul1au] {
    border-color: var(--cor-posse, var(--green));
    outline: none;
    box-shadow: 0 0 0 3px rgba(var(--cor-posse-rgb, 22, 131, 68), 0.12);
}

.combo-painel-tatico[b-my25sul1au] {
    width: 100%;
    min-height: 49px;
    padding: 10px 13px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 2px solid var(--line);
    border-radius: 10px;
    font: inherit;
}

.combo-painel-tatico:focus[b-my25sul1au] {
    border-color: var(--cor-posse, var(--green));
    outline: none;
    box-shadow: 0 0 0 3px rgba(var(--cor-posse-rgb, 22, 131, 68), 0.12);
}

.outra-relacao[b-my25sul1au] {
    margin-top: 9px;
}

.sancoes-adicionadas[b-my25sul1au] {
    display: grid;
    gap: 7px;
    margin-bottom: 13px;
    padding: 11px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.sancoes-adicionadas > strong[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-xs);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.sancao-adicionada[b-my25sul1au] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 6px 8px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.sancao-adicionada button[b-my25sul1au] {
    width: 28px;
    height: 28px;
    padding: 0;
    color: #9f3535;
    background: #fff0f0;
    border: 0;
    border-radius: 7px;
    font-weight: 900;
    cursor: pointer;
}

.sigla-sancao[b-my25sul1au] {
    display: inline-grid;
    min-width: 34px;
    min-height: 28px;
    padding: 3px 6px;
    place-items: center;
    color: var(--ink);
    background: #fff2cf;
    border-radius: 6px;
    font-size: var(--font-xs);
    font-weight: 900;
}

.alternar-alvo-sancao[b-my25sul1au] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: 11px;
    font-weight: 800;
    cursor: pointer;
}

.adicionar-sancao[b-my25sul1au] {
    justify-self: start;
    min-height: 40px;
    padding: 8px 14px;
    color: var(--texto-cor-posse, var(--paper));
    background: var(--cor-posse, var(--green));
    border: 0;
    border-radius: 9px;
    font-weight: 850;
    cursor: pointer;
}

.adicionar-sancao:disabled[b-my25sul1au],
.sancao-adicionada button:disabled[b-my25sul1au] {
    opacity: .5;
    cursor: not-allowed;
}

.controlos-fase[b-my25sul1au] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: var(--neutral-soft);
    border-top: 1px solid #e0e6e2;
}

.controlos-fase > span[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-xs);
    text-align: center;
}

.fase-anterior[b-my25sul1au],
.fase-seguinte[b-my25sul1au],
.registar-acao[b-my25sul1au] {
    min-height: 42px;
    padding: 9px 15px;
}

.fase-anterior[b-my25sul1au] {
    justify-self: start;
    color: var(--muted);
    background: #e5ebe7;
}

.fase-seguinte[b-my25sul1au] {
    justify-self: end;
    color: var(--texto-cor-posse, var(--paper));
    background: var(--cor-posse, var(--green));
}

.registar-acao[b-my25sul1au] {
    justify-self: end;
    color: var(--on-green);
    background: var(--green);
}

.registar-acao:disabled[b-my25sul1au] {
    color: #839087;
    background: #dfe5e1;
}

.bloco-dado[b-my25sul1au] {
    padding: 15px;
    background: var(--neutral-soft);
    border: 1px solid #e0e6e2;
    border-radius: 12px;
}

.titulo-dado[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.titulo-dado strong[b-my25sul1au] {
    font-size: var(--font-sm);
}

.titulo-dado span[b-my25sul1au] {
    padding: 4px 7px;
    color: var(--muted);
    background: #f0f1f0;
    border-radius: 20px;
    font-size: var(--font-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.bloco-dado small[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-sm);
}

.lista-jogadores[b-my25sul1au] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.jogador[b-my25sul1au] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 9px;
    color: var(--muted);
    background: #f0f1f0;
    border: 2px solid transparent;
    text-align: left;
}

.jogador strong[b-my25sul1au] {
    color: var(--green);
    font-size: var(--font-sm);
}

.jogador span[b-my25sul1au] {
    overflow: hidden;
    font-size: var(--font-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jogador.selecionado[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
    background: var(--cor-posse, var(--green));
    border-color: color-mix(in srgb, var(--texto-cor-posse, #fff) 36%, var(--cor-posse, var(--green)));
    box-shadow: 0 0 0 3px rgba(var(--cor-posse-rgb, 8, 120, 68), 0.18);
}

.jogador.selecionado strong[b-my25sul1au],
.jogador.selecionado span[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
}

.grelha-contexto[b-my25sul1au] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.baliza-grafica[b-my25sul1au] {
    width: min(100%, 520px);
    margin: 0 auto;
    padding: 18px 18px 0;
    background:
        linear-gradient(#000, #000) left top / 14px 14px no-repeat,
        linear-gradient(#000, #000) right top / 14px 14px no-repeat,
        repeating-linear-gradient(
            90deg,
            #000 0 26px,
            #fff 26px 52px)
        50% top / 100% 14px no-repeat,
        repeating-linear-gradient(
            180deg,
            #000 0 26px,
            #fff 26px 52px)
        left 50% / 14px 100% no-repeat,
        repeating-linear-gradient(
            180deg,
            #000 0 26px,
            #fff 26px 52px)
        right 50% / 14px 100% no-repeat;
    filter: drop-shadow(0 8px 8px rgba(23, 33, 27, 0.12));
}

.baliza-grafica.compacta[b-my25sul1au] {
    max-width: 390px;
}

.baliza[b-my25sul1au] {
    display: grid;
    grid-template-columns: repeat(3, minmax(62px, 1fr));
    grid-template-rows: repeat(3, minmax(50px, 1fr));
    gap: 1px;
    aspect-ratio: 3 / 1.65;
    padding: 4px;
    background-color: #eef3ef;
    background-image:
        linear-gradient(rgba(80, 99, 87, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(80, 99, 87, 0.15) 1px, transparent 1px);
    background-size: 18px 18px;
    border: 2px solid var(--line);
}

.baliza button[b-my25sul1au] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 3px;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(81, 101, 88, 0.22);
    border-radius: 3px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    text-wrap: balance;
}

.baliza button kbd[b-my25sul1au] {
    position: absolute;
    top: 2px;
    right: 3px;
    padding: 1px 3px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(81, 101, 88, 0.3);
    border-radius: 3px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.1;
}

.baliza button:hover:not(:disabled) kbd[b-my25sul1au],
.baliza button.selecionada kbd[b-my25sul1au] {
    color: var(--ink);
}

.baliza button:hover:not(:disabled)[b-my25sul1au],
.baliza button.selecionada[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--paper));
    background: var(--cor-posse, var(--green));
}

.baliza button.inativa[b-my25sul1au] {
    color: #99a39d;
    background: rgba(222, 227, 224, 0.76);
}

.acoes-registo .subtitulo[b-my25sul1au] {
    color: #79d69b;
}

.acao[b-my25sul1au] {
    min-height: 48px;
    padding: 10px;
    color: #223128;
    background: #eaf0ec;
    font-size: var(--font-sm);
}

.acao.golo[b-my25sul1au],
.acao.sete-metros[b-my25sul1au] {
    color: var(--green);
    background: #e3f3e9;
}

.acao.sancao[b-my25sul1au] {
    color: #76251e;
    background: #ffe7e3;
}

.acao.violacao[b-my25sul1au],
.acao.passivo[b-my25sul1au] {
    color: #6f5419;
    background: #fff3d8;
}

.sem-dados[b-my25sul1au],
.sem-eventos[b-my25sul1au] {
    margin: 0;
    padding: 18px;
    color: var(--muted);
    background: var(--neutral-soft);
    border-radius: 10px;
    text-align: center;
}

.historico-eventos[b-my25sul1au],
.painel-fase-ataque-fixo[b-my25sul1au],
.painel-disciplina-fixo[b-my25sul1au] {
    margin-top: 18px;
}

.painel-jogadores-fixo[b-my25sul1au],
.painel-defensivo-fixo[b-my25sul1au] {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--line);
}

.cabecalho-painel-tatico[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 0;
    background: none;
    text-align: left;
}

.titulo-painel-tatico[b-my25sul1au] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.titulo-painel-tatico strong[b-my25sul1au] {
    font-size: var(--font-sm);
}

.valor-painel-tatico[b-my25sul1au] {
    overflow: hidden;
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seta-painel-tatico[b-my25sul1au] {
    flex: none;
    color: var(--muted);
    font-size: var(--font-xs);
}

.painel-jogadores-fixo .combo-painel-tatico[b-my25sul1au],
.painel-fase-ataque-fixo .opcoes-rapidas[b-my25sul1au],
.painel-fase-ataque-fixo .entrada-personalizada[b-my25sul1au],
.painel-disciplina-fixo .sancoes-adicionadas[b-my25sul1au],
.painel-disciplina-fixo .opcoes-rapidas[b-my25sul1au],
.painel-disciplina-fixo .checkbox-site[b-my25sul1au],
.painel-disciplina-fixo .alvo-disciplina[b-my25sul1au],
.painel-disciplina-fixo small[b-my25sul1au],
.painel-defensivo-fixo .opcoes-rapidas[b-my25sul1au],
.painel-defensivo-fixo small[b-my25sul1au],
.painel-defensivo-fixo .entrada-personalizada[b-my25sul1au],
.painel-jogadores-fixo small[b-my25sul1au],
.painel-jogadores-fixo .entrada-personalizada[b-my25sul1au] {
    margin-top: 14px;
}

.contador[b-my25sul1au] {
    min-width: 34px;
    padding: 8px;
    color: var(--muted);
    background: #f0f1f0;
    border-radius: 20px;
    font-size: var(--font-sm);
    font-weight: 800;
    text-align: center;
}

.editor-evento[b-my25sul1au] {
    margin-top: 18px;
    padding: 18px;
    background: var(--green-soft);
    border: 2px solid var(--line-strong);
    border-radius: 14px;
}

.cabecalho-editor[b-my25sul1au],
.acoes-editor[b-my25sul1au],
.meta-evento[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.cabecalho-editor h3[b-my25sul1au] {
    margin: 0;
    font-size: 17px;
}

.posse-da-edicao[b-my25sul1au] {
    color: var(--muted);
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
}

.fechar-editor[b-my25sul1au],
.cancelar-editor[b-my25sul1au],
.editar-evento[b-my25sul1au] {
    padding: 8px 11px;
    color: var(--muted);
    background: var(--paper);
    border: 1px solid var(--line-strong);
}

.acoes-evento[b-my25sul1au] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.eliminar-evento[b-my25sul1au] {
    display: inline-grid;
    width: 31px;
    height: 31px;
    padding: 0;
    place-items: center;
    color: #a52a20;
    background: #fff4f2;
    border: 1px solid #e8b8b2;
    border-radius: 8px;
    font-size: 20px;
    line-height: 1;
}

.eliminar-evento:hover:not(:disabled)[b-my25sul1au] {
    color: #fff;
    background: #b42318;
    border-color: #b42318;
}

.campos-editor[b-my25sul1au] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 15px;
}

.acoes-editor[b-my25sul1au] {
    justify-content: flex-end;
    margin-top: 15px;
}

.cancelar-editor[b-my25sul1au],
.guardar-editor[b-my25sul1au] {
    min-height: 42px;
    padding: 9px 16px;
}

.guardar-editor[b-my25sul1au] {
    color: var(--on-green);
    background: var(--green);
}

.lista-eventos[b-my25sul1au] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 16px;
}

.evento[b-my25sul1au] {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: center;
    gap: 13px;
    padding: 12px 14px;
    background: var(--neutral-soft);
    border-left: 4px solid var(--green);
    border-radius: 9px;
}

.evento.incompleto[b-my25sul1au] {
    border-left-color: #d08a20;
}

.tempo-evento[b-my25sul1au] {
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

.evento > div[b-my25sul1au] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.evento > .meta-evento[b-my25sul1au] {
    align-items: flex-end;
    flex-direction: column;
}

.lista-eventos-horizontal[b-my25sul1au] {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-gutter: stable;
}

.lista-eventos-horizontal .evento[b-my25sul1au] {
    display: flex;
    flex: 0 0 200px;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
}

.lista-eventos-horizontal .evento > .meta-evento[b-my25sul1au] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.editar-evento[b-my25sul1au] {
    padding: 6px 9px;
    color: var(--green);
    font-size: var(--font-sm);
}

.evento > div span[b-my25sul1au],
.parte-evento[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-sm);
}

.posse-evento[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-xs);
    opacity: 0.75;
}

@media (max-width: 950px) {
    .marcador[b-my25sul1au] {
        grid-template-columns: 1fr 220px 1fr;
    }

    .conteudo-registo[b-my25sul1au] {
        grid-template-columns: 1fr;
    }

    .lista-jogadores[b-my25sul1au] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .grelha-resultados[b-my25sul1au],
    .grelha-resultados.compacta[b-my25sul1au] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .pagina-jogo[b-my25sul1au] {
        padding: 18px;
    }

    .cabecalho-jogo[b-my25sul1au],
    .cabecalho-posse[b-my25sul1au],
    .titulo-secao[b-my25sul1au] {
        align-items: flex-start;
        flex-direction: column;
    }

    .acoes-cabecalho[b-my25sul1au] {
        flex-wrap: wrap;
    }

    .seletores-configuracao[b-my25sul1au],
    .marcador[b-my25sul1au],
    .grelha-contexto[b-my25sul1au] {
        grid-template-columns: 1fr;
    }

    .marcador[b-my25sul1au] {
        position: static;
    }

    .fase-registo > .grelha-acoes[b-my25sul1au] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .centro-marcador[b-my25sul1au] {
        grid-row: 1;
    }

    .botoes-primeira-posse[b-my25sul1au],
    .confirmar-configuracao[b-my25sul1au] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .botoes-primeira-posse button[b-my25sul1au] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .configuracao-jogo[b-my25sul1au],
    .painel-posse[b-my25sul1au],
    .historico-eventos[b-my25sul1au] {
        padding: 18px;
    }

    .grelha-acoes[b-my25sul1au],
    .lista-jogadores[b-my25sul1au] {
        grid-template-columns: 1fr;
    }

    .cabecalho-fase[b-my25sul1au] {
        align-items: flex-start;
    }

    .controlos-fase[b-my25sul1au] {
        grid-template-columns: 1fr 1fr;
    }

    .controlos-fase > span[b-my25sul1au] {
        display: none;
    }

    .evento[b-my25sul1au] {
        grid-template-columns: 58px 1fr;
    }

    .parte-evento[b-my25sul1au],
    .por-completar[b-my25sul1au] {
        grid-column: 2;
        justify-self: start;
    }

    .evento > .meta-evento[b-my25sul1au] {
        grid-column: 2;
        align-items: flex-start;
    }

    .cabecalho-editor[b-my25sul1au] {
        align-items: flex-start;
    }
}

.pagina-jogo[b-my25sul1au] {
    min-height: calc(100vh - 70px);
    padding: 28px;
    color: var(--ink, #13251b);
    background: transparent;
    font-family: inherit;
    transition: background-color 0.25s ease;
}

.pagina-jogo.posse-ativa[b-my25sul1au] {
    background: transparent;
}

.modo-configuracao[b-my25sul1au] {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: 54px 0 72px;
}

.modo-configuracao > .cabecalho-jogo[b-my25sul1au] {
    display: none;
}

.modo-configuracao .configuracao-jogo[b-my25sul1au] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 26px;
    background: var(--paper);
    border: 1px solid var(--line, #dbe5df);
    border-radius: 17px;
    box-shadow: 0 12px 36px rgba(20, 24, 22, 0.06);
}

.introducao-configuracao[b-my25sul1au] {
    max-width: 640px;
    margin: 0 auto 23px;
    text-align: center;
}

.introducao-configuracao h1[b-my25sul1au] {
    margin: 0 0 9px;
    font-size: clamp(32px, 5vw, 48px);
    letter-spacing: -0.045em;
}

.introducao-configuracao > p:last-child[b-my25sul1au] {
    margin: 0;
    color: var(--muted, #64736a);
    line-height: 1.6;
}

.antevisao-jogo[b-my25sul1au] {
    display: grid;
    grid-template-columns: 1fr 50px 1fr;
    align-items: center;
    padding: 20px;
    background: linear-gradient(135deg, #eff7f2, #f8faf9);
    border: 1px solid var(--line);
    border-radius: 14px;
}

.antevisao-jogo > div[b-my25sul1au] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 4px 13px;
}

.antevisao-jogo > div:last-child[b-my25sul1au] {
    grid-template-columns: 1fr auto;
    text-align: right;
}

.antevisao-jogo > div:last-child .emblema-equipa[b-my25sul1au] {
    grid-area: 1 / 2 / 3;
}

.antevisao-jogo > div:last-child strong[b-my25sul1au],
.antevisao-jogo > div:last-child > span:not(.emblema-equipa)[b-my25sul1au] {
    grid-column: 1;
}

.antevisao-jogo .emblema-equipa[b-my25sul1au] {
    grid-row: 1 / 3;
}

.antevisao-jogo strong[b-my25sul1au] {
    font-size: 18px;
}

.distintivo-equipa-propria[b-my25sul1au] {
    justify-self: start;
    padding: 4px 7px;
    color: var(--green);
    background: color-mix(in srgb, var(--green) 10%, var(--paper));
    border: 1px solid color-mix(in srgb, var(--green) 24%, var(--line));
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 850;
}

.antevisao-jogo > div:last-child .distintivo-equipa-propria[b-my25sul1au] {
    grid-column: 1;
    justify-self: end;
}

.antevisao-jogo > b[b-my25sul1au] {
    color: #94a198;
    text-align: center;
}

.antevisao-jogo > div > span:not(.emblema-equipa)[b-my25sul1au] {
    color: var(--muted, #64736a);
    font-size: var(--font-sm);
}

.emblema-equipa[b-my25sul1au] {
    display: inline-grid;
    width: 41px;
    height: 46px;
    place-items: center;
    overflow: hidden;
    color: var(--texto-equipa, var(--paper));
    background: var(--cor-equipa, var(--green));
    border: 3px solid var(--cor-equipa, var(--green));
    border-radius: 9px 9px 14px 14px;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.22),
        0 4px 8px rgba(15, 45, 28, 0.14);
    font-size: var(--font-xs);
    font-weight: 950;
}

.emblema-equipa.grande[b-my25sul1au] {
    width: 57px;
    height: 64px;
    font-size: var(--font-sm);
}

.emblema-equipa.pequeno[b-my25sul1au] {
    width: 31px;
    height: 35px;
    font-size: var(--font-xs);
}

.emblema-equipa img[b-my25sul1au] {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
    background: transparent;
}

.emblema-equipa.com-logo[b-my25sul1au] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.modo-configuracao .seletores-configuracao[b-my25sul1au] {
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    margin: 22px 0;
}

.modo-configuracao .campo label[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 750;
}

.modo-configuracao .campo select[b-my25sul1au] {
    min-height: 44px;
    background: #fbfcfb;
    border-color: var(--line);
}

.modo-configuracao .campo input[b-my25sul1au] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px 11px;
    color: var(--ink);
    background: #fbfcfb;
    border: 1px solid var(--line);
    border-radius: 9px;
}

.aviso-equipa-propria[b-my25sul1au] {
    margin: -8px 0 18px;
    padding: 10px 12px;
    color: #315d47;
    background: #eef7f2;
    border: 1px solid #cce4d6;
    border-radius: 9px;
    font-size: 0.8rem;
    font-weight: 700;
}

.aviso-configuracao-site[b-my25sul1au] {
    color: color-mix(in srgb, var(--green) 72%, var(--ink));
    background: color-mix(in srgb, var(--green) 8%, var(--paper));
    border-color: color-mix(in srgb, var(--green) 25%, var(--line));
}

.aviso-configuracao-site a[b-my25sul1au] {
    color: var(--green);
}

.aviso-equipa-propria.erro[b-my25sul1au] {
    color: #8d2920;
    background: #fff0ee;
    border-color: #efc3bd;
}

.aviso-equipa-propria a[b-my25sul1au] {
    color: inherit;
    font-weight: 900;
}

.resumo-etapas-configuracao[b-my25sul1au] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    margin-bottom: 18px;
}

.resumo-etapas-configuracao span[b-my25sul1au] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px;
    color: var(--muted);
    background: var(--canvas);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.resumo-etapas-configuracao b[b-my25sul1au] {
    display: grid;
    width: 21px;
    height: 21px;
    flex: none;
    place-items: center;
    color: var(--green, #087844);
    background: var(--paper);
    border-radius: 50%;
}

.modo-configuracao .confirmar-configuracao[b-my25sul1au] {
    display: block;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.modo-configuracao .confirmar-configuracao button[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    min-height: 48px;
    background: var(--green, #087844);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--green) 20%, transparent);
    font-size: var(--font-sm);
}

.modo-configuracao .confirmar-configuracao button > span[b-my25sul1au] {
    color: var(--paper);
    font-size: 18px;
}

.modo-ao-vivo[b-my25sul1au] {
    position: relative;
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: 235px minmax(530px, 1fr) 255px;
    align-items: start;
    gap: 15px;
    width: min(1500px, calc(100% - 40px));
    margin: 0 auto;
    padding: 28px 0 70px;
}

.modo-ao-vivo[b-my25sul1au]::before {
    position: fixed;
    z-index: -1;
    top: 70px;
    bottom: 0;
    left: 0;
    width: 32vw;
    content: "";
    pointer-events: none;
    background: radial-gradient(circle at 0 25%, rgba(var(--cor-posse-rgb), 0.18), transparent 66%);
}

.modo-ao-vivo > .cabecalho-jogo[b-my25sul1au] {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    margin: 0 0 4px;
}

.modo-ao-vivo > .cabecalho-jogo h1[b-my25sul1au] {
    font-size: 24px;
}

.modo-ao-vivo .acoes-cabecalho button[b-my25sul1au],
.modo-ao-vivo .acoes-cabecalho a[b-my25sul1au],
.modo-ao-vivo .estado-jogo[b-my25sul1au] {
    min-height: 36px;
    padding: 0 11px;
    border-radius: 9px;
    font-size: var(--font-xs);
}

/* "Em direto" é um estado positivo; mantém o verde semântico. */
.modo-ao-vivo .estado-jogo[b-my25sul1au] {
    color: #fff;
    background: var(--success);
}

.modo-ao-vivo > .coluna-lateral-direita[b-my25sul1au] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin: 0;
}

.modo-ao-vivo .marcador[b-my25sul1au],
.modo-ao-vivo .painel-posse[b-my25sul1au],
.modo-ao-vivo .historico-eventos[b-my25sul1au],
.modo-ao-vivo .painel-fase-ataque-fixo[b-my25sul1au],
.modo-ao-vivo .painel-disciplina-fixo[b-my25sul1au] {
    width: 100%;
    max-width: none;
    margin: 0;
    background: var(--paper);
    border: 1px solid var(--line, #dbe5df);
    border-radius: 17px;
    box-shadow: 0 12px 36px rgba(20, 24, 22, 0.06);
}

.modo-ao-vivo .marcador[b-my25sul1au] {
    position: sticky;
    top: 91px;
    z-index: 20;
    display: block;
    padding: 16px;
}

.modo-ao-vivo .resultado-equipa[b-my25sul1au] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 9px;
    min-height: 59px;
    padding: 6px 0;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.modo-ao-vivo .resultado-equipa.com-posse[b-my25sul1au] {
    border: 0;
    box-shadow: none;
}

.modo-ao-vivo .resultado-equipa.com-posse[b-my25sul1au]::before {
    top: auto;
    bottom: 0;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: var(--font-xs);
}

.modo-ao-vivo .resultado-equipa > div[b-my25sul1au] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.modo-ao-vivo .resultado-equipa small[b-my25sul1au] {
    color: var(--muted, #64736a);
    font-size: var(--font-xs);
    text-transform: uppercase;
}

.modo-ao-vivo .resultado-equipa h2[b-my25sul1au] {
    min-height: 0;
    margin: 2px 0 0;
    overflow: hidden;
    font-size: var(--font-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modo-ao-vivo .resultado-equipa > strong[b-my25sul1au] {
    display: block;
    color: var(--ink, #13251b);
    font-size: 32px;
    font-variant-numeric: tabular-nums;
}

.separador-marcador[b-my25sul1au] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #89958e;
}

.separador-marcador[b-my25sul1au]::before,
.separador-marcador[b-my25sul1au]::after {
    flex: 1;
    height: 1px;
    content: "";
    background: #e3e9e5;
}

.separador-marcador span[b-my25sul1au] {
    padding: 3px 5px;
    background: #eef3f0;
    border-radius: 4px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.modo-ao-vivo .centro-marcador[b-my25sul1au] {
    display: block;
    margin-top: 12px;
    padding: 14px 0 0;
    text-align: center;
    background: transparent;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 0;
    box-shadow: none;
}

.modo-ao-vivo .cronometro[b-my25sul1au] {
    margin: 0 0 9px;
    font-size: 31px;
    letter-spacing: -0.04em;
}

.modo-ao-vivo .cronometro-botao[b-my25sul1au],
.botao-posse-lateral[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    color: var(--paper);
    background: var(--green-dark, #0e2e20);
    border-radius: 8px;
    font-size: var(--font-sm);
}

.modo-ao-vivo .cronometro-botao[b-my25sul1au] {
    background: var(--neutral-strong, #52585a);
}

.modo-ao-vivo .cronometro-botao kbd[b-my25sul1au],
.botao-posse-lateral kbd[b-my25sul1au] {
    margin-left: auto;
    color: inherit;
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.25);
    font-size: var(--font-xs);
}

.modo-ao-vivo .controlos-tempo[b-my25sul1au] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
    margin-top: 6px;
}

.modo-ao-vivo .controlos-tempo button[b-my25sul1au] {
    min-height: 31px;
    padding: 0;
    border-radius: 7px;
    font-size: var(--font-xs);
}

.editar-tempo[b-my25sul1au] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    color: var(--muted);
    font-size: var(--font-xs);
    text-align: left;
}

.editar-tempo label[b-my25sul1au] {
    display: flex;
    align-items: center;
    gap: 3px;
}

.editar-tempo input[b-my25sul1au] {
    width: 38px;
    height: 27px;
    padding: 0 3px;
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 6px;
}

.botao-posse-lateral[b-my25sul1au] {
    min-height: 43px;
    margin-top: 15px;
    background: var(--cor-posse, var(--green, #087844));
}

.modo-ao-vivo > .painel-posse[b-my25sul1au] {
    padding: 18px;
}

.modo-ao-vivo .cabecalho-posse[b-my25sul1au] {
    align-items: flex-end;
    padding: 0 2px 15px;
}

.modo-ao-vivo .anular-troca[b-my25sul1au] {
    min-height: 34px;
    padding: 0 10px;
    font-size: var(--font-xs);
}

.modo-ao-vivo .resumo-posse[b-my25sul1au] {
    font-size: var(--font-xs);
}

.linha-navegacao-fases[b-my25sul1au] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.modo-ao-vivo .navegacao-fases[b-my25sul1au] {
    display: grid;
    flex: 1;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    padding: 0;
}

.modo-ao-vivo .navegacao-fases button[b-my25sul1au] {
    min-width: 0;
    min-height: 39px;
    padding: 5px 7px;
    border-width: 1px;
    border-radius: 8px;
}

.modo-ao-vivo .navegacao-fases button span[b-my25sul1au] {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    font-size: var(--font-xs);
}

.modo-ao-vivo .navegacao-fases button strong[b-my25sul1au] {
    font-size: var(--font-xs);
}

.modo-ao-vivo .fase-registo[b-my25sul1au] {
    border-color: var(--line);
    border-radius: 12px;
    box-shadow: none;
}

.modo-ao-vivo .cabecalho-fase[b-my25sul1au] {
    padding: 13px 15px;
    background: #f2f7f4;
    border-bottom-color: #dfe8e2;
}

.modo-ao-vivo .cabecalho-fase h3[b-my25sul1au] {
    font-size: 17px;
}

.modo-ao-vivo .nivel-fase[b-my25sul1au] {
    padding: 5px 7px;
    font-size: var(--font-xs);
}

.modo-ao-vivo .corpo-fase[b-my25sul1au] {
    min-height: 190px;
    padding: 12px;
}

.modo-ao-vivo .componentes-etapa[b-my25sul1au] {
    gap: 10px;
}

.modo-ao-vivo .componentes-etapa.multiplos[b-my25sul1au] {
    grid-template-columns: 1.25fr 1fr;
}

.modo-ao-vivo .componentes-etapa.multiplos .componente-etapa[b-my25sul1au] {
    padding: 11px;
    background: var(--neutral-soft);
    border-color: var(--line);
    border-radius: 10px;
}

.modo-ao-vivo .titulo-componente-etapa strong[b-my25sul1au] {
    font-size: var(--font-sm);
}

.modo-ao-vivo .titulo-componente-etapa span[b-my25sul1au] {
    font-size: var(--font-xs);
}

.modo-ao-vivo .lista-jogadores[b-my25sul1au] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.modo-ao-vivo .jogador[b-my25sul1au] {
    min-height: 48px;
    padding: 7px;
    background: var(--neutral-soft);
    border-width: 1px;
    border-color: var(--line);
    border-radius: 9px;
}

.modo-ao-vivo .jogador strong[b-my25sul1au],
.modo-ao-vivo .jogador span[b-my25sul1au] {
    font-size: var(--font-xs);
}

.modo-ao-vivo .grelha-resultados[b-my25sul1au] {
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
}

.modo-ao-vivo .grelha-resultados .acao[b-my25sul1au],
.modo-ao-vivo .opcoes-rapidas button[b-my25sul1au] {
    min-height: 38px;
    padding: 5px;
    border-width: 1px;
    border-radius: 8px;
    font-size: var(--font-xs);
}

.modo-ao-vivo .controlos-fase[b-my25sul1au] {
    min-height: 51px;
    padding: 8px 12px;
}

.modo-ao-vivo .fase-anterior[b-my25sul1au],
.modo-ao-vivo .fase-seguinte[b-my25sul1au],
.modo-ao-vivo .registar-acao[b-my25sul1au] {
    min-height: 34px;
    padding: 0 11px;
    border-radius: 7px;
    font-size: var(--font-xs);
}

.modo-ao-vivo > .historico-eventos[b-my25sul1au] {
    grid-column: 2;
    padding: 16px;
}

.modo-ao-vivo .painel-fase-ataque-fixo[b-my25sul1au],
.modo-ao-vivo .painel-disciplina-fixo[b-my25sul1au] {
    padding: 16px;
}

.modo-ao-vivo .historico-eventos .titulo-secao[b-my25sul1au] {
    align-items: flex-end;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5ebe7;
}

.modo-ao-vivo .historico-eventos .titulo-secao h2[b-my25sul1au] {
    font-size: var(--font-md);
}

.modo-ao-vivo .contador[b-my25sul1au] {
    min-width: 25px;
    padding: 6px 7px;
    color: var(--green, #087844);
    background: #e7f4ec;
    font-size: var(--font-xs);
}

.modo-ao-vivo .lista-eventos:not(.lista-eventos-horizontal)[b-my25sul1au] {
    max-height: 520px;
    gap: 0;
    margin-top: 0;
    overflow: auto;
}

.modo-ao-vivo .lista-eventos-horizontal[b-my25sul1au] {
    gap: 10px;
    margin-top: 16px;
}

.modo-ao-vivo .lista-eventos:not(.lista-eventos-horizontal) .evento[b-my25sul1au] {
    grid-template-columns: 1fr auto;
    gap: 4px 8px;
    padding: 12px 0 12px 11px;
    background: transparent;
    border-bottom: 1px solid #f0f1f0;
    border-left-width: 5px;
    border-radius: 0;
}

.modo-ao-vivo .lista-eventos-horizontal .evento[b-my25sul1au] {
    padding: 10px;
    background: var(--neutral-soft);
    border-bottom: 0;
    border-left-width: 4px;
    border-radius: 9px;
}

.modo-ao-vivo .lista-eventos:not(.lista-eventos-horizontal) .tempo-evento[b-my25sul1au] {
    grid-column: 2;
    grid-row: 1;
    color: var(--muted);
    font-size: var(--font-xs);
}

.modo-ao-vivo .lista-eventos-horizontal .tempo-evento[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.modo-ao-vivo .lista-eventos:not(.lista-eventos-horizontal) .evento > div:not(.meta-evento)[b-my25sul1au] {
    grid-column: 1;
    grid-row: 1 / 3;
}

.modo-ao-vivo .evento > div strong[b-my25sul1au] {
    font-size: var(--font-xs);
}

.modo-ao-vivo .evento > div span[b-my25sul1au] {
    margin-top: 3px;
    font-size: var(--font-xs);
}

.modo-ao-vivo .lista-eventos:not(.lista-eventos-horizontal) .evento > .meta-evento[b-my25sul1au] {
    grid-column: 2;
    grid-row: 2;
    align-items: flex-end;
}

.modo-ao-vivo .parte-evento[b-my25sul1au],
.modo-ao-vivo .por-completar[b-my25sul1au],
.modo-ao-vivo .editar-evento[b-my25sul1au] {
    padding: 3px 5px;
    font-size: var(--font-xs);
}

.modo-ao-vivo .editor-evento[b-my25sul1au] {
    position: fixed;
    z-index: 150;
    inset: 84px 24px 24px;
    max-width: 1050px;
    margin: auto;
    padding: 22px;
    overflow: auto;
    background: var(--paper);
    border: 1px solid var(--line-strong);
    box-shadow: 0 24px 70px rgba(8, 40, 23, 0.28);
}

@media (max-width: 1180px) {
    .modo-ao-vivo[b-my25sul1au] {
        grid-template-columns: 215px minmax(480px, 1fr);
    }

    .modo-ao-vivo > .coluna-lateral-direita[b-my25sul1au] {
        grid-column: 2;
    }

    .modo-ao-vivo .lista-eventos:not(.lista-eventos-horizontal)[b-my25sul1au] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        max-height: none;
    }

    .modo-ao-vivo .evento[b-my25sul1au] {
        border: 1px solid #e5ebe7;
        border-left: 5px solid var(--green, #087844);
        border-radius: 8px;
        padding: 9px;
    }
}

@media (max-width: 840px) {
    .modo-configuracao[b-my25sul1au] {
        width: calc(100% - 20px);
        padding-top: 20px;
    }

    .modo-configuracao .configuracao-jogo[b-my25sul1au] {
        padding: 16px;
    }

    .modo-configuracao .seletores-configuracao[b-my25sul1au] {
        grid-template-columns: 1fr;
    }

    .resumo-etapas-configuracao[b-my25sul1au] {
        grid-template-columns: 1fr 1fr;
    }

    .modo-ao-vivo[b-my25sul1au] {
        grid-template-columns: 1fr;
        width: calc(100% - 20px);
        padding-top: 18px;
    }

    .modo-ao-vivo > .cabecalho-jogo[b-my25sul1au],
    .modo-ao-vivo > .marcador[b-my25sul1au],
    .modo-ao-vivo > .historico-eventos[b-my25sul1au],
    .modo-ao-vivo > .coluna-lateral-direita[b-my25sul1au] {
        grid-column: 1;
    }

    .modo-ao-vivo .marcador[b-my25sul1au] {
        position: static;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 9px;
        padding: 11px;
    }

    .modo-ao-vivo .resultado-equipa .emblema-equipa[b-my25sul1au] {
        display: none;
    }

    .modo-ao-vivo .resultado-equipa > strong[b-my25sul1au] {
        font-size: 27px;
    }

    .separador-marcador[b-my25sul1au] {
        flex-direction: column;
    }

    .separador-marcador[b-my25sul1au]::before,
    .separador-marcador[b-my25sul1au]::after {
        display: none;
    }

    .modo-ao-vivo .centro-marcador[b-my25sul1au] {
        grid-column: 1 / 4;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 7px;
        margin-top: 5px;
        padding-top: 9px;
    }

    .modo-ao-vivo .cronometro[b-my25sul1au] {
        margin: 0;
        font-size: 27px;
    }

    .modo-ao-vivo .controlos-tempo[b-my25sul1au],
    .editar-tempo[b-my25sul1au] {
        display: none;
    }

    .botao-posse-lateral[b-my25sul1au],
    .painel-jogadores-fixo[b-my25sul1au],
    .painel-defensivo-fixo[b-my25sul1au] {
        grid-column: 1 / 4;
        margin-top: 0;
    }

    .modo-ao-vivo .componentes-etapa.multiplos[b-my25sul1au] {
        grid-template-columns: 1fr;
    }

    .modo-ao-vivo .lista-eventos:not(.lista-eventos-horizontal)[b-my25sul1au] {
        display: block;
    }

    .lista-eventos-horizontal .evento[b-my25sul1au] {
        flex-basis: 170px;
    }
}

@media (max-width: 520px) {
    .introducao-configuracao h1[b-my25sul1au] {
        font-size: 32px;
    }

    .antevisao-jogo[b-my25sul1au] {
        grid-template-columns: 1fr 30px 1fr;
        padding: 13px 8px;
    }

    .antevisao-jogo .emblema-equipa[b-my25sul1au] {
        display: none;
    }

    .antevisao-jogo > div[b-my25sul1au],
    .antevisao-jogo > div:last-child[b-my25sul1au] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        text-align: center;
    }

    .antevisao-jogo strong[b-my25sul1au] {
        font-size: var(--font-sm);
    }

    .resumo-etapas-configuracao[b-my25sul1au] {
        grid-template-columns: 1fr;
    }

    .modo-ao-vivo .lista-jogadores[b-my25sul1au] {
        grid-template-columns: 1fr 1fr;
    }

    .modo-ao-vivo .controlos-fase > span[b-my25sul1au] {
        display: none;
    }
}

/* A posse é indicada pela própria equipa, sem uma etiqueta adicional. */
.modo-ao-vivo .resultado-equipa.com-posse[b-my25sul1au] {
    padding: 8px 9px;
    color: var(--texto-cor-posse, #fff);
    background: var(--cor-posse, var(--green));
    border-radius: 10px;
}

.modo-ao-vivo .resultado-equipa.com-posse[b-my25sul1au]::before {
    display: none;
    content: none;
}

.modo-ao-vivo .resultado-equipa.com-posse small[b-my25sul1au],
.modo-ao-vivo .resultado-equipa.com-posse h2[b-my25sul1au],
.modo-ao-vivo .resultado-equipa.com-posse > strong[b-my25sul1au] {
    color: var(--texto-cor-posse, #fff);
}

/* As três comboboxes ficam sempre contidas no quadro de preparação. */
.modo-configuracao .seletores-configuracao[b-my25sul1au] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(180px, 0.62fr);
}

.modo-configuracao .seletores-configuracao.metadados-jogo[b-my25sul1au] {
    grid-template-columns: .72fr minmax(220px, 1.45fr) .8fr .9fr .72fr;
    margin-bottom: 13px;
}

.modo-configuracao .seletores-configuracao.equipas-jogo[b-my25sul1au] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 13px;
    margin-bottom: 13px;
}

.modo-configuracao .seletores-configuracao.arbitragem-perfil[b-my25sul1au] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 13px;
}

.aviso-configuracao-site:not(.aviso-equipa-propria)[b-my25sul1au] {
    margin: -2px 0 13px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--green) 25%, var(--line));
    border-radius: 9px;
    font-size: var(--font-sm);
    font-weight: 750;
}

.opcoes-rapidas.disciplina button[b-my25sul1au] {
    display: grid;
    min-height: 78px;
    place-items: center;
    padding: 8px;
}

.icone-disciplina[b-my25sul1au] {
    position: relative;
    display: grid;
    width: 32px;
    height: 43px;
    place-items: center;
    border: 2px solid rgba(15, 20, 17, .22);
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(20, 24, 22, .16);
}

.icone-disciplina.cartao-amarelo[b-my25sul1au] { background: #ffd522; }
.icone-disciplina.cartao-vermelho[b-my25sul1au] { background: #d5272f; }
.icone-disciplina.cartao-azul[b-my25sul1au] { background: #1876d2; }
.icone-disciplina.dois-minutos[b-my25sul1au] {
    width: 54px;
    color: #111;
    background: #fff;
    border: 3px solid #111;
    border-radius: 7px;
    box-shadow: none;
}
.icone-disciplina.dois-minutos strong[b-my25sul1au] { color: #111 !important; font-size: 1.35rem; }
.opcoes-rapidas.disciplina button.selecionada .icone-disciplina[b-my25sul1au] { outline: 4px solid color-mix(in srgb, var(--cor-posse, var(--green)) 28%, transparent); }
.apenas-leitores[b-my25sul1au] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

.icone-disciplina.dois-minutos strong[b-my25sul1au] {
    display: grid;
    width: 100%;
    height: 100%;
    min-width: 0;
    place-items: center;
    margin: 0;
    line-height: 1;
    text-align: center;
}

.seletor-guarda-redes[b-my25sul1au],
.seletor-disciplina[b-my25sul1au] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alvo-disciplina[b-my25sul1au] {
    display: grid;
    gap: 10px;
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px solid var(--line);
}

.alvo-disciplina.edicao[b-my25sul1au] {
    margin-top: 14px;
}

.seletor-guarda-redes .jogador:hover:not(:disabled)[b-my25sul1au],
.seletor-disciplina .jogador:hover:not(:disabled)[b-my25sul1au] {
    border-color: color-mix(in srgb, var(--cor-posse, var(--green)) 55%, var(--line));
    background: var(--green-soft);
}

.seletor-guarda-redes .jogador.selecionado[b-my25sul1au],
.seletor-disciplina .jogador.selecionado[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
    background: var(--cor-posse, var(--green));
    border-color: var(--cor-posse, var(--green));
    box-shadow: 0 0 0 3px rgba(var(--cor-posse-rgb, 22, 131, 68), 0.2);
}

.seletor-guarda-redes .jogador.selecionado:hover:not(:disabled)[b-my25sul1au],
.seletor-disciplina .jogador.selecionado:hover:not(:disabled)[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
    background: var(--cor-posse, var(--green));
    border-color: var(--cor-posse, var(--green));
}

.seletor-guarda-redes .jogador.selecionado strong[b-my25sul1au],
.seletor-guarda-redes .jogador.selecionado span[b-my25sul1au],
.seletor-disciplina .jogador.selecionado strong[b-my25sul1au],
.seletor-disciplina .jogador.selecionado span[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
}

@media (max-width: 760px) {
    .seletor-guarda-redes[b-my25sul1au],
    .seletor-disciplina[b-my25sul1au] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.modo-configuracao .seletores-configuracao .campo[b-my25sul1au] {
    min-width: 0;
}

.modo-configuracao .seletores-configuracao select[b-my25sul1au] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 840px) {    .modo-configuracao .seletores-configuracao.metadados-jogo[b-my25sul1au],
    .modo-configuracao .seletores-configuracao.equipas-jogo[b-my25sul1au],
    .modo-configuracao .seletores-configuracao.arbitragem-perfil[b-my25sul1au] {
        grid-template-columns: 1fr;
    }
}

/* Escala tipográfica fluida e aviso não bloqueante do cronómetro */
.modo-ao-vivo[b-my25sul1au] {
    font-size: clamp(15px, 0.82vw, 20px);
}

.modo-ao-vivo .estado-jogo[b-my25sul1au] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    text-align: center;
    font-size: clamp(0.8rem, 0.64vw, 0.96rem);
    line-height: 1;
}

.modo-ao-vivo .resultado-equipa h2[b-my25sul1au],
.modo-ao-vivo .titulo-componente-etapa strong[b-my25sul1au] {
    font-size: clamp(0.82rem, 0.68vw, 1rem);
}

.modo-ao-vivo .resultado-equipa small[b-my25sul1au],
.modo-ao-vivo .editar-tempo[b-my25sul1au],
.modo-ao-vivo .navegacao-fases button strong[b-my25sul1au],
.modo-ao-vivo .nivel-fase[b-my25sul1au],
.modo-ao-vivo .resumo-posse[b-my25sul1au] {
    font-size: clamp(0.76rem, 0.6vw, 0.92rem);
}

.modo-ao-vivo .grelha-resultados .acao[b-my25sul1au],
.modo-ao-vivo .opcoes-rapidas button[b-my25sul1au],
.modo-ao-vivo .fase-anterior[b-my25sul1au],
.modo-ao-vivo .fase-seguinte[b-my25sul1au],
.modo-ao-vivo .registar-acao[b-my25sul1au],
.modo-ao-vivo .cronometro-botao[b-my25sul1au],
.botao-posse-lateral[b-my25sul1au] {
    font-size: clamp(0.8rem, 0.64vw, 0.98rem);
}

.modo-ao-vivo .evento > div strong[b-my25sul1au] {
    font-size: clamp(0.78rem, 0.62vw, 0.94rem);
}

.modo-ao-vivo .evento > div span[b-my25sul1au],
.modo-ao-vivo .tempo-evento[b-my25sul1au],
.modo-ao-vivo .parte-evento[b-my25sul1au],
.modo-ao-vivo .editar-evento[b-my25sul1au] {
    font-size: clamp(0.76rem, 0.58vw, 0.9rem);
}

.modo-ao-vivo .corpo-fase[b-my25sul1au] {
    grid-template-rows: auto minmax(0, 1fr);
}

.aviso-cronometro-parado[b-my25sul1au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 9px;
    padding: 9px 11px;
    color: #6a4610;
    background: #fff4df;
    border: 1px solid #efd09a;
    border-radius: 9px;
    font-size: clamp(0.78rem, 0.62vw, 0.94rem);
}

.aviso-cronometro-parado button[b-my25sul1au] {
    flex: none;
    min-height: 31px;
    padding: 0 10px;
    color: var(--paper);
    background: #9b630d;
    border-radius: 7px;
    font-size: inherit;
}

@media (max-width: 840px) {
    .modo-ao-vivo[b-my25sul1au] {
        font-size: var(--font-md);
    }
}

@media (max-width: 520px) {
    .aviso-cronometro-parado[b-my25sul1au] {
        align-items: stretch;
        flex-direction: column;
    }

    .aviso-cronometro-parado button[b-my25sul1au] {
        width: 100%;
    }
}

/* Dimensionamento fluido e área de registo estável */
.modo-ao-vivo[b-my25sul1au] {
    isolation: isolate;
    grid-template-columns:
        clamp(235px, 15vw, 310px)
        minmax(640px, 1fr)
        clamp(255px, 17vw, 340px);
    gap: clamp(15px, 1.15vw, 24px);
    width: min(2200px, calc(100% - clamp(40px, 6vw, 128px)));
}

.modo-ao-vivo[b-my25sul1au]::before {
    right: 0;
    left: 0;
    width: 100vw;
    opacity: 0;
    background: color-mix(
        in srgb,
        var(--cor-posse, var(--green)) 20%,
        var(--canvas, #f4f5f4));
    transition: opacity 180ms ease, background 180ms ease;
}

.modo-ao-vivo.posse-ativa[b-my25sul1au]::before {
    opacity: 1;
}

.modo-ao-vivo .fase-registo[b-my25sul1au] {
    display: grid;
    height: clamp(500px, 62vh, 650px);
    grid-template-rows: auto minmax(0, 1fr) auto auto;
}

.modo-ao-vivo .corpo-fase[b-my25sul1au] {
    display: grid;
    min-height: 0;
    align-items: start;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.modo-ao-vivo .componentes-etapa[b-my25sul1au],
.modo-ao-vivo .componente-etapa[b-my25sul1au] {
    min-height: 0;
}

.modo-ao-vivo .componentes-etapa.multiplos[b-my25sul1au] {
    align-items: start;
}

.modo-ao-vivo .lista-jogadores[b-my25sul1au] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-content: center;
    gap: clamp(7px, 0.65vw, 12px);
}

.modo-ao-vivo .jogador[b-my25sul1au] {
    min-height: clamp(62px, 7.5vh, 82px);
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 7px 9px;
    text-align: center;
}

.modo-ao-vivo .jogador strong[b-my25sul1au] {
    color: var(--cor-posse, var(--green));
    font-size: clamp(1.35rem, 1.35vw, 1.85rem);
    font-weight: 950;
    line-height: 1;
}

.modo-ao-vivo .jogador span[b-my25sul1au] {
    max-width: 100%;
    color: var(--muted);
    font-size: clamp(0.78rem, 0.62vw, 0.92rem);
}

.modo-ao-vivo .jogador.selecionado strong[b-my25sul1au],
.modo-ao-vivo .jogador.selecionado span[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
}

.modo-ao-vivo[b-my25sul1au]  .campo-remate.compacto {
    width: min(100%, clamp(360px, 42vh, 440px));
    max-height: none;
    padding: 4px;
}

.modo-ao-vivo[b-my25sul1au]  .campo-remate.compacto .campo-svg {
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    margin: 0 auto;
}

.modo-ao-vivo[b-my25sul1au]  .campo-remate.compacto .nome-zona {
    font-size: 19px;
}

.modo-ao-vivo[b-my25sul1au]  .campo-remate.compacto .marca-meio-campo {
    font-size: 17px;
}

.modo-ao-vivo .baliza-grafica[b-my25sul1au] {
    width: min(100%, 430px);
    padding-top: 15px;
}

@media (min-width: 1800px) {
    .modo-ao-vivo[b-my25sul1au] {
        font-size: 17px;
    }

    .modo-ao-vivo > .cabecalho-jogo h1[b-my25sul1au] {
        font-size: 29px;
    }

    .modo-ao-vivo .resultado-equipa h2[b-my25sul1au],
    .modo-ao-vivo .titulo-componente-etapa strong[b-my25sul1au] {
        font-size: 0.82rem;
    }

    .modo-ao-vivo .resultado-equipa > strong[b-my25sul1au],
    .modo-ao-vivo .cronometro[b-my25sul1au] {
        font-size: 2.15rem;
    }

    .modo-ao-vivo .navegacao-fases button strong[b-my25sul1au],
    .modo-ao-vivo .grelha-resultados .acao[b-my25sul1au],
    .modo-ao-vivo .opcoes-rapidas button[b-my25sul1au] {
        font-size: var(--font-xs);
    }

    .modo-ao-vivo .historico-eventos .titulo-secao h2[b-my25sul1au] {
        font-size: 1.05rem;
    }

}

/* Ambos os seletores seguem a cor da equipa visada: o de GR a que defende, o de disciplina a que é sancionada. */
.modo-ao-vivo .seletor-guarda-redes .jogador:hover:not(:disabled)[b-my25sul1au],
.modo-ao-vivo .seletor-disciplina .jogador:hover:not(:disabled)[b-my25sul1au] {
    color: var(--cor-posse, var(--green));
    background: var(--green-soft);
    border-color: var(--cor-posse, var(--green));
}

.modo-ao-vivo .seletor-guarda-redes .jogador.selecionado[b-my25sul1au],
.modo-ao-vivo .seletor-disciplina .jogador.selecionado[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
    background: var(--cor-posse, var(--green));
    border-color: var(--cor-posse, var(--green));
    box-shadow: 0 0 0 3px rgba(var(--cor-posse-rgb, 22, 131, 68), 0.2);
}

.modo-ao-vivo .seletor-guarda-redes .jogador.selecionado:hover:not(:disabled)[b-my25sul1au],
.modo-ao-vivo .seletor-disciplina .jogador.selecionado:hover:not(:disabled)[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
    background: var(--cor-posse, var(--green));
    border-color: var(--cor-posse, var(--green));
}

.modo-ao-vivo .seletor-guarda-redes .jogador.selecionado strong[b-my25sul1au],
.modo-ao-vivo .seletor-guarda-redes .jogador.selecionado span[b-my25sul1au],
.modo-ao-vivo .seletor-disciplina .jogador.selecionado strong[b-my25sul1au],
.modo-ao-vivo .seletor-disciplina .jogador.selecionado span[b-my25sul1au] {
    color: var(--texto-cor-posse, var(--on-green));
}

@media (max-width: 1180px) {
    .modo-ao-vivo[b-my25sul1au] {
        grid-template-columns: 215px minmax(480px, 1fr);
        width: calc(100% - 40px);
    }
}

@media (max-width: 840px) {
    .modo-ao-vivo[b-my25sul1au] {
        grid-template-columns: 1fr;
        width: calc(100% - 20px);
    }

    .modo-ao-vivo .fase-registo[b-my25sul1au] {
        height: auto;
        min-height: 390px;
    }

    .modo-ao-vivo .corpo-fase[b-my25sul1au] {
        overflow: visible;
    }

}

@media (max-width: 520px) {
    .aviso-jogo-em-curso[b-my25sul1au],
    .acoes-jogo-em-curso[b-my25sul1au] {
        align-items: stretch;
        flex-direction: column;
    }

    .modo-ao-vivo .lista-jogadores[b-my25sul1au] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* O atleta ativo tem de permanecer legível mesmo com cores de equipa claras. */
.modo-ao-vivo .jogador.selecionado[b-my25sul1au] {
    color: #fff;
    background: color-mix(
        in srgb,
        var(--cor-posse, var(--green)) 72%,
        #071b2e 28%);
    border-color: color-mix(
        in srgb,
        var(--cor-posse, var(--green)) 66%,
        #071b2e 34%);
    box-shadow:
        0 0 0 3px rgba(var(--cor-posse-rgb, 8, 120, 68), 0.24),
        0 6px 14px rgba(7, 27, 46, 0.18);
}

.modo-ao-vivo .jogador.selecionado strong[b-my25sul1au],
.modo-ao-vivo .jogador.selecionado span[b-my25sul1au] {
    color: #fff;
}

/* Ajuste final para monitores grandes, sem ampliar excessivamente em portátil. */
@media (min-width: 1800px) {
    .modo-ao-vivo[b-my25sul1au] {
        font-size: clamp(18px, 0.82vw, 21px);
    }

    .modo-ao-vivo > .cabecalho-jogo h1[b-my25sul1au] {
        font-size: clamp(29px, 1.4vw, 36px);
    }

    .modo-ao-vivo .resultado-equipa h2[b-my25sul1au],
    .modo-ao-vivo .titulo-componente-etapa strong[b-my25sul1au] {
        font-size: clamp(0.78rem, 0.64vw, 0.94rem);
    }

    .modo-ao-vivo .resultado-equipa > strong[b-my25sul1au],
    .modo-ao-vivo .cronometro[b-my25sul1au] {
        font-size: clamp(2.15rem, 1.7vw, 2.65rem);
    }

    .modo-ao-vivo .navegacao-fases button strong[b-my25sul1au],
    .modo-ao-vivo .grelha-resultados .acao[b-my25sul1au],
    .modo-ao-vivo .opcoes-rapidas button[b-my25sul1au],
    .modo-ao-vivo .evento > div strong[b-my25sul1au] {
        font-size: clamp(0.78rem, 0.6vw, 0.92rem);
    }
}

.fundo-modal-confirmacao[b-my25sul1au] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, .62);
    backdrop-filter: blur(3px);
}

.modal-confirmacao[b-my25sul1au] {
    width: min(420px, 100%);
    padding: 24px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

.modal-confirmacao p[b-my25sul1au] {
    margin: 0 0 20px;
    font-size: var(--font-md);
}

.acoes-modal-confirmacao[b-my25sul1au] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.confirmar-acao-pendente[b-my25sul1au] {
    padding: 10px 15px;
    color: var(--paper);
    background: #b42318;
    border-radius: 10px;
}

.modal-convocatoria[b-my25sul1au] {
    width: min(760px, 100%);
    max-height: min(720px, 90vh);
    overflow-y: auto;
    padding: 28px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

.cabecalho-modal-convocatoria h2[b-my25sul1au] {
    margin: 4px 0 6px;
}

.cabecalho-modal-convocatoria p[b-my25sul1au] {
    margin: 0 0 20px;
    color: var(--muted);
    font-size: var(--font-sm);
}

.colunas-convocatoria[b-my25sul1au] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.coluna-convocatoria h3[b-my25sul1au] {
    margin: 0 0 10px;
    font-size: var(--font-md);
}

.aviso-sem-jogadores[b-my25sul1au] {
    color: var(--muted);
    font-size: var(--font-sm);
}

.linha-convocado[b-my25sul1au] {
    display: grid;
    grid-template-columns: auto 52px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 8px 6px;
    border-bottom: 1px solid var(--line);
}

.linha-convocado.nao-convocado[b-my25sul1au] {
    opacity: .5;
}

.numero-convocado[b-my25sul1au] {
    width: 52px;
    padding: 6px 4px;
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
}

.nome-convocado[b-my25sul1au] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.posicao-convocado[b-my25sul1au] {
    color: var(--muted);
    font-size: 0.78rem;
}

.botao-confirmar-convocatoria[b-my25sul1au] {
    padding: 10px 18px;
    color: var(--on-green);
    background: var(--green);
    border: 0;
    border-radius: 10px;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.botao-confirmar-convocatoria:disabled[b-my25sul1au] {
    color: #8b9891;
    background: #f0f1f0;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .colunas-convocatoria[b-my25sul1au] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Jogos.razor.rz.scp.css */
/* CSS for Jogos component */
.pagina-jogos[b-06kpxhkorw] {
    width: min(1500px, calc(100% - 40px));
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink);
}

    .pagina-jogos > header[b-06kpxhkorw] {
        max-width: 720px;
        margin-bottom: 24px;
    }

.subtitulo[b-06kpxhkorw] {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pagina-jogos h1[b-06kpxhkorw] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.pagina-jogos header p[b-06kpxhkorw] {
    margin: 0;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.65;
}

.lista-jogos[b-06kpxhkorw] {
    display: grid;
    gap: 20px;
}

.cartao-jogo[b-06kpxhkorw] {
    overflow: hidden;
    padding: 24px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(20, 24, 22, 0.07);
}

.cabecalho-jogo[b-06kpxhkorw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 18px;
    color: var(--muted);
    font-size: 0.88rem;
    border-bottom: 1px solid #edf2ef;
}

    .cabecalho-jogo > div[b-06kpxhkorw] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

.data-jogo[b-06kpxhkorw] {
    font-weight: 700;
    color: var(--ink);
}

.estado-jogo[b-06kpxhkorw] {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    color: var(--green);
    background: #e9f8ef;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.resultado-jogo[b-06kpxhkorw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding: 30px 10px;
}

.equipa[b-06kpxhkorw] {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

    .equipa span[b-06kpxhkorw] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .equipa strong[b-06kpxhkorw] {
        flex: 0 0 auto;
        font-size: 2.5rem;
        line-height: 1;
        color: var(--ink);
    }

.equipa-casa[b-06kpxhkorw] {
    justify-content: flex-end;
    text-align: right;
}

.equipa-visitante[b-06kpxhkorw] {
    justify-content: flex-start;
    text-align: left;
}

.separador-resultado[b-06kpxhkorw] {
    color: #a5b1aa;
    font-size: 1.5rem;
    font-weight: 700;
}

.acoes-jogo[b-06kpxhkorw] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid #edf2ef;
}

    .acoes-jogo a[b-06kpxhkorw],
    .acoes-jogo button[b-06kpxhkorw] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 0 18px;
        border: 1px solid var(--green);
        border-radius: 10px;
        font: inherit;
        font-size: 0.9rem;
        font-weight: 800;
        text-decoration: none;
        cursor: pointer;
        transition: 0.18s ease;
    }

.botao-retomar[b-06kpxhkorw] {
    color: var(--on-green);
    background: var(--green);
}

.logo-equipa-lista[b-06kpxhkorw] {
    display: grid;
    width: 38px;
    height: 43px;
    flex: 0 0 38px;
    place-items: center;
    overflow: hidden;
    color: var(--paper);
    background: var(--cor-equipa, var(--green));
    border: 3px solid var(--cor-equipa, var(--green));
    border-radius: 8px 8px 12px 12px;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.22);
    font-size: var(--font-xs);
    font-weight: 900;
}

.logo-equipa-lista img[b-06kpxhkorw] {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
    background: transparent;
}

.logo-equipa-lista.com-logo[b-06kpxhkorw] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.filtros-relatorios[b-06kpxhkorw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding: 18px 20px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.05);
}

.filtros-relatorios > div[b-06kpxhkorw] {
    display: grid;
    gap: 7px;
    min-width: 0;
    width: 100%;
}

.filtros-relatorios label[b-06kpxhkorw] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.filtros-relatorios select[b-06kpxhkorw] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 30px 0 13px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid #cfded5;
    border-radius: 10px;
    font: inherit;
    text-overflow: ellipsis;
}

.filtros-relatorios > span[b-06kpxhkorw] {
    grid-column: 1 / -1;
    justify-self: end;
    color: var(--muted);
    font-size: 0.9rem;
    font-weight: 700;
}

.competicao-jogo[b-06kpxhkorw] {
    color: var(--green);
    font-weight: 800;
    text-decoration: none;
}

.competicao-jogo:hover[b-06kpxhkorw] { text-decoration: underline; }

.estado-vazio button[b-06kpxhkorw] {
    min-height: 42px;
    padding: 0 16px;
    color: var(--on-green);
    background: var(--green);
    border: 0;
    border-radius: 9px;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.resumo-lista-jogo[b-06kpxhkorw] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    padding: 0 10px 18px;
    color: var(--muted);
    font-size: 0.85rem;
}

.resumo-lista-jogo strong[b-06kpxhkorw] {
    color: var(--ink);
}

.resumo-lista-jogo .com-alerta[b-06kpxhkorw],
.resumo-lista-jogo .com-alerta strong[b-06kpxhkorw] {
    color: #9a6112;
}

.botao-rever[b-06kpxhkorw] {
    color: var(--green);
    background: var(--paper);
}

.botao-relatorio[b-06kpxhkorw] {
    color: var(--paper);
    background: var(--green-dark);
    border-color: var(--green-dark) !important;
}

.acoes-jogo button[b-06kpxhkorw] {
    color: var(--green);
    background: var(--paper);
}

    .acoes-jogo a:hover[b-06kpxhkorw],
    .acoes-jogo button:hover[b-06kpxhkorw] {
        transform: translateY(-1px);
        box-shadow: 0 7px 18px rgba(19, 139, 80, 0.16);
    }

.detalhes-jogo[b-06kpxhkorw] {
    margin-top: 24px;
    padding: 24px;
    background: #f6faf7;
    border-radius: 16px;
}

.cartoes-resumo[b-06kpxhkorw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.cartoes-resumo article[b-06kpxhkorw] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 16px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.cartoes-resumo article.alerta[b-06kpxhkorw] {
    background: #fff8e9;
    border-color: #e7c887;
}

.cartoes-resumo span[b-06kpxhkorw],
.cartoes-resumo small[b-06kpxhkorw] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.cartoes-resumo strong[b-06kpxhkorw] {
    color: var(--ink);
    font-size: 1.45rem;
}

    .detalhes-jogo h2[b-06kpxhkorw] {
        margin: 0 0 16px;
        font-size: 1.1rem;
    }

        .detalhes-jogo h2:not(:first-child)[b-06kpxhkorw] {
            margin-top: 30px;
        }

.grupo-estatistico[b-06kpxhkorw] {
    margin-top: 14px;
    padding: 0 16px 16px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.grupo-estatistico summary[b-06kpxhkorw] {
    padding: 15px 0;
    color: var(--ink);
    font-weight: 800;
    cursor: pointer;
}

.grupo-estatistico h3[b-06kpxhkorw] {
    margin: 20px 0 10px;
    font-size: 0.95rem;
}

.grupo-estatistico p[b-06kpxhkorw] {
    margin: 0;
    color: var(--muted);
}

.tabela-container[b-06kpxhkorw] {
    overflow-x: auto;
}

table[b-06kpxhkorw] {
    width: 100%;
    border-collapse: collapse;
    background: var(--paper);
    border-radius: 12px;
}

th[b-06kpxhkorw],
td[b-06kpxhkorw] {
    padding: 13px 16px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--line);
}

th[b-06kpxhkorw] {
    color: var(--ink);
    background: var(--green-soft);
    font-size: var(--font-xs);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

tr:last-child td[b-06kpxhkorw] {
    border-bottom: 0;
}

.estado-incompleto[b-06kpxhkorw],
.estado-completo[b-06kpxhkorw] {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 800;
    white-space: nowrap;
}

.estado-incompleto[b-06kpxhkorw] {
    color: #865611;
    background: #fff1d8;
}

.estado-completo[b-06kpxhkorw] {
    color: var(--green);
    background: #e9f8ef;
}

.estado-vazio[b-06kpxhkorw] {
    padding: 34px 20px;
    text-align: center;
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
}

    .estado-vazio h2[b-06kpxhkorw] {
        margin-top: 0;
    }

@media (max-width: 1150px) {
    .filtros-relatorios[b-06kpxhkorw] {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
        row-gap: 16px;
    }
}

@media (max-width: 700px) {
    .pagina-jogos[b-06kpxhkorw] {
        width: min(100% - 24px, 1500px);
        padding-top: 30px;
    }

    .cartao-jogo[b-06kpxhkorw] {
        padding: 18px;
    }

    .filtros-relatorios[b-06kpxhkorw] {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 12px;
    }

    .filtros-relatorios > span[b-06kpxhkorw] { grid-column: auto; justify-self: start; }

    .filtros-relatorios > div[b-06kpxhkorw] {
        width: 100%;
    }

    .cabecalho-jogo[b-06kpxhkorw] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .resultado-jogo[b-06kpxhkorw] {
        gap: 10px;
        padding: 25px 0;
    }

    .equipa[b-06kpxhkorw] {
        gap: 10px;
        font-size: 0.9rem;
    }

        .equipa strong[b-06kpxhkorw] {
            font-size: 2rem;
        }

    .acoes-jogo[b-06kpxhkorw] {
        flex-direction: column;
    }

        .acoes-jogo a[b-06kpxhkorw],
        .acoes-jogo button[b-06kpxhkorw] {
            width: 100%;
        }

    .detalhes-jogo[b-06kpxhkorw] {
        padding: 16px;
    }

    .cartoes-resumo[b-06kpxhkorw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .cartoes-resumo[b-06kpxhkorw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.pagina-login[b-yjcd2dwj4p] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: clamp(24px, 5vw, 64px) 20px;
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--cor-login) 82%, black) 0%,
        var(--cor-login) 48%,
        color-mix(in srgb, var(--cor-login) 80%, white) 100%
    );
}

.fundo-estatistica[b-yjcd2dwj4p] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.fundo-estatistica svg[b-yjcd2dwj4p] {
    width: 100%;
    height: 100%;
}

.fundo-estatistica .linha-grelha[b-yjcd2dwj4p] {
    fill: none;
    stroke: #fff;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.07;
}

.fundo-estatistica .linha-secundaria[b-yjcd2dwj4p] {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.08;
}

.fundo-estatistica .linha-principal[b-yjcd2dwj4p] {
    fill: none;
    stroke: #fff;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.22;
}

.fundo-estatistica .linha-principal-fraca[b-yjcd2dwj4p] {
    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.11;
}

.fundo-estatistica circle[b-yjcd2dwj4p] {
    fill: #fff;
    opacity: 0.28;
}

.jogador-decorativo[b-yjcd2dwj4p] {
    position: absolute;
    left: clamp(20px, 9vw, 170px);
    top: 0;
    height: min(300px, 32vh);
    pointer-events: none;
    user-select: none;
}

.jogador-decorativo img[b-yjcd2dwj4p] {
    display: block;
    height: 100%;
    width: auto;
    opacity: 0.58;
}

.baliza-decorativa[b-yjcd2dwj4p] {
    position: absolute;
    top: 0;
    right: clamp(20px, 8vw, 160px);
    height: min(280px, 30vh);
    pointer-events: none;
    user-select: none;
}

.baliza-decorativa img[b-yjcd2dwj4p] {
    display: block;
    height: 100%;
    width: auto;
    opacity: 0.56;
    transform: scaleX(-1);
}

.identidade-central[b-yjcd2dwj4p] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin-bottom: 34px;
    text-align: center;
}

.logo-central[b-yjcd2dwj4p] {
    display: grid;
    width: 160px;
    height: 160px;
    place-items: center;
    overflow: hidden;
    background: #fff;
    border-radius: 34px;
    box-shadow: 0 18px 45px rgba(20, 53, 31, 0.18);
}

.logo-central img[b-yjcd2dwj4p] {
    width: 100%;
    height: 100%;
    padding: 7px;
    object-fit: contain;
}

.logo-central span[b-yjcd2dwj4p] {
    color: var(--cor-login);
    font-size: 2.6rem;
    font-weight: 950;
    letter-spacing: -0.02em;
}

.identidade-central h1[b-yjcd2dwj4p] {
    max-width: 480px;
    margin: 0;
    color: var(--texto-login);
    font-size: clamp(1.6rem, 3.4vw, 2.3rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.logo-software[b-yjcd2dwj4p] {
    position: absolute;
    z-index: 1;
    right: clamp(16px, 3vw, 40px);
    bottom: clamp(16px, 3vh, 40px);
    width: clamp(150px, 16vw, 210px);
    pointer-events: none;
    user-select: none;
}

.logo-software svg[b-yjcd2dwj4p] {
    display: block;
    width: 100%;
    height: auto;
}

.nome-software[b-yjcd2dwj4p] {
    font-family: var(--font-sans, inherit);
    font-size: 18px;
    font-weight: 800;
    fill: #ffffff;
    opacity: 0.9;
}

.destaque-software[b-yjcd2dwj4p] {
    font-weight: 900;
    fill: #ffffff;
}

.linha-software[b-yjcd2dwj4p] {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    opacity: 0.7;
}

.ponto-software[b-yjcd2dwj4p] {
    fill: #ffffff;
    opacity: 0.7;
}

.cartao-login[b-yjcd2dwj4p] {
    position: relative;
    z-index: 1;
    width: min(440px, 100%);
    padding: clamp(25px, 4vw, 38px);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 18px 55px rgba(20, 24, 22, 0.16);
}

.cartao-login h2[b-yjcd2dwj4p] {
    margin: 0 0 24px;
    color: var(--ink);
    font-size: 1.35rem;
    text-align: center;
}

.cartao-login form[b-yjcd2dwj4p],
.cartao-login form > label:not(.opcao-lembrar)[b-yjcd2dwj4p] {
    display: grid;
    gap: 8px;
}

.cartao-login form[b-yjcd2dwj4p] {
    gap: 17px;
}

.cartao-login label > span[b-yjcd2dwj4p] {
    color: var(--muted);
    font-size: 0.83rem;
    font-weight: 750;
}

.cartao-login input[type="email"][b-yjcd2dwj4p],
.cartao-login input[type="password"][b-yjcd2dwj4p] {
    min-height: 48px;
    padding: 0 13px;
    color: var(--ink);
    background: #fbfcfb;
    border: 1px solid var(--line);
    border-radius: 10px;
    outline: 0;
}

.cartao-login input:focus[b-yjcd2dwj4p] {
    border-color: var(--cor-login);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-login) 16%, transparent);
}

.opcao-lembrar[b-yjcd2dwj4p] {
    display: flex;
    align-items: center;
    gap: 9px;
    cursor: pointer;
}

.opcao-lembrar input[b-yjcd2dwj4p] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--cor-login);
}

.cartao-login form button[b-yjcd2dwj4p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    color: var(--texto-login);
    background: var(--cor-login);
    border: 0;
    border-radius: 10px;
    font-weight: 850;
    cursor: pointer;
}

.cartao-login form button:disabled[b-yjcd2dwj4p] {
    opacity: 0.55;
    cursor: not-allowed;
}

.mensagem-login[b-yjcd2dwj4p] {
    margin: 16px 0 0;
    padding: 11px 12px;
    color: #7a2318;
    background: #fdecea;
    border: 1px solid #f3c6bf;
    border-radius: 9px;
    font-size: 0.78rem;
    line-height: 1.5;
}

.link-secundario-login[b-yjcd2dwj4p] {
    display: inline-block;
    margin-top: 20px;
    color: var(--cor-login);
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 560px) {
    .logo-central[b-yjcd2dwj4p] {
        width: 112px;
        height: 112px;
        border-radius: 24px;
    }

    .logo-central span[b-yjcd2dwj4p] {
        font-size: 2.1rem;
    }

    .logo-software[b-yjcd2dwj4p] {
        right: 12px;
        bottom: 12px;
        width: 130px;
    }

    .jogador-decorativo[b-yjcd2dwj4p] {
        left: clamp(10px, 6vw, 60px);
        height: min(175px, 22vh);
    }

    .jogador-decorativo img[b-yjcd2dwj4p] {
        opacity: 0.42;
    }

    .baliza-decorativa[b-yjcd2dwj4p] {
        right: clamp(10px, 5vw, 55px);
        height: min(160px, 21vh);
    }

    .baliza-decorativa img[b-yjcd2dwj4p] {
        opacity: 0.4;
    }
}
/* /Components/Pages/MinhaConta.razor.rz.scp.css */
.pagina-minha-conta[b-eptp1rtfxv] {
    width: min(680px, calc(100% - 40px));
    max-width: none;
    margin: 0 auto;
    padding: 42px 0 72px;
    color: var(--ink, #13251b);
}

.cabecalho-pagina[b-eptp1rtfxv] {
    margin-bottom: 24px;
}

.cabecalho-pagina h1[b-eptp1rtfxv] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.cabecalho-pagina > p:last-child[b-eptp1rtfxv] {
    margin: 0;
    color: var(--muted);
}

.subtitulo[b-eptp1rtfxv] {
    margin: 0;
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.estado-lista[b-eptp1rtfxv] {
    margin-top: 24px;
    color: var(--muted);
}

.mensagem[b-eptp1rtfxv] {
    margin: 20px 0 0;
    padding: 11px 13px;
    border-radius: 9px;
    font-size: var(--font-sm);
    font-weight: 700;
}

.mensagem.sucesso[b-eptp1rtfxv] {
    color: var(--success-dark);
    background: var(--success-soft);
    border: 1px solid var(--success-line);
}

.mensagem.erro[b-eptp1rtfxv] {
    color: #922f2f;
    background: #fff0f0;
    border: 1px solid #edc2c2;
}

.cartao-conta[b-eptp1rtfxv] {
    margin-top: 24px;
    padding: 22px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(20, 24, 22, 0.06);
}

.titulo-cartao h2[b-eptp1rtfxv] {
    margin: 4px 0 6px;
    font-size: 20px;
}

.titulo-cartao p:not(.subtitulo)[b-eptp1rtfxv] {
    margin: 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

.titulo-cartao + .campos-conta[b-eptp1rtfxv] {
    margin-top: 18px;
}

.campos-conta[b-eptp1rtfxv] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.campo[b-eptp1rtfxv] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.campo label[b-eptp1rtfxv] {
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.input[b-eptp1rtfxv] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    outline: none;
}

.input:focus[b-eptp1rtfxv] {
    background: var(--paper);
    border-color: var(--green);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent);
}

.acoes-conta[b-eptp1rtfxv] {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
}

.botao-guardar[b-eptp1rtfxv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px;
    color: var(--on-green);
    background: var(--green);
    border: none;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
}

.botao-guardar:hover:not(:disabled)[b-eptp1rtfxv] {
    background: var(--green-dark);
}

.botao-guardar:disabled[b-eptp1rtfxv] {
    cursor: not-allowed;
    opacity: 0.55;
}

@media (max-width: 600px) {
    .pagina-minha-conta[b-eptp1rtfxv] {
        padding: 26px 0 50px;
    }

    .acoes-conta button[b-eptp1rtfxv] {
        width: 100%;
    }
}
/* /Components/Pages/MinhaEquipa.razor.rz.scp.css */
.pagina-minha-equipa[b-owj1ntax8h] {
    width: min(1200px, calc(100% - 40px));
    max-width: none;
    margin: 0 auto;
    padding: 48px 0 72px;
    color: var(--ink, #13251b);
}

.cabecalho-pagina[b-owj1ntax8h] {
    margin-bottom: 24px;
}

.cabecalho-pagina h1[b-owj1ntax8h] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.cabecalho-pagina > p:last-child[b-owj1ntax8h] {
    margin: 0;
    color: var(--muted);
}

.subtitulo[b-owj1ntax8h] {
    margin: 0;
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.estado-lista[b-owj1ntax8h],
.estado-vazio[b-owj1ntax8h] {
    margin-top: 24px;
    color: var(--muted);
    text-align: center;
}

.estado-vazio[b-owj1ntax8h] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 34px 20px;
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
}

.grelha-equipas[b-owj1ntax8h] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.equipa-cartao[b-owj1ntax8h] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    color: var(--ink);
    text-decoration: none;
    background: var(--paper);
    border: 1px solid var(--line, #dbe5df);
    border-left: 5px solid var(--cor-equipa, var(--green));
    border-radius: 15px;
    transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

.equipa-cartao:hover[b-owj1ntax8h] {
    border-color: var(--line-strong);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(20, 24, 22, 0.08);
}

.equipa-informacao[b-owj1ntax8h] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.equipa-sigla[b-owj1ntax8h] {
    display: grid;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    place-items: center;
    overflow: hidden;
    color: var(--paper);
    background: var(--cor-equipa, var(--green));
    border-radius: 13px;
    font-size: var(--font-sm);
    font-weight: 900;
}

.equipa-sigla.com-logo[b-owj1ntax8h] {
    background: transparent;
}

.equipa-logotipo[b-owj1ntax8h] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.equipa-informacao h3[b-owj1ntax8h] {
    margin: 0 0 3px;
    font-size: var(--font-md);
}

.equipa-informacao p[b-owj1ntax8h] {
    margin: 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

@media (max-width: 620px) {
    .grelha-equipas[b-owj1ntax8h] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.pagina-nao-encontrada[b-g9q00yxw49] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: min(560px, calc(100% - 40px));
    margin: 80px auto;
    padding: 48px 32px;
    text-align: center;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(20, 24, 22, 0.07);
}

.pagina-nao-encontrada .subtitulo[b-g9q00yxw49] {
    margin: 0;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 800;
    letter-spacing: 0.16em;
}

.pagina-nao-encontrada h1[b-g9q00yxw49] {
    margin: 0;
    font-size: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);
}

.pagina-nao-encontrada p[b-g9q00yxw49] {
    margin: 0;
    max-width: 40ch;
    color: var(--muted);
    line-height: 1.5;
}

.pagina-nao-encontrada a[b-g9q00yxw49] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 14px;
    padding: 0 20px;
    color: var(--on-green);
    background: var(--green);
    border-radius: 10px;
    font-weight: 800;
    text-decoration: none;
}
/* /Components/Pages/Plantel.razor.rz.scp.css */
/* CSS for Plantel component */
.pagina-plantel[b-3ijig0jzlu] {
    width: min(1500px, calc(100% - 40px));
    max-width: none;
    margin: 0 auto;
    padding: 28px 0 60px;
    color: var(--ink);
}

/* Overrides finais da gestão progressiva */
.cabecalho-plantel .botao-adicionar-atleta[b-3ijig0jzlu] { margin-left: auto; }
.grelha-formulario[b-3ijig0jzlu] { grid-template-columns: repeat(6, minmax(130px, 1fr)); }
.campo-nome[b-3ijig0jzlu] { grid-column: span 2; }
.acoes-formulario-jogador[b-3ijig0jzlu] { gap: 10px; }
@media (max-width: 1100px) { .grelha-formulario[b-3ijig0jzlu] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .campo-nome[b-3ijig0jzlu] { grid-column: span 2; } }
@media (max-width: 650px) { .cabecalho-plantel[b-3ijig0jzlu] { align-items: flex-start; flex-wrap: wrap; } .cabecalho-plantel .botao-adicionar-atleta[b-3ijig0jzlu] { width: 100%; margin-left: 0; } .grelha-formulario[b-3ijig0jzlu], .filtros-plantel[b-3ijig0jzlu] { grid-template-columns: 1fr; } .campo-nome[b-3ijig0jzlu] { grid-column: auto; } }

/* Criar atleta segue a mesma janela suspensa utilizada em Editar atleta. */
.fundo-modal-criar-atleta[b-3ijig0jzlu] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 23, 20, .62);
    backdrop-filter: blur(3px);
}

.modal-criar-atleta[b-3ijig0jzlu] {
    width: min(880px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 26px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
}

.cabecalho-modal-criar-atleta[b-3ijig0jzlu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--line);
}

.cabecalho-modal-criar-atleta h2[b-3ijig0jzlu] { margin: 4px 0 5px; }
.cabecalho-modal-criar-atleta p:last-child[b-3ijig0jzlu] { margin: 0; color: var(--muted); font-size: var(--font-sm); }

.fechar-modal-criar-atleta[b-3ijig0jzlu] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.modal-criar-atleta .grelha-formulario[b-3ijig0jzlu] {
    grid-template-columns: minmax(0, 1.6fr) minmax(100px, .55fr) minmax(180px, .9fr);
    gap: 16px;
}

.modal-criar-atleta .campo-foto[b-3ijig0jzlu],
.modal-criar-atleta .acoes-formulario-jogador[b-3ijig0jzlu] {
    grid-column: 1 / -1;
}

.modal-criar-atleta .acoes-formulario-jogador[b-3ijig0jzlu] {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

@media (max-width: 680px) {
    .fundo-modal-criar-atleta[b-3ijig0jzlu] { padding: 10px; }
    .modal-criar-atleta[b-3ijig0jzlu] { max-height: calc(100vh - 20px); padding: 18px; }
    .modal-criar-atleta .grelha-formulario[b-3ijig0jzlu] { grid-template-columns: 1fr; }
    .modal-criar-atleta .campo-nome[b-3ijig0jzlu],
    .modal-criar-atleta .campo-foto[b-3ijig0jzlu] { grid-column: auto; }
    .modal-criar-atleta .acoes-formulario-jogador[b-3ijig0jzlu] { flex-direction: column-reverse; }
}

/* Associar um atleta já existente noutra equipa do clube */
.separadores-modo-adicao[b-3ijig0jzlu] {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.separadores-modo-adicao button[b-3ijig0jzlu] {
    flex: 1;
    min-height: 40px;
    padding: 0 14px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
}

.separadores-modo-adicao button.atual[b-3ijig0jzlu] {
    color: var(--on-green);
    background: var(--green);
    border-color: var(--green);
}

.pesquisa-vinculo label[b-3ijig0jzlu] {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.importar-fap[b-3ijig0jzlu] {
    display: grid;
    gap: 6px;
    margin-bottom: 18px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.importar-fap label[b-3ijig0jzlu] {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.importar-fap .campo-com-botao[b-3ijig0jzlu] {
    display: flex;
    gap: 8px;
}

.importar-fap .campo-com-botao .input[b-3ijig0jzlu] {
    flex: 1;
}

.importar-fap .campo-com-botao button[b-3ijig0jzlu] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.importar-fap small[b-3ijig0jzlu] {
    color: var(--muted);
    font-weight: 500;
}

.estado-pesquisa-vinculo[b-3ijig0jzlu] {
    margin: 10px 0 0;
    color: var(--muted);
    font-size: var(--font-sm);
}

.lista-candidatos-vinculo[b-3ijig0jzlu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 260px;
    margin-top: 10px;
    overflow-y: auto;
}

.candidato-vinculo[b-3ijig0jzlu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
    text-align: left;
    cursor: pointer;
}

.candidato-vinculo:hover:not(:disabled)[b-3ijig0jzlu] {
    background: var(--green-soft);
    border-color: var(--green);
}

.candidato-vinculo img[b-3ijig0jzlu] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    object-fit: cover;
    border-radius: 50%;
}

.candidato-vinculo strong[b-3ijig0jzlu] {
    display: block;
    font-size: var(--font-sm);
}

.candidato-vinculo small[b-3ijig0jzlu] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.candidato-escolhido[b-3ijig0jzlu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    margin: 18px 0;
    background: var(--green-soft);
    border: 1px solid var(--green);
    border-radius: 10px;
    font-size: var(--font-sm);
}

.campo-modo-vinculo[b-3ijig0jzlu] {
    margin-top: 16px;
}

.campo-modo-vinculo > label[b-3ijig0jzlu] {
    display: block;
    margin-bottom: 8px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
}

.opcoes-modo-vinculo[b-3ijig0jzlu] {
    display: flex;
    gap: 8px;
}

.opcoes-modo-vinculo label[b-3ijig0jzlu] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    padding: 10px 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    font-size: var(--font-sm);
    font-weight: 700;
    cursor: pointer;
}

.opcoes-modo-vinculo label.selecionada[b-3ijig0jzlu] {
    background: var(--green-soft);
    border-color: var(--green);
    color: var(--green);
}

.campo-modo-vinculo small[b-3ijig0jzlu] {
    display: block;
    margin-top: 6px;
    color: var(--muted);
    font-size: var(--font-xs);
}

/* Gestão progressiva e filtros do plantel */
.cabecalho-plantel .botao-adicionar-atleta[b-3ijig0jzlu] { margin-left: auto; }
.botao-adicionar-atleta[b-3ijig0jzlu], .botao-cancelar[b-3ijig0jzlu] { min-height: 42px; padding: 0 16px; border-radius: 9px; font-weight: 850; cursor: pointer; }
.botao-adicionar-atleta[b-3ijig0jzlu] { color: var(--on-green); background: var(--green); border: 1px solid var(--green); }
.botao-cancelar[b-3ijig0jzlu] { color: var(--green); background: var(--paper); border: 1px solid var(--line-strong); }
.grelha-formulario[b-3ijig0jzlu] { grid-template-columns: repeat(6, minmax(130px, 1fr)); }
.campo-nome[b-3ijig0jzlu] { grid-column: span 2; }
.campo-foto input[b-3ijig0jzlu] { min-height: 44px; font: inherit; }
.campo-foto small[b-3ijig0jzlu] { color: var(--muted); }
.acoes-formulario-jogador[b-3ijig0jzlu] { gap: 10px; }
.filtros-plantel[b-3ijig0jzlu] { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(180px, .45fr); gap: 12px; margin: 0 0 16px; padding: 14px; background: var(--neutral-soft); border: 1px solid var(--line); border-radius: 12px; }
.filtros-plantel label[b-3ijig0jzlu] { display: grid; gap: 6px; color: var(--muted); font-weight: 750; }
.filtros-plantel input[b-3ijig0jzlu], .filtros-plantel select[b-3ijig0jzlu] { min-height: 42px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--ink); }
.identidade-atleta-lista[b-3ijig0jzlu] { display: flex; align-items: center; gap: 10px; }
.identidade-atleta-lista img[b-3ijig0jzlu], .foto-placeholder[b-3ijig0jzlu] { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; object-fit: cover; border-radius: 50%; background: var(--green-soft); color: var(--green); font-size: var(--font-xs); font-weight: 900; }
.identidade-atleta-lista > div[b-3ijig0jzlu] { display: grid; }
@media (max-width: 1100px) { .grelha-formulario[b-3ijig0jzlu] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .campo-nome[b-3ijig0jzlu] { grid-column: span 2; } }
@media (max-width: 650px) { .cabecalho-plantel[b-3ijig0jzlu] { align-items: flex-start; flex-wrap: wrap; } .cabecalho-plantel .botao-adicionar-atleta[b-3ijig0jzlu] { width: 100%; margin-left: 0; } .grelha-formulario[b-3ijig0jzlu], .filtros-plantel[b-3ijig0jzlu] { grid-template-columns: 1fr; } .campo-nome[b-3ijig0jzlu] { grid-column: auto; } }

.voltar-equipas[b-3ijig0jzlu] {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--green);
    font-size: var(--font-sm);
    font-weight: 800;
    text-decoration: none;
}

    .voltar-equipas:hover[b-3ijig0jzlu] {
        text-decoration: underline;
    }

.cabecalho-plantel[b-3ijig0jzlu] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

    .cabecalho-plantel h1[b-3ijig0jzlu] {
        margin: 4px 0 7px;
        font-size: clamp(30px, 4vw, 42px);
        letter-spacing: -0.04em;
    }

    .cabecalho-plantel > div:last-child > p:last-child[b-3ijig0jzlu] {
        margin: 0;
        color: var(--muted);
    }

.equipa-sigla[b-3ijig0jzlu] {
    display: grid;
    flex: 0 0 68px;
    height: 68px;
    place-items: center;
    color: var(--on-green);
    background: var(--green);
    border-radius: 16px;
    font-size: var(--font-md);
    font-weight: 900;
}

.equipa-sigla.com-logo[b-3ijig0jzlu] {
    background: transparent;
    border-radius: 0;
}

.equipa-sigla img[b-3ijig0jzlu] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.subtitulo[b-3ijig0jzlu] {
    margin: 0;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.cartao-formulario[b-3ijig0jzlu],
.cartao-lista[b-3ijig0jzlu],
.estado-pagina[b-3ijig0jzlu] {
    padding: 24px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.06);
}

.cartao-formulario[b-3ijig0jzlu] {
    margin-bottom: 22px;
}
.formulario-novo-atleta[b-3ijig0jzlu] { border-top: 5px solid var(--green); }

.cabecalho-formulario-jogador[b-3ijig0jzlu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
}

.cabecalho-formulario-jogador h2[b-3ijig0jzlu] {
    margin: 5px 0 6px;
}

.cabecalho-formulario-jogador p:last-child[b-3ijig0jzlu] {
    margin: 0;
    color: var(--muted);
    font-size: 0.86rem;
}

    .cartao-formulario h2[b-3ijig0jzlu],
    .cartao-lista h2[b-3ijig0jzlu] {
        margin: 4px 0 18px;
        font-size: 21px;
    }

.grelha-formulario[b-3ijig0jzlu] {
    display: grid;
    grid-template-columns: minmax(220px, 1.7fr) minmax(90px, 0.45fr) minmax(170px, 0.9fr) minmax(170px, 0.9fr) minmax(170px, 0.9fr);
    gap: 14px;
    align-items: start;
}

.campo[b-3ijig0jzlu] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .campo label[b-3ijig0jzlu] {
        color: var(--muted);
        font-size: var(--font-sm);
        font-weight: 700;
    }

[b-3ijig0jzlu] .input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
    outline: none;
}

    [b-3ijig0jzlu] .input:focus {
        background: var(--paper);
        border-color: var(--green);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 16%, transparent);
    }
[b-3ijig0jzlu] .input-ficheiro { padding: 7px; border-style: dashed; }
[b-3ijig0jzlu] .input-ficheiro::file-selector-button { min-height: 30px; margin-right: 10px; padding: 0 12px; color: var(--green); background: var(--green-soft); border: 0; border-radius: 7px; font-weight: 850; cursor: pointer; }

[b-3ijig0jzlu] .validation-message {
    color: #a53434;
    font-size: var(--font-sm);
    font-weight: 700;
}

.botao-guardar[b-3ijig0jzlu] {
    min-height: 44px;
    padding: 0 18px;
    color: var(--on-green);
    background: var(--green);
    border: none;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.acoes-formulario-jogador[b-3ijig0jzlu] {
    display: flex;
    justify-content: flex-end;
    margin-top: 17px;
}

.acoes-formulario-jogador .botao-guardar[b-3ijig0jzlu] {
    min-width: 190px;
}

    .botao-guardar:hover:not(:disabled)[b-3ijig0jzlu] {
        background: var(--green-dark);
    }

    .botao-guardar:disabled[b-3ijig0jzlu],
    .botao-estado:disabled[b-3ijig0jzlu] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.mensagem[b-3ijig0jzlu] {
    margin: 16px 0 0;
    padding: 11px 13px;
    border-radius: 9px;
    font-size: var(--font-sm);
    font-weight: 700;
}

    .mensagem.sucesso[b-3ijig0jzlu] {
        color: var(--success-dark);
        background: var(--success-soft);
        border: 1px solid var(--success-line);
    }

    .mensagem.erro[b-3ijig0jzlu] {
        color: #922f2f;
        background: #fff0f0;
        border: 1px solid #edc2c2;
    }

.lista-cabecalho[b-3ijig0jzlu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.total-jogadores[b-3ijig0jzlu] {
    padding: 7px 12px;
    color: var(--green);
    background: var(--green-soft);
    border-radius: 999px;
    font-size: var(--font-sm);
    font-weight: 800;
}

.estado-vazio[b-3ijig0jzlu] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 34px 20px;
    color: var(--muted);
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
    text-align: center;
}

.estado-pagina[b-3ijig0jzlu] {
    color: var(--muted);
    text-align: center;
}

.erro-pagina h1[b-3ijig0jzlu] {
    color: #922f2f;
}

.tabela-container[b-3ijig0jzlu] {
    overflow-x: auto;
}

table[b-3ijig0jzlu] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-sm);
}

th[b-3ijig0jzlu],
td[b-3ijig0jzlu] {
    padding: 13px 11px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    white-space: nowrap;
}

th[b-3ijig0jzlu] {
    color: var(--ink);
    background: var(--green-soft);
    font-size: var(--font-xs);
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

tbody tr:last-child td[b-3ijig0jzlu] {
    border-bottom: none;
}

tbody tr:hover[b-3ijig0jzlu] {
    background: var(--neutral-soft);
}

.linha-inativa[b-3ijig0jzlu] {
    background: #f7f8f7;
    opacity: 0.65;
}

td strong[b-3ijig0jzlu],
td small[b-3ijig0jzlu] {
    display: block;
}

td small[b-3ijig0jzlu] {
    margin-top: 3px;
    color: var(--muted);
}

.numero-jogador[b-3ijig0jzlu] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    color: var(--on-green);
    background: var(--green);
    border-radius: 9px;
    font-weight: 900;
}

.estado[b-3ijig0jzlu] {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: var(--font-sm);
    font-weight: 800;
}

    .estado.ativo[b-3ijig0jzlu] {
        color: var(--green-dark);
        background: #e4f5eb;
    }

    .estado.inativo[b-3ijig0jzlu] {
        color: var(--muted);
        background: #e8ebe9;
    }

.coluna-acoes[b-3ijig0jzlu] {
    text-align: right;
}

.ligacao-jogador[b-3ijig0jzlu] {
    color: var(--ink);
    font-weight: 850;
    text-decoration: none;
}

.ligacao-jogador:hover[b-3ijig0jzlu] {
    color: var(--green);
}

.acoes-jogador[b-3ijig0jzlu] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.botao-ficha[b-3ijig0jzlu],
.botao-editar-atleta[b-3ijig0jzlu],
.botao-estado[b-3ijig0jzlu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 11px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-sm);
    font-weight: 750;
    text-decoration: none;
}

.botao-ficha[b-3ijig0jzlu] {
    color: var(--on-green);
    background: var(--green);
    border-color: var(--green);
}

.botao-editar-atleta[b-3ijig0jzlu],
.botao-estado[b-3ijig0jzlu] {
    color: var(--muted);
    cursor: pointer;
}

    .botao-editar-atleta:hover:not(:disabled)[b-3ijig0jzlu],
    .botao-estado:hover:not(:disabled)[b-3ijig0jzlu] {
        color: var(--green);
        border-color: var(--green);
    }

@media (max-width: 1050px) {
    .grelha-formulario[b-3ijig0jzlu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botao-guardar[b-3ijig0jzlu] {
        width: 100%;
    }

    .campo-nome[b-3ijig0jzlu] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .pagina-plantel[b-3ijig0jzlu] {
        padding: 22px 14px 40px;
    }

    .grelha-formulario[b-3ijig0jzlu] {
        grid-template-columns: 1fr;
    }

    .campo-nome[b-3ijig0jzlu] {
        grid-column: auto;
    }

    .cabecalho-plantel h1[b-3ijig0jzlu] {
        font-size: 26px;
    }

    .lista-cabecalho[b-3ijig0jzlu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .acoes-jogador[b-3ijig0jzlu] {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Overrides finais da gestão progressiva */
.cabecalho-plantel .botao-adicionar-atleta[b-3ijig0jzlu] { margin-left: auto; }
.grelha-formulario[b-3ijig0jzlu] { grid-template-columns: repeat(6, minmax(130px, 1fr)); }
.campo-nome[b-3ijig0jzlu] { grid-column: span 2; }
.acoes-formulario-jogador[b-3ijig0jzlu] { gap: 10px; }
@media (max-width: 1100px) { .grelha-formulario[b-3ijig0jzlu] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .campo-nome[b-3ijig0jzlu] { grid-column: span 2; } }
@media (max-width: 650px) { .cabecalho-plantel[b-3ijig0jzlu] { align-items: flex-start; flex-wrap: wrap; } .cabecalho-plantel .botao-adicionar-atleta[b-3ijig0jzlu] { width: 100%; margin-left: 0; } .grelha-formulario[b-3ijig0jzlu], .filtros-plantel[b-3ijig0jzlu] { grid-template-columns: 1fr; } .campo-nome[b-3ijig0jzlu] { grid-column: auto; } }
/* /Components/Pages/RecuperarPassword.razor.rz.scp.css */
.pagina-recuperar[b-o40x0m5yr0] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: clamp(24px, 5vw, 64px) 20px;
    background: var(--canvas);
}

.cartao-recuperar[b-o40x0m5yr0] {
    width: min(440px, 100%);
    padding: clamp(25px, 4vw, 38px);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 18px 55px rgba(20, 24, 22, 0.1);
    text-align: center;
}

.cartao-recuperar h1[b-o40x0m5yr0] {
    margin: 0 0 14px;
    color: var(--ink);
    font-size: 1.35rem;
}

.cartao-recuperar p[b-o40x0m5yr0] {
    margin: 0 0 22px;
    color: var(--muted);
    line-height: 1.6;
}

.link-voltar[b-o40x0m5yr0] {
    display: inline-block;
    color: var(--green);
    font-size: 0.85rem;
    font-weight: 800;
    text-decoration: none;
}
/* /Components/Pages/RelatorioJogo.razor.rz.scp.css */
.pagina-relatorio[b-5ge0wv2bip] {
    width: min(1680px, calc(100% - 40px));
    margin: 0 auto;
    padding: 42px 0 72px;
    color: var(--ink);
}

.grelha-relatorio-principal[b-5ge0wv2bip] {
    display: grid;
    grid-template-columns: minmax(300px, 330px) minmax(0, 1fr);
    align-items: start;
    gap: 20px;
}

.duas-equipas-relatorio[b-5ge0wv2bip] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.tabela-equipa-relatorio[b-5ge0wv2bip] { min-width: 0; background: color-mix(in srgb, var(--cor-equipa) 6%, var(--paper)); border: 1px solid color-mix(in srgb, var(--cor-equipa) 34%, var(--line)); border-radius: 10px; overflow: hidden; }
.tabela-equipa-relatorio h3[b-5ge0wv2bip] { margin: 0; padding: 12px 14px; color: var(--cor-contraste, #fff); background: var(--cor-equipa); border-radius: 9px 9px 0 0; }
.tabela-equipa-relatorio .tabela-container[b-5ge0wv2bip] { border: 0; border-radius: 0; }
/* O canto de cima já é arredondado pelo h3 da equipa -- o cabeçalho da
   tabela em si fica sempre reto, nunca é ele que toca o canto do bloco. */
.tabela-equipa-relatorio .tabela-container table thead tr:first-child th:first-child[b-5ge0wv2bip],
.tabela-equipa-relatorio .tabela-container table thead tr:first-child th:last-child[b-5ge0wv2bip] {
    border-radius: 0;
}
.tabela-equipa-relatorio tbody td:nth-child(-n+2)[b-5ge0wv2bip] { background: var(--cor-equipa); }
.tabela-equipa-relatorio thead th[b-5ge0wv2bip] { color: var(--cor-contraste, #fff); background: var(--cor-equipa); }
.tabela-equipa-relatorio th[b-5ge0wv2bip] { padding-inline: 8px; font-size: var(--font-xs); white-space: nowrap; text-align: center; }
.tabela-equipa-relatorio td[b-5ge0wv2bip] { padding-inline: 8px; white-space: nowrap; text-align: center; }
.tabela-equipa-relatorio th:first-child[b-5ge0wv2bip],
.tabela-equipa-relatorio td:first-child[b-5ge0wv2bip] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 48px;
}
.tabela-equipa-relatorio th:nth-child(2)[b-5ge0wv2bip],
.tabela-equipa-relatorio td:nth-child(2)[b-5ge0wv2bip] {
    position: sticky;
    left: 48px;
    z-index: 2;
    min-width: 140px;
    text-align: left;
    box-shadow: 2px 0 4px -2px rgba(20, 24, 22, 0.25);
}
.tabela-equipa-relatorio .identidade-atleta[b-5ge0wv2bip] { color: var(--cor-contraste, #fff); font-weight: 850; }
.tabela-equipa-relatorio .identidade-atleta[b-5ge0wv2bip]  .ligacao-estatistica { color: inherit; }
.tabela-equipa-relatorio tbody tr:nth-child(even) td:nth-child(n+3)[b-5ge0wv2bip] {
    background: color-mix(in srgb, var(--cor-equipa) 5%, var(--paper));
}
.duas-equipas-relatorio.equipas-empilhadas[b-5ge0wv2bip] { grid-template-columns: 1fr; }
.estatisticas-atletas.equipas-empilhadas[b-5ge0wv2bip] { gap: 24px; }
.estatisticas-atletas.equipas-empilhadas .tabela-equipa-relatorio[b-5ge0wv2bip] { width: 100%; box-shadow: 0 10px 24px color-mix(in srgb, var(--cor-equipa) 8%, transparent); }
@media (max-width: 1050px) { .duas-equipas-relatorio[b-5ge0wv2bip] { grid-template-columns: 1fr; } }

.cabecalho-relatorio[b-5ge0wv2bip] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.voltar[b-5ge0wv2bip] {
    display: block;
    margin-bottom: 20px;
    color: var(--muted);
    font-weight: 750;
    text-decoration: none;
}

.subtitulo[b-5ge0wv2bip] {
    display: block;
    margin-bottom: 7px;
    color: var(--green);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.cabecalho-relatorio h1[b-5ge0wv2bip] {
    margin: 4px 0 7px;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -0.04em;
}

.cabecalho-relatorio p[b-5ge0wv2bip] {
    margin: 0;
    color: var(--muted);
}

.estado-atualizacao-relatorio[b-5ge0wv2bip] {
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    padding: 6px 10px;
    color: #0b6c3d;
    background: #e9f6ee;
    border: 1px solid #b9ddc8;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 850;
}

.ligacao-competicao-relatorio[b-5ge0wv2bip] {
    color: var(--green);
    font-weight: 850;
    text-decoration: none;
}

.ligacao-competicao-relatorio:hover[b-5ge0wv2bip] { text-decoration: underline; }
.arbitragem-relatorio[b-5ge0wv2bip] { margin-top: 5px !important; font-size: var(--font-sm); }

.acoes-relatorio[b-5ge0wv2bip] {
    display: flex;
    gap: 9px;
}

.acoes-relatorio a[b-5ge0wv2bip],
.estado-vazio a[b-5ge0wv2bip] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    color: var(--on-green);
    background: var(--green);
    border: 1px solid var(--green);
    border-radius: 9px;
    font-size: 0.88rem;
    font-weight: 850;
    text-decoration: none;
}

.acoes-relatorio a.secundario[b-5ge0wv2bip] {
    color: var(--green-dark);
    background: var(--paper);
}

.pagina-relatorio [hidden][b-5ge0wv2bip] {
    display: none !important;
}

.personalizador-relatorio[b-5ge0wv2bip] {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 18px;
    margin: 0;
    max-height: calc(100vh - 36px);
    padding: 20px;
    overflow-y: auto;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(20, 24, 22, 0.05);
}

.personalizador-relatorio h2[b-5ge0wv2bip],
.personalizador-relatorio p[b-5ge0wv2bip] {
    margin: 0;
}

.personalizador-relatorio h2[b-5ge0wv2bip] {
    font-size: 1.25rem;
}

.personalizador-relatorio p[b-5ge0wv2bip] {
    margin-top: 6px;
    color: var(--muted);
    font-size: 0.86rem;
}

.opcoes-personalizador[b-5ge0wv2bip] {
    display: grid;
    align-items: stretch;
    gap: 7px;
}

.opcao-ordem-bloco[b-5ge0wv2bip] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    min-width: 0;
}

.opcao-ordem-bloco > label[b-5ge0wv2bip] {
    border-radius: 9px 0 0 9px;
}

.acoes-ordem[b-5ge0wv2bip] {
    display: inline-flex;
}

.opcoes-personalizador .acoes-ordem button[b-5ge0wv2bip] {
    display: grid;
    width: 34px;
    min-width: 34px;
    place-items: center;
    padding: 0 7px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-left: 0;
    border-radius: 0;
}

.opcoes-personalizador .acoes-ordem button:last-child[b-5ge0wv2bip] {
    border-radius: 0 9px 9px 0;
}

.opcoes-personalizador .acoes-ordem button:disabled[b-5ge0wv2bip] {
    color: var(--muted);
    background: var(--neutral-soft);
    cursor: not-allowed;
    opacity: 0.55;
}

.conteudo-relatorio-ordenavel[b-5ge0wv2bip] {
    display: flex;
    flex-direction: column;
}

.opcoes-personalizador label[b-5ge0wv2bip],
.seletor-colunas label[b-5ge0wv2bip] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 10px;
    color: var(--ink);
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    font-size: 0.8rem;
    font-weight: 750;
    cursor: pointer;
}

.opcoes-personalizador .opcao-ordem-bloco > label[b-5ge0wv2bip] {
    justify-content: flex-start;
    min-width: 0;
    padding: 0 12px;
    overflow: hidden;
    font-size: 0.88rem;
}

.opcoes-personalizador .opcao-ordem-bloco > label input[b-5ge0wv2bip] {
    flex: 0 0 auto;
}

.opcoes-personalizador .opcao-ordem-bloco > label[b-5ge0wv2bip] {
    text-overflow: ellipsis;
}

.opcoes-personalizador > button[b-5ge0wv2bip] {
    width: 100%;
}

.opcoes-personalizador button[b-5ge0wv2bip] {
    min-height: 40px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 9px;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 750;
    cursor: pointer;
}

.opcoes-personalizador .botao-disposicao[b-5ge0wv2bip] {
    min-height: 42px;
    margin-bottom: 2px;
    color: var(--on-green);
    background: var(--green);
    border-color: var(--green);
}

.opcoes-personalizador > button:last-child[b-5ge0wv2bip] {
    margin-top: 3px;
}

.seletor-colunas[b-5ge0wv2bip] {
    margin: 4px 0 16px;
    padding: 14px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.seletor-colunas > span[b-5ge0wv2bip] {
    display: block;
    margin-bottom: 9px;
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 850;
    text-transform: uppercase;
}

.personalizador-bloco > summary[b-5ge0wv2bip] {
    color: var(--green-dark);
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
}

.personalizador-bloco[open] > summary[b-5ge0wv2bip] { margin-bottom: 10px; }

.personalizador-bloco-icone[b-5ge0wv2bip] {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 10px;
}

.cabecalho-secao-com-icone[b-5ge0wv2bip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cabecalho-secao-com-icone .personalizador-bloco-icone[b-5ge0wv2bip] {
    flex-shrink: 0;
    margin: 0;
}

.filtros-registo-completo[b-5ge0wv2bip] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin: 0 0 12px;
}

.filtros-registo-completo .personalizador-bloco-icone[b-5ge0wv2bip] {
    margin: 0 0 0 auto;
}

.seletor-colunas > div[b-5ge0wv2bip] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.marcador-relatorio[b-5ge0wv2bip] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 28px 32px;
    color: var(--paper);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--green) 72%, #111),
        var(--green));
    border-radius: 22px;
}

.informacao-marcador-relatorio[b-5ge0wv2bip] {
    margin: 0;
    color: var(--paper);
    opacity: 0.85;
    font-size: var(--font-sm);
    text-align: center;
}

.informacao-marcador-relatorio .ligacao-competicao-relatorio[b-5ge0wv2bip] {
    color: #fff;
    font-weight: 850;
    text-decoration: underline;
}

.resultado-marcador[b-5ge0wv2bip] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 26px;
}

.resultado-marcador > div[b-5ge0wv2bip] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    min-width: 0;
}

.resultado-marcador > div.visitante[b-5ge0wv2bip] {
    justify-content: flex-start;
}

.resultado-marcador > span[b-5ge0wv2bip] {
    margin: 0 2px;
    color: var(--paper);
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
}

.texto-equipa-marcador[b-5ge0wv2bip] {
    display: grid;
    gap: 3px;
}

.texto-equipa-marcador > span[b-5ge0wv2bip] {
    line-height: 1;
}

.resultado-marcador > div .texto-equipa-marcador[b-5ge0wv2bip] {
    text-align: right;
}

.resultado-marcador > div.visitante .texto-equipa-marcador[b-5ge0wv2bip] {
    text-align: left;
}

.marcador-relatorio .logo-equipa-marcador[b-5ge0wv2bip] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    color: var(--paper);
    background: var(--cor-equipa, var(--green));
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.marcador-relatorio .logo-equipa-marcador img[b-5ge0wv2bip] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.marcador-relatorio .logo-equipa-marcador.com-logo[b-5ge0wv2bip] {
    background: transparent;
    border: 0;
}

.marcador-relatorio span[b-5ge0wv2bip] {
    color: color-mix(in srgb, var(--paper) 72%, var(--green));
    font-size: var(--font-xs);
    text-transform: uppercase;
}

.marcador-relatorio strong[b-5ge0wv2bip] {
    overflow: hidden;
    font-size: 1.15rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marcador-relatorio .texto-equipa-marcador strong[b-5ge0wv2bip] {
    overflow: hidden;
    color: #fff;
    font-size: var(--font-md);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marcador-relatorio .texto-equipa-marcador > span[b-5ge0wv2bip] {
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.05em;
    opacity: 0.72;
}

.tabela-resultados-invertida[b-5ge0wv2bip] {
    table-layout: fixed;
}

.tabela-resultados-invertida th[b-5ge0wv2bip],
.tabela-resultados-invertida td[b-5ge0wv2bip] {
    text-align: center;
}

.tabela-resultados-invertida th:first-child[b-5ge0wv2bip],
.tabela-resultados-invertida td:first-child[b-5ge0wv2bip] {
    width: 160px;
}

.tabela-resultados-invertida tbody th[b-5ge0wv2bip] {
    font-weight: 900;
    text-transform: none;
}

.tabela-resultados-invertida tbody tr.resultado-casa > td[b-5ge0wv2bip] {
    background: color-mix(in srgb, var(--cor-casa) 12%, var(--paper));
}

.tabela-resultados-invertida tbody tr.resultado-visitante > td[b-5ge0wv2bip] {
    background: color-mix(in srgb, var(--cor-visitante) 12%, var(--paper));
}

.tabela-resultados-invertida tbody tr.resultado-casa > th[b-5ge0wv2bip] {
    background: var(--cor-casa);
}

.tabela-resultados-invertida tbody tr.resultado-visitante > th[b-5ge0wv2bip] {
    background: var(--cor-visitante);
}

.tabela-resultados-invertida tbody th[b-5ge0wv2bip]  .ligacao-estatistica {
    min-height: 0;
    padding: 0;
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    color: var(--texto-entidade, #fff);
    box-shadow: none;
}

.tabela-resultados-invertida tbody th[b-5ge0wv2bip]  .ligacao-estatistica:hover,
.tabela-resultados-invertida tbody th[b-5ge0wv2bip]  .ligacao-estatistica:focus-visible {
    box-shadow: none;
    text-decoration: underline;
}

.tabela-resultados-invertida tbody tr:hover > *[b-5ge0wv2bip] {
    filter: brightness(0.985);
}

.tabela-acoes tbody tr[b-5ge0wv2bip] {
    background: color-mix(in srgb, var(--cor-linha) 11%, var(--paper));
}

.tabela-acoes tbody tr:hover[b-5ge0wv2bip] {
    background: color-mix(in srgb, var(--cor-linha) 18%, var(--paper));
}

.ligacao-posse-relatorio[b-5ge0wv2bip] {
    color: var(--green, #087844);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
}

.ligacao-posse-relatorio:hover[b-5ge0wv2bip],
.ligacao-posse-relatorio:focus-visible[b-5ge0wv2bip] {
    text-decoration-color: currentColor;
}

.marcador-relatorio b[b-5ge0wv2bip] {
    font-size: 30px;
    font-variant-numeric: tabular-nums;
}

.exclusoes-marcador[b-5ge0wv2bip] {
    display: grid;
    flex: none;
    gap: 3px;
}

.exclusao-marcador[b-5ge0wv2bip] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 7px;
    color: var(--paper);
    background: rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    font-size: 0.68rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
}

.etiqueta-exclusao[b-5ge0wv2bip] {
    color: #ffd27a;
    font-size: inherit;
    font-weight: 900;
}

.numero-exclusao[b-5ge0wv2bip] {
    font-weight: 800;
}

.contagem-exclusao[b-5ge0wv2bip] {
    color: #fff;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.contagem-exclusao[b-5ge0wv2bip]::before {
    content: "· ";
    font-weight: 700;
    opacity: 0.7;
}

.contagem-exclusao.atencao[b-5ge0wv2bip] {
    color: #ffd23f;
}

.contagem-exclusao.critica[b-5ge0wv2bip] {
    color: #ff6b5e;
}

.tempo-exclusao[b-5ge0wv2bip] {
    color: color-mix(in srgb, var(--paper) 80%, var(--green));
}

.tempo-exclusao[b-5ge0wv2bip]::before {
    content: "· volta às ";
}

.cartoes-resumo[b-5ge0wv2bip] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0;
}

.cartoes-resumo article[b-5ge0wv2bip] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 17px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 14px;
}

.cartoes-resumo article.alerta[b-5ge0wv2bip] {
    background: #fff8e9;
    border-color: #e7c887;
}

.cartoes-resumo span[b-5ge0wv2bip],
.cartoes-resumo small[b-5ge0wv2bip] {
    color: var(--muted);
    font-size: var(--font-xs);
}

.cartoes-resumo strong[b-5ge0wv2bip] {
    font-size: 1.45rem;
}

.bloco-relatorio[b-5ge0wv2bip] {
    margin-top: 16px;
    padding: 22px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(20, 24, 22, 0.05);
}

.tabela-container[b-5ge0wv2bip] {
    overflow-x: auto;
    border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
    border-radius: 10px;
}

/* Células sticky (1.ª coluna) têm fundo próprio que o "overflow-x: auto" +
   border-radius do contentor nem sempre recorta nos cantos — arredonda-se
   a célula em si para não ficar um canto quadrado a espreitar por cima do
   canto arredondado do contentor. */
.tabela-container table thead tr:first-child th:first-child[b-5ge0wv2bip] {
    border-top-left-radius: 9px;
}

.tabela-container table thead tr:first-child th:last-child[b-5ge0wv2bip] {
    border-top-right-radius: 9px;
}

.tabela-container table tbody tr:last-child > *:first-child[b-5ge0wv2bip] {
    border-bottom-left-radius: 9px;
}

.tabela-container table tbody tr:last-child > *:last-child[b-5ge0wv2bip] {
    border-bottom-right-radius: 9px;
}

table[b-5ge0wv2bip] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.86rem;
}

th[b-5ge0wv2bip],
td[b-5ge0wv2bip] {
    height: 31px;
    padding: 5px 7px;
    border-right: 1px solid #cdd8d1;
    border-bottom: 1px solid #dbe4de;
    text-align: left;
    white-space: nowrap;
}

tr > :last-child[b-5ge0wv2bip] {
    border-right: 0;
}

tbody tr:last-child > *[b-5ge0wv2bip] {
    border-bottom: 0;
}

th[b-5ge0wv2bip] {
    color: var(--ink);
    background: var(--green-soft);
    font-size: var(--font-xs);
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

thead th[b-5ge0wv2bip] {
    color: #fff;
    background: var(--green-dark);
    letter-spacing: 0;
    text-transform: none;
}

.grupo-estatistico[b-5ge0wv2bip] {
    padding-top: 0;
}

.grupo-estatistico summary[b-5ge0wv2bip] {
    padding: 18px 0;
    color: var(--green);
    font-weight: 850;
    cursor: pointer;
}

.grupo-estatistico[open] summary[b-5ge0wv2bip] {
    margin-bottom: 8px;
    border-bottom: 1px solid var(--line);
}

.tabelas-parciais.grupo-tabelas-taticas[b-5ge0wv2bip] {
    margin-top: 18px;
    gap: 0;
}

.grupo-tabelas-taticas h3[b-5ge0wv2bip] {
    margin: 0 0 12px;
    font-size: 0.95rem;
}

.grupo-tabelas-taticas .separadores-categoria-tatica[b-5ge0wv2bip] {
    margin-bottom: 18px;
}

.grupo-tabela-tatica-conteudo[b-5ge0wv2bip] {
    min-width: 0;
}

.tabelas-parciais[b-5ge0wv2bip] {
    display: grid;
    gap: 18px;
}

.tabelas-parciais-unificado[b-5ge0wv2bip] {
    gap: 0;
}

.tabelas-parciais-unificado > .quadro-parciais[b-5ge0wv2bip] {
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.tabelas-parciais-unificado > .quadro-parciais + .quadro-parciais[b-5ge0wv2bip] {
    margin-top: 24px;
}


.quadro-parciais[b-5ge0wv2bip] {
    min-width: 0;
    padding: 20px;
    background: var(--paper, #fff);
    border: 1px solid var(--line, #d9ddda);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(20, 24, 22, 0.05);
}

.quadro-parciais > summary[b-5ge0wv2bip] {
    padding: 0;
    margin-bottom: 0;
    color: inherit;
    font-weight: inherit;
    cursor: pointer;
    list-style: none;
}

.grupo-estatistico[open] .quadro-parciais > summary[b-5ge0wv2bip] {
    border-bottom: 0;
}

.quadro-parciais > summary[b-5ge0wv2bip]::-webkit-details-marker {
    display: none;
}

.quadro-parciais[open] > summary[b-5ge0wv2bip] {
    margin-bottom: 14px;
}

.titulo-quadro-parciais[b-5ge0wv2bip]::before {
    content: "▶";
    flex-shrink: 0;
    font-size: 0.7em;
    color: var(--ink);
}

.quadro-parciais[open] .titulo-quadro-parciais[b-5ge0wv2bip]::before {
    content: "▼";
}

.titulo-quadro-parciais[b-5ge0wv2bip] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.quadro-parciais h3[b-5ge0wv2bip],
.quadro-parciais p[b-5ge0wv2bip] {
    margin: 0;
}

.quadro-parciais h3[b-5ge0wv2bip] {
    color: var(--ink);
    font-size: 1.05rem;
    font-weight: 800;
}

.subtitulo-quadro-parciais[b-5ge0wv2bip] {
    color: var(--muted);
    font-size: 0.85rem;
    font-weight: 500;
}

.quadro-parciais p[b-5ge0wv2bip] {
    color: var(--muted);
    font-size: 0.82rem;
}

.tabela-parciais-horizontal[b-5ge0wv2bip] {
    min-width: 1180px;
    table-layout: fixed;
    font-size: var(--font-xs);
}

.tabela-parciais-horizontal th[b-5ge0wv2bip],
.tabela-parciais-horizontal td[b-5ge0wv2bip] {
    text-align: center;
}

.tabela-parciais-horizontal .cabecalho-partes th:not(.titulo-tabela-parcial)[b-5ge0wv2bip] {
    border-left: 2px solid color-mix(in srgb, var(--green) 45%, var(--paper));
    font-weight: 700;
}

.tabela-parciais-horizontal .cabecalho-intervalos th[b-5ge0wv2bip] {
    color: var(--on-green, #fff);
    background: var(--green);
    padding-block: 6px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.tabela-parciais-horizontal .titulo-tabela-parcial[b-5ge0wv2bip] {
    position: sticky;
    left: 0;
    z-index: 3;
    width: 198px;
    color: #fff;
    background: var(--green-dark);
    font-size: var(--font-xs);
    font-weight: 950;
    text-transform: uppercase;
    box-shadow: 2px 0 4px -2px rgba(20, 24, 22, 0.25);
}

.tabela-parciais-horizontal .sigla-equipa-parcial[b-5ge0wv2bip] {
    position: sticky;
    left: 0;
    z-index: 2;
    width: 58px;
    color: var(--cor-contraste, #fff);
    background: var(--cor-equipa, var(--green));
    font-size: var(--font-xs);
    font-weight: 950;
    letter-spacing: 0.03em;
}

.tabela-parciais-horizontal .nome-metrica-parcial[b-5ge0wv2bip] {
    position: sticky;
    left: 58px;
    z-index: 2;
    width: 140px;
    color: var(--cor-contraste, #fff);
    background: var(--cor-equipa, var(--green));
    font-size: var(--font-xs);
    font-weight: 850;
    text-align: left;
    text-transform: none;
    box-shadow: 2px 0 4px -2px rgba(20, 24, 22, 0.25);
}

.tabela-tatica-vertical[b-5ge0wv2bip] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-xs);
}

.tabela-tatica-vertical thead th.titulo-tabela-parcial[b-5ge0wv2bip] {
    padding: 9px 12px;
    color: #fff;
    background: var(--green-dark);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 800;
    white-space: normal;
}

.tabela-tatica-vertical tr.divisor-periodo-tatica th[b-5ge0wv2bip] {
    padding: 7px 12px;
    color: var(--on-green, #fff);
    background: var(--green);
    text-align: center;
    font-weight: 800;
}

.tabela-tatica-vertical tr.divisor-periodo-tatica:not(:first-child) th[b-5ge0wv2bip] {
    border-top: 8px solid var(--paper);
}

.tabela-tatica-vertical tr.cabecalho-metricas-tatica th[b-5ge0wv2bip] {
    padding: 7px 12px;
    color: var(--on-green, #fff);
    background: var(--green);
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
}

.tabela-tatica-vertical tbody th.nome-metrica-parcial[b-5ge0wv2bip] {
    padding: 7px 12px;
    color: var(--cor-contraste, #fff);
    background: var(--cor-equipa, var(--green));
    text-align: left;
    font-weight: 800;
    white-space: nowrap;
}

.tabela-tatica-vertical tbody th.nome-metrica-parcial a[b-5ge0wv2bip] {
    color: inherit;
    text-decoration: none;
}

.tabela-tatica-vertical tbody th.nome-metrica-parcial a:hover[b-5ge0wv2bip],
.tabela-tatica-vertical tbody th.nome-metrica-parcial a:focus-visible[b-5ge0wv2bip] {
    text-decoration: underline;
}

.tabela-tatica-vertical tbody td[b-5ge0wv2bip] {
    padding: 7px 12px;
    color: var(--ink);
    text-align: center;
    font-variant-numeric: tabular-nums;
    background: color-mix(in srgb, var(--cor-equipa, var(--green)) 12%, var(--paper));
}

.tabelas-valor-exato-tatica[b-5ge0wv2bip] {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.separadores-categoria-tatica[b-5ge0wv2bip] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.separadores-categoria-tatica button[b-5ge0wv2bip] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    color: var(--muted);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 999px;
    font: inherit;
    font-weight: 800;
    font-size: var(--font-sm);
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.separadores-categoria-tatica button:hover[b-5ge0wv2bip] {
    border-color: var(--green);
    color: var(--ink);
}

.separadores-categoria-tatica button.ativo[b-5ge0wv2bip] {
    color: var(--on-green, #fff);
    background: var(--green);
    border-color: var(--green);
}

.tabela-parciais-horizontal tbody td[b-5ge0wv2bip] {
    color: var(--ink);
    background: color-mix(in srgb, var(--cor-equipa, var(--green)) 12%, var(--paper));
    font-variant-numeric: tabular-nums;
}

.sigla-equipa-parcial a[b-5ge0wv2bip],
.nome-metrica-parcial a[b-5ge0wv2bip] {
    color: inherit;
    text-decoration: none;
}

.sigla-equipa-parcial a:hover[b-5ge0wv2bip],
.sigla-equipa-parcial a:focus-visible[b-5ge0wv2bip],
.nome-metrica-parcial a:hover[b-5ge0wv2bip],
.nome-metrica-parcial a:focus-visible[b-5ge0wv2bip] {
    text-decoration: underline;
}

.tabela-parciais-horizontal tbody tr.inicio-metrica:not(:first-child) > *[b-5ge0wv2bip] {
    border-top: 7px solid #e6e9e7;
}

.tabela-parciais-horizontal tbody tr.inicio-metrica:not(:first-child) > th[b-5ge0wv2bip],
.tabela-parciais-horizontal tbody tr.inicio-metrica:not(:first-child) > td[b-5ge0wv2bip] {
    height: 38px;
}

.titulo-bloco-mapas[b-5ge0wv2bip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.explicacao-mapas[b-5ge0wv2bip] {
    margin: 0;
    color: var(--muted);
    font-size: 0.86rem;
}

.filtro-contexto-mapa[b-5ge0wv2bip] {
    display: grid;
    flex-shrink: 0;
    min-width: min(260px, 100%);
    gap: 6px;
}

.filtro-contexto-mapa span[b-5ge0wv2bip] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.filtro-contexto-mapa select[b-5ge0wv2bip] {
    min-height: 42px;
    padding: 0 38px 0 12px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line-strong, var(--line));
    border-radius: 10px;
    font: inherit;
    font-weight: 750;
}

.filtro-contexto-mapa select:focus[b-5ge0wv2bip] {
    border-color: var(--green);
    outline: 3px solid color-mix(in srgb, var(--green) 16%, transparent);
}

@media (max-width: 640px) {
    .titulo-bloco-mapas[b-5ge0wv2bip] {
        flex-direction: column;
        align-items: stretch;
    }

    .filtro-contexto-mapa[b-5ge0wv2bip] {
        min-width: 0;
    }
}

.mapa-equipa[b-5ge0wv2bip] {
    margin-top: 16px;
    padding: 16px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 14px;
}

.mapa-equipa > header[b-5ge0wv2bip] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.mapa-equipa > header h3[b-5ge0wv2bip],
.mapa-equipa > header small[b-5ge0wv2bip],
.grelha-mapas h4[b-5ge0wv2bip] {
    margin: 0;
}

.mapa-equipa > header h3[b-5ge0wv2bip] {
    color: var(--ink);
    font-size: 1.05rem;
}

.mapa-equipa > header small[b-5ge0wv2bip] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 750;
    text-transform: uppercase;
}

.indicador-equipa[b-5ge0wv2bip] {
    width: 13px;
    height: 34px;
    background: var(--cor-equipa);
    border-radius: 999px;
}

/* Na vista lado a lado, cada equipa já divide a largura da página a meio —
   pôr a baliza e o campo lado a lado dentro dessa metade reduzia os dois a
   um quarto da largura. Aqui empilha-se tudo, ordem baliza → campo → lista
   (mesma técnica do breakpoint pequeno em ExploradorZonaDefensiva.razor.css). */
.mapa-equipa[b-5ge0wv2bip]  .grelha-baliza-campo {
    flex-direction: column;
}

.mapa-equipa[b-5ge0wv2bip]  .coluna-esquerda {
    display: contents;
}

.mapa-equipa[b-5ge0wv2bip]  .coluna-baliza {
    order: 1;
}

.mapa-equipa[b-5ge0wv2bip]  .coluna-campo {
    order: 2;
}

.mapa-equipa[b-5ge0wv2bip]  .coluna-lista {
    order: 3;
    flex: 0 0 auto;
}

.grelha-mapas[b-5ge0wv2bip] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: start;
    gap: 22px;
}

.grelha-mapas > section[b-5ge0wv2bip] {
    min-width: 0;
}

.grelha-mapas h4[b-5ge0wv2bip] {
    margin-bottom: 10px;
    color: var(--ink);
    font-size: var(--font-xs);
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
}

/* Na vista lado a lado, cada equipa já divide a largura da página a meio —
   empilhar o mapa sobre a lista de atletas em vez de os pôr lado a lado
   dentro dessa metade evita reduzir o campo a um quarto da largura. */
.duas-equipas-relatorio.lado-a-lado .grelha-mapas[b-5ge0wv2bip] {
    grid-template-columns: 1fr;
}


.equipas-continuas[b-5ge0wv2bip] {
    display: grid;
    gap: 24px;
    margin-top: 18px;
}

.tabela-acoes[b-5ge0wv2bip] {
    max-height: 620px;
}

.completo[b-5ge0wv2bip],
.incompleto[b-5ge0wv2bip] {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: var(--font-xs);
    font-weight: 800;
}

.completo[b-5ge0wv2bip] {
    color: var(--green);
    background: #e9f7ef;
}

.incompleto[b-5ge0wv2bip] {
    color: #8a5811;
    background: #fff0d4;
}

.aviso-por-completar[b-5ge0wv2bip] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    padding: 10px 14px;
    color: #8a5811;
    background: #fff0d4;
    border: 1px solid #f0d29a;
    border-radius: 10px;
    font-size: 0.86rem;
}

.aviso-por-completar label[b-5ge0wv2bip] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-size: var(--font-xs);
    font-weight: 800;
    white-space: nowrap;
}

.estado-vazio[b-5ge0wv2bip] {
    padding: 34px 20px;
    background: var(--neutral-soft);
    border: 1px dashed var(--line);
    border-radius: 12px;
    text-align: center;
}

@media (max-width: 1120px) {
    /* Um único track "1fr" não encolhe abaixo do conteúdo — sem o
       minmax(0, ...), esta coluna herdava a largura mínima do conteúdo lá
       dentro (as opções do personalizador) e empurrava a página toda para
       fora do ecrã em vez de a comprimir. */
    .grelha-relatorio-principal[b-5ge0wv2bip] {
        grid-template-columns: minmax(0, 1fr);
    }

    .personalizador-relatorio[b-5ge0wv2bip] {
        position: static;
        grid-template-columns: minmax(220px, 0.75fr) minmax(0, 2fr);
        gap: 24px;
        margin-bottom: 18px;
    }

    .opcoes-personalizador[b-5ge0wv2bip] {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .opcao-ordem-bloco[b-5ge0wv2bip] {
        display: inline-flex;
        flex: 0 1 auto;
        max-width: 100%;
        min-width: 0;
    }

    /* Sem isto, o nome do bloco recusa-se a encolher abaixo do seu
       comprimento por extenso — empurra as setas para fora da caixa em
       ecrãs estreitos em vez de as deixar sempre visíveis. */
    .opcao-ordem-bloco > label[b-5ge0wv2bip] {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .opcao-ordem-bloco .acoes-ordem[b-5ge0wv2bip] {
        flex-shrink: 0;
    }

    .opcoes-personalizador > button[b-5ge0wv2bip] {
        width: auto;
    }
}

@media (max-width: 900px) {
    .cabecalho-relatorio[b-5ge0wv2bip] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cartoes-resumo[b-5ge0wv2bip],
    .duas-tabelas[b-5ge0wv2bip],
    .grelha-mapas[b-5ge0wv2bip] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tabelas-parciais[b-5ge0wv2bip] {
        grid-template-columns: 1fr;
    }

    .personalizador-relatorio[b-5ge0wv2bip] {
        grid-template-columns: 1fr;
    }

    .opcoes-personalizador[b-5ge0wv2bip] {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .pagina-relatorio[b-5ge0wv2bip] {
        width: min(100% - 24px, 1680px);
        padding-top: 24px;
    }

    .acoes-relatorio[b-5ge0wv2bip],
    .cartoes-resumo[b-5ge0wv2bip],
    .duas-tabelas[b-5ge0wv2bip],
    .tabelas-parciais[b-5ge0wv2bip],
    .grelha-mapas[b-5ge0wv2bip] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .mapa-equipa[b-5ge0wv2bip] {
        padding: 12px;
    }

    .acoes-relatorio[b-5ge0wv2bip] {
        display: grid;
    }

    .marcador-relatorio[b-5ge0wv2bip] {
        gap: 10px;
        padding: 20px 12px;
    }

    .resultado-marcador > div[b-5ge0wv2bip] {
        align-items: flex-end;
        flex-direction: column;
    }

    .resultado-marcador > div.visitante[b-5ge0wv2bip] {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .marcador-relatorio .texto-equipa-marcador strong[b-5ge0wv2bip] {
        max-width: 120px;
        font-size: 0.9rem;
    }
}

/* Tabelas individuais por equipa */
.duas-equipas-relatorio[b-5ge0wv2bip] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }

@media (max-width: 1050px) { }
/* /Components/PerfilRegistoEquipaCard.razor.rz.scp.css */
.cartao-perfil-registo-equipa[b-5fq6in0p1f] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--line, #d9ddda);
    border-radius: 14px;
    background: var(--neutral-soft, #f7f8f7);
}

.subtitulo[b-5fq6in0p1f] {
    margin: 0;
    color: var(--green, #087844);
    font-size: var(--font-xs);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.titulo-cartao h2[b-5fq6in0p1f] {
    margin: 2px 0 0;
    font-size: 16px;
}

.perfil-atual-equipa[b-5fq6in0p1f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.nome-perfil-atual[b-5fq6in0p1f] {
    font-weight: 700;
}

.perfil-atual-equipa a[b-5fq6in0p1f] {
    color: var(--green, #087844);
    font-weight: 700;
    text-decoration: underline;
}

.botao-secundario-equipa[b-5fq6in0p1f] {
    padding: 6px 14px;
    color: var(--green, #087844);
    background: var(--paper, #ffffff);
    border: 1px solid var(--line, #d9ddda);
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}

.criar-perfil-equipa[b-5fq6in0p1f] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.criar-perfil-equipa select[b-5fq6in0p1f] {
    flex: 1;
    min-width: 160px;
}

.ajuda-campo[b-5fq6in0p1f] {
    margin: 0;
    color: var(--muted);
}
/* /Components/RelatorioEquipaContinuo.razor.rz.scp.css */
.relatorio-equipa-continuo[b-2c8qh7sp4g] {
    overflow: hidden;
    background: color-mix(in srgb, var(--cor-equipa) 5%, var(--paper));
    border: 1px solid color-mix(in srgb, var(--cor-equipa) 34%, var(--line));
    box-shadow: 0 14px 34px color-mix(in srgb, var(--cor-equipa) 9%, transparent);
}

.cabecalho-equipa-continuo[b-2c8qh7sp4g] {
    padding: 18px 22px;
    color: var(--cor-contraste);
    background: var(--cor-equipa);
}

.cabecalho-equipa-continuo span[b-2c8qh7sp4g] {
    display: block;
    margin-bottom: 4px;
    color: inherit;
    font-size: var(--font-xs);
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cabecalho-equipa-continuo h2[b-2c8qh7sp4g] {
    margin: 0;
    color: inherit;
    font-size: 1.45rem;
}

.blocos-equipa-continuos[b-2c8qh7sp4g] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
}

.bloco-equipa-continuo[b-2c8qh7sp4g] {
    padding: 0 16px 16px;
    background: var(--paper);
    border: 1px solid color-mix(in srgb, var(--cor-equipa) 24%, var(--line));
    border-radius: 13px;
}

.bloco-equipa-continuo > summary[b-2c8qh7sp4g] {
    padding: 16px 0;
    color: var(--ink);
    font-weight: 900;
    cursor: pointer;
}

.bloco-equipa-continuo[open] > summary[b-2c8qh7sp4g] {
    margin-bottom: 12px;
    border-bottom: 1px solid var(--line);
}

.bloco-equipa-continuo p[b-2c8qh7sp4g] {
    color: var(--muted);
}

.seletor-colunas-equipa[b-2c8qh7sp4g] {
    margin-bottom: 14px;
    padding: 12px;
    background: var(--neutral-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.seletor-colunas-equipa-icone[b-2c8qh7sp4g] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 9px;
}

.seletor-colunas-equipa > summary[b-2c8qh7sp4g] {
    color: var(--cor-equipa);
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
}

.seletor-colunas-equipa[open] > summary[b-2c8qh7sp4g] {
    margin-bottom: 9px;
}

.seletor-colunas-equipa > div[b-2c8qh7sp4g] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.seletor-colunas-equipa label[b-2c8qh7sp4g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 9px;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--font-xs);
    font-weight: 750;
}

.tabela-container-equipa[b-2c8qh7sp4g] {
    overflow-x: auto;
    border: 1px solid color-mix(in srgb, var(--cor-equipa) 28%, var(--line));
}

.tabela-container-equipa table[b-2c8qh7sp4g] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--font-xs);
}

.tabela-container-equipa th[b-2c8qh7sp4g],
.tabela-container-equipa td[b-2c8qh7sp4g] {
    height: 31px;
    padding: 5px 7px;
    border-right: 1px solid #cdd8d1;
    border-bottom: 1px solid #dbe4de;
    text-align: center;
    white-space: nowrap;
}

.tabela-container-equipa tr > :last-child[b-2c8qh7sp4g] {
    border-right: 0;
}

.tabela-container-equipa tbody tr:last-child > *[b-2c8qh7sp4g] {
    border-bottom: 0;
}

.tabela-container-equipa th[b-2c8qh7sp4g] {
    color: var(--cor-contraste, #fff);
    background: var(--cor-equipa);
    font-size: var(--font-xs);
    letter-spacing: 0;
    text-transform: none;
}

.tabela-container-equipa tbody td:nth-child(-n+2)[b-2c8qh7sp4g] {
    background: var(--cor-equipa);
}

.tabela-container-equipa th:first-child[b-2c8qh7sp4g],
.tabela-container-equipa td:first-child[b-2c8qh7sp4g] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 48px;
}

.tabela-container-equipa th:nth-child(2)[b-2c8qh7sp4g],
.tabela-container-equipa td:nth-child(2)[b-2c8qh7sp4g] {
    position: sticky;
    left: 48px;
    z-index: 2;
    min-width: 140px;
    text-align: left;
    box-shadow: 2px 0 4px -2px rgba(20, 24, 22, 0.25);
}

.identidade-atleta[b-2c8qh7sp4g] {
    color: var(--cor-contraste, #fff);
    font-weight: 900;
}

.identidade-atleta[b-2c8qh7sp4g]  .ligacao-estatistica {
    color: inherit;
}

.tabela-container-equipa tbody tr:nth-child(even) td:nth-child(n+3)[b-2c8qh7sp4g] {
    background: color-mix(in srgb, var(--cor-equipa) 5%, var(--paper));
}

.titulo-bloco-mapas[b-2c8qh7sp4g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 12px;
}

.explicacao-mapa-equipa[b-2c8qh7sp4g] {
    margin: 0;
    font-size: 0.84rem;
}

.filtro-contexto-mapa[b-2c8qh7sp4g] {
    display: grid;
    flex-shrink: 0;
    min-width: min(240px, 100%);
    gap: 6px;
}

.filtro-contexto-mapa span[b-2c8qh7sp4g] {
    color: var(--muted);
    font-size: var(--font-xs);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.filtro-contexto-mapa select[b-2c8qh7sp4g] {
    min-height: 42px;
    padding: 0 38px 0 12px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line-strong, var(--line));
    border-radius: 10px;
    font: inherit;
    font-weight: 750;
}

.filtro-contexto-mapa select:focus[b-2c8qh7sp4g] {
    border-color: var(--green);
    outline: 3px solid color-mix(in srgb, var(--green) 16%, transparent);
}

@media (max-width: 640px) {
    .titulo-bloco-mapas[b-2c8qh7sp4g] {
        flex-direction: column;
        align-items: stretch;
    }

    .filtro-contexto-mapa[b-2c8qh7sp4g] {
        min-width: 0;
    }
}

.grelha-mapa-equipa-continuo[b-2c8qh7sp4g] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: start;
    gap: 22px;
}

.grelha-mapa-equipa-continuo > section[b-2c8qh7sp4g] {
    min-width: 0;
}

.grelha-mapa-equipa-continuo h4[b-2c8qh7sp4g] {
    margin: 0 0 10px;
    color: var(--ink);
    font-size: var(--font-xs);
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
}


@media (max-width: 640px) {
    .blocos-equipa-continuos[b-2c8qh7sp4g] {
        padding: 10px;
    }

    .bloco-equipa-continuo[b-2c8qh7sp4g] {
        padding-inline: 10px;
    }

    .grelha-mapa-equipa-continuo[b-2c8qh7sp4g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/SeletorColunas.razor.rz.scp.css */
.seletor-colunas[b-0ag6dt1d3h] {
    position: relative;
    flex: 0 0 auto;
}

.botao-colunas[b-0ag6dt1d3h] {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: var(--green);
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 8px;
    cursor: pointer;
}

.botao-colunas:hover[b-0ag6dt1d3h],
.aberto .botao-colunas[b-0ag6dt1d3h] {
    color: var(--on-green);
    background: var(--green);
    border-color: var(--green);
}

.botao-colunas svg[b-0ag6dt1d3h] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.6;
}

.painel-colunas[b-0ag6dt1d3h] {
    position: absolute;
    z-index: 50;
    top: calc(100% + 7px);
    right: 0;
    display: grid;
    width: max-content;
    min-width: 210px;
    max-width: min(310px, 88vw);
    gap: 7px;
    padding: 13px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 14px 34px rgba(20, 24, 22, 0.16);
}

.cabecalho-painel-colunas[b-0ag6dt1d3h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 2px;
}

.cabecalho-painel-colunas > strong[b-0ag6dt1d3h] {
    font-size: var(--font-sm);
}

.acoes-painel-colunas[b-0ag6dt1d3h] {
    display: flex;
    gap: 6px;
}

.acoes-painel-colunas button[b-0ag6dt1d3h] {
    padding: 0;
    color: var(--green);
    background: none;
    border: 0;
    font-size: var(--font-xs);
    font-weight: 800;
    text-decoration: underline;
    cursor: pointer;
}

.acoes-painel-colunas button:disabled[b-0ag6dt1d3h] {
    color: var(--muted);
    cursor: default;
    text-decoration: none;
}

.painel-colunas label[b-0ag6dt1d3h] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 27px;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 700;
    cursor: pointer;
}

.painel-colunas small[b-0ag6dt1d3h] {
    max-width: 240px;
    margin-top: 3px;
    color: var(--muted);
    line-height: 1.35;
}