@import url("avvisi_nerda_filtri_videogioco.css");

.avvisi_nerda_preferenze_apri[hidden],
.avvisi_nerda_preferenze_overlay[hidden],
.avvisi_nerda_preferenze_griglia label[hidden],
.avvisi_nerda_preferenze_anticipo[hidden]{
    display:none !important;
}

.avvisi_nerda_preferenze_apri{
    width:19px;
    min-width:19px;
    height:19px;
    min-height:19px;
    margin:0 0 0 4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:#6C89C6;
    color:#FFFFFF;
    vertical-align:middle;
    cursor:pointer;
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_apri:not(:disabled):hover,
.avvisi_nerda_preferenze_apri:not(:disabled):focus{
    background:#FF9900;
    outline:none;
}

.avvisi_nerda_preferenze_apri:disabled{
    opacity:0.68;
    cursor:default;
}

.avvisi_nerda_preferenze_icona{
    position:relative;
    width:12px;
    height:12px;
    display:block;
}

.avvisi_nerda_preferenze_icona::before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:12px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    box-shadow:
        0 4px 0 currentColor,
        0 8px 0 currentColor;
}

.avvisi_nerda_preferenze_icona::after{
    content:"";
    position:absolute;
    left:2px;
    top:0;
    width:3px;
    height:3px;
    border:1px solid #6C89C6;
    border-radius:50%;
    background:#FFFFFF;
    box-shadow:
        5px 4px 0 -1px #FFFFFF,
        5px 4px 0 0 #6C89C6,
        1px 8px 0 -1px #FFFFFF,
        1px 8px 0 0 #6C89C6;
}

.avvisi_nerda_preferenze_apri:hover
.avvisi_nerda_preferenze_icona::after,
.avvisi_nerda_preferenze_apri:focus
.avvisi_nerda_preferenze_icona::after{
    border-color:#FF9900;
    box-shadow:
        5px 4px 0 -1px #FFFFFF,
        5px 4px 0 0 #FF9900,
        1px 8px 0 -1px #FFFFFF,
        1px 8px 0 0 #FF9900;
}

.avvisi_nerda_preferenze_overlay{
    position:fixed;
    inset:0;
    z-index:100000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    background:rgba(24,38,72,0.70);
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_popup{
    width:min(
        calc(100% - 12px),
        370px
    );
    max-height:calc(100vh - 24px);
    overflow:auto;
    border:1px solid #FF9900;
    border-radius:7px;
    background:#FFFFFF;
    box-shadow:0 10px 35px rgba(0,0,0,0.34);
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_header{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-bottom:2px solid #FF9900;
    background:#6C89C6;
    padding:10px 12px;
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_header > div{
    min-width:0;
}

.avvisi_nerda_preferenze_header span{
    color:#FFCC80;
    font-size:7px;
    font-weight:900;
}

.avvisi_nerda_preferenze_header h2{
    margin:3px 0 0;
    color:#FFFFFF;
    font-size:14px;
    font-weight:900;
}

.avvisi_nerda_preferenze_chiudi{
    width:29px;
    min-width:29px;
    height:29px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:#FF9900;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    line-height:1;
    cursor:pointer;
}

.avvisi_nerda_preferenze_chiudi:hover,
.avvisi_nerda_preferenze_chiudi:focus{
    background:#FFFFFF;
    color:#6C89C6;
    outline:none;
}

.avvisi_nerda_preferenze_chiudi:disabled{
    opacity:0.55;
    cursor:default;
}

.avvisi_nerda_preferenze_soggetto{
    margin:0;
    overflow:hidden;
    border-bottom:1px solid #D5DAE4;
    background:#F4F6FA;
    color:#6C89C6;
    padding:9px 12px;
    font-size:10px;
    font-weight:900;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.avvisi_nerda_preferenze_form{
    padding:12px;
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_tutto,
.avvisi_nerda_preferenze_solo_finali{
    min-height:55px;
    display:flex;
    align-items:center;
    gap:9px;
    border:1px solid #FF9900;
    border-radius:7px;
    background:#FFF8EC;
    padding:9px;
    cursor:pointer;
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_tutto input,
.avvisi_nerda_preferenze_solo_finali input,
.avvisi_nerda_preferenze_griglia input{
    width:17px;
    min-width:17px;
    height:17px;
    margin:0;
    accent-color:#6C89C6;
    cursor:pointer;
}

.avvisi_nerda_preferenze_tutto span,
.avvisi_nerda_preferenze_solo_finali span{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.avvisi_nerda_preferenze_tutto strong,
.avvisi_nerda_preferenze_solo_finali strong{
    color:#6C89C6;
    font-size:9px;
}

.avvisi_nerda_preferenze_tutto small,
.avvisi_nerda_preferenze_solo_finali small{
    color:#555555;
    font-size:7px;
    line-height:1.35;
}

.avvisi_nerda_preferenze_griglia{
    margin:11px 0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    border:1px solid #D5DAE4;
    border-radius:7px;
    padding:10px 8px 8px;
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_griglia legend{
    color:#FF9900;
    padding:0 5px;
    font-size:8px;
    font-weight:900;
}

.avvisi_nerda_preferenze_griglia label{
    min-width:0;
    min-height:34px;
    display:flex;
    align-items:center;
    gap:6px;
    border-radius:6px;
    background:#F4F6FA;
    padding:6px;
    cursor:pointer;
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_griglia span{
    color:#2F477A;
    font-size:7px;
    font-weight:900;
    line-height:1.2;
}

.avvisi_nerda_preferenze_griglia:disabled{
    opacity:0.62;
}

.avvisi_nerda_preferenze_griglia:disabled label,
.avvisi_nerda_preferenze_griglia:disabled input{
    cursor:default;
}

.avvisi_nerda_preferenze_solo_finali{
    border-color:#6C89C6;
    background:#F0F4FC;
}

.avvisi_nerda_preferenze_solo_finali:has(input:disabled){
    opacity:0.62;
    cursor:default;
}

.avvisi_nerda_preferenze_anticipo{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin-top:11px;
}

.avvisi_nerda_preferenze_anticipo > span{
    color:#FF9900;
    font-size:8px;
    font-weight:900;
}

.avvisi_nerda_preferenze_anticipo select{
    width:100%;
    min-height:38px;
    border:1px solid #6C89C6;
    border-radius:6px;
    background:#FFFFFF;
    color:#2F477A;
    padding:0 9px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    font-weight:900;
    box-sizing:border-box;
}

.avvisi_nerda_preferenze_anticipo select:focus{
    border-color:#FF9900;
    outline:none;
}

.avvisi_nerda_preferenze_messaggio{
    min-height:17px;
    margin:9px 0 0;
    color:#6C89C6;
    text-align:center;
    font-size:8px;
    font-weight:900;
}

.avvisi_nerda_preferenze_messaggio.avvisi_nerda_preferenze_ok{
    color:#278B50;
}

.avvisi_nerda_preferenze_messaggio.avvisi_nerda_preferenze_errore{
    color:#C0392B;
}

.avvisi_nerda_preferenze_azioni{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin-top:7px;
}

.avvisi_nerda_preferenze_annulla,
.avvisi_nerda_preferenze_salva{
    min-height:38px;
    border:0;
    border-radius:6px;
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}

.avvisi_nerda_preferenze_annulla{
    background:#7F8C8D;
}

.avvisi_nerda_preferenze_salva{
    background:#FF9900;
}

.avvisi_nerda_preferenze_annulla:hover,
.avvisi_nerda_preferenze_annulla:focus,
.avvisi_nerda_preferenze_salva:hover,
.avvisi_nerda_preferenze_salva:focus{
    background:#6C89C6;
    outline:none;
}

.avvisi_nerda_preferenze_annulla:disabled,
.avvisi_nerda_preferenze_salva:disabled{
    opacity:0.58;
    cursor:default;
}

body.avvisi_nerda_preferenze_aperto{
    overflow:hidden;
}

@media (max-width:430px){
    .avvisi_nerda_preferenze_overlay{
        padding:7px;
    }

    .avvisi_nerda_preferenze_popup{
        width:min(calc(100% - 4px),370px);
        max-height:calc(100vh - 14px);
    }

    .avvisi_nerda_preferenze_griglia{
        grid-template-columns:minmax(0,1fr);
    }
}

/* Criteri NERDA indipendenti dalla selezione dei tipi di avviso. */
.avvisi_nerda_criteri[hidden],
.avvisi_nerda_ambiti[hidden],
.avvisi_nerda_ambiti label[hidden],
.avvisi_nerda_criteri .avvisi_nerda_filtro_blocco[hidden]{
    display:none !important;
}

.avvisi_nerda_criteri{
    margin-bottom:12px;
}

.avvisi_nerda_criteri_nota{
    margin:0 0 9px;
    color:#5D6680;
    font-size:10px;
    line-height:1.45;
}

.avvisi_nerda_ambiti{
    margin:0 0 12px;
    border:1px solid #AAB9D8;
    border-radius:7px;
    padding:9px;
    background:#F7F9FD;
}

.avvisi_nerda_ambiti legend{
    color:#6C89C6;
    font-size:10px;
    font-weight:900;
}

.avvisi_nerda_ambiti label{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:28px;
    color:#2F477A;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}

.avvisi_nerda_ambiti input{
    width:17px;
    height:17px;
    margin:0;
    accent-color:#6C89C6;
}

.avvisi_nerda_criteri button:disabled,
.avvisi_nerda_criteri input:disabled{
    cursor:default;
    opacity:0.65;
}