:root {
    --agid-blue: #0066cc; /* blu AgID classico */
    --agid-blue-dark: #0052a3;
}

@media screen and (max-width: 5000px) {
    .login_box {
        border: none !important;
        box-shadow: none !important;
    }

        .login_box .dxpc-content {
            padding: 4px !important;
        }
}



.dxeTextBox_Material, .dxeButtonEdit_Material, .dxeIRadioButton_Material, .dxeRadioButtonList_Material, .dxeCheckBoxList_Material {
    box-shadow: none !important;
    border-radius: 4px !important;
    padding: 4px !important;
}

.dxbButton_Material {
    padding: 8px 12px !important;
    border-radius: 4px !important;
}

body {
    font-family: 'Roboto', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* =========================================================
   Identità digitali – stile AgID / PNRR
   ========================================================= */



/* container */
.idp-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 10px;
}

/* cerchi */
.idp-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--agid-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0, 102, 204, 0.35), 0 1px 0 rgba(255,255,255,.4) inset;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

    /* svg */
    .idp-circle img {
        width: 28px;
        height: 28px;
        pointer-events: none;
    }

    /* hover */
    .idp-circle:hover {
        background: var(--agid-blue-dark);
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(0, 102, 204, 0.45);
    }

    /* active (tap mobile) */
    .idp-circle:active {
        transform: translateY(0);
        box-shadow: 0 6px 14px rgba(0, 102, 204, 0.35);
    }

/* responsive */
@media (max-width: 480px) {
    .idp-circle {
        width: 52px;
        height: 52px;
    }

        .idp-circle img {
            width: 26px;
            height: 26px;
        }
}

/* =========================================================
   Login title – brand style
   ========================================================= */

.login-title {
    margin: 0 0 18px 0 !important;
    font-size: 60px !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.2 !important;
    text-align: center;
}

    /* "Planet" */
    .login-title .brand-strong {
        font-weight: bold !important;
    }

    /* "School" */
    .login-title .brand-light {
        font-weight: 400 !important;
        opacity: 0.9;
    }

.access-info {
    font-size: 15px;
    line-height: 1.45;
    color: #0f172a;
    padding:10px;
}

.access-title {
    margin: 0 0 10px 0;
    font-size: 18px;
    letter-spacing: -0.01em;
}

.access-option {
    margin: 12px 0;
}

.access-warning {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.3);
}