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

/* /App.razor.rz.scp.css */
/* questo stile serve per personalizzare i campi di input Fluent nell'EditForm */

[b-6s4cq0cz8v] .valid.modified:not([type=checkbox]) {
    outline: none;
    border: 1.0px solid #26b050; /* verde */
    border-radius: 6px;
}

[b-6s4cq0cz8v] .invalid {
    outline: none;
    border: 1.0px solid red; /* molto sottile */
    border-radius: 6px;
}

.text-danger[b-6s4cq0cz8v] {
    color: var(--error-fill-rest);
    margin-top: 0.5rem;
    font-size: 0.875rem;
}

.form-field[b-6s4cq0cz8v] {
    margin-bottom: 1.5rem;
    width: 100%;
}
/* /Pages/Account/Pages/RinnovaAbbonamento.razor.rz.scp.css */
.home-plans-grid[b-elzxh3ur1u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
    max-width: 1100px;
    margin: 2rem auto 0;
}

.home-plan-card[b-elzxh3ur1u] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 28px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .home-plan-card.featured[b-elzxh3ur1u] {
        border-color: var(--fw-accent-green);
        background: rgba(45, 90, 39, 0.15);
    }

.home-plan-badge[b-elzxh3ur1u] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--fw-accent-green);
    color: #121212;
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    letter-spacing: 0.8px;
    white-space: nowrap;
}

.home-plan-header h3[b-elzxh3ur1u] {
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 6px;
}

.home-plan-price[b-elzxh3ur1u] {
    font-family: var(--fw-font-headline);
    font-size: 36px;
    font-weight: 700;
    color: var(--fw-accent-green);
}

    .home-plan-price span[b-elzxh3ur1u] {
        font-size: 14px;
        color: var(--fw-text-muted);
        font-weight: 400;
    }

.home-plan-features[b-elzxh3ur1u] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .home-plan-features li[b-elzxh3ur1u] {
        font-size: 13px;
        color: var(--fw-text-muted);
        line-height: 1.4;
    }

.home-plan-btn[b-elzxh3ur1u] {
    width: 100%;
    margin-top: auto;
    border-radius: 8px;
    padding: 12px;
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    cursor: pointer;
    text-align: center;
    display: block;
    transition: opacity 0.2s;
    border: none;
}

    .home-plan-btn.primary[b-elzxh3ur1u] {
        background: var(--fw-accent-green);
        color: #121212;
    }

    .home-plan-btn.outline[b-elzxh3ur1u] {
        background: transparent;
        color: var(--fw-text);
        border: 1px solid var(--fw-border);
    }

    .home-plan-btn:hover[b-elzxh3ur1u] {
        opacity: 0.85;
    }

    .home-plan-btn:disabled[b-elzxh3ur1u] {
        cursor: not-allowed;
        opacity: 0.5;
    }

        .home-plan-btn:disabled:hover[b-elzxh3ur1u] {
            opacity: 0.5;
        }

.renewal-subtitle[b-elzxh3ur1u] {
    color: var(--fw-text-muted);
    text-align: center;
    margin: 50px auto;
}

@media (max-width: 900px) {
    .home-plans-grid[b-elzxh3ur1u] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AssistenteAI.razor.rz.scp.css */
.aiassist-container[b-k52logkonl] {
    width: 80vw;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    box-sizing: border-box;
    border-radius: 12px;
}

.e-aiassistview.custom-container[b-k52logkonl] {
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}


/* Responsive per dispositivi mobili */
@media (max-width: 768px) {
    .aiassist-container[b-k52logkonl] {
        padding: 1rem;
    }

        .aiassist-container > *[b-k52logkonl] {
            width: 95vw;
            height: 90vh;
            border-radius: 8px;
        }
}
/* /Pages/AstaLive.razor.rz.scp.css */
.al-container[b-9b656zjyaw] {
    padding: 28px 32px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    max-width: 100%;
    overflow-x: hidden;
}

.al-label[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--fw-accent-green);
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

/* ===== HEADER LIVE ===== */
.al-header[b-9b656zjyaw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.al-title[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 36px;
    font-weight: 700;
    color: var(--fw-text);
}

    .al-title span[b-9b656zjyaw] {
        color: var(--fw-accent-green);
    }

.al-header-legend-mini[b-9b656zjyaw] {
    flex: 1 1 420px;
    min-width: 320px;
    max-width: 620px;
    align-self: center;
    padding: 8px 10px;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    background: var(--fw-surface-2);
    margin: 0 12px;
}

.al-header-legend-row[b-9b656zjyaw] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

    .al-header-legend-row + .al-header-legend-row[b-9b656zjyaw] {
        margin-top: 6px;
    }

.al-mini-item[b-9b656zjyaw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--fw-text-muted);
    white-space: nowrap;
}

.al-mini-dot[b-9b656zjyaw] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid transparent;
    flex: 0 0 8px;
}

    .al-mini-dot.demo-border-blue[b-9b656zjyaw] {
        border-color: #4C8DFF;
    }

    .al-mini-dot.demo-border-green[b-9b656zjyaw] {
        border-color: #7AD35A;
    }

    .al-mini-dot.demo-border-yellow[b-9b656zjyaw] {
        border-color: #F0D458;
    }

    .al-mini-dot.demo-border-red[b-9b656zjyaw] {
        border-color: #FF5757;
    }

    .al-mini-dot.demo-border-violet[b-9b656zjyaw] {
        border-color: #9C27B0;
    }

.al-btn-reset[b-9b656zjyaw] {
    background: transparent;
    border: 1px solid var(--fw-border);
    color: var(--fw-text-muted);
    border-radius: 8px;
    padding: 8px 14px;
    font-family: var(--fw-font-label);
    font-size: 12px;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}

    .al-btn-reset:hover[b-9b656zjyaw] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
    }

.al-valutazione[b-9b656zjyaw] {
    margin-top: 0;
}

.al-val-grid[b-9b656zjyaw] {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 12px;
    margin-top: 12px;
}

.al-val-grid-mantra[b-9b656zjyaw] {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.al-val-card[b-9b656zjyaw] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
}

.al-val-label[b-9b656zjyaw] {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fw-font-label);
    font-size: 10px;
    line-height: 1.2;
    color: var(--fw-text-dim);
    letter-spacing: 0.8px;
}

.al-val-value[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 28px;
    font-weight: 700;
    color: var(--fw-text);
}

    .al-val-value.green[b-9b656zjyaw] {
        color: var(--fw-accent-green);
    }

    .al-val-value.danger[b-9b656zjyaw] {
        color: var(--fw-accent-red);
    }

.al-val-value-mantra[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 22px;
    font-weight: 700;
    color: var(--fw-text);
}

.al-header-actions[b-9b656zjyaw] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.al-crediti-boxes[b-9b656zjyaw] {
    display: flex;
    gap: 10px;
}

.al-crediti-box[b-9b656zjyaw] {
    min-width: 180px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    padding: 10px 12px;
}

.al-crediti-label[b-9b656zjyaw] {
    display: block;
    font-family: var(--fw-font-label);
    font-size: 10px;
    color: var(--fw-text-dim);
    letter-spacing: .8px;
    margin-bottom: 4px;
}

.al-crediti-val[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    color: var(--fw-text);
}

    .al-crediti-val span[b-9b656zjyaw] {
        font-size: 12px;
        color: var(--fw-text-dim);
    }

    .al-crediti-val.danger[b-9b656zjyaw] {
        color: var(--fw-accent-red);
    }

.al-crediti-bar[b-9b656zjyaw] {
    margin-top: 8px;
    height: 6px;
    border-radius: 999px;
    background: var(--fw-surface-3);
    overflow: hidden;
}

.al-crediti-fill[b-9b656zjyaw] {
    height: 100%;
    background: var(--fw-accent-green);
}

    .al-crediti-fill.danger[b-9b656zjyaw] {
        background: var(--fw-accent-red);
    }

/* ===== SELETTORE SQUADRE ===== */
.al-squadre-selector[b-9b656zjyaw] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    padding: 16px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
}

.al-sq-btn[b-9b656zjyaw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
    cursor: pointer;
    transition: all 0.15s;
    min-width: 90px;
}

    .al-sq-btn:hover[b-9b656zjyaw] {
        border-color: var(--fw-primary);
    }

    .al-sq-btn.active[b-9b656zjyaw] {
        background: var(--fw-primary);
        border-color: var(--fw-accent-green);
    }

.al-sq-nome[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 12px;
    font-weight: 700;
    color: var(--fw-text);
}

.al-sq-crediti[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-accent-green);
}

    .al-sq-crediti.danger[b-9b656zjyaw] {
        color: var(--fw-accent-red);
    }

/* ===== HEADER SQUADRA ATTIVA ===== */
.al-sq-header[b-9b656zjyaw] {
    background: black;
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 20px 24px;
    margin-bottom: 24px;
}

.al-sq-info[b-9b656zjyaw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.al-sq-title[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 24px;
    font-weight: 700;
    color: var(--fw-text);
}

.al-sq-rename-input[b-9b656zjyaw] {
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-accent-green);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 18px;
    padding: 6px 12px;
    outline: none;
}

.al-btn-sm[b-9b656zjyaw] {
    padding: 5px 12px;
    border-radius: 6px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

    .al-btn-sm:hover[b-9b656zjyaw] {
        border-color: var(--fw-primary);
        color: var(--fw-text);
    }

    .al-btn-sm.green[b-9b656zjyaw] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
    }

/* ===== ROSA SEZIONE ===== */
.al-rosa-section[b-9b656zjyaw] {
    margin-bottom: 32px;
}

.al-ruolo-group[b-9b656zjyaw] {
    margin-bottom: 20px;
}

.al-ruolo-header[b-9b656zjyaw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.al-ruolo-badge[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 6px;
}

    /* ruoli allineati a Parametri/Listone/ValutaRosa */
    .al-ruolo-badge.por[b-9b656zjyaw] {
        background: rgba(255,152,0,.20);
        color: #FF9800;
    }

    .al-ruolo-badge.dif[b-9b656zjyaw] {
        background: rgba(107,203,119,.20);
        color: var(--fw-accent-green);
    }

    .al-ruolo-badge.cen[b-9b656zjyaw] {
        background: rgba(76,141,255,.20);
        color: #4C8DFF;
    }

    .al-ruolo-badge.att[b-9b656zjyaw] {
        background: rgba(255,82,82,.20);
        color: #FF5252;
    }

    .al-ruolo-badge.gdm[b-9b656zjyaw] {
        background: rgba(155,89,255,.20);
        color: #9B59FF;
    }

.al-ruolo-count[b-9b656zjyaw] {
    font-size: 12px;
    color: var(--fw-text-dim);
    font-family: var(--fw-font-label);
}

.al-slots-row[b-9b656zjyaw] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.al-slot-card[b-9b656zjyaw] {
    flex: 1;
    min-width: 160px;
    max-width: 220px;
    border-radius: 12px;
    border: 1px solid var(--fw-border);
    overflow: hidden;
    transition: border-color 0.15s;
}

    /* bordo slot come ValutaRosa */
    .al-slot-card.filled[b-9b656zjyaw] {
        background: var(--fw-surface-2);
        border-width: 2px;
        border-style: solid;
    }

        .al-slot-card.filled.demo-border-blue[b-9b656zjyaw] {
            border-color: #4C8DFF;
        }

        .al-slot-card.filled.demo-border-green[b-9b656zjyaw] {
            border-color: #7AD35A;
        }

        .al-slot-card.filled.demo-border-yellow[b-9b656zjyaw] {
            border-color: #F0D458;
        }

        .al-slot-card.filled.demo-border-red[b-9b656zjyaw] {
            border-color: #FF5757;
        }

        .al-slot-card.filled.demo-border-violet[b-9b656zjyaw] {
            border-color: #9C27B0;
        }

    .al-slot-card.empty[b-9b656zjyaw] {
        background: var(--fw-surface-2);
        border-style: dashed;
    }

.al-slot-empty[b-9b656zjyaw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px;
    cursor: pointer;
    height: 100%;
    min-height: 90px;
    color: var(--fw-text-dim);
    font-size: 12px;
    font-family: var(--fw-font-label);
    transition: color 0.15s, background 0.15s;
}

    .al-slot-empty:hover[b-9b656zjyaw] {
        background: rgba(45,90,39,0.15);
        color: var(--fw-accent-green);
    }

.al-slot-filled[b-9b656zjyaw] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.al-slot-info[b-9b656zjyaw] {
    min-width: 0;
}

.al-slot-cognome[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 15px;
    font-weight: 700;
    color: var(--fw-text);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.al-slot-nome[b-9b656zjyaw] {
    font-size: 11px;
    color: var(--fw-text-dim);
    display: block;
}

.al-slot-credito-speso[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-accent-yellow);
    font-weight: 600;
}

.al-slot-stats[b-9b656zjyaw] {
    display: flex;
    gap: 12px;
    font-size: 11px;
    color: var(--fw-text-muted);
}

    .al-slot-stats .green[b-9b656zjyaw] {
        color: var(--fw-accent-green);
    }

.al-slot-sub[b-9b656zjyaw] {
    font-size: 10px;
    color: var(--fw-text-dim);
}

.al-slot-right[b-9b656zjyaw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.al-slot-credito[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
}

    .al-slot-credito.yellow[b-9b656zjyaw] {
        color: var(--fw-accent-yellow);
    }

.al-slot-remove[b-9b656zjyaw] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent;
    border: none;
    color: var(--fw-text-dim);
    font-size: 12px;
    cursor: pointer;
    transition: color 0.15s;
    padding: 2px 4px;
    border-radius: 4px;
}

    .al-slot-remove:hover[b-9b656zjyaw] {
        color: var(--fw-accent-red);
        background: rgba(255,82,82,0.1);
    }

.al-search-modal[b-9b656zjyaw] {
    width: 480px;
    max-width: 95vw;
    max-height: 80vh;
}

.al-search-modal-header[b-9b656zjyaw] {
    align-items: center;
}

    .al-search-modal-header h3[b-9b656zjyaw] {
        font-family: var(--fw-font-headline);
        font-size: 18px;
        font-weight: 700;
        color: var(--fw-text);
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
    }

.al-search-modal-search[b-9b656zjyaw] {
    padding: 16px 24px;
    border-bottom: 1px solid var(--fw-border);
}

.al-search-modal-input[b-9b656zjyaw] {
    width: 100%;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    font-size: 14px;
    padding: 10px 14px;
    outline: none;
    transition: border-color 0.15s;
}

    .al-search-modal-input:focus[b-9b656zjyaw] {
        border-color: var(--fw-accent-green);
    }

    .al-search-modal-input[b-9b656zjyaw]::placeholder {
        color: var(--fw-text-dim);
    }

.al-search-modal-credits[b-9b656zjyaw] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-bottom: 1px solid var(--fw-border);
    font-size: 13px;
    color: var(--fw-text-muted);
}

    .al-search-modal-credits .al-modal-input[b-9b656zjyaw] {
        width: 90px;
        font-size: 14px;
        font-weight: 700;
        padding: 8px 12px;
    }

.al-search-modal-results[b-9b656zjyaw] {
    overflow-y: auto;
    flex: 1;
}

.al-search-modal-item[b-9b656zjyaw] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-bottom: 1px solid var(--fw-border);
    cursor: pointer;
    transition: background 0.1s;
}

    .al-search-modal-item:last-child[b-9b656zjyaw] {
        border-bottom: none;
    }

    .al-search-modal-item:hover[b-9b656zjyaw] {
        background: rgba(45,90,39,0.2);
    }

.al-search-modal-item-info[b-9b656zjyaw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.al-search-modal-cognome[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 15px;
    font-weight: 700;
    color: var(--fw-text);
}

.al-search-modal-sub[b-9b656zjyaw] {
    font-size: 11px;
    color: var(--fw-text-dim);
}

.al-search-modal-item-stats[b-9b656zjyaw] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 11px;
    color: var(--fw-text-muted);
    text-align: right;
}

    .al-search-modal-item-stats .green[b-9b656zjyaw] {
        color: var(--fw-accent-green);
        font-weight: 700;
    }

.al-search-modal-empty[b-9b656zjyaw] {
    padding: 24px;
    text-align: center;
    color: var(--fw-text-dim);
    font-size: 13px;
}

.al-badge-inline[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
}

    .al-badge-inline.por[b-9b656zjyaw] {
        background: rgba(255,152,0,0.2);
        color: #FF9800;
    }

    .al-badge-inline.dif[b-9b656zjyaw] {
        background: rgba(107,203,119,0.2);
        color: var(--fw-accent-green);
    }

    .al-badge-inline.cen[b-9b656zjyaw] {
        background: rgba(76,141,255,0.2);
        color: #4C8DFF;
    }

    .al-badge-inline.att[b-9b656zjyaw] {
        background: rgba(255,82,82,0.2);
        color: #FF5252;
    }

    .al-badge-inline.gdm[b-9b656zjyaw] {
        background: rgba(155,89,255,0.2);
        color: #9B59FF;
    }

/* ===== LISTONE ===== */
.al-listone-section[b-9b656zjyaw] {
    padding-top: 28px;
    border-top: 1px solid var(--fw-border);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.al-listone-header[b-9b656zjyaw],
.al-listone-filters[b-9b656zjyaw] {
    flex-shrink: 0;
}

.al-listone-header[b-9b656zjyaw] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 14px;
}

.al-listone-sub[b-9b656zjyaw] {
    font-size: 12px;
    color: var(--fw-text-dim);
    margin-top: 15px;
}

.al-listone-filters[b-9b656zjyaw] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding: 12px 16px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
}

.al-search-input[b-9b656zjyaw] {
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    font-size: 13px;
    padding: 8px 12px;
    outline: none;
    flex: 1;
    min-width: 150px;
    transition: border-color 0.15s;
}

    .al-search-input:focus[b-9b656zjyaw] {
        border-color: var(--fw-accent-green);
    }

    .al-search-input[b-9b656zjyaw]::placeholder {
        color: var(--fw-text-dim);
    }

.al-select[b-9b656zjyaw] {
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    font-size: 13px;
    padding: 8px 10px;
    outline: none;
}

.al-select--sm[b-9b656zjyaw] {
    min-width: 92px;
}

.al-filter-inline[b-9b656zjyaw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--fw-text-muted);
    font-size: 11px;
    font-family: var(--fw-font-label);
}

.al-th-sort[b-9b656zjyaw] {
    cursor: pointer;
    user-select: none;
}

.al-filter-group[b-9b656zjyaw] {
    display: flex;
    gap: 4px;
}

.al-filter-btn[b-9b656zjyaw] {
    padding: 7px 12px;
    border-radius: 6px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

    .al-filter-btn:hover[b-9b656zjyaw] {
        color: var(--fw-text);
    }

    .al-filter-btn.active[b-9b656zjyaw] {
        background: var(--fw-primary);
        color: var(--fw-accent-green);
        border-color: var(--fw-primary);
    }

.al-listone-count[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-dim);
    margin-left: auto;
}

.al-table-wrap[b-9b656zjyaw] {
    border-radius: 12px;
    border: 1px solid var(--fw-border);
    overflow: auto; /* verticale + orizzontale dentro il listone */
    max-height: 65dvh;
}

.al-table[b-9b656zjyaw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .al-table thead tr[b-9b656zjyaw] {
        background: var(--fw-surface-2);
        border-bottom: 1px solid var(--fw-border);
    }

    .al-table thead th[b-9b656zjyaw] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: var(--fw-surface-2);
    }

    .al-table th[b-9b656zjyaw] {
        padding: 11px 14px;
        text-align: left;
        font-family: var(--fw-font-label);
        font-size: 12px;
        font-weight: 600;
        color: var(--fw-text-dim);
        letter-spacing: 0.8px;
        text-transform: uppercase;
        white-space: nowrap;
    }

.al-row[b-9b656zjyaw] {
    border-bottom: 1px solid var(--fw-border);
    transition: background 0.1s;
}

    .al-row:last-child[b-9b656zjyaw] {
        border-bottom: none;
    }

    .al-row:hover[b-9b656zjyaw] {
        background: rgba(45,90,39,0.07);
    }

    .al-row.acquistato[b-9b656zjyaw] {
        opacity: 0.35;
        pointer-events: none;
    }

.al-table td[b-9b656zjyaw] {
    padding: 2px 14px;
    vertical-align: middle;
}

.al-badge[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
}

    .al-badge.por[b-9b656zjyaw] {
        background: rgba(255,152,0,.20);
        color: #FF9800;
    }

    .al-badge.dif[b-9b656zjyaw] {
        background: rgba(107,203,119,.20);
        color: var(--fw-accent-green);
    }

    .al-badge.cen[b-9b656zjyaw] {
        background: rgba(76,141,255,.20);
        color: #4C8DFF;
    }

    .al-badge.att[b-9b656zjyaw] {
        background: rgba(255,82,82,.20);
        color: #FF5252;
    }

    .al-badge.gdm[b-9b656zjyaw] {
        background: rgba(155,89,255,.20);
        color: #9B59FF;
    }

.al-td-nome[b-9b656zjyaw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.al-player-name[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-size: 14px;
    font-weight: 700;
    color: var(--fw-text);
}

.al-player-sub[b-9b656zjyaw] {
    font-size: 11px;
    color: var(--fw-text-dim);
}

.al-td-muted[b-9b656zjyaw] {
    color: var(--fw-text-muted);
    font-size: 12px;
}

.al-td-num[b-9b656zjyaw] {
    font-family: var(--fw-font-headline);
    font-weight: 600;
}

    .al-td-num.green[b-9b656zjyaw] {
        color: var(--fw-accent-green);
    }

    .al-td-num.yellow[b-9b656zjyaw] {
        color: var(--fw-accent-yellow);
    }

.al-btn-acquista[b-9b656zjyaw] {
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--fw-accent-green);
    background: transparent;
    color: var(--fw-accent-green);
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

    .al-btn-acquista:hover[b-9b656zjyaw] {
        background: rgba(107,203,119,0.15);
    }

.al-tag-acquistato[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    color: var(--fw-text-dim);
    letter-spacing: 0.5px;
}

/* ===== MODAL ACQUISTO ===== */
.al-modal-overlay[b-9b656zjyaw] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.75);
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.al-modal[b-9b656zjyaw] {
    background: var(--fw-surface);
    border: 1px solid var(--fw-border);
    border-radius: 16px;
    width: 500px;
    max-width: 95vw;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.al-modal-header[b-9b656zjyaw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 24px;
    border-bottom: 1px solid var(--fw-border);
}

    .al-modal-header h3[b-9b656zjyaw] {
        font-family: var(--fw-font-headline);
        font-size: 22px;
        font-weight: 700;
        color: var(--fw-text);
        margin: 4px 0;
    }

    .al-modal-header p[b-9b656zjyaw] {
        font-size: 12px;
        color: var(--fw-text-muted);
    }

.al-modal-close[b-9b656zjyaw] {
    background: transparent;
    border: none;
    color: var(--fw-text-muted);
    font-size: 18px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
}

    .al-modal-close:hover[b-9b656zjyaw] {
        color: var(--fw-accent-red);
    }

.al-modal-stats[b-9b656zjyaw] {
    display: flex;
    gap: 24px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--fw-border);
}

.al-mstat[b-9b656zjyaw] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 12px;
    color: var(--fw-text-muted);
}

    .al-mstat strong[b-9b656zjyaw] {
        font-family: var(--fw-font-headline);
        font-size: 20px;
        font-weight: 700;
        color: var(--fw-text);
    }

        .al-mstat strong.green[b-9b656zjyaw] {
            color: var(--fw-accent-green);
        }

        .al-mstat strong.yellow[b-9b656zjyaw] {
            color: var(--fw-accent-yellow);
        }

.al-modal-body[b-9b656zjyaw] {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.yellow[b-9b656zjyaw] {
    font-weight: bold;
    color: yellow;
}

.al-modal-label[b-9b656zjyaw] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-muted);
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.al-modal-sq-list[b-9b656zjyaw] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.al-sq-mini[b-9b656zjyaw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-2);
    cursor: pointer;
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    color: var(--fw-text-muted);
    transition: all 0.15s;
}

    .al-sq-mini span[b-9b656zjyaw] {
        font-size: 10px;
        color: var(--fw-accent-green);
    }

    .al-sq-mini:hover[b-9b656zjyaw] {
        border-color: var(--fw-primary);
        color: var(--fw-text);
    }

    .al-sq-mini.active[b-9b656zjyaw] {
        background: var(--fw-primary);
        border-color: var(--fw-accent-green);
        color: var(--fw-text);
    }

.al-modal-credito-row[b-9b656zjyaw] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.al-modal-input[b-9b656zjyaw] {
    width: 100px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    outline: none;
    transition: border-color 0.15s;
}

    .al-modal-input:focus[b-9b656zjyaw] {
        border-color: var(--fw-accent-green);
    }

.al-modal-hint[b-9b656zjyaw] {
    font-size: 13px;
    color: var(--fw-text-muted);
}

    .al-modal-hint strong[b-9b656zjyaw] {
        font-family: var(--fw-font-headline);
        font-size: 16px;
    }

        .al-modal-hint strong.green[b-9b656zjyaw] {
            color: var(--fw-accent-green);
        }

        .al-modal-hint strong.danger[b-9b656zjyaw] {
            color: var(--fw-accent-red);
        }

.al-modal-footer[b-9b656zjyaw] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid var(--fw-border);
}

.al-btn-annulla[b-9b656zjyaw] {
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid var(--fw-border);
    background: transparent;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s;
}

    .al-btn-annulla:hover[b-9b656zjyaw] {
        border-color: var(--fw-text-muted);
    }

.al-btn-conferma-acq[b-9b656zjyaw] {
    padding: 10px 24px;
    border-radius: 8px;
    border: none;
    background: var(--fw-accent-green);
    color: #121212;
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: opacity 0.2s;
}

    .al-btn-conferma-acq:hover[b-9b656zjyaw] {
        opacity: 0.85;
    }

    .al-btn-conferma-acq:disabled[b-9b656zjyaw] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.al-modal-input[b-9b656zjyaw] {
    width: 100px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    outline: none;
    transition: border-color 0.15s;
}

.al-mantra-toggle-container[b-9b656zjyaw] {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

.al-mantra-moduli[b-9b656zjyaw] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 28px;
}

.al-mantra-modulo[b-9b656zjyaw] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 18px;
    overflow-x: auto;
}

.al-mantra-modulo-header[b-9b656zjyaw] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

    .al-mantra-modulo-header h2[b-9b656zjyaw] {
        min-width: 110px;
        margin: 0;
        color: var(--fw-accent-green);
        font-family: var(--fw-font-headline);
        font-size: 28px;
        font-weight: 700;
    }

.al-mantra-modulo-stats[b-9b656zjyaw] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.al-mantra-stat[b-9b656zjyaw] {
    min-width: 112px;
    padding: 8px 14px;
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 7px;
    text-align: center;
}

.al-mantra-stat-label[b-9b656zjyaw] {
    display: block;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 10px;
    letter-spacing: 0.8px;
}

.al-mantra-stat strong[b-9b656zjyaw] {
    display: block;
    margin-top: 3px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
}

    .al-mantra-stat strong.green[b-9b656zjyaw],
    .al-val-value-mantra.green[b-9b656zjyaw] {
        color: var(--fw-accent-green);
    }

    .al-mantra-stat strong.danger[b-9b656zjyaw],
    .al-val-value-mantra.danger[b-9b656zjyaw] {
        color: var(--fw-accent-red);
    }

.al-mantra-field[b-9b656zjyaw] {
    min-width: 1120px;
}

.al-mantra-line[b-9b656zjyaw] {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    align-items: stretch;
    column-gap: 6px;
    margin-bottom: 6px;
}

.al-mantra-row-label[b-9b656zjyaw] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.al-mantra-players[b-9b656zjyaw],
.al-mantra-roles[b-9b656zjyaw] {
    display: grid;
    grid-template-columns: repeat(11, minmax(90px, 1fr));
    gap: 6px;
    min-width: 0;
    padding: 0;
    margin: 0;
}

.al-mantra-roles-line[b-9b656zjyaw] {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    column-gap: 6px;
    margin-bottom: 3px;
}

.al-mantra-role-label[b-9b656zjyaw] {
    min-height: 12px;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 10px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.al-mantra-position[b-9b656zjyaw] {
    min-width: 0;
    display: flex;
}

.al-mantra-player-card[b-9b656zjyaw] {
    width: 100%;
    min-height: 52px;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 5px 4px;
    border: 1px solid var(--fw-border);
    border-radius: 7px;
    background: var(--fw-surface-3);
    text-align: center;
}

    .al-mantra-player-card strong[b-9b656zjyaw] {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        color: var(--fw-text);
        font-size: 12px;
        font-weight: bold;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .al-mantra-player-card span[b-9b656zjyaw] {
        max-width: 100%;
        overflow: hidden;
        color: var(--fw-text-muted);
        font-size: 10px;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .al-mantra-player-card.filled[b-9b656zjyaw] {
        border-color: var(--fw-accent-green);
    }

    .al-mantra-player-card.reserve[b-9b656zjyaw] {
        border-color: var(--fw-accent-yellow, #d6b84c);
    }

    .al-mantra-player-card.empty[b-9b656zjyaw] {
        border: 1px dashed var(--fw-border);
        opacity: 0.55;
    }

@media (max-width: 900px) {
    .al-mantra-modulo[b-9b656zjyaw] {
        padding: 12px;
    }

    .al-mantra-modulo-header h2[b-9b656zjyaw] {
        font-size: 22px;
    }
}


.al-reparti-toggle-container[b-9b656zjyaw] {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

.al-reparti-grid[b-9b656zjyaw] {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.al-reparto-card[b-9b656zjyaw] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 16px;
}

.al-reparto-header[b-9b656zjyaw] {
    margin-bottom: 14px;
}

.al-reparto-columns[b-9b656zjyaw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.al-reparto-column[b-9b656zjyaw] {
    min-width: 0;
    background: var(--fw-surface);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    padding: 12px;
}

.al-reparto-column-title[b-9b656zjyaw] {
    margin: 0 0 10px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.al-reparto-metrics[b-9b656zjyaw] {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.al-reparto-metric[b-9b656zjyaw] {
    min-width: 0;
    flex: 1 1 0;
    max-width: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 64px;
    padding: 8px 6px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    text-align: center;
}

    .al-reparto-metric .al-val-label[b-9b656zjyaw] {
        font-size: 9px;
        line-height: 1.15;
    }

.al-reparto-value[b-9b656zjyaw] {
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

    .al-reparto-value.green[b-9b656zjyaw] {
        color: var(--fw-accent-green);
    }

    .al-reparto-value.danger[b-9b656zjyaw] {
        color: var(--fw-accent-red);
    }

@media (max-width: 1100px) {
    .al-reparto-columns[b-9b656zjyaw] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.home-container[b-uqne35ihvu] {
    padding: 28px 32px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    max-width: 100%;
    overflow-x: hidden;
}

.home-label[b-uqne35ihvu] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--fw-accent-green);
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

/* ===== HERO ===== */
.home-hero[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 32px;
    padding: 40px 0 48px;
    border-bottom: 1px solid var(--fw-border);
    margin-bottom: 32px;
}

.home-hero-text[b-uqne35ihvu] {
    flex: 0 1 540px;
    min-width: 0;
}

.home-hero-carousel[b-uqne35ihvu] {
    position: relative;
    flex: 1 1 auto; /* occupa tutta la larghezza disponibile */
    min-width: 0; 
    width: auto; 
    flex-shrink: 1; 
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 20px 16px 38px;
}

.home-carousel-card[b-uqne35ihvu] {
    min-height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 14px;
    font-weight: 600;
    transition: color 0.15s;
}

    .home-carousel-card:hover[b-uqne35ihvu] {
        color: var(--fw-accent-green);
    }

    .home-carousel-card img[b-uqne35ihvu] {
        display: block;
        max-width: 100%;
        max-height: 250px;
        width: auto;
        height: auto;
        object-fit: contain;
        object-position: center;
        transition: filter 0.15s;
    }

.home-carousel-arrow[b-uqne35ihvu] {
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    width: 32px;
    height: 32px;
    border: 1px solid var(--fw-border);
    border-radius: 50%;
    background: var(--fw-surface-3);
    color: var(--fw-text);
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
}

    .home-carousel-arrow.left[b-uqne35ihvu] {
        left: 8px;
    }

    .home-carousel-arrow.right[b-uqne35ihvu] {
        right: 8px;
    }

    .home-carousel-arrow:hover[b-uqne35ihvu] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
    }

.home-carousel-dots[b-uqne35ihvu] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.home-carousel-dot[b-uqne35ihvu] {
    width: 8px;
    height: 8px;
    border: none;
    border-radius: 50%;
    background: var(--fw-text-dim);
    opacity: 0.5;
    cursor: pointer;
    padding: 0;
}

    .home-carousel-dot.active[b-uqne35ihvu] {
        background: var(--fw-accent-green);
        opacity: 1;
    }

.home-hero-text h1[b-uqne35ihvu] {
    font-family: var(--fw-font-headline);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 16px;
    color: var(--fw-text);
}

    .home-hero-text h1 span[b-uqne35ihvu] {
        color: var(--fw-accent-green);
    }

.home-hero-text p[b-uqne35ihvu] {
    font-size: 15px;
    color: var(--fw-text-muted);
    max-width: 480px;
    line-height: 1.7;
    margin-bottom: 28px;
}

.home-hero-btns[b-uqne35ihvu] {
    display: flex;
    gap: 12px;
}

.home-btn-primary[b-uqne35ihvu] {
    background: var(--fw-accent-green);
    color: #121212;
    border: none;
    border-radius: 8px;
    padding: 13px 28px;
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-decoration: none;
    transition: opacity 0.2s;
}

    .home-btn-primary:hover[b-uqne35ihvu] {
        opacity: 0.85;
    }

.home-btn-secondary[b-uqne35ihvu] {
    background: transparent;
    color: var(--fw-text);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    padding: 13px 28px;
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s;
}

    .home-btn-secondary:hover[b-uqne35ihvu] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
    }

.home-hero-badge[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    background: rgba(45, 90, 39, 0.2);
    border: 2px solid var(--fw-primary);
    border-radius: 50%;
    flex-shrink: 0;
    gap: 8px;
}

.home-badge-logo[b-uqne35ihvu] {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.home-badge-text[b-uqne35ihvu] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-muted);
    text-align: center;
    letter-spacing: 0.5px;
}

    .home-badge-text strong[b-uqne35ihvu] {
        color: var(--fw-accent-green);
        font-size: 13px;
    }

/* ===== BANNER ===== */
.home-banner-wrap[b-uqne35ihvu] {
    overflow: hidden;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    margin-bottom: 48px;
    padding: 12px 0;
}

.home-banner-track[b-uqne35ihvu] {
    display: flex;
    gap: 40px;
    animation: home-scroll-b-uqne35ihvu 25s linear infinite;
    width: max-content;
}

    .home-banner-track:hover[b-uqne35ihvu] {
        animation-play-state: paused;
    }

@keyframes home-scroll-b-uqne35ihvu {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.home-banner-item[b-uqne35ihvu] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 20px;
    transition: color 0.15s;
}

    .home-banner-item:hover[b-uqne35ihvu] {
        color: var(--fw-accent-green);
    }

    .home-banner-item img[b-uqne35ihvu] {
        height: 26px;
        width: auto;
        filter: brightness(0) invert(0.5);
        transition: filter 0.15s;
    }

    .home-banner-item:hover img[b-uqne35ihvu] {
        filter: brightness(0) saturate(100%) invert(72%) sepia(40%) saturate(500%) hue-rotate(85deg);
    }

/* ===== SEZIONI ===== */
.home-section[b-uqne35ihvu] {
    margin-bottom: 56px;
}

.home-section-title[b-uqne35ihvu] {
    font-family: var(--fw-font-headline);
    font-size: 32px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 28px;
    line-height: 1.2;
}

    .home-section-title span[b-uqne35ihvu] {
        color: var(--fw-accent-green);
    }

/* ===== FEATURES ===== */
.home-features-grid[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.home-feature-card[b-uqne35ihvu] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

    .home-feature-card:hover[b-uqne35ihvu] {
        border: 2px solid var(--fw-primary);
        background-color: color-mix(in srgb, var(--fw-surface-2) 88%, white 12%);
        transform: translateY(-3px);
    }

a.home-feature-card[b-uqne35ihvu] {
    color: inherit;
    text-decoration: none;
}

    a.home-feature-card:visited[b-uqne35ihvu] {
        color: inherit;
    }

    a.home-feature-card:focus-visible[b-uqne35ihvu] {
        outline: 2px solid var(--fw-primary);
        outline-offset: 3px;
    }

.home-feature-title[b-uqne35ihvu] {
    text-transform: uppercase;
}

.home-feature-badge[b-uqne35ihvu] {
    display: inline-block;
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    padding: 2px 8px;
    border-radius: 4px;
    width: fit-content;
}

.badge-free[b-uqne35ihvu] {
    background: rgba(107,203,119,0.15);
    color: var(--fw-accent-green);
}

.badge-base[b-uqne35ihvu] {
    background: rgba(100,149,237,0.15);
    color: #6495ED;
}

.badge-premium[b-uqne35ihvu] {
    background: rgba(255,215,0,0.15);
    color: var(--fw-accent-yellow);
}

.home-feature-card h3[b-uqne35ihvu] {
    font-family: var(--fw-font-headline);
    font-size: 16px;
    font-weight: 700;
    color: var(--fw-text);
}

.home-feature-card p[b-uqne35ihvu] {
    font-size: 13px;
    color: var(--fw-text-muted);
    line-height: 1.6;
}

/* ===== PIANI ===== */
.home-plans-grid[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: start;
}

.home-plan-card[b-uqne35ihvu] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 28px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .home-plan-card.featured[b-uqne35ihvu] {
        border-color: var(--fw-accent-green);
        background: rgba(45, 90, 39, 0.15);
    }

.home-plan-badge[b-uqne35ihvu] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--fw-accent-green);
    color: #121212;
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    letter-spacing: 0.8px;
    white-space: nowrap;
}

.home-plan-header h3[b-uqne35ihvu] {
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 6px;
}

.home-plan-price[b-uqne35ihvu] {
    font-family: var(--fw-font-headline);
    font-size: 36px;
    font-weight: 700;
    color: var(--fw-accent-green);
}

    .home-plan-price span[b-uqne35ihvu] {
        font-size: 14px;
        color: var(--fw-text-muted);
        font-weight: 400;
    }

.home-plan-features[b-uqne35ihvu] {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .home-plan-features li[b-uqne35ihvu] {
        font-size: 13px;
        color: var(--fw-text-muted);
        line-height: 1.4;
    }

.home-plan-btn[b-uqne35ihvu] {
    width: 100%;
    border-radius: 8px;
    padding: 12px;
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: block;
    transition: opacity 0.2s;
    border: none;
}

    .home-plan-btn.primary[b-uqne35ihvu] {
        background: var(--fw-accent-green);
        color: #121212;
    }

    .home-plan-btn.outline[b-uqne35ihvu] {
        background: transparent;
        color: var(--fw-text);
        border: 1px solid var(--fw-border);
    }

    .home-plan-btn:hover[b-uqne35ihvu] {
        opacity: 0.85;
    }

/* ===== SOCIAL ===== */
.home-social-grid[b-uqne35ihvu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: start;
}

.home-social-item-wrap[b-uqne35ihvu] {
    position: relative;
}

.home-social-card[b-uqne35ihvu] {
    display: block;
    text-decoration: none;
    border-radius: 12px;
    overflow: hidden;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}

    .home-social-card:hover[b-uqne35ihvu] {
        border-color: var(--fw-accent-green);
        box-shadow: 0 0 0 1px rgba(107,203,119,0.35);
        transform: translateY(-2px);
    }

.home-social-admin-actions[b-uqne35ihvu] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 12;
    display: flex;
    gap: 6px;
}

.home-social-thumb[b-uqne35ihvu] {
    position: relative;
    aspect-ratio: 16/9;
    background: var(--fw-surface-3);
    overflow: hidden;
}

    .home-social-thumb img[b-uqne35ihvu] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .home-social-thumb .home-social-thumb-img[b-uqne35ihvu] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

        .home-social-thumb .home-social-thumb-img.fallback[b-uqne35ihvu] {
            object-fit: contain;
            object-position: center;
            padding: 48px;
            background: var(--fw-surface-3);
        }

.home-social-platform[b-uqne35ihvu] {
    position: absolute;
    top: 8px;
    left: 8px;
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    letter-spacing: 0.5px;
}

.home-social-play[b-uqne35ihvu] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: rgba(255,255,255,0.85);
    background: rgba(0,0,0,0.2);
}

.home-social-info[b-uqne35ihvu] {
    padding: 10px 14px 8px; 
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.home-social-title[b-uqne35ihvu] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fw-text);
    line-height: 1.25;
    margin: 0;
}

.home-social-date[b-uqne35ihvu] {
    font-size: 11px;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    margin: 0;
    line-height: 1.25;
}

.home-social-embed[b-uqne35ihvu],
.home-social-modal-embed[b-uqne35ihvu] {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #111;
}

.home-social-embed[b-uqne35ihvu] {
    pointer-events: none; /* lascia cliccabile la card */
}

.home-social-modal-preview-wrap[b-uqne35ihvu] {
    aspect-ratio: 16 / 9;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--fw-surface-2);
}

.home-social-embed-fallback[b-uqne35ihvu] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--fw-text-dim);
    font-size: 12px;
    background: var(--fw-surface-3);
}

/* ===== BACHECA ===== */
.home-news-section[b-uqne35ihvu] {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--fw-border);
}

.home-news-title[b-uqne35ihvu] {
    font-family: var(--fw-font-headline);
    font-size: 28px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 16px;
}

    .home-news-title span[b-uqne35ihvu] {
        color: var(--fw-accent-green);
    }

.home-bacheca[b-uqne35ihvu] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 14px 16px;
}

.home-news-item-wrap[b-uqne35ihvu] {
    position: relative;
}

.home-news-item[b-uqne35ihvu] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid var(--fw-border);
}

    .home-news-item:last-child[b-uqne35ihvu] {
        border-bottom: none;
    }

.home-news-admin-actions[b-uqne35ihvu] {
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 12;
    display: flex;
    gap: 6px;
}

.home-news-dot[b-uqne35ihvu] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 6px;
    flex: 0 0 10px;
}

    .home-news-dot.news-dot-positive[b-uqne35ihvu] {
        background: var(--fw-accent-green);
    }

    .home-news-dot.news-dot-neutral[b-uqne35ihvu] {
        background: var(--fw-accent-yellow);
    }

    .home-news-dot.news-dot-negative[b-uqne35ihvu] {
        background: var(--fw-accent-red);
    }

.home-news-content[b-uqne35ihvu] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.home-news-date[b-uqne35ihvu] {
    font-size: 11px;
    color: var(--fw-text-dim);
    font-family: var(--fw-font-label);
}

.home-news-text[b-uqne35ihvu] {
    margin: 0;
    color: var(--fw-text-muted);
    font-size: 13px;
    line-height: 1.45;
}

[b-uqne35ihvu] .home-news-player {
    color: var(--fw-accent-green);
    font-weight: 600;
    text-decoration: none;
}

    [b-uqne35ihvu] .home-news-player:hover {
        text-decoration: underline;
    }

/* ===== ADMIN ACTIONS CAROUSEL ===== */
.home-sponsor-admin-actions[b-uqne35ihvu] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    display: flex;
    gap: 6px;
}

/* ===== MODAL SPONSOR (dark, stile ValutaRosa) ===== */
.home-sponsor-modal-overlay[b-uqne35ihvu] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-sponsor-modal[b-uqne35ihvu] {
    background: var(--fw-surface);
    border: 1px solid var(--fw-border);
    border-radius: 16px;
    width: 520px;
    max-width: 95vw;
    max-height: 86vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.home-sponsor-modal-header[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 22px;
    border-bottom: 1px solid var(--fw-border);
}

    .home-sponsor-modal-header h3[b-uqne35ihvu] {
        margin: 0;
        font-family: var(--fw-font-headline);
        font-size: 18px;
        font-weight: 700;
        color: var(--fw-text);
    }

[b-uqne35ihvu] .home-sponsor-modal-close {
    color: var(--fw-text-muted);
}

.home-sponsor-modal-body[b-uqne35ihvu] {
    padding: 16px 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
}

.home-sponsor-modal-preview[b-uqne35ihvu] {
    display: block;
    max-width: 100%;
    max-height: 160px; 
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
    margin-top: 4px;
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    background: var(--fw-surface-2);
}

.home-sponsor-modal-footer[b-uqne35ihvu] {
    padding: 14px 22px;
    border-top: 1px solid var(--fw-border);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.home-lookup-overlay[b-uqne35ihvu] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-lookup-modal[b-uqne35ihvu] {
    width: 520px;
    max-width: 95vw;
    max-height: 80vh;
    background: var(--fw-surface);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.home-lookup-header[b-uqne35ihvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid var(--fw-border);
}

.home-lookup-search[b-uqne35ihvu] {
    padding: 12px 18px;
    border-bottom: 1px solid var(--fw-border);
}

.home-lookup-input[b-uqne35ihvu] {
    width: 100%;
    background: var(--fw-surface-2);
    color: var(--fw-text);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    padding: 9px 12px;
}

.home-lookup-results[b-uqne35ihvu] {
    overflow: auto;
    padding: 6px 0;
}

.home-lookup-item[b-uqne35ihvu] {
    padding: 10px 18px;
    cursor: pointer;
    border-bottom: 1px solid var(--fw-border);
}

    .home-lookup-item:hover[b-uqne35ihvu] {
        background: rgba(45, 90, 39, 0.2);
    }
/* /Pages/Listone.razor.rz.scp.css */
.ls-container[b-2sc9c31c9d] {
    padding: 28px 32px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    max-width: 100%;
    overflow-x: hidden;
}

.ls-container--locked[b-2sc9c31c9d] {
    height: calc(100dvh - 100px); /* regola se necessario in base al layout */
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .ls-container--locked .ls-header[b-2sc9c31c9d],
    .ls-container--locked .ls-filters-bar[b-2sc9c31c9d] {
        flex-shrink: 0;
    }

    .ls-container--locked .ls-table-wrap[b-2sc9c31c9d] {
        flex: 1 1 auto;
        min-height: 0;
        overflow: auto; /* scroll verticale/orizzontale solo qui */
    }

    /* header tabella fisso durante lo scroll del body tabella */
    .ls-container--locked .ls-table thead th[b-2sc9c31c9d] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: var(--fw-surface-2);
    }

.ls-label[b-2sc9c31c9d] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--fw-accent-green);
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

/* ===== HEADER LISTONE ===== */
.ls-header[b-2sc9c31c9d] {
    margin-bottom: 20px;
}

.ls-title[b-2sc9c31c9d] {
    font-family: var(--fw-font-headline);
    font-size: 36px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 8px;
}

    .ls-title span[b-2sc9c31c9d] {
        color: var(--fw-accent-green);
    }

.ls-params-summary[b-2sc9c31c9d] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

    .ls-params-summary span[b-2sc9c31c9d] {
        font-family: var(--fw-font-label);
        font-size: 11px;
        color: var(--fw-text-muted);
        background: var(--fw-surface-2);
        border: 1px solid var(--fw-border);
        border-radius: 6px;
        padding: 3px 10px;
    }

.ls-btn-modifica[b-2sc9c31c9d] {
    background: transparent;
    border: 1px solid var(--fw-border);
    color: var(--fw-text-muted);
    border-radius: 6px;
    padding: 3px 10px;
    font-family: var(--fw-font-label);
    font-size: 11px;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}

    .ls-btn-modifica:hover[b-2sc9c31c9d] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
    }

/* ===== FILTRI ===== */
.ls-filters-bar[b-2sc9c31c9d] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 14px 16px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
}

.ls-search-box[b-2sc9c31c9d] {
    flex: 1;
    min-width: 160px;
}

.ls-search-input[b-2sc9c31c9d] {
    width: 100%;
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    font-size: 13px;
    padding: 8px 12px;
    outline: none;
    transition: border-color 0.15s;
}

    .ls-search-input:focus[b-2sc9c31c9d] {
        border-color: var(--fw-accent-green);
    }

    .ls-search-input[b-2sc9c31c9d]::placeholder {
        color: var(--fw-text-dim);
    }

.ls-filter-group[b-2sc9c31c9d] {
    display: flex;
    gap: 4px;
}

.ls-filter-btn[b-2sc9c31c9d] {
    padding: 7px 12px;
    border-radius: 6px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

    .ls-filter-btn:hover[b-2sc9c31c9d] {
        color: var(--fw-text);
    }

    .ls-filter-btn.active[b-2sc9c31c9d] {
        background: var(--fw-primary);
        color: var(--fw-accent-green);
        border-color: var(--fw-primary);
    }

.ls-select[b-2sc9c31c9d] {
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    font-size: 12px;
    padding: 7px 10px;
    outline: none;
    cursor: pointer;
}

.ls-select--sm[b-2sc9c31c9d] {
    width: 80px;
}

.ls-filter-inline[b-2sc9c31c9d] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--fw-text-muted);
}

.ls-count[b-2sc9c31c9d] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-dim);
    margin-left: auto;
}

/* ===== TABELLA ===== */

.sq-rosa-info[b-2sc9c31c9d] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

    .sq-rosa-info .sq-chart-tooltip strong[b-2sc9c31c9d] {
        color: var(--fw-text);
    }

.sq-chart-info[b-2sc9c31c9d] {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--fw-text-dim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fw-font-headline);
    font-size: 12px;
    color: var(--fw-text-dim);
    background: var(--fw-surface-2);
    cursor: help;
}

.sq-chart-tooltip[b-2sc9c31c9d] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(420px, 78vw);
    background: #111820;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    color: var(--fw-text-muted);
    font-size: 12px;
    line-height: 1.45;
    padding: 10px 12px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.35);
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 0.12s, transform 0.12s;
}

.sq-chart-info:hover .sq-chart-tooltip[b-2sc9c31c9d],
.sq-chart-info:focus .sq-chart-tooltip[b-2sc9c31c9d] {
    opacity: 1;
    transform: translateY(0);
}

.ls-table-wrap[b-2sc9c31c9d] {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid var(--fw-border);
}

.ls-table[b-2sc9c31c9d] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

    .ls-table thead tr[b-2sc9c31c9d] {
        background: var(--fw-surface-2);
        border-bottom: 1px solid var(--fw-border);
    }

    .ls-table th[b-2sc9c31c9d] {
        padding: 12px 14px;
        text-align: left;
        font-family: var(--fw-font-label);
        font-size: 12px;
        font-weight: 600;
        color: var(--fw-text-dim);
        letter-spacing: 0.8px;
        text-transform: uppercase;
        white-space: nowrap;
    }

        .ls-table th.ls-th-num[b-2sc9c31c9d] {
            text-align: center;
        }

.ls-th-sort[b-2sc9c31c9d] {
    cursor: pointer;
    user-select: none;
    transition: color 0.15s;
}

    .ls-th-sort:hover[b-2sc9c31c9d] {
        color: var(--fw-accent-green);
    }

.ls-row[b-2sc9c31c9d] {
    border-bottom: 1px solid var(--fw-border);
    transition: background 0.1s;
}

    .ls-row:last-child[b-2sc9c31c9d] {
        border-bottom: none;
    }

    .ls-row:hover[b-2sc9c31c9d] {
        background: rgba(45, 90, 39, 0.08);
    }

.ls-table td[b-2sc9c31c9d] {
    padding: 2px 14px;
    vertical-align: middle;
}

.ls-badge[b-2sc9c31c9d] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
}

    .ls-badge.por[b-2sc9c31c9d] {
        background: rgba(100,149,237,0.2);
        color: #6495ED;
    }

    .ls-badge.dif[b-2sc9c31c9d] {
        background: rgba(107,203,119,0.2);
        color: var(--fw-accent-green);
    }

    .ls-badge.cen[b-2sc9c31c9d] {
        background: rgba(255,215,0,0.2);
        color: var(--fw-accent-yellow);
    }

    .ls-badge.att[b-2sc9c31c9d] {
        background: rgba(255,82,82,0.2);
        color: #FF5252;
    }

.ls-td-nome[b-2sc9c31c9d] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ls-player-link[b-2sc9c31c9d] {
    font-family: var(--fw-font-headline);
    font-size: 14px;
    font-weight: 700;
    color: var(--fw-text);
    text-decoration: none;
    transition: color 0.15s;
}

    .ls-player-link:hover[b-2sc9c31c9d] {
        color: var(--fw-accent-green);
    }

.ls-player-full[b-2sc9c31c9d] {
    font-size: 12px;
    color: var(--fw-text-dim);
}

.ls-squadra-link[b-2sc9c31c9d] {
    font-size: 12px;
    color: var(--fw-text-muted);
    text-decoration: none;
    transition: color 0.15s;
}

    .ls-squadra-link:hover[b-2sc9c31c9d] {
        color: var(--fw-accent-green);
    }

.ls-td-muted[b-2sc9c31c9d] {
    color: var(--fw-text-muted);
    text-align: center;
}

.ls-td-num[b-2sc9c31c9d] {
    font-family: var(--fw-font-headline);
    font-weight: 600;
    text-align: center;
}

    .ls-td-num.green[b-2sc9c31c9d] {
        color: var(--fw-accent-green);
    }

    .ls-td-num.yellow[b-2sc9c31c9d] {
        color: var(--fw-accent-yellow);
    }

/* Titolarità bar */
.ls-meter-stack[b-2sc9c31c9d] {
    width: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.ls-meter-top[b-2sc9c31c9d] {
    font-family: var(--fw-font-headline);
    font-size: 12px;
    line-height: 1;
    color: white;
    text-align: center;
}

.ls-tit-bar[b-2sc9c31c9d] {
    width: 130px;
    min-width: 130px;
    height: 5px;
    background: var(--fw-surface-3);
    border-radius: 999px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}

.ls-tit-fill[b-2sc9c31c9d] {
    position: absolute;
    inset: 0 auto 0 0;
    height: 100%;
    border-radius: 999px;
}

.ls-link-icon[b-2sc9c31c9d] {
    color: var(--fw-text-dim);
    text-decoration: none;
    font-size: 16px;
    transition: color 0.15s;
}

    .ls-link-icon:hover[b-2sc9c31c9d] {
        color: var(--fw-accent-green);
    }

/* Barre: titolarità / rischio / cartellini */
.ls-tit-fill.meter-green[b-2sc9c31c9d] {
    background: #7AD35A;
}

.ls-tit-fill.meter-yellow[b-2sc9c31c9d] {
    background: #F0D458;
}

.ls-tit-fill.meter-orange[b-2sc9c31c9d] {
    background: #FFB14A;
}

.ls-tit-fill.meter-red[b-2sc9c31c9d] {
    background: #FF5757;
}

.ls-tit-fill.meter-white[b-2sc9c31c9d] {
    background: #DADADA;
}

.ls-tit-fill.meter-red-light[b-2sc9c31c9d] {
    background: #FF9A9A;
}

.ls-tit-fill.meter-red-strong[b-2sc9c31c9d] {
    background: #D7263D;
}

.al-modal-input[b-2sc9c31c9d] {
    width: 100px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    outline: none;
    transition: border-color 0.15s;
}
/* /Pages/Parametri.razor.rz.scp.css */
.fw-parametri[b-xsp923p0oe] {
    max-width: 800px;
}

.fw-parametri-label[b-xsp923p0oe] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--fw-accent-green);
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.fw-parametri-title[b-xsp923p0oe] {
    font-family: var(--fw-font-headline);
    font-size: 40px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 8px;
    line-height: 1.1;
}

    .fw-parametri-title span[b-xsp923p0oe] {
        color: var(--fw-accent-green);
    }

.fw-parametri-sub[b-xsp923p0oe] {
    font-size: 14px;
    color: var(--fw-text-muted);
    margin-bottom: 32px;
}

.fw-parametri-grid[b-xsp923p0oe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 32px;
}

.fw-parametri-card[b-xsp923p0oe] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 20px 24px;
}

.fw-parametri-card-wide[b-xsp923p0oe] {
    grid-column: 1 / -1;
}

.fw-parametri-card h3[b-xsp923p0oe] {
    font-family: var(--fw-font-headline);
    font-size: 14px;
    font-weight: 600;
    color: var(--fw-text-muted);
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fw-options[b-xsp923p0oe] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.fw-options--modalita[b-xsp923p0oe] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

    /* Riga 1 e 2: 2 bottoni uguali per riga (50% + 50%) */
    .fw-options--modalita > .fw-option-btn:nth-child(-n+4)[b-xsp923p0oe] {
        grid-column: span 3;
    }

    /* Riga 3: 3 bottoni uguali per riga (33.33% + 33.33% + 33.33%) */
    .fw-options--modalita > .fw-option-btn:nth-child(n+5)[b-xsp923p0oe] {
        grid-column: span 2;
    }

    /* ogni bottone riempie la sua cella */
    .fw-options--modalita > .fw-option-btn[b-xsp923p0oe] {
        width: 100%;
    }

.fw-option-btn[b-xsp923p0oe] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

    .fw-option-btn:hover[b-xsp923p0oe] {
        border-color: var(--fw-primary);
        color: var(--fw-text);
    }

    .fw-option-btn.active[b-xsp923p0oe] {
        background: var(--fw-primary);
        color: var(--fw-accent-green);
        border-color: var(--fw-primary);
    }

    .fw-option-btn:disabled[b-xsp923p0oe] {
        opacity: 0.45;
        cursor: not-allowed;
        color: var(--fw-text-dim);
        background: var(--fw-surface-2);
        border-color: var(--fw-border);
        filter: grayscale(0.8);
    }

        .fw-option-btn:disabled:hover[b-xsp923p0oe] {
            border-color: var(--fw-border);
            color: var(--fw-text-dim);
            background: var(--fw-surface-2);
        }

.fw-custom-inline[b-xsp923p0oe] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .fw-custom-inline input[b-xsp923p0oe] {
        width: 120px;
        background: var(--fw-surface-3);
        border: 1px solid var(--fw-border);
        border-radius: 8px;
        color: var(--fw-text);
        font-family: var(--fw-font-body);
        font-size: 13px;
        padding: 8px 10px;
        outline: none;
    }

        .fw-custom-inline input:focus[b-xsp923p0oe] {
            border-color: var(--fw-accent-green);
        }

    .fw-custom-inline span[b-xsp923p0oe] {
        font-size: 12px;
        color: var(--fw-text-dim);
    }

/* Slots */
.fw-slots-grid[b-xsp923p0oe] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.fw-slot-item[b-xsp923p0oe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

    .fw-slot-item.disabled[b-xsp923p0oe] {
        opacity: 0.45;
    }

.fw-slot-role[b-xsp923p0oe] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 4px;
}

    .fw-slot-role.por[b-xsp923p0oe] {
        background: rgba(255, 152, 0, 0.18);
        color: #ff9800;
    }

    .fw-slot-role.dif[b-xsp923p0oe] {
        background: rgba(107, 203, 119, 0.2);
        color: var(--fw-accent-green);
    }

    .fw-slot-role.cen[b-xsp923p0oe] {
        background: rgba(76, 141, 255, 0.2);
        color: #4c8dff;
    }

    .fw-slot-role.att[b-xsp923p0oe] {
        background: rgba(255, 82, 82, 0.2);
        color: #ff5252;
    }

    .fw-slot-role.gdm[b-xsp923p0oe] {
        background: rgba(155, 89, 255, 0.2);
        color: #9b59ff;
    }

.fw-slot-controls[b-xsp923p0oe] {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .fw-slot-controls button[b-xsp923p0oe] {
        width: 28px;
        height: 28px;
        border-radius: 6px;
        border: 1px solid var(--fw-border);
        background: var(--fw-surface-3);
        color: var(--fw-text);
        font-size: 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.15s;
    }

        .fw-slot-controls button:hover:not(:disabled)[b-xsp923p0oe] {
            background: var(--fw-primary);
        }

        .fw-slot-controls button:disabled[b-xsp923p0oe] {
            cursor: not-allowed;
            opacity: 0.5;
        }

    .fw-slot-controls span[b-xsp923p0oe] {
        font-family: var(--fw-font-headline);
        font-size: 22px;
        font-weight: 700;
        color: var(--fw-text);
        min-width: 24px;
        text-align: center;
    }

.fw-slot-totale[b-xsp923p0oe] {
    margin-top: 16px;
    font-size: 13px;
    color: var(--fw-text-muted);
    text-align: right;
}

    .fw-slot-totale strong[b-xsp923p0oe] {
        color: var(--fw-accent-green);
    }

.fw-btn-conferma[b-xsp923p0oe] {
    background: var(--fw-accent-green);
    color: #121212;
    border: none;
    border-radius: 10px;
    padding: 14px 36px;
    font-family: var(--fw-font-headline);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.8px;
    cursor: pointer;
    transition: opacity 0.2s;
}

    .fw-btn-conferma:hover[b-xsp923p0oe] {
        opacity: 0.85;
    }

.al-modal-input[b-xsp923p0oe] {
    width: 100px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    outline: none;
    transition: border-color 0.15s;
}
/* /Pages/SchedaGiocatore.razor.rz.scp.css */
.gp-container[b-gwagftk0na] {
    padding: 28px 32px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    max-width: 100%;
    overflow-x: hidden;
}

/* ===== BREADCRUMB ===== */
.gp-breadcrumb[b-gwagftk0na] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-family: var(--fw-font-label);
    font-size: 12px;
}

.gp-bc-link[b-gwagftk0na] {
    color: var(--fw-accent-green);
    text-decoration: none;
    transition: opacity 0.15s;
}

    .gp-bc-link:hover[b-gwagftk0na] {
        opacity: 0.7;
    }

.gp-bc-sep[b-gwagftk0na] {
    color: var(--fw-text-dim);
}

.gp-bc-current[b-gwagftk0na] {
    color: var(--fw-text-muted);
}

/* ===== HEADER / LAYOUT ===== */
.gp-header[b-gwagftk0na] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 16px;
    align-items: start;
    margin-bottom: 14px;
}

.gp-header-left[b-gwagftk0na] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.gp-header-info[b-gwagftk0na] {
    flex: 1;
    min-width: 0;
}

.gp-main-left[b-gwagftk0na],
.gp-main-right[b-gwagftk0na] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.gp-main-left[b-gwagftk0na] {
    align-self: stretch;
    gap: 10px;
}

.gp-main-right[b-gwagftk0na] {
    align-self: stretch;
}

/* ===== HEADER CONTENT ===== */
.gp-header-top[b-gwagftk0na] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.gp-badge[b-gwagftk0na] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 5px;
}

.gp-squadra-link[b-gwagftk0na] {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 12px;
    transition: color 0.15s;
}

    .gp-squadra-link:hover[b-gwagftk0na] {
        color: var(--fw-accent-green);
    }

.gp-squadra-logo[b-gwagftk0na] {
    width: 22px;
    height: 22px;
    object-fit: contain;
    background: #F0F0F0;
    border-radius: 4px;
    padding: 2px;
}

.gp-title[b-gwagftk0na] {
    font-family: var(--fw-font-headline);
    font-size: 42px;
    font-weight: 700;
    color: var(--fw-text-muted);
    line-height: 1;
    margin-bottom: 10px;
}

    .gp-title span[b-gwagftk0na] {
        color: var(--fw-text);
    }

.gp-anagrafica[b-gwagftk0na] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    font-size: 11px;
    color: var(--fw-text-muted);
}

.gp-dot[b-gwagftk0na] {
    color: var(--fw-text-dim);
    font-size: 24px;
}

.gp-title-row[b-gwagftk0na] {
    display: flex;
    align-items: flex-end;
}

.gp-header-top-actions[b-gwagftk0na] {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 5px;
}

.gp-player-modal-overlay[b-gwagftk0na] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 16px;
}

.gp-player-modal[b-gwagftk0na] {
    width: min(560px, 96vw);
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    overflow: visible;
}

.gp-player-modal-header[b-gwagftk0na] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid var(--fw-border);
}

.gp-player-modal-body[b-gwagftk0na] {
    padding: 14px;
}

.gp-player-modal-footer[b-gwagftk0na] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid var(--fw-border);
}

/* ===== CARDS ===== */
.gp-card[b-gwagftk0na] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    padding: 10px;
}

.gp-card-title[b-gwagftk0na] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    color: var(--fw-accent-green);
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

/* ===== STATS ===== */
.gp-stat[b-gwagftk0na] {
    margin-bottom: 8px;
}

.gp-stat-head[b-gwagftk0na] {
    display: flex;
    justify-content: space-between;
    font-family: var(--fw-font-label);
    font-size: 12px;
    font-weight: bold;
    color: var(--fw-text-muted);
    margin-bottom: 4px;
}

.gp-meter[b-gwagftk0na] {
    height: 6px;
    background: var(--fw-surface-3);
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

    .gp-meter > span[b-gwagftk0na] {
        position: absolute;
        inset: 0 auto 0 0;
        border-radius: 999px;
    }

.gp-premium-row[b-gwagftk0na] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 4px 0 8px;
}

    .gp-premium-row > div[b-gwagftk0na] {
        background: var(--fw-surface-3);
        border: 1px solid var(--fw-border);
        border-radius: 8px;
        padding: 6px;
    }

    .gp-premium-row span[b-gwagftk0na] {
        display: block;
        font-size: 9px;
        color: var(--fw-text-dim);
    }

    .gp-premium-row strong[b-gwagftk0na] {
        font-size: 14px;
    }

.gp-stats-grid[b-gwagftk0na] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.gp-stat-tile[b-gwagftk0na] {
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    padding: 8px;
    min-height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
    padding-top: 2px;
    gap: 6px;
}

.gp-stat-tile-label[b-gwagftk0na] {
    display: block;
    font-size: 10px;
    color: var(--fw-text-dim);
    font-family: var(--fw-font-label);
    letter-spacing: 0.4px;
}

.gp-stat-tile-value[b-gwagftk0na] {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-weight: 700;
    text-align: center;
}

.gp-meter-stack[b-gwagftk0na] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.gp-meter-top[b-gwagftk0na] {
    font-family: var(--fw-font-headline);
    font-size: 12px;
    line-height: 1;
    color: var(--fw-text);
    text-align: center;
}

.gp-meter-line[b-gwagftk0na] {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 999px;
    background: var(--fw-surface-2);
    overflow: hidden;
}

    .gp-meter-line > span[b-gwagftk0na] {
        position: absolute;
        inset: 0 auto 0 0;
        border-radius: 999px;
    }

/* ===== RIGORI ===== */
.gp-r-row[b-gwagftk0na] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 8px;
    margin: 4px 0 8px;
}

    .gp-r-row > div[b-gwagftk0na] {
        text-align: center;
    }

    .gp-r-row span[b-gwagftk0na] {
        display: block;
        font-size: 11px;
        font-weight: bold;
        color: var(--fw-text-muted);
    }

    .gp-r-row strong[b-gwagftk0na] {
        font-size: 22px;
        line-height: 1;
    }

.gp-r-div[b-gwagftk0na] {
    background: var(--fw-border);
}

.gp-r-bar-row[b-gwagftk0na] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

.gp-r-bar[b-gwagftk0na] {
    height: 8px;
    background: var(--fw-surface-3);
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

    .gp-r-bar > span[b-gwagftk0na] {
        position: absolute;
        inset: 0 auto 0 0;
        border-radius: 999px;
        background: #4D7CFF;
    }

/* ===== TOP ROW LEFT ===== */
.gp-top-row[b-gwagftk0na] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: stretch;
}

    .gp-top-row > .gp-card[b-gwagftk0na] {
        margin: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

.gp-card-title-row[b-gwagftk0na] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

    .gp-card-title-row .gp-card-title[b-gwagftk0na] {
        margin: 0;
    }

    .gp-card-title-row .sq-chart-info[b-gwagftk0na] {
        flex-shrink: 0;
    }

    .gp-card-title-row .gp-chart-tooltip strong[b-gwagftk0na] {
        font-weight: 700;
        color: var(--fw-text);
    }

.sq-chart-info[b-gwagftk0na] {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--fw-text-dim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fw-font-headline);
    font-size: 12px;
    color: var(--fw-text-dim);
    background: var(--fw-surface-2);
    cursor: help;
}

.sq-chart-tooltip[b-gwagftk0na] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(420px, 78vw);
    background: #111820;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    color: var(--fw-text-muted);
    font-size: 12px;
    line-height: 1.45;
    padding: 10px 12px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.35);
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 0.12s, transform 0.12s;
}

.sq-chart-info:hover .sq-chart-tooltip[b-gwagftk0na],
.sq-chart-info:focus .sq-chart-tooltip[b-gwagftk0na] {
    opacity: 1;
    transform: translateY(0);
}

/* ===== RUOLI CARD ===== */
.gp-roles-card .gp-card-title[b-gwagftk0na] {
    margin-bottom: 10px;
}

.gp-roles-card .gp-mode-grid[b-gwagftk0na] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .gp-roles-card .gp-mode-grid > div[b-gwagftk0na] {
        min-height: 24px;
        padding: 4px 5px;
        border-radius: 9px;
        border: 1px solid var(--fw-border);
        background: var(--fw-surface-3);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
    }

        .gp-roles-card .gp-mode-grid > div > span[b-gwagftk0na] {
            font-size: 10px;
            line-height: 1;
            letter-spacing: 0.3px;
            color: var(--fw-text);
        }

        .gp-roles-card .gp-mode-grid > div > b[b-gwagftk0na] {
            min-width: 30px;
            text-align: center;
            padding: 4px 9px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 700;
        }

.gp-description[b-gwagftk0na] {
    font-size: 11px;
    line-height: 1.35;
    color: var(--fw-text-muted);
}

/* ===== RIGHT MENU ===== */
.gp-right-menu-card[b-gwagftk0na] {
    width: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 100%), var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    align-content: start;
}

.gp-right-menu-link[b-gwagftk0na] {
    min-height: 54px;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%), var(--fw-surface-3);
    color: var(--fw-text);
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 8px;
    cursor: pointer;
    transition: border-color .15s, color .15s, transform .15s, box-shadow .15s;
}

    .gp-right-menu-link:hover[b-gwagftk0na] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(0,0,0,.22);
    }

    .gp-right-menu-link.active[b-gwagftk0na] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
        background: rgba(45, 90, 39, .18);
        box-shadow: inset 0 0 0 1px rgba(107, 203, 119, .2);
    }

/* ===== COLORI RUOLI / BARRE ===== */

.meter-white[b-gwagftk0na] {
    background: #fff;
}

.meter-red-light[b-gwagftk0na] {
    background: #FF8B8B;
}

.meter-red[b-gwagftk0na] {
    background: #FF5252;
}

.meter-red-strong[b-gwagftk0na] {
    background: #D50000;
}

.meter-orange[b-gwagftk0na] {
    background: #FFB020;
}

.meter-yellow[b-gwagftk0na] {
    background: #FFD700;
}

.meter-green[b-gwagftk0na] {
    background: #6BCB77;
}

.gp-right-dynamic-section[b-gwagftk0na] {
    margin-top: 10px;
}

.gp-right-section-card[b-gwagftk0na] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 12px;
}

    .gp-right-section-card > .gp-imp-summary[b-gwagftk0na],
    .gp-right-section-card > .gp-imp-chart-center[b-gwagftk0na] {
        width: min(760px, 100%);
        margin-left: auto;
        margin-right: auto;
    }

.gp-imp-summary[b-gwagftk0na] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr) 1px auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
    width: 70%;
}

.gp-imp-summary-header[b-gwagftk0na] {
    width: auto;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .gp-imp-summary-header .gp-chart-tooltip strong[b-gwagftk0na] {
        font-weight: 700;
        color: var(--fw-text);
    }

.gp-imp-summary-divider[b-gwagftk0na] {
    height: 100%;
    min-height: 58px;
    background: var(--fw-border);
}

.gp-imp-item[b-gwagftk0na] {
    min-width: 0;
}

.gp-r-bar-row[b-gwagftk0na],
.gp-imp-bar-row[b-gwagftk0na] {
    display: block;
}

    .gp-r-bar-row .gp-stat-head[b-gwagftk0na],
    .gp-imp-bar-row .gp-stat-head[b-gwagftk0na] {
        margin-bottom: 4px;
    }

.gp-imp-bar[b-gwagftk0na] {
    height: 7px;
    background: var(--fw-surface-3);
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

    .gp-imp-bar > span[b-gwagftk0na] {
        position: absolute;
        inset: 0 auto 0 0;
        border-radius: 999px;
    }

.gp-imp-head[b-gwagftk0na] {
    width: min(760px, 100%);
    margin-inline: auto;
    display: flex;
    justify-content: flex-end; /* i sempre a destra */
    align-items: center;
}

.gp-imp-legend[b-gwagftk0na] {
    display: none;
}

.gp-chart-info[b-gwagftk0na] {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--fw-text-dim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fw-font-headline);
    font-size: 12px;
    color: var(--fw-text-dim);
    background: var(--fw-surface-2);
    cursor: help;
}

.gp-stats-info .gp-chart-tooltip[b-gwagftk0na] {
    top: 0;
    left: calc(100% + 8px);
    right: auto;
}

.gp-chart-tooltip[b-gwagftk0na] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(420px, 78vw);
    background: #111820;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    color: var(--fw-text-muted);
    font-size: 12px;
    line-height: 1.45;
    padding: 10px 12px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.35);
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 0.12s, transform 0.12s;
}

.gp-chart-info:hover .gp-chart-tooltip[b-gwagftk0na],
.gp-chart-info:focus-within .gp-chart-tooltip[b-gwagftk0na] {
    opacity: 1;
    transform: translateY(0);
}

.gp-imp-chart-center[b-gwagftk0na] {
    display: flex;
    justify-content: center;
}

.gp-mb-wrap[b-gwagftk0na] {
    width: min(760px, 100%);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gp-mb-card[b-gwagftk0na] {
    background: transparent;
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 10px;
}

.gp-mb-head[b-gwagftk0na] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.gp-mb-title[b-gwagftk0na] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--fw-text-muted);
}

.gp-imp-chart-card[b-gwagftk0na] {
    width: min(760px, 100%);
    margin-inline: auto;
    background: transparent;
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 10px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
    .gp-header[b-gwagftk0na] {
        grid-template-columns: 1fr;
    }

    .gp-top-row[b-gwagftk0na] {
        grid-template-columns: 1fr;
    }

    .gp-right-menu-card[b-gwagftk0na] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/SchedaSquadra.razor.rz.scp.css */
.sq-container[b-f3ncq24s25] {
    padding: 28px 32px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    max-width: 100%;
    overflow-x: hidden;
}

/* ===== BREADCRUMB ===== */
.sq-breadcrumb[b-f3ncq24s25] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-family: var(--fw-font-label);
    font-size: 12px;
}

.sq-bc-link[b-f3ncq24s25] {
    color: var(--fw-accent-green);
    text-decoration: none;
    transition: opacity 0.15s;
}

    .sq-bc-link:hover[b-f3ncq24s25] {
        opacity: 0.7;
    }

.sq-bc-sep[b-f3ncq24s25] {
    color: var(--fw-text-dim);
}

.sq-bc-current[b-f3ncq24s25] {
    color: var(--fw-text-muted);
}

/* ===== HEADER ===== */
.sq-header[b-f3ncq24s25] {
    display: grid;
    grid-template-columns: calc(100px + 28px + 450px) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
    margin-bottom: 36px;
}

.sq-header-left[b-f3ncq24s25] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    max-width: calc(100px + 28px + 450px);
}

.sq-header-top[b-f3ncq24s25] {
    display: flex;
    align-items: flex-start;
    gap: 28px;
}

.sq-header-menu-card[b-f3ncq24s25] {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 100%), var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)); /* 5 pulsanti in riga */
    grid-template-rows: auto;
    gap: 10px;
    align-content: start; /* occupano solo la parte alta */
    align-self: stretch;
}

.sq-header-menu-link[b-f3ncq24s25] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; /* testo centrato */
    text-align: center;
    min-height: 70px; 
    text-decoration: none;
    color: var(--fw-text);
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--fw-border);
    background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%), var(--fw-surface-3);
    transition: border-color 0.15s, color 0.15s, transform 0.15s, box-shadow 0.15s;
    width: 100%;
    appearance: none;
    cursor: pointer;
}

    .sq-header-menu-link[b-f3ncq24s25]::before {
        display: none; 
    }

    .sq-header-menu-link:hover[b-f3ncq24s25] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(0,0,0,0.22);
    }

        .sq-header-menu-link:hover[b-f3ncq24s25]::before {
            background: var(--fw-accent-green);
            transform: scale(1.15);
        }

    .sq-header-menu-link.active[b-f3ncq24s25] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
        background: rgba(45, 90, 39, 0.18);
        box-shadow: inset 0 0 0 1px rgba(107, 203, 119, 0.2);
    }

.sq-logo-wrap[b-f3ncq24s25] {
    width: 100px;
    height: 100px;
    background: #F0F0F0;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 12px;
}

.sq-logo[b-f3ncq24s25] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sq-header-info[b-f3ncq24s25] {
    flex: 0 0 450px;
    min-width: 450px;
    max-width: 450px;
}

.sq-strength-info[b-f3ncq24s25] {
    display: flex;
    justify-content: flex-end;
    height: 20px;
}

.sq-label[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--fw-accent-green);
    display: block;
    margin-bottom: 6px;
}

.sq-title[b-f3ncq24s25] {
    font-family: var(--fw-font-headline);
    font-size: 40px;
    font-weight: 700;
    color: var(--fw-text);
    line-height: 1;
    margin-bottom: 14px;
}

.sq-strength-wrap[b-f3ncq24s25] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 450px;
}

.sq-strength-row[b-f3ncq24s25] {
    display: grid;
    grid-template-columns: 68px 1fr 30px;
    align-items: center;
    gap: 10px;
}

.sq-strength-label[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    color: var(--fw-text-dim);
    letter-spacing: 0.8px;
}

.sq-strength-value[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-muted);
    text-align: right;
}

.sq-meter[b-f3ncq24s25] {
    position: relative;
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: var(--fw-surface-3);
    overflow: hidden;
}

    .sq-meter > span[b-f3ncq24s25] {
        position: absolute;
        inset: 0 auto 0 0;
        border-radius: 999px;
    }

    .sq-meter.attack > span[b-f3ncq24s25] {
        background: var(--fw-accent-green);
    }

    .sq-meter.defense > span[b-f3ncq24s25] {
        background: #6495ED;
    }


.sq-description-card[b-f3ncq24s25] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 14px 16px;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.sq-description-title[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    color: var(--fw-accent-green);
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.sq-description-text[b-f3ncq24s25] {
    font-size: 12px;
    color: var(--fw-text-muted);
    line-height: 1.5;
}

/* ===== CHARTS ROW ===== */
.sq-charts-row[b-f3ncq24s25] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 16px;
    margin-bottom: 36px;
}

.sq-chart-card[b-f3ncq24s25] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 22px 24px;
}

.sq-chart-title[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    color: var(--fw-accent-green);
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

/* Legenda gol per ruolo */
.sq-donut-legend[b-f3ncq24s25] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sq-legend-item[b-f3ncq24s25] {
    display: grid;
    grid-template-columns: 10px 32px auto 1fr;
    align-items: center;
    gap: 8px;
}

.sq-legend-dot[b-f3ncq24s25] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .sq-legend-dot.att[b-f3ncq24s25] {
        background: #FF5252;
    }

    .sq-legend-dot.cen[b-f3ncq24s25] {
        background: var(--fw-accent-yellow);
    }

    .sq-legend-dot.dif[b-f3ncq24s25] {
        background: var(--fw-accent-green);
    }

    .sq-legend-dot.por[b-f3ncq24s25] {
        background: #6495ED;
    }

.sq-legend-label[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-muted);
}

.sq-legend-val[b-f3ncq24s25] {
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 700;
    color: var(--fw-text);
    text-align: right;
}

.sq-legend-bar[b-f3ncq24s25] {
    height: 6px;
    background: var(--fw-surface-3);
    border-radius: 3px;
    overflow: hidden;
}

.sq-legend-fill[b-f3ncq24s25] {
    height: 100%;
    border-radius: 3px;
}

    .sq-legend-fill.att[b-f3ncq24s25] {
        background: #FF5252;
    }

    .sq-legend-fill.cen[b-f3ncq24s25] {
        background: var(--fw-accent-yellow);
    }

    .sq-legend-fill.dif[b-f3ncq24s25] {
        background: var(--fw-accent-green);
    }

    .sq-legend-fill.por[b-f3ncq24s25] {
        background: #6495ED;
    }

/* Barchart giornate */
.sq-bar-chart[b-f3ncq24s25] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 90px;
    margin-bottom: 8px;
}

.sq-bar-item[b-f3ncq24s25] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    flex: 1;
}

.sq-bar-col[b-f3ncq24s25] {
    display: flex;
    align-items: flex-end;
    height: 72px;
}

.sq-bar[b-f3ncq24s25] {
    width: 100%;
    min-height: 4px;
    border-radius: 3px 3px 0 0;
    transition: opacity 0.15s;
}

    .sq-bar.home[b-f3ncq24s25] {
        background: var(--fw-accent-green);
    }

    .sq-bar.away[b-f3ncq24s25] {
        background: #3A5A28;
    }

    .sq-bar:hover[b-f3ncq24s25] {
        opacity: 0.75;
    }

.sq-bar-label[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 9px;
    color: var(--fw-text-dim);
}

.sq-bar-legend[b-f3ncq24s25] {
    display: flex;
    gap: 16px;
    font-family: var(--fw-font-label);
    font-size: 11px;
}

.sq-bar-leg-item.home[b-f3ncq24s25] {
    color: var(--fw-accent-green);
}

.sq-bar-leg-item.away[b-f3ncq24s25] {
    color: #3A5A28;
}

/* ===== ROSA ===== */
.sq-rosa-section[b-f3ncq24s25] {
}

.sq-rosa-header[b-f3ncq24s25] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.sq-filter-group[b-f3ncq24s25] {
    display: flex;
    gap: 4px;
}

.sq-filter-btn[b-f3ncq24s25] {
    padding: 7px 12px;
    border-radius: 6px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-2);
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

    .sq-filter-btn:hover[b-f3ncq24s25] {
        color: var(--fw-text);
    }

    .sq-filter-btn.active[b-f3ncq24s25] {
        background: var(--fw-primary);
        color: var(--fw-accent-green);
        border-color: var(--fw-primary);
    }

.sq-search-input[b-f3ncq24s25] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    font-size: 13px;
    padding: 7px 12px;
    outline: none;
    transition: border-color 0.15s;
    width: 180px;
}

    .sq-search-input:focus[b-f3ncq24s25] {
        border-color: var(--fw-accent-green);
    }

    .sq-search-input[b-f3ncq24s25]::placeholder {
        color: var(--fw-text-dim);
    }

/* Grid giocatori */
.sq-players-grid[b-f3ncq24s25] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px;
}

.sq-player-card[b-f3ncq24s25] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 16px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: border-color 0.15s, transform 0.15s;
    cursor: pointer;
}

    .sq-player-card:hover[b-f3ncq24s25] {
        border-color: var(--fw-accent-green);
        transform: translateY(-2px);
    }

.sq-player-top[b-f3ncq24s25] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sq-p-badge[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
}

    .sq-p-badge.por[b-f3ncq24s25] {
        background: rgba(100,149,237,0.2);
        color: #6495ED;
    }

    .sq-p-badge.dif[b-f3ncq24s25] {
        background: rgba(107,203,119,0.2);
        color: var(--fw-accent-green);
    }

    .sq-p-badge.cen[b-f3ncq24s25] {
        background: rgba(255,215,0,0.2);
        color: var(--fw-accent-yellow);
    }

    .sq-p-badge.att[b-f3ncq24s25] {
        background: rgba(255,82,82,0.2);
        color: #FF5252;
    }

.sq-p-numero[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-dim);
}

.sq-player-photo[b-f3ncq24s25] {
    width: 56px;
    height: 56px;
    background: var(--fw-surface-3);
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}

    .sq-player-photo img[b-f3ncq24s25] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0) invert(0.6);
    }

.sq-player-info[b-f3ncq24s25] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: center;
}

.sq-p-cognome[b-f3ncq24s25] {
    font-family: var(--fw-font-headline);
    font-size: 16px;
    font-weight: 700;
    color: var(--fw-text);
}

.sq-p-nome[b-f3ncq24s25] {
    font-size: 11px;
    color: var(--fw-text-dim);
}

.sq-player-stats[b-f3ncq24s25] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
}

.sq-p-stat[b-f3ncq24s25] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.sq-p-stat-l[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 9px;
    color: var(--fw-text-dim);
}

.sq-p-stat-v[b-f3ncq24s25] {
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 700;
    color: var(--fw-text);
}

    .sq-p-stat-v.green[b-f3ncq24s25] {
        color: var(--fw-accent-green);
    }

.sq-player-footer[b-f3ncq24s25] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sq-tit-bar[b-f3ncq24s25] {
    height: 4px;
    background: var(--fw-surface-3);
    border-radius: 2px;
    overflow: hidden;
}

.sq-tit-fill[b-f3ncq24s25] {
    height: 100%;
    background: var(--fw-accent-green);
    border-radius: 2px;
}

.sq-report-link[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    color: var(--fw-text-dim);
    text-align: right;
    letter-spacing: 0.5px;
    transition: color 0.15s;
}

.sq-player-card:hover .sq-report-link[b-f3ncq24s25] {
    color: var(--fw-accent-green);
}

.sq-dynamic-section[b-f3ncq24s25] {
    margin-bottom: 28px;
}

.sq-section-card[b-f3ncq24s25] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 20px 22px;
}

.sq-section-title[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 700;
    color: var(--fw-accent-green);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sq-section-text[b-f3ncq24s25] {
    font-size: 14px;
    color: var(--fw-text-muted);
    line-height: 1.6;
}

.sq-formation-card[b-f3ncq24s25] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 14px;
}

.sq-formation-topbar[b-f3ncq24s25] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 14px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.sq-formation-top-label[b-f3ncq24s25] {
    display: block;
    font-family: var(--fw-font-label);
    font-size: 10px;
    letter-spacing: 0.8px;
    color: var(--fw-text-dim);
    margin-bottom: 6px;
}

.sq-formation-select[b-f3ncq24s25] {
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    color: var(--fw-text);
    border-radius: 8px;
    padding: 8px 10px;
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    min-width: 150px;
}

.sq-formation-module-btn[b-f3ncq24s25] {
    cursor: pointer;
}

.sq-pitch[b-f3ncq24s25] {
    position: relative;
    width: min(100%, 800px); 
    aspect-ratio: 1 / 1; 
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--fw-border);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
    background: url('/campo.png') center center / cover no-repeat;
}

.sq-pitch-slot[b-f3ncq24s25] {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 102px;
    text-align: center;
}

.sq-pitch-player-badge[b-f3ncq24s25] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(107,203,119,0.45);
    border-radius: 14px;
    background: linear-gradient(165deg, rgba(16,24,35,0.95), rgba(10,15,23,0.95));
    box-shadow: 0 8px 20px rgba(0,0,0,0.35), inset 0 0 0 1px rgba(255,255,255,0.03);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 6px;
    cursor: pointer;
    transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.sq-pitch-player-badge.is-editable:hover[b-f3ncq24s25] {
    transform: translateY(-2px);
    border-color: var(--fw-accent-green);
    box-shadow: 0 10px 24px rgba(0,0,0,0.45), 0 0 0 2px rgba(107,203,119,0.15);
}

    .sq-pitch-player-badge.is-empty[b-f3ncq24s25] {
        border: 1px dashed rgba(107,203,119,0.55);
        background: linear-gradient(165deg, rgba(16,24,35,0.75), rgba(10,15,23,0.75));
        box-shadow: 0 8px 20px rgba(0,0,0,0.28), inset 0 0 0 1px rgba(255,255,255,0.02);
    }

        .sq-pitch-player-badge.is-empty .sq-pitch-player-name[b-f3ncq24s25] {
            font-size: 34px; /* + più grande */
            font-weight: 800;
            line-height: 1;
            letter-spacing: 0;
            text-transform: none;
            color: var(--fw-accent-green);
        }

        .sq-pitch-player-badge.is-empty.is-editable:hover[b-f3ncq24s25] {
            border-color: var(--fw-accent-green);
            box-shadow: 0 10px 24px rgba(0,0,0,0.40), 0 0 0 2px rgba(107,203,119,0.18);
        }

.sq-pitch-player-eta[b-f3ncq24s25] {
    font-family: var(--fw-font-headline);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #6495ED; /*azzurro*/
}

.sq-pitch-player-name[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
}

.sq-pitch-player-value[b-f3ncq24s25] {
    display: inline-block;
    margin-top: 6px;
    min-width: 48px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(100,149,237,0.35);
    background: #6495ED;
    color: #dfe9ff;
    font-family: var(--fw-font-headline);
    font-size: 12px;
    font-weight: 700;
}

/* wrapper slot player con overlay */
.sq-pitch-player-wrap[b-f3ncq24s25] {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
}

    /* il badge riempie il wrapper */
    .sq-pitch-player-wrap .sq-pitch-player-badge[b-f3ncq24s25] {
        width: 100%;
        height: 100%;
    }

/* X dentro badge, in alto a destra */
.sq-pitch-player-remove[b-f3ncq24s25] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid var(--fw-border);
    border-radius: 999px;
    background: var(--fw-surface-3);
    color: var(--fw-text);
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    padding: 0;
}

    .sq-pitch-player-remove:hover[b-f3ncq24s25] {
        border-color: #ff6b6b;
        color: #ff6b6b;
    }

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

    .sq-header-left[b-f3ncq24s25],
    .sq-header-info[b-f3ncq24s25] {
        max-width: 100%;
        min-width: 0;
        flex-basis: auto;
    }

    .sq-header-menu-card[b-f3ncq24s25] {
        min-height: 320px;
    }
}

.sq-factor-badges[b-f3ncq24s25] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.sq-factor-badge[b-f3ncq24s25] {
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
    color: var(--fw-text-muted);
    border-radius: 999px;
    padding: 6px 10px;
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, transform 0.15s, opacity 0.15s;
}

    .sq-factor-badge:hover[b-f3ncq24s25] {
        transform: translateY(-1px);
        color: var(--fw-text);
    }

    .sq-factor-badge.active[b-f3ncq24s25] {
        color: #fff;
    }

    .sq-factor-badge.assist.active[b-f3ncq24s25] {
        border-color: #6BCB77;
        background: rgba(107,203,119,0.28);
    }

    .sq-factor-badge.risk.active[b-f3ncq24s25] {
        border-color: #FFB020;
        background: rgba(255,176,32,0.25);
    }

    .sq-factor-badge.goal.active[b-f3ncq24s25] {
        border-color: #FF5252;
        background: rgba(255,82,82,0.25);
    }

    .sq-factor-badge.tit.active[b-f3ncq24s25] {
        border-color: #6495ED;
        background: rgba(100,149,237,0.25);
    }

    .sq-factor-badge.premium.active[b-f3ncq24s25] {
        border-color: #B388FF;
        background: rgba(179,136,255,0.25);
    }

    .sq-factor-badge:disabled[b-f3ncq24s25] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.sq-pitch-module-label[b-f3ncq24s25] {
    text-align: center;
    font-family: var(--fw-font-headline);
    font-size: 48px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    color: var(--fw-accent-green);
    letter-spacing: 3px;
    margin: 20px 10px 10px 10px;
    text-shadow: 0 0 16px rgba(107, 203, 119, 0.25);
}

.sq-player-picker-backdrop[b-f3ncq24s25] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(2px);
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.sq-player-picker-dialog[b-f3ncq24s25] {
    width: min(560px, 100%);
    max-height: min(78vh, 760px);
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.sq-player-picker-header[b-f3ncq24s25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid var(--fw-border);
}

.sq-player-picker-title[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: var(--fw-accent-green);
    text-transform: uppercase;
}

.sq-player-picker-close[b-f3ncq24s25] {
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
    color: var(--fw-text);
    border-radius: 8px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.sq-player-picker-search[b-f3ncq24s25] {
    margin: 12px 14px 10px;
    display: flex;
    align-items: center;
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    padding: 0 12px;
    gap: 8px;
}

.sq-player-picker-search-icon[b-f3ncq24s25] {
    width: 15px;
    height: 15px;
    opacity: 0.5;
    filter: brightness(0) invert(1);
}

.sq-player-picker-search-input[b-f3ncq24s25] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--fw-text);
    font-size: 14px;
    padding: 11px 0;
}

.sq-player-picker-list[b-f3ncq24s25] {
    overflow: auto;
    padding: 0 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sq-player-picker-item[b-f3ncq24s25] {
    width: 100%;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
    color: var(--fw-text);
    border-radius: 10px;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 48px 1fr auto;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-align: left;
}

.sq-player-picker-item[b-f3ncq24s25] {
    grid-template-columns: 72px 1fr auto;
}

    .sq-player-picker-item .sq-rosa-role-badge[b-f3ncq24s25] {
        justify-self: start;
    }

.sq-player-picker-item:hover[b-f3ncq24s25] {
    border-color: var(--fw-accent-green);
    background: rgba(45, 90, 39, 0.2);
}

.sq-player-picker-item-num[b-f3ncq24s25] {
    font-family: var(--fw-font-headline);
    font-size: 14px;
    color: #6495ED; /*azzurro*/
}

.sq-player-picker-item-name[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.sq-player-picker-item-meta[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    color: var(--fw-text-dim);
}

.sq-rosa-table-wrap[b-f3ncq24s25] {
    max-height: 62vh; 
    overflow: auto; 
    border-radius: 12px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-3);
}

.sq-rosa-head[b-f3ncq24s25] {
    display: flex;
    align-items: end;
    justify-content: end;
    gap: 12px;
    margin-bottom: 10px;
}

.sq-rosa-info[b-f3ncq24s25] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

    .sq-rosa-info .sq-chart-tooltip strong[b-f3ncq24s25] {
        color: var(--fw-text);
    }

.sq-rosa-order-note[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    letter-spacing: 0.8px;
    color: var(--fw-text-dim);
    text-transform: uppercase;
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 999px;
    padding: 4px 10px;
}

.sq-rosa-table-wrap[b-f3ncq24s25] {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid var(--fw-border);
    background: var(--fw-surface-2);
}

.sq-rosa-table[b-f3ncq24s25] {
    width: 100%;
    border-collapse: collapse;
    min-width: 810px;
}

    /* header tabella fisso durante lo scroll interno */
    .sq-rosa-table thead th[b-f3ncq24s25] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: var(--fw-surface-3);
    }

    .sq-rosa-table th.ls-th-num[b-f3ncq24s25] {
        text-align: center;
    }

.sq-rosa-role-badge.role-yellow[b-f3ncq24s25] {
    background: rgba(240, 212, 88, 0.2);
    color: #F0D458;
}

.sq-rosa-meter-stack[b-f3ncq24s25] {
    width: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.sq-rosa-meter-top[b-f3ncq24s25] {
    font-family: var(--fw-font-headline);
    font-size: 12px;
    line-height: 1;
    /*color: var(--fw-accent-green);*/
    color: white;
    text-align: center;
}

    .sq-rosa-table thead tr[b-f3ncq24s25] {
        background: var(--fw-surface-3);
        border-bottom: 1px solid var(--fw-border);
    }

    .sq-rosa-table th[b-f3ncq24s25] {
        padding: 12px 14px;
        text-align: left;
        font-family: var(--fw-font-label);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        color: var(--fw-text-dim);
        white-space: nowrap;
    }

    .sq-rosa-table td[b-f3ncq24s25] {
        padding: 12px 14px;
        border-bottom: 1px solid var(--fw-border);
        vertical-align: middle;
        font-size: 13px;
        color: var(--fw-text);
    }

.sq-rosa-row:last-child td[b-f3ncq24s25] {
    border-bottom: none;
}

.sq-rosa-row:hover[b-f3ncq24s25] {
    background: rgba(45, 90, 39, 0.10);
}

.sq-rosa-name-link[b-f3ncq24s25] {
    color: var(--fw-accent-green);
    text-decoration: none;
    font-weight: 700;
}

    .sq-rosa-name-link:hover[b-f3ncq24s25] {
        text-decoration: underline;
    }

.sq-rosa-role-badge[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 3px 8px;
    border-radius: 6px;
}

    .sq-rosa-role-badge.role-red[b-f3ncq24s25] {
        background: rgba(255,82,82,0.2);
        color: #FF5252;
    }

    .sq-rosa-role-badge.role-violet[b-f3ncq24s25] {
        background: rgba(155,89,255,0.2);
        color: #9B59FF;
    }

    .sq-rosa-role-badge.role-blue[b-f3ncq24s25] {
        background: rgba(76,141,255,0.2);
        color: #4C8DFF;
    }

    .sq-rosa-role-badge.role-green[b-f3ncq24s25] {
        background: rgba(107,203,119,0.2);
        color: var(--fw-accent-green);
    }

    .sq-rosa-role-badge.role-orange[b-f3ncq24s25] {
        background: rgba(255,152,0,0.2);
        color: #FF9800;
    }

    .sq-rosa-role-badge.role-neutral[b-f3ncq24s25] {
        background: rgba(180,180,180,0.2);
        color: #bdbdbd;
    }

.sq-rosa-secondary[b-f3ncq24s25] {
    color: var(--fw-text-muted);
    font-size: 12px;
}

.sq-rosa-meter-wrap[b-f3ncq24s25] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sq-rosa-meter[b-f3ncq24s25] {
    position: relative;
    width: 130px;
    height: 5px;
    border-radius: 999px;
    background: var(--fw-surface-3);
    overflow: hidden;
}

    .sq-rosa-meter > span[b-f3ncq24s25] {
        position: absolute;
        inset: 0 auto 0 0;
        border-radius: 999px;
    }

.sq-rosa-num[b-f3ncq24s25] {
    text-align: center;
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 700;
    color: var(--fw-text);
}

        .sq-rosa-meter > span.meter-green[b-f3ncq24s25] {
            background: #7AD35A;
        }

        .sq-rosa-meter > span.meter-yellow[b-f3ncq24s25] {
            background: #F0D458;
        }

        .sq-rosa-meter > span.meter-orange[b-f3ncq24s25] {
            background: #FFB14A;
        }

        .sq-rosa-meter > span.meter-red[b-f3ncq24s25] {
            background: #FF5757;
        }

        .sq-rosa-meter > span.meter-white[b-f3ncq24s25] {
            background: #DADADA;
        }

        .sq-rosa-meter > span.meter-red-light[b-f3ncq24s25] {
            background: #FF9A9A;
        }

        .sq-rosa-meter > span.meter-red-strong[b-f3ncq24s25] {
            background: #D7263D;
        }

.sq-rosa-meter-value[b-f3ncq24s25] {
    min-width: 40px;
    text-align: right;
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-muted);
}

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

.sq-attack-card[b-f3ncq24s25] {
    background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 100%), var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 12px;
}

.sq-attack-card-head[b-f3ncq24s25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.sq-attack-card-title[b-f3ncq24s25] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: var(--fw-text-muted);
    text-transform: uppercase;
}

.sq-chart-info[b-f3ncq24s25] {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--fw-text-dim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fw-font-headline);
    font-size: 12px;
    color: var(--fw-text-dim);
    background: var(--fw-surface-2);
    cursor: help;
}

.sq-chart-tooltip[b-f3ncq24s25] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(420px, 78vw);
    background: #111820;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    color: var(--fw-text-muted);
    font-size: 12px;
    line-height: 1.45;
    padding: 10px 12px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.35);
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 0.12s, transform 0.12s;
}

.sq-chart-info:hover .sq-chart-tooltip[b-f3ncq24s25],
.sq-chart-info:focus .sq-chart-tooltip[b-f3ncq24s25] {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 980px) {
    .sq-attack-grid[b-f3ncq24s25] {
        grid-template-columns: 1fr;
    }
}

.sq-calendar-topbar[b-f3ncq24s25] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.sq-calendar-subsections[b-f3ncq24s25] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sq-dynamic-section--inside[b-f3ncq24s25] {
    grid-column: 1 / -1; /* sotto la riga dei 5 button */
    margin-top: 10px;
    min-width: 0;
}

    .sq-dynamic-section--inside .sq-section-card[b-f3ncq24s25] {
        margin: 0;
    }

.al-modal-input[b-f3ncq24s25] {
    width: 100px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    outline: none;
    transition: border-color 0.15s;
}

.sq-header-left[b-f3ncq24s25] {
    position: relative;
}

.sq-team-admin-actions[b-f3ncq24s25] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    display: flex;
    gap: 6px;
}

.sq-team-modal-overlay[b-f3ncq24s25] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sq-team-modal[b-f3ncq24s25] {
    background: var(--fw-surface);
    border: 1px solid var(--fw-border);
    border-radius: 16px;
    width: 560px;
    max-width: 95vw;
    max-height: 86vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sq-team-modal-header[b-f3ncq24s25] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 22px;
    border-bottom: 1px solid var(--fw-border);
}

    .sq-team-modal-header h3[b-f3ncq24s25] {
        margin: 0;
        font-family: var(--fw-font-headline);
        font-size: 18px;
        font-weight: 700;
        color: var(--fw-text);
    }

[b-f3ncq24s25] .sq-team-modal-close {
    color: var(--fw-text-muted);
}

.sq-team-modal-body[b-f3ncq24s25] {
    padding: 16px 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
}

.sq-team-modal-grid[b-f3ncq24s25] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.sq-team-modal-label[b-f3ncq24s25] {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    color: var(--fw-text-muted);
}

.sq-team-modal-number[b-f3ncq24s25] {
    width: 100%;
    background: var(--fw-surface-2);
    color: var(--fw-text);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    padding: 8px 10px;
}

.sq-team-modal-preview[b-f3ncq24s25] {
    display: block;
    max-width: 100%;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    background: var(--fw-surface-2);
}

.sq-team-modal-footer[b-f3ncq24s25] {
    padding: 14px 22px;
    border-top: 1px solid var(--fw-border);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Pages/Scout.razor.rz.scp.css */
.sc-container[b-fb8ufn4cg2] {
    padding: 28px 32px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    max-width: 100%;
    overflow-x: hidden;
}

/* ===== HEADER ===== */
.sc-header[b-fb8ufn4cg2] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.sc-section-label[b-fb8ufn4cg2] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--fw-accent-green);
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}

.sc-title[b-fb8ufn4cg2] {
    font-family: var(--fw-font-headline);
    font-size: 36px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 6px;
    line-height: 1.1;
}

    .sc-title span[b-fb8ufn4cg2] {
        color: var(--fw-accent-green);
    }

.sc-subtitle[b-fb8ufn4cg2] {
    font-size: 13px;
    color: var(--fw-text-muted);
}

.sc-header[b-fb8ufn4cg2] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.sc-header-main[b-fb8ufn4cg2] {
    flex: 0 1 360px;
    min-width: 260px;
}

.sc-header-carousel[b-fb8ufn4cg2] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    flex-shrink: 1;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 20px 16px 38px;
}

.sc-carousel-card[b-fb8ufn4cg2] {
    min-height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 14px;
    font-weight: 600;
    transition: color 0.15s;
}

    .sc-carousel-card:hover[b-fb8ufn4cg2] {
        color: var(--fw-accent-green);
    }

    .sc-carousel-card img[b-fb8ufn4cg2] {
        height: 250px;
        width: auto;
        max-width: 100%;
        transition: filter 0.15s;
    }


.sc-carousel-arrow[b-fb8ufn4cg2] {
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    width: 32px;
    height: 32px;
    border: 1px solid var(--fw-border);
    border-radius: 50%;
    background: var(--fw-surface-3);
    color: var(--fw-text);
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
}

    .sc-carousel-arrow.left[b-fb8ufn4cg2] {
        left: 8px;
    }

    .sc-carousel-arrow.right[b-fb8ufn4cg2] {
        right: 8px;
    }

    .sc-carousel-arrow:hover[b-fb8ufn4cg2] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
    }

.sc-carousel-dots[b-fb8ufn4cg2] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.sc-carousel-dot[b-fb8ufn4cg2] {
    width: 8px;
    height: 8px;
    border: none;
    border-radius: 50%;
    background: var(--fw-text-dim);
    opacity: 0.5;
    cursor: pointer;
    padding: 0;
}

    .sc-carousel-dot.active[b-fb8ufn4cg2] {
        background: var(--fw-accent-green);
        opacity: 1;
    }

/* ===== SEARCH ===== */
.sc-search-wrap[b-fb8ufn4cg2] {
    position: relative;
    width: 320px;
    flex-shrink: 0;
    margin-top: 8px;
    min-width: 0;
}

.sc-search-box[b-fb8ufn4cg2] {
    display: flex;
    align-items: center;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    padding: 0 14px;
    gap: 10px;
    transition: border-color 0.15s;
}

    .sc-search-box:focus-within[b-fb8ufn4cg2] {
        border-color: var(--fw-accent-green);
    }

.sc-search-icon[b-fb8ufn4cg2] {
    width: 16px;
    height: 16px;
    opacity: 0.4;
    flex-shrink: 0;
    filter: brightness(0) invert(1);
}

.sc-search-input[b-fb8ufn4cg2] {
    background: transparent;
    border: none;
    outline: none;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    font-size: 14px;
    padding: 12px 0;
    width: 100%;
}

    .sc-search-input[b-fb8ufn4cg2]::placeholder {
        color: var(--fw-text-dim);
    }

/* ===== DROPDOWN ===== */
.sc-dropdown[b-fb8ufn4cg2] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    overflow: hidden;
    z-index: 200;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

.sc-dropdown-item[b-fb8ufn4cg2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    text-decoration: none;
    transition: background 0.1s;
    border-bottom: 1px solid var(--fw-border);
}

    .sc-dropdown-item:last-child[b-fb8ufn4cg2] {
        border-bottom: none;
    }

    .sc-dropdown-item:hover[b-fb8ufn4cg2] {
        background: rgba(45, 90, 39, 0.3);
    }

.sc-drop-role[b-fb8ufn4cg2] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    flex-shrink: 0;
}

    .sc-drop-role.att[b-fb8ufn4cg2] {
        background: rgba(255, 82, 82, 0.2);
        color: #FF5252;
    }

    .sc-drop-role.dif[b-fb8ufn4cg2] {
        background: rgba(107, 203, 119, 0.2);
        color: var(--fw-accent-green);
    }

    .sc-drop-role.cen[b-fb8ufn4cg2] {
        background: rgba(255, 215, 0, 0.2);
        color: var(--fw-accent-yellow);
    }

    .sc-drop-role.por[b-fb8ufn4cg2] {
        background: rgba(100, 149, 237, 0.2);
        color: #6495ED;
    }

    .sc-drop-role.role-red[b-fb8ufn4cg2] {
        background: rgba(255, 82, 82, 0.2);
        color: #FF5252;
    }

    .sc-drop-role.role-violet[b-fb8ufn4cg2] {
        background: rgba(155, 89, 255, 0.2);
        color: #9B59FF;
    }

    .sc-drop-role.role-blue[b-fb8ufn4cg2] {
        background: rgba(76, 141, 255, 0.2);
        color: #4C8DFF;
    }

    .sc-drop-role.role-yellow[b-fb8ufn4cg2] {
        background: rgba(240, 212, 88, 0.2);
        color: #F0D458;
    }

    .sc-drop-role.role-green[b-fb8ufn4cg2] {
        background: rgba(107, 203, 119, 0.2);
        color: #6BCB77;
    }

    .sc-drop-role.role-orange[b-fb8ufn4cg2] {
        background: rgba(255, 152, 0, 0.2);
        color: #FF9800;
    }

    .sc-drop-role.role-neutral[b-fb8ufn4cg2] {
        background: rgba(180, 180, 180, 0.2);
        color: #BDBDBD;
    }

.sc-drop-name[b-fb8ufn4cg2] {
    font-family: var(--fw-font-headline);
    font-size: 14px;
    font-weight: 700;
    color: var(--fw-text);
    flex-shrink: 0;
}

.sc-drop-full[b-fb8ufn4cg2] {
    font-size: 12px;
    color: var(--fw-text-muted);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-drop-club[b-fb8ufn4cg2] {
    font-size: 11px;
    color: var(--fw-text-dim);
    font-family: var(--fw-font-label);
    flex-shrink: 0;
}

/* ===== BANNER SCORRIMENTO ===== */
.sc-banner-wrap[b-fb8ufn4cg2] {
    overflow: hidden;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    margin-bottom: 32px;
    padding: 12px 0;
}

.sc-banner-track[b-fb8ufn4cg2] {
    display: flex;
    gap: 40px;
    animation: sc-scroll-b-fb8ufn4cg2 20s linear infinite;
    width: max-content;
}

    .sc-banner-track:hover[b-fb8ufn4cg2] {
        animation-play-state: paused;
    }

@keyframes sc-scroll-b-fb8ufn4cg2 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.sc-banner-item[b-fb8ufn4cg2] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: color 0.15s;
    padding: 0 20px;
}

    .sc-banner-item:hover[b-fb8ufn4cg2] {
        color: var(--fw-accent-green);
    }

    .sc-banner-item img[b-fb8ufn4cg2] {
        height: 28px;
        width: auto;
        object-fit: contain;
        filter: brightness(0) invert(0.6);
        transition: filter 0.15s;
    }

    .sc-banner-item:hover img[b-fb8ufn4cg2] {
        filter: brightness(0) saturate(100%) invert(72%) sepia(40%) saturate(500%) hue-rotate(85deg);
    }

/* ===== CLUBS HEADER ===== */
.sc-clubs-header[b-fb8ufn4cg2] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

    .sc-clubs-header .sc-section-label[b-fb8ufn4cg2] {
        margin-bottom: 0; /* evita disallineamento verticale */
    }

    .sc-clubs-header .sc-search-wrap[b-fb8ufn4cg2] {
        width: 320px;
        margin-top: 0;
        flex-shrink: 0;
    }

.sc-serie-label[b-fb8ufn4cg2] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-muted);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: auto;
}

/* ===== CLUBS GRID - auto responsive ===== */
.sc-clubs-layout[b-fb8ufn4cg2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
}

.sc-clubs-grid[b-fb8ufn4cg2] {
    margin: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.sc-strength-card[b-fb8ufn4cg2] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 12px 14px;
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
}

.sc-strength-table[b-fb8ufn4cg2] {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    flex: 1;
}

.sc-strength-table-header[b-fb8ufn4cg2] {
    display: flex;
    justify-content: flex-end;
    min-height: 20px;
    margin-bottom: 4px;
}

.sq-chart-info[b-fb8ufn4cg2] {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--fw-text-dim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fw-font-headline);
    font-size: 12px;
    color: var(--fw-text-dim);
    background: var(--fw-surface-2);
    cursor: help;
}

.sq-chart-tooltip[b-fb8ufn4cg2] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(420px, 78vw);
    background: #111820;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    color: var(--fw-text-muted);
    font-size: 12px;
    line-height: 1.45;
    padding: 10px 12px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 0.12s, transform 0.12s;
}

.sq-chart-info:hover .sq-chart-tooltip[b-fb8ufn4cg2],
.sq-chart-info:focus .sq-chart-tooltip[b-fb8ufn4cg2] {
    opacity: 1;
    transform: translateY(0);
}

    /* 2) colonna Squadra più stretta (sinistra + destra) */
    .sc-strength-table th:nth-child(1)[b-fb8ufn4cg2],
    .sc-strength-table td:nth-child(1)[b-fb8ufn4cg2],
    .sc-strength-table th:nth-child(4)[b-fb8ufn4cg2],
    .sc-strength-table td:nth-child(4)[b-fb8ufn4cg2] {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 3) più spazio tra i due gruppi (Difesa | Squadra) */
    .sc-strength-table th:nth-child(3)[b-fb8ufn4cg2],
    .sc-strength-table td:nth-child(3)[b-fb8ufn4cg2] {
        padding-right: 25px;
    }

    .sc-strength-table th:nth-child(4)[b-fb8ufn4cg2],
    .sc-strength-table td:nth-child(4)[b-fb8ufn4cg2] {
        padding-left: 22px;
    }

    .sc-strength-table th[b-fb8ufn4cg2] {
        text-align: left;
        font-family: var(--fw-font-label);
        font-size: 11px;
        letter-spacing: 0.7px;
        text-transform: uppercase;
        color: var(--fw-text-dim);
        padding: 8px;
        border-bottom: 1px solid var(--fw-border);
    }

    .sc-strength-table td[b-fb8ufn4cg2] {
        padding: 8px;
        border-bottom: 1px solid var(--fw-border);
        font-size: 12px;
        color: var(--fw-text);
    }

    .sc-strength-table tbody tr:last-child td[b-fb8ufn4cg2] {
        border-bottom: none;
    }

.sc-meter-wrap[b-fb8ufn4cg2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sc-meter[b-fb8ufn4cg2] {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 999px;
    background: var(--fw-surface-3);
    overflow: hidden;
}

    .sc-meter > span[b-fb8ufn4cg2] {
        position: absolute;
        inset: 0 auto 0 0;
        border-radius: 999px;
    }

    .sc-meter.attack > span[b-fb8ufn4cg2] {
        background: var(--fw-accent-green);
    }

    .sc-meter.defense > span[b-fb8ufn4cg2] {
        background: #6495ED;
    }

.sc-meter-value[b-fb8ufn4cg2] {
    min-width: 20px;
    text-align: right;
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-text-muted);
}

.sc-club-card[b-fb8ufn4cg2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    cursor: pointer;
}

.sc-club-logo[b-fb8ufn4cg2] {
    width: 100%; /* occupa tutta la colonna */
    height: 100px; /* altezza fissa più grande */
    background: #F0F0F0;
    border-radius: 14px;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s, background 0.15s;
    overflow: hidden;
    padding: 12px;
}

    .sc-club-logo img[b-fb8ufn4cg2] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.sc-club-card:hover .sc-club-logo[b-fb8ufn4cg2] {
    border-color: var(--fw-accent-green);
    background: #D8F0D8;
}

.sc-club-name[b-fb8ufn4cg2] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: bold;
    color: var(--fw-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    word-break: break-word;
}

.sc-club-card:hover .sc-club-name[b-fb8ufn4cg2] {
    color: var(--fw-accent-green);
}

/* ===== MODALE IMPORT EXCEL ===== */
.sc-import-modal-overlay[b-fb8ufn4cg2] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sc-import-modal[b-fb8ufn4cg2] {
    background: var(--fw-surface);
    border: 1px solid var(--fw-border);
    border-radius: 16px;
    width: 560px;
    max-width: 95vw;
    max-height: 86vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sc-import-modal-header[b-fb8ufn4cg2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 22px;
    border-bottom: 1px solid var(--fw-border);
}

    .sc-import-modal-header h3[b-fb8ufn4cg2] {
        margin: 0;
        font-family: var(--fw-font-headline);
        font-size: 18px;
        font-weight: 700;
        color: var(--fw-text);
    }

[b-fb8ufn4cg2] .sc-import-modal-close {
    color: var(--fw-text-muted);
}

.sc-import-modal-body[b-fb8ufn4cg2] {
    padding: 16px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
}

.sc-import-file-info[b-fb8ufn4cg2] {
    font-size: 12px;
    color: var(--fw-text-muted);
}

.sc-import-error[b-fb8ufn4cg2] {
    font-size: 12px;
    color: #ff6b6b;
}

.sc-import-modal-footer[b-fb8ufn4cg2] {
    padding: 14px 22px;
    border-top: 1px solid var(--fw-border);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.sc-import-confirm-wrap[b-fb8ufn4cg2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
/* /Pages/Shared/MainLayout.razor.rz.scp.css */
/* Reset base */
[b-we9np2offh] *, [b-we9np2offh] *::before, [b-we9np2offh] *::after {
    box-sizing: border-box;
}

/* Layout wrapper */
.fw-layout[b-we9np2offh] {
    display: flex;
    min-height: 100vh;
    background-color: var(--fw-neutral);
    color: var(--fw-text);
    font-family: var(--fw-font-body);
}

/* Main content area */
.fw-main[b-we9np2offh] {
    margin-left: var(--fw-sidebar-width);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    min-width: 0;
    overflow-x: hidden;
}

/* Top bar */
.fw-topbar[b-we9np2offh] {
    height: var(--fw-topbar-height);
    background: var(--fw-surface);
    border-bottom: 1px solid var(--fw-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    position: sticky;
    top: 0;
    z-index: 50;
}

.fw-topbar-right[b-we9np2offh] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fw-icon-btn[b-we9np2offh] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

    .fw-icon-btn img[b-we9np2offh] {
        width: 22px;
        height: 22px;
        display: block;
        filter: brightness(0) saturate(100%) invert(60%);
        transition: filter 0.15s ease;
    }

    .fw-icon-btn:hover img[b-we9np2offh],
    .fw-icon-btn.active img[b-we9np2offh] {
        filter: brightness(0) saturate(100%) invert(72%) sepia(40%) saturate(500%) hue-rotate(85deg) brightness(95%);
    }

    .fw-icon-btn:hover[b-we9np2offh] {
        background: rgba(45, 90, 39, 0.35);
    }

.fw-content[b-we9np2offh] {
    flex: 1 0 auto;
    padding: 0;
    overflow-x: hidden;
}

.fw-footer[b-we9np2offh] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    margin-top: auto;
    gap: 1rem 2rem;
    padding: 12px;
    background: var(--fw-surface);
    border-top: 1px solid var(--fw-border);
    color: silver;
    font-size: 0.875rem;
    text-align: center;
}

    .fw-footer nav[b-we9np2offh] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .fw-footer a[b-we9np2offh] {
        color: var(--accent-foreground-rest);
        text-decoration: none;
        transition: color 0.15s ease;
    }

        .fw-footer a:hover[b-we9np2offh],
        .fw-footer a:focus-visible[b-we9np2offh] {
            color: var(--accent-foreground-hover);
            text-decoration: underline;
        }

.fw-footer-standalone[b-we9np2offh] {
    min-height: 50px;
}


.fw-mobile-blocker[b-we9np2offh] {
    display: none;
}

.fw-mobile-blocker-card[b-we9np2offh] {
    width: min(90%, 520px);
    padding: 2.5rem 2rem;
    border: 1px solid var(--fw-border);
    border-radius: 16px;
    background: var(--fw-surface);
    color: var(--fw-text);
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

.fw-mobile-blocker-icon[b-we9np2offh] {
    margin-bottom: 1rem;
    font-size: 3rem;
}

.fw-mobile-blocker-card h1[b-we9np2offh] {
    margin-bottom: 1rem;
    color: var(--accent-foreground-rest);
    font-size: 1.7rem;
}

.fw-mobile-blocker-card p[b-we9np2offh] {
    margin: 0.75rem 0;
    line-height: 1.6;
}

/* /Pages/Shared/NavMenu.razor.rz.scp.css */
/* ===== SIDEBAR CONTAINER ===== */
.fw-sidebar[b-77z706u6o6] {
    width: 240px;
    background: #1A1A1A;
    border-right: 1px solid #2E2E2E;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    z-index: 100;
    padding: 24px 0 16px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

/* ===== LOGO ===== */
.logo-image[b-77z706u6o6] {
    width: 200px;
    height: auto;
    padding: 0 24px 24px;
}

/* ===== USER CARD ===== */
.fw-sidebar-user[b-77z706u6o6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin: 0 12px 20px;
    background: var(--fw-surface-2);
    border-radius: var(--fw-radius);
    border: 1px solid var(--fw-border);
}

.fw-user-avatar[b-77z706u6o6] {
    width: 36px;
    height: 36px;
    background: var(--fw-primary);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .fw-user-avatar .fw-nav-icon[b-77z706u6o6] {
        width: 28px; /* più grande dell'icona normale */
        height: 28px;
        opacity: 1; /* sempre visibile, senza opacity ridotta */
    }

        .fw-user-avatar .fw-nav-icon img[b-77z706u6o6] {
            width: 28px;
            height: 28px;
            filter: brightness(0) invert(1); /* bianca per contrastare con lo sfondo verde */
        }

.fw-user-info[b-77z706u6o6] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.fw-user-name[b-77z706u6o6] {
    font-family: var(--fw-font-headline);
    font-size: 13px;
    font-weight: 600;
    color: var(--fw-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fw-user-sub[b-77z706u6o6] {
    font-size: 10px;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== NAV LIST ===== */
.fw-nav[b-77z706u6o6] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

/* ===== NAV ITEM ===== */
.fw-nav-item[b-77z706u6o6] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    /* rientro sinistro, nessun padding destro perché la barra va al bordo */
    padding: 13px 24px 13px 20px;
    /* arrotondato solo lato sinistro */
    border-radius: 8px 0 0 8px;
    /* margine sinistro per il rientro, flush a destra */
    margin: 2px 0 2px 10px;
    color: var(--fw-text-muted);
    text-decoration: none;
    font-family: var(--fw-font-body);
    font-size: 14px;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

    .fw-nav-item:hover[b-77z706u6o6] {
        background: var(--fw-surface-2);
        color: var(--fw-text);
    }

    /* --- STATO ATTIVO --- */
    .fw-nav-item.active[b-77z706u6o6] {
        background: var(--fw-primary);
        color: #FFFFFF;
    }

        /* Barra verde flush al bordo destro del sidebar */
        .fw-nav-item.active[b-77z706u6o6]::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: var(--fw-accent-green);
            border-radius: 2px 0 0 2px;
        }

/* ===== ICONA ===== */
.fw-nav-icon[b-77z706u6o6] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.45;
    transition: opacity 0.15s ease;
}

    /* Icone di default: grigie */
    .fw-nav-icon img[b-77z706u6o6] {
        width: 20px;
        height: 20px;
        display: block;
        transition: filter 0.15s ease;
    }

/* Hover e attivo: verde #6BCB77 */
.fw-nav-item:hover .fw-nav-icon img[b-77z706u6o6],
.fw-nav-item.active .fw-nav-icon img[b-77z706u6o6] {
    filter: brightness(0) saturate(100%) invert(72%) sepia(40%) saturate(500%) hue-rotate(85deg) brightness(95%);
}

/* ===== STATO HOVER - fix colore verde ===== */
.fw-nav-item:hover[b-77z706u6o6] {
    background: rgba(45, 90, 39, 0.35); /* verde traslucido */
    color: var(--fw-accent-green);
}

    .fw-nav-item:hover .fw-nav-icon[b-77z706u6o6] {
        opacity: 1;
    }

/* ===== STATO ATTIVO - verde più visibile ===== */
.fw-nav-item.active[b-77z706u6o6] {
    background: rgba(45, 90, 39, 0.55);
    color: var(--fw-accent-green);
}

    .fw-nav-item.active .fw-nav-icon[b-77z706u6o6] {
        opacity: 1;
    }

    /* ===== BARRA VERDE A DESTRA ===== */
    .fw-nav-item.active[b-77z706u6o6]::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--fw-accent-green);
        border-radius: 2px 0 0 2px;
    }

/* ===== ITEM PICCOLI (bottom) ===== */
.fw-nav-item--small[b-77z706u6o6] {
    font-size: 12px;
    padding: 10px 24px 10px 20px;
    color: var(--fw-text-dim);
}

    .fw-nav-item--small:hover[b-77z706u6o6] {
        background: rgba(45, 90, 39, 0.35);
        color: var(--fw-accent-green);
    }

        .fw-nav-item--small:hover .fw-nav-icon[b-77z706u6o6] {
            opacity: 1;
        }

            .fw-nav-item--small:hover .fw-nav-icon img[b-77z706u6o6] {
                filter: brightness(0) saturate(100%) invert(72%) sepia(40%) saturate(500%) hue-rotate(85deg) brightness(95%);
            }

    .fw-nav-item--small.active[b-77z706u6o6]::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--fw-accent-green);
        border-radius: 2px 0 0 2px;
    }

/* ===== SPACER ===== */
.fw-nav-spacer[b-77z706u6o6] {
    flex: 1;
}

/* ===== UPGRADE BUTTON ===== */
.fw-sidebar-upgrade[b-77z706u6o6] {
    padding: 0 14px 14px;
}

.fw-btn-upgrade[b-77z706u6o6] {
    display: block;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    width: 100%;
    background: var(--fw-tertiary);
    color: #121212;
    border: none;
    border-radius: 8px;
    padding: 13px;
    font-family: var(--fw-font-headline);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    transition: opacity 0.2s;
    text-transform: uppercase;
}

    .fw-btn-upgrade:hover[b-77z706u6o6] {
        opacity: 0.85;
    }

/* ===== BOTTOM NAV ===== */
.fw-nav-bottom[b-77z706u6o6] {
    padding-top: 6px;
    border-top: 1px solid var(--fw-border);
}
/* /Pages/Shared/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-bov0z891mg],
.components-reconnect-repeated-attempt-visible[b-bov0z891mg],
.components-reconnect-failed-visible[b-bov0z891mg],
.components-pause-visible[b-bov0z891mg],
.components-resume-failed-visible[b-bov0z891mg],
.components-rejoining-animation[b-bov0z891mg] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-bov0z891mg {
    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;
    }
}
/* /Pages/ValutaRosa.razor.rz.scp.css */
.vr-container[b-092g23pyzo] {
    padding: 28px 32px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    max-width: 100%;
    overflow-x: hidden;
}

.vr-label[b-092g23pyzo] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--fw-accent-green);
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

/* ===== HEADER ROSA ===== */
.vr-header[b-092g23pyzo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.vr-title[b-092g23pyzo] {
    font-family: var(--fw-font-headline);
    font-size: 36px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 8px;
}

    .vr-title span[b-092g23pyzo] {
        color: var(--fw-accent-green);
    }

.vr-title-row[b-092g23pyzo] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.vr-rename-input[b-092g23pyzo] {
    min-width: 220px;
    padding: 8px 10px;
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    background: var(--fw-surface-3);
    color: var(--fw-text);
}

.vr-params-summary[b-092g23pyzo] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

    .vr-params-summary span[b-092g23pyzo] {
        font-family: var(--fw-font-label);
        font-size: 11px;
        color: var(--fw-text-muted);
        background: var(--fw-surface-2);
        border: 1px solid var(--fw-border);
        border-radius: 6px;
        padding: 3px 10px;
    }

.vr-btn-modifica[b-092g23pyzo] {
    background: transparent;
    border: 1px solid var(--fw-border);
    color: var(--fw-text-muted);
    border-radius: 6px;
    padding: 3px 10px;
    font-family: var(--fw-font-label);
    font-size: 11px;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}

    .vr-btn-modifica:hover[b-092g23pyzo] {
        border-color: var(--fw-accent-green);
        color: var(--fw-accent-green);
    }

.vr-header-actions[b-092g23pyzo] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.vr-crediti-boxes[b-092g23pyzo] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.vr-crediti-box .vr-crediti-val.danger[b-092g23pyzo] {
    color: var(--fw-accent-red);
}

.vr-header-legend-mini[b-092g23pyzo] {
    flex: 1 1 420px;
    min-width: 320px;
    max-width: 620px;
    align-self: center;
    padding: 8px 10px;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    background: var(--fw-surface-2);
}

.vr-header-legend-row[b-092g23pyzo] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

    .vr-header-legend-row + .vr-header-legend-row[b-092g23pyzo] {
        margin-top: 6px;
    }

.vr-mini-item[b-092g23pyzo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--fw-text-muted);
    white-space: nowrap;
}

.vr-mini-dot[b-092g23pyzo] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid transparent;
    flex: 0 0 8px;
}

    .vr-mini-dot.demo-border-blue[b-092g23pyzo] {
        border-color: #4C8DFF;
    }

    .vr-mini-dot.demo-border-green[b-092g23pyzo] {
        border-color: #7AD35A;
    }

    .vr-mini-dot.demo-border-yellow[b-092g23pyzo] {
        border-color: #F0D458;
    }

    .vr-mini-dot.demo-border-red[b-092g23pyzo] {
        border-color: #FF5757;
    }

    .vr-mini-dot.demo-border-violet[b-092g23pyzo] {
        border-color: #9C27B0;
    }

/* Crediti box */
.vr-crediti-box[b-092g23pyzo] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 14px 20px;
    min-width: 220px;
}

.vr-crediti-label[b-092g23pyzo] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    color: var(--fw-text-muted);
    letter-spacing: 1px;
    display: block;
    margin-bottom: 4px;
}

.vr-crediti-val[b-092g23pyzo] {
    font-family: var(--fw-font-headline);
    font-size: 24px;
    font-weight: 700;
    color: var(--fw-accent-green);
    display: block;
    margin-bottom: 8px;
}

    .vr-crediti-val span[b-092g23pyzo] {
        font-size: 14px;
        color: var(--fw-text-muted);
        font-weight: 400;
    }

.vr-crediti-bar[b-092g23pyzo] {
    height: 6px;
    background: var(--fw-surface-3);
    border-radius: 3px;
    overflow: hidden;
}

.vr-crediti-fill[b-092g23pyzo] {
    height: 100%;
    background: var(--fw-accent-green);
    border-radius: 3px;
    transition: width 0.3s;
}

    .vr-crediti-fill.danger[b-092g23pyzo] {
        background: var(--fw-accent-red);
    }

.vr-btn-azzera[b-092g23pyzo] {
    background: transparent;
    border: 1px solid var(--fw-accent-red);
    color: var(--fw-accent-red);
    border-radius: 8px;
    padding: 8px 16px;
    font-family: var(--fw-font-label);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

    .vr-btn-azzera:hover[b-092g23pyzo] {
        background: rgba(255,82,82,0.1);
    }

/* ===== SEZIONI RUOLO ===== */
.vr-ruolo-section[b-092g23pyzo] {
    margin-bottom: 28px;
}

.vr-ruolo-header[b-092g23pyzo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.vr-ruolo-badge[b-092g23pyzo] {
    font-family: var(--fw-font-label);
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 6px;
}

    .vr-ruolo-badge.por[b-092g23pyzo] {
        background: rgba(100,149,237,0.2);
        color: #6495ED;
    }

    .vr-ruolo-badge.dif[b-092g23pyzo] {
        background: rgba(107,203,119,0.2);
        color: var(--fw-accent-green);
    }

    .vr-ruolo-badge.cen[b-092g23pyzo] {
        background: rgba(255,215,0,0.2);
        color: var(--fw-accent-yellow);
    }

    .vr-ruolo-badge.att[b-092g23pyzo] {
        background: rgba(255,82,82,0.2);
        color: #FF5252;
    }

.vr-ruolo-count[b-092g23pyzo] {
    font-size: 12px;
    color: var(--fw-text-dim);
    font-family: var(--fw-font-label);
}

/* colori ruolo allineati a Parametri/Listone */
.vr-ruolo-badge.por[b-092g23pyzo], .vr-badge-inline.por[b-092g23pyzo] {
    background: rgba(255,152,0,.20);
    color: #FF9800;
}

.vr-ruolo-badge.dif[b-092g23pyzo], .vr-badge-inline.dif[b-092g23pyzo] {
    background: rgba(107,203,119,.20);
    color: var(--fw-accent-green);
}

.vr-ruolo-badge.cen[b-092g23pyzo], .vr-badge-inline.cen[b-092g23pyzo] {
    background: rgba(76,141,255,.20);
    color: #4C8DFF;
}

.vr-ruolo-badge.att[b-092g23pyzo], .vr-badge-inline.att[b-092g23pyzo] {
    background: rgba(255,82,82,.20);
    color: #FF5252;
}

.vr-ruolo-badge.gdm[b-092g23pyzo], .vr-badge-inline.gdm[b-092g23pyzo] {
    background: rgba(155,89,255,.20);
    color: #9B59FF;
}

.vr-slots-row[b-092g23pyzo] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Slot card */
.vr-slot-card[b-092g23pyzo] {
    flex: 1;
    min-width: 160px;
    max-width: 220px;
    border-radius: 12px;
    border: 1px solid var(--fw-border);
    overflow: hidden;
    transition: border-color 0.15s;
}

    .vr-slot-card.filled[b-092g23pyzo] {
        background: var(--fw-surface-2);
        border-color: var(--fw-primary);
    }

    .vr-slot-card.empty[b-092g23pyzo] {
        background: var(--fw-surface-2);
        border-style: dashed;
    }

.vr-slot-empty[b-092g23pyzo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px;
    cursor: pointer;
    height: 100%;
    min-height: 90px;
    color: var(--fw-text-dim);
    font-size: 12px;
    font-family: var(--fw-font-label);
    transition: color 0.15s, background 0.15s;
}

    .vr-slot-empty:hover[b-092g23pyzo] {
        background: rgba(45,90,39,0.15);
        color: var(--fw-accent-green);
    }

.vr-slot-plus[b-092g23pyzo] {
    font-size: 22px;
    font-weight: 300;
}

.vr-slot-filled[b-092g23pyzo] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.vr-slot-info[b-092g23pyzo] {
    min-width: 0;
}

.vr-slot-cognome[b-092g23pyzo] {
    font-family: var(--fw-font-headline);
    font-size: 15px;
    font-weight: 700;
    color: var(--fw-text);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vr-slot-nome[b-092g23pyzo] {
    font-size: 11px;
    color: var(--fw-text-dim);
    display: block;
}

.vr-slot-credito-speso[b-092g23pyzo] {
    font-family: var(--fw-font-label);
    font-size: 11px;
    color: var(--fw-accent-yellow);
    font-weight: 600;
}

.vr-slot-stats[b-092g23pyzo] {
    display: flex;
    gap: 12px;
    font-size: 11px;
    color: var(--fw-text-muted);
}

    .vr-slot-stats .green[b-092g23pyzo] {
        color: var(--fw-accent-green);
    }

    .vr-slot-stats .white[b-092g23pyzo] {
        color: white;
    }

.vr-slot-remove[b-092g23pyzo] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent;
    border: none;
    color: var(--fw-text-dim);
    font-size: 12px;
    cursor: pointer;
    transition: color 0.15s;
    padding: 2px 4px;
    border-radius: 4px;
}

    .vr-slot-remove:hover[b-092g23pyzo] {
        color: var(--fw-accent-red);
        background: rgba(255,82,82,0.1);
    }

/* bordo slot filled più spesso + classi demo */
.vr-slot-card.filled[b-092g23pyzo] {
    border-width: 2px;
    border-style: solid;
}

    .vr-slot-card.filled.demo-border-blue[b-092g23pyzo] {
        border-color: #4C8DFF;
    }

    .vr-slot-card.filled.demo-border-green[b-092g23pyzo] {
        border-color: #7AD35A;
    }

    .vr-slot-card.filled.demo-border-yellow[b-092g23pyzo] {
        border-color: #F0D458;
    }

    .vr-slot-card.filled.demo-border-red[b-092g23pyzo] {
        border-color: #FF5757;
    }

    .vr-slot-card.filled.demo-border-violet[b-092g23pyzo] {
        border-color: #9C27B0; /* viola */
    }

/* ===== VALUTAZIONE ===== */
.vr-valutazione[b-092g23pyzo] {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--fw-border);
}

.vr-val-grid[b-092g23pyzo] {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 12px;
    margin-top: 12px;
}

.vr-val-grid-mantra[b-092g23pyzo] {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.vr-empty-note[b-092g23pyzo] {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px dashed var(--fw-border);
    border-radius: 10px;
    background: var(--fw-surface-2);
    color: var(--fw-text-dim);
    font-size: 12px;
    font-family: var(--fw-font-label);
    letter-spacing: .2px;
}

.vr-val-card[b-092g23pyzo] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
}

.vr-val-label[b-092g23pyzo] {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fw-font-label);
    font-size: 10px;
    line-height: 1.2;
    color: var(--fw-text-dim);
    letter-spacing: 0.8px;
}

.vr-val-value[b-092g23pyzo] {
    font-family: var(--fw-font-headline);
    font-size: 28px;
    font-weight: 700;
    color: var(--fw-text);
}

    .vr-val-value.green[b-092g23pyzo] {
        color: var(--fw-accent-green);
    }

    .vr-val-value.danger[b-092g23pyzo] {
        color: var(--fw-accent-red);
    }

.vr-val-value-mantra[b-092g23pyzo] {
    font-family: var(--fw-font-headline);
    font-size: 22px;
    font-weight: 700;
    color: var(--fw-text);
}

.vr-reparti-grid[b-092g23pyzo] {
    margin-top: 18px;
    display: grid;
    gap: 14px;
}

.vr-reparto-card[b-092g23pyzo] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 16px;
}

.vr-reparto-header[b-092g23pyzo] {
    margin-bottom: 14px;
}

.vr-reparto-columns[b-092g23pyzo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.vr-reparto-column[b-092g23pyzo] {
    min-width: 0;
    background: var(--fw-surface);
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    padding: 12px;
}

.vr-reparto-column-title[b-092g23pyzo] {
    margin: 0 0 10px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.vr-reparto-metrics[b-092g23pyzo] {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.vr-reparto-metric[b-092g23pyzo] {
    min-width: 0;
    flex: 1 1 0;
    max-width: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 64px;
    padding: 8px 6px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    text-align: center;
}

    .vr-reparto-metric .vr-val-label[b-092g23pyzo] {
        font-size: 9px;
        line-height: 1.15;
    }

.vr-reparto-value[b-092g23pyzo] {
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

    .vr-reparto-value.green[b-092g23pyzo] {
        color: var(--fw-accent-green);
    }

    .vr-reparto-value.danger[b-092g23pyzo] {
        color: var(--fw-accent-red);
    }

.vr-reparto-stats[b-092g23pyzo] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.vr-news-section[b-092g23pyzo] {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--fw-border);
}

.vr-news-title[b-092g23pyzo] {
    font-family: var(--fw-font-headline);
    font-size: 28px;
    font-weight: 700;
    color: var(--fw-text);
    margin-bottom: 16px;
}

    .vr-news-title span[b-092g23pyzo] {
        color: var(--fw-accent-green);
    }

.vr-news-board[b-092g23pyzo] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 14px;
    padding: 14px 16px;
}

.vr-news-item[b-092g23pyzo] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid var(--fw-border);
}

    .vr-news-item:last-child[b-092g23pyzo] {
        border-bottom: none;
    }

.vr-news-dot[b-092g23pyzo] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 6px;
    flex: 0 0 10px;
}

    .vr-news-dot.positive[b-092g23pyzo] {
        background: var(--fw-accent-green);
    }

    .vr-news-dot.neutral[b-092g23pyzo] {
        background: var(--fw-accent-yellow);
    }

    .vr-news-dot.negative[b-092g23pyzo] {
        background: var(--fw-accent-red);
    }

.vr-news-content[b-092g23pyzo] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.vr-news-date[b-092g23pyzo] {
    font-size: 11px;
    color: var(--fw-text-dim);
    font-family: var(--fw-font-label);
}

.vr-news-text[b-092g23pyzo] {
    margin: 0;
    color: var(--fw-text-muted);
    font-size: 13px;
    line-height: 1.45;
}

[b-092g23pyzo] .vr-news-player {
    color: var(--fw-accent-green);
    font-weight: 600;
    text-decoration: none;
}

    [b-092g23pyzo] .vr-news-player:hover {
        text-decoration: underline;
    }

/* ===== MODAL ===== */
.vr-modal-overlay[b-092g23pyzo] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vr-modal[b-092g23pyzo] {
    background: var(--fw-surface);
    border: 1px solid var(--fw-border);
    border-radius: 16px;
    width: 480px;
    max-width: 95vw;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.vr-modal-header[b-092g23pyzo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--fw-border);
}

    .vr-modal-header h3[b-092g23pyzo] {
        font-family: var(--fw-font-headline);
        font-size: 18px;
        font-weight: 700;
        color: var(--fw-text);
        display: flex;
        align-items: center;
        gap: 8px;
    }

.vr-modal-close[b-092g23pyzo] {
    background: transparent;
    border: none;
    color: var(--fw-text-muted);
    font-size: 18px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: color 0.15s;
}

    .vr-modal-close:hover[b-092g23pyzo] {
        color: var(--fw-accent-red);
    }

.vr-modal-search[b-092g23pyzo] {
    padding: 16px 24px;
    border-bottom: 1px solid var(--fw-border);
}

.vr-modal-input[b-092g23pyzo] {
    width: 100%;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-body);
    font-size: 14px;
    padding: 10px 14px;
    outline: none;
    transition: border-color 0.15s;
}

    .vr-modal-input:focus[b-092g23pyzo] {
        border-color: var(--fw-accent-green);
    }

    .vr-modal-input[b-092g23pyzo]::placeholder {
        color: var(--fw-text-dim);
    }

.vr-modal-credits[b-092g23pyzo] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-bottom: 1px solid var(--fw-border);
    font-size: 13px;
    color: var(--fw-text-muted);
}

    .vr-modal-credits .al-modal-input[b-092g23pyzo] {
        width: 90px;
        background: var(--fw-surface-2);
        border: 1px solid var(--fw-border);
        border-radius: 8px;
        color: var(--fw-text);
        font-family: var(--fw-font-headline);
        font-size: 14px;
        font-weight: 700;
        padding: 8px 12px;
        outline: none;
        transition: border-color 0.15s;
    }

        .vr-modal-credits .al-modal-input:focus[b-092g23pyzo] {
            border-color: var(--fw-accent-green);
        }

.vr-modal-results[b-092g23pyzo] {
    overflow-y: auto;
    flex: 1;
}

.vr-modal-item[b-092g23pyzo] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-bottom: 1px solid var(--fw-border);
    cursor: pointer;
    transition: background 0.1s;
}

    .vr-modal-item:last-child[b-092g23pyzo] {
        border-bottom: none;
    }

    .vr-modal-item:hover[b-092g23pyzo] {
        background: rgba(45,90,39,0.2);
    }

.vr-modal-item-info[b-092g23pyzo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vr-modal-cognome[b-092g23pyzo] {
    font-family: var(--fw-font-headline);
    font-size: 15px;
    font-weight: 700;
    color: var(--fw-text);
}

.vr-modal-sub[b-092g23pyzo] {
    font-size: 11px;
    color: var(--fw-text-dim);
}

.vr-modal-item-stats[b-092g23pyzo] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 11px;
    color: var(--fw-text-muted);
    text-align: right;
}

    .vr-modal-item-stats .green[b-092g23pyzo] {
        color: var(--fw-accent-green);
        font-weight: 700;
    }

.vr-modal-empty[b-092g23pyzo] {
    padding: 24px;
    text-align: center;
    color: var(--fw-text-dim);
    font-size: 13px;
}

.yellow[b-092g23pyzo] {
    font-weight: bold;
    color: yellow;
}

/* ===== BADGE INLINE ===== */
.vr-badge-inline[b-092g23pyzo] {
    font-family: var(--fw-font-label);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
}

    .vr-badge-inline.por[b-092g23pyzo] {
        background: rgba(255,152,0,0.2);
        color: #FF9800;
    }

    .vr-badge-inline.dif[b-092g23pyzo] {
        background: rgba(107,203,119,0.2);
        color: var(--fw-accent-green);
    }

    .vr-badge-inline.cen[b-092g23pyzo] {
        background: rgba(76,141,255,0.2);
        color: #4C8DFF;
    }

    .vr-badge-inline.att[b-092g23pyzo] {
        background: rgba(255,82,82,0.2);
        color: #FF5252;
    }

    .vr-badge-inline.gdm[b-092g23pyzo] {
        background: rgba(155,89,255,0.2);
        color: #9B59FF;
    }

.al-modal-input[b-092g23pyzo] {
    width: 100px;
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    outline: none;
    transition: border-color 0.15s;
}

.vr-mantra-moduli[b-092g23pyzo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 28px;
}

.vr-mantra-modulo[b-092g23pyzo] {
    background: var(--fw-surface-2);
    border: 1px solid var(--fw-border);
    border-radius: 12px;
    padding: 18px;
    overflow-x: auto;
}

.vr-mantra-modulo-header[b-092g23pyzo] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

    .vr-mantra-modulo-header h2[b-092g23pyzo] {
        min-width: 110px;
        margin: 0;
        color: var(--fw-accent-green);
        font-family: var(--fw-font-headline);
        font-size: 28px;
        font-weight: 700;
    }

.vr-mantra-modulo-stats[b-092g23pyzo] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.vr-mantra-stat[b-092g23pyzo] {
    min-width: 112px;
    padding: 8px 14px;
    background: var(--fw-surface-3);
    border: 1px solid var(--fw-border);
    border-radius: 7px;
    text-align: center;
}

.vr-mantra-stat-label[b-092g23pyzo] {
    display: block;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 10px;
    letter-spacing: 0.8px;
}

.vr-mantra-stat strong[b-092g23pyzo] {
    display: block;
    margin-top: 3px;
    color: var(--fw-text);
    font-family: var(--fw-font-headline);
    font-size: 20px;
}

.vr-mantra-field[b-092g23pyzo] {
    min-width: 1120px;
}

.vr-mantra-line[b-092g23pyzo] {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    align-items: stretch;
    column-gap: 6px;
    margin-bottom: 6px;
}

.vr-mantra-row-label[b-092g23pyzo] {
    width: auto;
    min-height: 52px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.vr-mantra-players[b-092g23pyzo] {
    display: grid;
    grid-template-columns: repeat(11, minmax(90px, 1fr));
    gap: 6px;
    min-width: 0;
    padding: 0;
    margin: 0;
    align-items: stretch;
}

.vr-mantra-roles-line[b-092g23pyzo] {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    column-gap: 6px;
    margin-bottom: 3px;
}

.vr-mantra-roles[b-092g23pyzo] {
    display: grid;
    grid-template-columns: repeat(11, minmax(90px, 1fr));
    gap: 6px;
    min-width: 0;
}

.vr-mantra-role-label[b-092g23pyzo] {
    min-height: 12px;
    margin: 0;
    color: var(--fw-text-muted);
    font-family: var(--fw-font-label);
    font-size: 10px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.vr-mantra-position[b-092g23pyzo] {
    min-width: 0;
    display: flex;
}

.vr-mantra-player-card[b-092g23pyzo] {
    width: 100%;
    min-height: 52px;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 5px 4px;
    border: 1px solid var(--fw-border);
    border-radius: 7px;
    background: var(--fw-surface-3);
    text-align: center;
}

    .vr-mantra-player-card strong[b-092g23pyzo] {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        color: var(--fw-text);
        font-size: 12px;
        font-weight: bold;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vr-mantra-player-card span[b-092g23pyzo] {
        color: var(--fw-text-muted);
        font-size: 10px;
        line-height: 1.1;
    }

    .vr-mantra-player-card.filled[b-092g23pyzo] {
        border-color: var(--fw-accent-green);
    }

    .vr-mantra-player-card.reserve[b-092g23pyzo] {
        border-color: var(--fw-accent-yellow, #d6b84c);
    }

    .vr-mantra-player-card.empty[b-092g23pyzo] {
        border: 1px dashed var(--fw-border);
        opacity: 0.55;
    }

.vr-mantra-stat strong.green[b-092g23pyzo] {
    color: var(--fw-accent-green);
}

.vr-mantra-stat strong.danger[b-092g23pyzo] {
    color: var(--fw-accent-red);
}

.vr-val-value-mantra.green[b-092g23pyzo] {
    color: var(--fw-accent-green);
}

.vr-val-value-mantra.danger[b-092g23pyzo] {
    color: var(--fw-accent-red);
}

@media (max-width: 900px) {
    .vr-mantra-modulo[b-092g23pyzo] {
        padding: 12px;
    }

    .vr-mantra-modulo-header h2[b-092g23pyzo] {
        font-size: 22px;
    }
}


@media (max-width: 900px) {
    .vr-reparto-columns[b-092g23pyzo] {
        grid-template-columns: 1fr;
    }

    .vr-reparto-column-title[b-092g23pyzo] {
        text-align: left;
    }
}

@media (max-width: 600px) {
    .vr-reparto-value[b-092g23pyzo] {
        font-size: 18px;
    }
}