/* COPARENTMANAGER CSS ENTRYPOINT
   In base.html continua a caricare soltanto style.css. */
@import url("./design-system.297c5d2c99a9.css");
@import url("./layout.45baf98f3cbb.css");
@import url("./utilities.fd4597c14a77.css");

/* =========================================================
   RIQUADRO RIUTILIZZABILE: COSA PUOI FARE IN QUESTA PAGINA
   ========================================================= */

.page-help-card {
    overflow: hidden;
    border: 1px solid #e9ecef !important;
    border-left: 3px solid var(--page-help-accent, #0d6efd) !important;
    border-radius: 0.85rem;
    background:
        linear-gradient(
            135deg,
            rgba(13, 110, 253, 0.035),
            rgba(255, 255, 255, 0) 55%
        ),
        #ffffff;
}

.page-help-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    background-color: color-mix(
        in srgb,
        var(--page-help-accent, #0d6efd) 12%,
        white
    );
    color: var(--page-help-accent, #0d6efd);
    font-size: 1.25rem;
}

.page-help-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem 1.5rem;
    margin: 0;
    padding-left: 1.15rem;
}

.page-help-list li {
    padding-left: 0.15rem;
    color: #495057;
}

.page-help-list li::marker {
    color: var(--page-help-accent, #0d6efd);
}

.page-help-note {
    padding: 0.7rem 0.85rem;
    border: 1px solid
        color-mix(
            in srgb,
            var(--page-help-accent, #0d6efd) 25%,
            white
        );
    border-radius: 0.65rem;
    background-color:
        color-mix(
            in srgb,
            var(--page-help-accent, #0d6efd) 7%,
            white
        );
    color: #495057;
}

@media (max-width: 767.98px) {
    .page-help-card .card-body {
        padding: 1rem !important;
    }

    .page-help-icon {
        width: 2.4rem;
        height: 2.4rem;
        font-size: 1.1rem;
    }

    .page-help-list {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}