/* _content/SistemaCantiere/Components/funzionalita/BadgeAccessi.razor.rz.scp.css */
/* BadgeAccessi.razor.css */

:host[b-km93imh1x6] {
    background: #ffffff;
}

.feature-detail-container[b-km93imh1x6] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-km93imh1x6] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-km93imh1x6] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-success[b-km93imh1x6] {
            color: #198754 !important;
        }

    .feature-header h1[b-km93imh1x6] {
        color: #212529;
    }

    .feature-header .lead[b-km93imh1x6] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-km93imh1x6] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-km93imh1x6] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. WORKFLOW STEPS */
.step-workflow[b-km93imh1x6] {
    margin-bottom: 2rem;
}

.step-card[b-km93imh1x6] {
    position: relative;
    padding: 2rem 1rem;
    /* Spazio per il numero sopra, ma meno rispetto a prima */
    padding-top: 3rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background: #fff;
    text-align: center;
}

    /* --- CORREZIONE NUMERI (Arancione e Centrato) --- */
    .step-card .step-number[b-km93imh1x6] {
        position: absolute;
        top: -15px; /* Spostato leggermente più in alto per sporgere */
        left: 50%;
        transform: translateX(-50%); /* Centrato orizzontalmente */
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #fd7e14; /* Colore arancione */
        color: #fff;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #fff; /* Bordo bianco per staccare */
        z-index: 1; /* Assicura che sia sopra la card */
    }
    /* --- FINE CORREZIONE --- */

    .step-card i[b-km93imh1x6] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .step-card h5[b-km93imh1x6] {
        font-weight: 600;
        color: #212529;
    }

    .step-card p[b-km93imh1x6] {
        font-size: 0.9rem;
        color: #495057;
    }


/* 4. SEZIONE VANTAGGI (Stile .placement-section) */
.placement-section[b-km93imh1x6] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-km93imh1x6] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-km93imh1x6] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-km93imh1x6] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-km93imh1x6] {
        font-size: 0.9rem;
        color: #495057;
    }

/* 5. FINAL CTA */
.final-cta-section[b-km93imh1x6] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-km93imh1x6] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/DocumentiCantiere.razor.rz.scp.css */
/* DocumentiCantiere.razor.css */

:host[b-jr9ow0izhr] {
    background: #ffffff;
}

.feature-detail-container[b-jr9ow0izhr] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-jr9ow0izhr] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-jr9ow0izhr] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-info[b-jr9ow0izhr] {
            color: #0dcaf0 !important;
        }

    .feature-header h1[b-jr9ow0izhr] {
        color: #212529;
    }

    .feature-header .lead[b-jr9ow0izhr] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-jr9ow0izhr] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-jr9ow0izhr] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-jr9ow0izhr] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-jr9ow0izhr] {
    display: flex;
    align-items: flex-start; /* Allinea in alto */
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-jr9ow0izhr] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-jr9ow0izhr] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-jr9ow0izhr] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE COSA ARCHIVIARE (Stile .placement-section) */
.placement-section[b-jr9ow0izhr] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-jr9ow0izhr] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-jr9ow0izhr] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-jr9ow0izhr] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-jr9ow0izhr] {
        font-size: 0.9rem;
        color: #495057;
    }

/* 5. FINAL CTA */
.final-cta-section[b-jr9ow0izhr] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-jr9ow0izhr] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/FotoPlanimetria.razor.rz.scp.css */
/* FotoPlanimetria.razor.css */

:host[b-z3hcj7qaqt] {
    background: #ffffff;
}

.feature-detail-container[b-z3hcj7qaqt] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-z3hcj7qaqt] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-z3hcj7qaqt] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-warning[b-z3hcj7qaqt] {
            color: #ffc107 !important;
        }

    .feature-header h1[b-z3hcj7qaqt] {
        color: #212529;
    }

    .feature-header .lead[b-z3hcj7qaqt] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-z3hcj7qaqt] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-z3hcj7qaqt] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. WORKFLOW STEPS (Layout simile a BadgeAccessi) */
.step-workflow[b-z3hcj7qaqt] {
    margin-bottom: 2rem;
}

.step-card[b-z3hcj7qaqt] {
    position: relative;
    padding: 2rem 1rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background: #fff;
    text-align: center;
}

    .step-card i[b-z3hcj7qaqt] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .step-card h5[b-z3hcj7qaqt] {
        font-weight: 600;
        color: #212529;
    }

    .step-card p[b-z3hcj7qaqt] {
        font-size: 0.9rem;
        color: #495057;
    }


/* 4. SEZIONE VANTAGGI (Stile .placement-section) */
.placement-section[b-z3hcj7qaqt] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-z3hcj7qaqt] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-z3hcj7qaqt] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-z3hcj7qaqt] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-z3hcj7qaqt] {
        font-size: 0.9rem;
        color: #495057;
    }

/* 5. FINAL CTA */
.final-cta-section[b-z3hcj7qaqt] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-z3hcj7qaqt] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/GestioneMezzi.razor.rz.scp.css */
/* GestioneMezzi.razor.css */

:host[b-a4c8upgyxg] {
    background: #ffffff;
}

.feature-detail-container[b-a4c8upgyxg] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-a4c8upgyxg] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-a4c8upgyxg] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-orange[b-a4c8upgyxg] {
            color: #fd7e14 !important;
        }

    .feature-header h1[b-a4c8upgyxg] {
        color: #212529;
    }

    .feature-header .lead[b-a4c8upgyxg] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-a4c8upgyxg] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-a4c8upgyxg] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-a4c8upgyxg] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-a4c8upgyxg] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-a4c8upgyxg] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-a4c8upgyxg] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-a4c8upgyxg] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE POSIZIONAMENTO (Non usata qui, ma la teniamo per futura coerenza) */
.placement-section[b-a4c8upgyxg] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-a4c8upgyxg] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-a4c8upgyxg] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-a4c8upgyxg] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-a4c8upgyxg] {
        font-size: 0.9rem;
        color: #495057;
    }


/* 5. SEZIONE OPZIONI */
.options-section[b-a4c8upgyxg] {
    padding: 2rem 0;
}

.option-card[b-a4c8upgyxg] {
    position: relative;
    padding: 2.5rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

    .option-card .option-tag[b-a4c8upgyxg] {
        position: absolute;
        top: 1rem;
        right: 1.25rem;
        padding: 0.2rem 0.5rem;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 4px;
        background-color: rgba(0, 123, 255, 0.1);
        color: #007bff;
        border: 1px solid rgba(0, 123, 255, 0.2);
    }

    .option-card h4[b-a4c8upgyxg] {
        font-weight: 600;
        color: #0056b3; /* Blu scuro */
        margin-bottom: 1rem;
    }

    .option-card p[b-a4c8upgyxg] {
        color: #333;
    }


/* 6. FINAL CTA */
.final-cta-section[b-a4c8upgyxg] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-a4c8upgyxg] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/GestioneSubappaltatori.razor.rz.scp.css */
/* GestioneSubappaltatori.razor.css */

:host[b-9naw88vfa3] {
    background: #ffffff;
}

.feature-detail-container[b-9naw88vfa3] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-9naw88vfa3] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-9naw88vfa3] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-pink[b-9naw88vfa3] {
            color: #d63384 !important;
        }

    .feature-header h1[b-9naw88vfa3] {
        color: #212529;
    }

    .feature-header .lead[b-9naw88vfa3] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-9naw88vfa3] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-9naw88vfa3] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-9naw88vfa3] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-9naw88vfa3] {
    display: flex;
    align-items: flex-start; /* Allinea in alto */
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-9naw88vfa3] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-9naw88vfa3] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-9naw88vfa3] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE COSA GESTIRE (Stile .placement-section) */
.placement-section[b-9naw88vfa3] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-9naw88vfa3] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-9naw88vfa3] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-9naw88vfa3] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-9naw88vfa3] {
        font-size: 0.9rem;
        color: #495057;
    }

/* 5. FINAL CTA */
.final-cta-section[b-9naw88vfa3] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-9naw88vfa3] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/MappeInterattive.razor.rz.scp.css */
/* MappeInterattive.razor.css */

:host[b-npej44soa7] {
    background: #ffffff;
}

.feature-detail-container[b-npej44soa7] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-npej44soa7] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-npej44soa7] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-teal[b-npej44soa7] {
            color: #20c997 !important;
        }

    .feature-header h1[b-npej44soa7] {
        color: #212529;
    }

    .feature-header .lead[b-npej44soa7] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-npej44soa7] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-npej44soa7] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-npej44soa7] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-npej44soa7] {
    display: flex;
    align-items: flex-start; /* Allinea in alto */
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-npej44soa7] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-npej44soa7] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-npej44soa7] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE COSA MAPPARE (Stile .placement-section) */
.placement-section[b-npej44soa7] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-npej44soa7] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-npej44soa7] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-npej44soa7] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-npej44soa7] {
        font-size: 0.9rem;
        color: #495057;
    }

/* 5. FINAL CTA */
.final-cta-section[b-npej44soa7] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-npej44soa7] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/RapportiniGiornalieri.razor.rz.scp.css */
/* RapportiniGiornalieri.razor.css */

:host[b-k9289ndz47] {
    background: #ffffff;
}

.feature-detail-container[b-k9289ndz47] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-k9289ndz47] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-k9289ndz47] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-dark[b-k9289ndz47] {
            color: #212529 !important;
        }

    .feature-header h1[b-k9289ndz47] {
        color: #212529;
    }

    .feature-header .lead[b-k9289ndz47] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-k9289ndz47] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-k9289ndz47] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-k9289ndz47] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-k9289ndz47] {
    display: flex;
    align-items: flex-start; /* Allinea in alto */
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-k9289ndz47] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-k9289ndz47] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-k9289ndz47] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE FLUSSO (Stile .placement-section) */
.placement-section[b-k9289ndz47] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-k9289ndz47] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-k9289ndz47] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-k9289ndz47] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-k9289ndz47] {
        font-size: 0.9rem;
        color: #495057;
    }

/* 5. FINAL CTA */
.final-cta-section[b-k9289ndz47] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-k9289ndz47] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/RichiesteMateriali.razor.rz.scp.css */
/* RichiesteMateriali.razor.css */

:host[b-4r9aoxo1ea] {
    background: #ffffff;
}

.feature-detail-container[b-4r9aoxo1ea] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-4r9aoxo1ea] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-4r9aoxo1ea] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-purple[b-4r9aoxo1ea] {
            color: #6f42c1 !important;
        }

    .feature-header h1[b-4r9aoxo1ea] {
        color: #212529;
    }

    .feature-header .lead[b-4r9aoxo1ea] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-4r9aoxo1ea] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-4r9aoxo1ea] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-4r9aoxo1ea] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-4r9aoxo1ea] {
    display: flex;
    align-items: flex-start; /* Allinea in alto */
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-4r9aoxo1ea] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-4r9aoxo1ea] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-4r9aoxo1ea] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE FLUSSO (Stile .placement-section) */
.placement-section[b-4r9aoxo1ea] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-4r9aoxo1ea] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-4r9aoxo1ea] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-4r9aoxo1ea] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-4r9aoxo1ea] {
        font-size: 0.9rem;
        color: #495057;
    }

/* 5. FINAL CTA */
.final-cta-section[b-4r9aoxo1ea] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-4r9aoxo1ea] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/SicurezzaConformita.razor.rz.scp.css */
/* SicurezzaConformita.razor.css */

:host[b-5rxfpotvpy] {
    background: #ffffff;
}

.feature-detail-container[b-5rxfpotvpy] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-5rxfpotvpy] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-5rxfpotvpy] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-secondary[b-5rxfpotvpy] {
            color: #6c757d !important;
        }

    .feature-header h1[b-5rxfpotvpy] {
        color: #212529;
    }

    .feature-header .lead[b-5rxfpotvpy] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-5rxfpotvpy] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-5rxfpotvpy] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-5rxfpotvpy] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-5rxfpotvpy] {
    display: flex;
    /* --- CORREZIONE --- */
    align-items: flex-start; /* Era 'center' */
    /* --- FINE CORREZIONE --- */
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-5rxfpotvpy] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-5rxfpotvpy] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-5rxfpotvpy] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE POSIZIONAMENTO (Usata per i Documenti) */
.placement-section[b-5rxfpotvpy] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-5rxfpotvpy] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-5rxfpotvpy] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-5rxfpotvpy] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-5rxfpotvpy] {
        font-size: 0.9rem;
        color: #495057;
    }


/* 5. SEZIONE OPZIONI (Non usata qui) */
.options-section[b-5rxfpotvpy] {
    padding: 2rem 0;
}

.option-card[b-5rxfpotvpy] {
    position: relative;
    padding: 2.5rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

    .option-card .option-tag[b-5rxfpotvpy] {
        position: absolute;
        top: 1rem;
        right: 1.25rem;
        padding: 0.2rem 0.5rem;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 4px;
        background-color: rgba(0, 123, 255, 0.1);
        color: #007bff;
        border: 1px solid rgba(0, 123, 255, 0.2);
    }

    .option-card h4[b-5rxfpotvpy] {
        font-weight: 600;
        color: #0056b3; /* Blu scuro */
        margin-bottom: 1rem;
    }

    .option-card p[b-5rxfpotvpy] {
        color: #333;
    }


/* 6. FINAL CTA */
.final-cta-section[b-5rxfpotvpy] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-5rxfpotvpy] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/Telecamere.razor.rz.scp.css */
/* Telecamere.razor.css */

:host[b-k0gryyee15] {
    background: #ffffff;
}

.feature-detail-container[b-k0gryyee15] {
    padding-bottom: 3rem;
}

/* 1. HEADER (Stile simile a Funzionalita.razor.css) */
.feature-header[b-k0gryyee15] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-k0gryyee15] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        .feature-header .feature-icon.text-danger[b-k0gryyee15] {
            color: #dc3545 !important;
        }

    .feature-header h1[b-k0gryyee15] {
        color: #212529;
    }

    .feature-header .lead[b-k0gryyee15] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-k0gryyee15] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-k0gryyee15] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile ripreso da Funzionalita.razor.css) */
.benefits-section[b-k0gryyee15] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-k0gryyee15] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-k0gryyee15] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-k0gryyee15] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-k0gryyee15] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE POSIZIONAMENTO */
.placement-section[b-k0gryyee15] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    /* --- CORREZIONE --- */
    margin-top: 3rem; /* Era 'margin: 3rem 0;' */
    margin-bottom: 3rem; /* Questo preserva i margini auto laterali del .container */
    /* --- FINE CORREZIONE --- */
}

.placement-card[b-k0gryyee15] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-k0gryyee15] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-k0gryyee15] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-k0gryyee15] {
        font-size: 0.9rem;
        color: #495057;
    }


/* 5. SEZIONE OPZIONI */
.options-section[b-k0gryyee15] {
    padding: 2rem 0;
}

.option-card[b-k0gryyee15] {
    position: relative;
    padding: 2.5rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

    .option-card .option-tag[b-k0gryyee15] {
        position: absolute;
        top: 1rem;
        right: 1.25rem;
        padding: 0.2rem 0.5rem;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 4px;
        background-color: rgba(0, 123, 255, 0.1);
        color: #007bff;
        border: 1px solid rgba(0, 123, 255, 0.2);
    }

    .option-card h4[b-k0gryyee15] {
        font-weight: 600;
        color: #0056b3; /* Blu scuro */
        margin-bottom: 1rem;
    }

    .option-card p[b-k0gryyee15] {
        color: #333;
    }


/* 6. FINAL CTA (Stile ripreso da Funzionalita.razor.css) */
.final-cta-section[b-k0gryyee15] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-k0gryyee15] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/Tempi.razor.rz.scp.css */
/* TracciamentoAttrezzi.razor.css */

:host[b-ij8rplfdo9] {
    background: #ffffff;
}

.feature-detail-container[b-ij8rplfdo9] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-ij8rplfdo9] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-ij8rplfdo9] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-primary[b-ij8rplfdo9] {
            color: #007bff !important;
        }

    .feature-header h1[b-ij8rplfdo9] {
        color: #212529;
    }

    .feature-header .lead[b-ij8rplfdo9] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-ij8rplfdo9] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-ij8rplfdo9] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-ij8rplfdo9] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-ij8rplfdo9] {
    display: flex;
    align-items: flex-start; /* Allinea in alto per titoli su più righe */
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-ij8rplfdo9] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-ij8rplfdo9] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-ij8rplfdo9] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE POSIZIONAMENTO (Usata per La Soluzione) */
.placement-section[b-ij8rplfdo9] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-ij8rplfdo9] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-ij8rplfdo9] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-ij8rplfdo9] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-ij8rplfdo9] {
        font-size: 0.9rem;
        color: #495057;
    }


/* 5. SEZIONE OPZIONI (Non usata qui) */
.options-section[b-ij8rplfdo9] {
    padding: 2rem 0;
}

.option-card[b-ij8rplfdo9] {
    position: relative;
    padding: 2.5rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

    .option-card .option-tag[b-ij8rplfdo9] {
        position: absolute;
        top: 1rem;
        right: 1.25rem;
        padding: 0.2rem 0.5rem;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 4px;
        background-color: rgba(0, 123, 255, 0.1);
        color: #007bff;
        border: 1px solid rgba(0, 123, 255, 0.2);
    }

    .option-card h4[b-ij8rplfdo9] {
        font-weight: 600;
        color: #0056b3; /* Blu scuro */
        margin-bottom: 1rem;
    }

    .option-card p[b-ij8rplfdo9] {
        color: #333;
    }


/* 6. FINAL CTA */
.final-cta-section[b-ij8rplfdo9] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-ij8rplfdo9] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/funzionalita/TracciamentoAttrezzi.razor.rz.scp.css */
/* TracciamentoAttrezzi.razor.css */

:host[b-zs5syjs0s0] {
    background: #ffffff;
}

.feature-detail-container[b-zs5syjs0s0] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.feature-header[b-zs5syjs0s0] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .feature-header .feature-icon[b-zs5syjs0s0] {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

        /* Colore corretto */
        .feature-header .feature-icon.text-primary[b-zs5syjs0s0] {
            color: #007bff !important;
        }

    .feature-header h1[b-zs5syjs0s0] {
        color: #212529;
    }

    .feature-header .lead[b-zs5syjs0s0] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-zs5syjs0s0] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-zs5syjs0s0] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}

/* 3. SEZIONE BENEFICI (Stile .usp-item) */
.benefits-section[b-zs5syjs0s0] {
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.usp-item[b-zs5syjs0s0] {
    display: flex;
    align-items: flex-start; /* Allinea in alto per titoli su più righe */
    gap: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    height: 100%;
}

    .usp-item .icon[b-zs5syjs0s0] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-zs5syjs0s0] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-zs5syjs0s0] {
        color: #495057;
        font-size: 0.95rem;
        margin-bottom: 0;
    }


/* 4. SEZIONE POSIZIONAMENTO (Usata per La Soluzione) */
.placement-section[b-zs5syjs0s0] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.placement-card[b-zs5syjs0s0] {
    text-align: center;
    padding: 1.5rem;
    height: 100%;
}

    .placement-card i[b-zs5syjs0s0] {
        font-size: 2.5rem;
        color: #007bff;
        margin-bottom: 1rem;
    }

    .placement-card h5[b-zs5syjs0s0] {
        font-weight: 600;
        color: #212529;
    }

    .placement-card p[b-zs5syjs0s0] {
        font-size: 0.9rem;
        color: #495057;
    }


/* 5. SEZIONE OPZIONI (Non usata qui) */
.options-section[b-zs5syjs0s0] {
    padding: 2rem 0;
}

.option-card[b-zs5syjs0s0] {
    position: relative;
    padding: 2.5rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

    .option-card .option-tag[b-zs5syjs0s0] {
        position: absolute;
        top: 1rem;
        right: 1.25rem;
        padding: 0.2rem 0.5rem;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 4px;
        background-color: rgba(0, 123, 255, 0.1);
        color: #007bff;
        border: 1px solid rgba(0, 123, 255, 0.2);
    }

    .option-card h4[b-zs5syjs0s0] {
        font-weight: 600;
        color: #0056b3; /* Blu scuro */
        margin-bottom: 1rem;
    }

    .option-card p[b-zs5syjs0s0] {
        color: #333;
    }


/* 6. FINAL CTA */
.final-cta-section[b-zs5syjs0s0] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-zs5syjs0s0] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-50nez91lmo] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-50nez91lmo] {
    flex: 1;
    padding-left: 250px;
}

.sidebar[b-50nez91lmo] {
    width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    transition: transform 0.3s ease-in-out;
    background-color: rgba(40, 44, 52, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.top-row[b-50nez91lmo] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end; /* A DESTRA su desktop */
    height: 3.5rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    position: relative;
    z-index: 102;
}

.navbar-toggler[b-50nez91lmo] {
    display: none; /* Nascosto su desktop */
    border: none;
    background: transparent;
}

    .navbar-toggler:focus[b-50nez91lmo] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

.overlay[b-50nez91lmo] {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.top-row-links a[b-50nez91lmo] {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
    color: #007bff;
}

.legal-info-container[b-50nez91lmo] {
    display: none;
}

.legal-info-btn[b-50nez91lmo] {
    border: 1px solid #ced4da;
    background-color: #fff;
    color: #5a6872;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .legal-info-btn:focus[b-50nez91lmo] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .legal-info-btn:hover[b-50nez91lmo] {
        background-color: #e9ecef;
    }

.legal-dropdown-menu[b-50nez91lmo] {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    padding: 0.5rem 0;
    border: 1px solid #dee2e6;
}

    .legal-dropdown-menu.show[b-50nez91lmo] {
        display: block;
    }

    .legal-dropdown-menu a[b-50nez91lmo] {
        display: block;
        padding: 0.75rem 1.25rem;
        color: #34495e;
        text-decoration: none;
        white-space: nowrap;
        transition: background-color 0.2s ease;
    }

        .legal-dropdown-menu a:hover[b-50nez91lmo] {
            background-color: #f8f9fa;
        }


/* --- SEZIONE PER DISPOSITIVI MOBILI --- */
@media (max-width: 991.98px) {
    main[b-50nez91lmo] {
        padding-left: 0;
    }

    .top-row[b-50nez91lmo] {
        justify-content: space-between;
    }

    /* --- CORREZIONE: Stile identico a ".legal-info-btn" --- */
    .navbar-toggler[b-50nez91lmo] {
        display: block;
        /* Stili copiati da .legal-info-btn */
        border: 1px solid #007bff; /* Bordo blu */
        background-color: #fff;
        color: #007bff; /* Testo blu */
        padding: 0.4rem 0.8rem;
        border-radius: 20px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s ease;
        /* Stili aggiuntivi per coerenza */
        font-size: 0.9rem; /* Adattato da .legal-info-btn */
        line-height: 1.5; /* Standard per bottoni */
    }

    .top-row-links[b-50nez91lmo] {
        display: none;
    }

    .legal-info-container[b-50nez91lmo] {
        display: block;
    }

    .legal-info-btn[b-50nez91lmo] {
        border-color: #007bff;
        color: #007bff;
    }

    .sidebar[b-50nez91lmo] {
        transform: translateX(-100%);
    }

        .sidebar.open[b-50nez91lmo] {
            transform: translateX(0);
        }

    .overlay.show[b-50nez91lmo] {
        display: block;
    }
}
/* _content/SistemaCantiere/Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu.razor.css */
.nav-container[b-28hrdcw9c7] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.sidebar-header[b-28hrdcw9c7] {
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    flex-shrink: 0;
}

.nav-container > nav[b-28hrdcw9c7] {
    flex-grow: 1;
    overflow-y: auto;
    padding-bottom: 1rem;
}

.nav-item[b-28hrdcw9c7] {
    padding: 0.25rem 1rem;
}

    .nav-item[b-28hrdcw9c7]  .nav-link {
        color: #adb5bd;
        border-radius: 6px;
        height: 3rem;
        display: flex;
        align-items: center;
        padding: 0 1rem;
        transition: all 0.2s ease-in-out;
        text-decoration: none;
    }

        .nav-item[b-28hrdcw9c7]  .nav-link:hover {
            background-color: rgba(255, 255, 255, 0.1);
            color: #ffffff;
        }

    .nav-item[b-28hrdcw9c7]  a.active {
        background-color: rgba(255, 255, 255, 0.15);
        color: #ffffff;
        font-weight: 600;
    }

    .nav-item[b-28hrdcw9c7]  .bi {
        width: 1.5rem;
        font-size: 1.1rem;
        margin-right: 0.75rem;
        color: #6c757d;
        transition: color 0.2s ease-in-out;
    }

    .nav-item[b-28hrdcw9c7]  a.active .bi,
    .nav-item[b-28hrdcw9c7]  .nav-link:hover .bi {
        color: #ffffff;
    }

.sidebar-footer[b-28hrdcw9c7] {
    padding: 1.25rem 1rem;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 500;
    color: #adb5bd;
    flex-shrink: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);

}
/* _content/SistemaCantiere/Components/Pages/Demo.razor.rz.scp.css */
/* Demo.razor.css */

/* 1. HEADER (Stile come le altre pagine) */
.demo-header[b-dwblpiarui] {
    padding: 4rem 2rem;
    background-color: #f8f9fa; /* Grigio chiaro */
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .demo-header h1[b-dwblpiarui] {
        color: #212529;
    }

    .demo-header .lead[b-dwblpiarui] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. CARD DEL MODULO (Stile pulito, simile a quello che mi hai mostrato) */
.form-container-card[b-dwblpiarui] {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 2.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* 3. MESSAGGI DI STATO (Invio, Successo, Errore) */
.form-status-message[b-dwblpiarui] {
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.1rem;
}

    .form-status-message i[b-dwblpiarui] {
        font-size: 1.5rem;
        margin-right: 0.5rem;
        vertical-align: middle;
    }

    .form-status-message.info[b-dwblpiarui] {
        background-color: #e6f7ff;
        border: 1px solid #b3e0ff;
        color: #0056b3;
    }

    .form-status-message.success[b-dwblpiarui] {
        background-color: #e6ffed;
        border: 1px solid #b6e9c9;
        color: #0a3622;
    }

    .form-status-message.error[b-dwblpiarui] {
        background-color: #fff0f1;
        border: 1px solid #ffccd1;
        color: #721c24;
    }

/* 4. Stile per i messaggi di validazione */
.validation-message[b-dwblpiarui] {
    font-size: 0.875em;
    color: var(--bs-danger); /* Colore rosso di Bootstrap */
}
/* _content/SistemaCantiere/Components/Pages/Funzionalita.razor.rz.scp.css */
/* Funzionalita.razor.css */

:host[b-sfkh5bm9x7] {
    background: #ffffff;
}

.funzionalita-page-container[b-sfkh5bm9x7] {
    padding-bottom: 3rem;
}

/* 1. HEADER */
.funzionalita-header[b-sfkh5bm9x7] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .funzionalita-header h1[b-sfkh5bm9x7] {
        color: #212529;
    }

    .funzionalita-header .lead[b-sfkh5bm9x7] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. SEZIONE "CHAOS" (Stile completo ripristinato) */
.chaos-section[b-sfkh5bm9x7] {
    padding: 2.5rem;
    background-color: #fff9f9; /* Sfondo rosso molto chiaro */
    border: 1px solid #f5c6cb; /* Bordo rosso chiaro */
    border-radius: 8px;
    margin-bottom: 3rem;
}

    /* Icona grande triangolo (ripristinata) */
    .chaos-section .bi-exclamation-triangle-fill[b-sfkh5bm9x7] {
        font-size: 6rem;
        color: #dc3545; /* Rosso Bootstrap */
        opacity: 0.6;
    }

    .chaos-section .chaos-title[b-sfkh5bm9x7] {
        font-weight: 600;
        color: #58151c; /* Rosso scuro */
    }

    .chaos-section p[b-sfkh5bm9x7] {
        font-size: 1.1rem;
        color: #333;
    }

    /* --- CORREZIONE ALLINEAMENTO LISTA (Flexbox) --- */
    .chaos-section ul[b-sfkh5bm9x7] {
        list-style: none;
        padding-left: 0;
        margin-top: 1.5rem;
    }

    .chaos-section li[b-sfkh5bm9x7] {
        font-size: 1.05rem;
        display: flex; /* USA FLEXBOX */
        align-items: flex-start; /* Allinea in alto */
        gap: 0.75rem; /* Spazio tra icona e testo */
        margin-bottom: 1rem;
        line-height: 1.6;
    }
        /* Il testo (ora dentro un div) occuperà lo spazio rimanente */
        .chaos-section li div[b-sfkh5bm9x7] {
            flex: 1;
        }

        .chaos-section li .bi[b-sfkh5bm9x7] {
            color: #dc3545;
            font-size: 1.1rem; /* Dimensione icona */

            flex-shrink: 0; /* Impedisce all'icona di rimpicciolirsi */
        }
    /* --- FINE CORREZIONE --- */

    .chaos-section .chaos-solution[b-sfkh5bm9x7] {
        margin-top: 1.5rem;
        font-weight: 500;
        font-size: 1.1rem;
        color: #212529;
    }

/* 3. LISTA DI CONFRONTO */
.comparison-list[b-sfkh5bm9x7] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

.comparison-card[b-sfkh5bm9x7] {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
    transition: background-color 0.2s ease;
}

    .comparison-card:hover[b-sfkh5bm9x7] {
        background-color: #f8f9fa;
    }

    .comparison-card:last-child[b-sfkh5bm9x7] {
        border-bottom: none;
    }

    /* Titolo del modulo (es. "Rapportini Giornalieri") */
    .comparison-card h4[b-sfkh5bm9x7] {
        font-weight: 600;
        font-size: 1.5rem;
        color: #212529;
        margin-bottom: 1.5rem;
    }
        /* Icona del modulo */
        .comparison-card h4 .bi[b-sfkh5bm9x7] {
            margin-right: 0.75rem;
            font-size: 1.3rem;
            position: relative;
            top: -2px;
        }

.comparison-row[b-sfkh5bm9x7] {
    display: flex;
    gap: 2rem;
}

.comparison-col[b-sfkh5bm9x7] {
    flex: 1;
}

    .comparison-col h5[b-sfkh5bm9x7] {
        font-weight: 600;
        margin-bottom: 0.75rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid;
    }

    .comparison-col ul[b-sfkh5bm9x7] {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
    }

    /* --- CORREZIONE ALLINEAMENTO LISTA CARD --- */
    .comparison-col li[b-sfkh5bm9x7] {
        margin-bottom: 0.5rem;
        line-height: 1.6;
        display: flex;
        align-items: baseline; /* Allinea alla base della prima riga di testo */
        gap: 0.75rem;
    }
        /* Stile per le icone nei bullet point */
        .comparison-col li .bi[b-sfkh5bm9x7] {
            /* Rimosso il margin-top: 5px; */
            font-size: 0.9rem;
            flex-shrink: 0;
        }
/* --- FINE CORREZIONE --- */

/* Colonna Tradizionale */
.traditional h5[b-sfkh5bm9x7] {
    color: #dc3545; /* Rosso Bootstrap */
    border-color: #dc3545;
}

.traditional li[b-sfkh5bm9x7] {
    color: #495057;
}

    .traditional li .bi[b-sfkh5bm9x7] {
        color: #dc3545;
    }

/* Colonna Digitale */
.digital h5[b-sfkh5bm9x7] {
    color: #198754; /* Verde Bootstrap */
    border-color: #198754;
}

.digital li[b-sfkh5bm9x7] {
    color: #212529;
}

    .digital li .bi[b-sfkh5bm9x7] {
        color: #198754;
    }
        /* Stile per icone "speciali" (email, occhio, etc) */
        .digital li .bi.bi-envelope-fill[b-sfkh5bm9x7],
        .digital li .bi.bi-eye-fill[b-sfkh5bm9x7],
        .digital li .bi.bi-broadcast[b-sfkh5bm9x7],
        .digital li .bi.bi-alarm-fill[b-sfkh5bm9x7] {
            color: #007bff; /* Blu primario per evidenza */
        }

/* Stile per il Vantaggio Immediato */
.vantaggio-immediato[b-sfkh5bm9x7] {
    margin-top: 1rem;
    padding: 0.5rem 0.75rem;
    background-color: #e6ffed; /* Sfondo verde chiaro */
    border-radius: 4px;
    border: 1px solid #b6e9c9;
}

    .vantaggio-immediato strong[b-sfkh5bm9x7] {
        color: #0a3622; /* Verde scuro */
        display: block;
        text-align: center;
        font-weight: 600;
    }


/* 4. FINAL CTA */
.final-cta-section[b-sfkh5bm9x7] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

    .final-cta-section h2[b-sfkh5bm9x7] {
        font-weight: 600;
    }

/* 5. RESPONSIVE PER MOBILE */
@media (max-width: 991.98px) {
    .comparison-row[b-sfkh5bm9x7] {
        flex-direction: column; /* Impila le colonne */
        gap: 1.5rem;
    }

    .digital[b-sfkh5bm9x7] {
        margin-top: 1rem;
    }
}
/* _content/SistemaCantiere/Components/Pages/Home.razor.rz.scp.css */
/* Home.razor.css */

/* Reset base per la pagina (evita lo stile "righe" delle pagine legali) */
:host[b-2s0epjboww] {
    background: #ffffff; /* Sfondo bianco pulito */
}

.home-page-container[b-2s0epjboww] {
    width: 100%;
}

/* 1. SEZIONE HERO */
.hero-section[b-2s0epjboww] {
    padding: 4rem 2rem;
    background-color: #f8f9fa; /* Grigio chiaro */
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .hero-section h1[b-2s0epjboww] {
        color: #212529;
    }

    .hero-section .lead[b-2s0epjboww] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 2rem auto;
    }

        /* FIX: Forza il grassetto dentro la classe .lead */
        .hero-section .lead strong[b-2s0epjboww] {
            font-weight: 600;
            color: #212529;
        }


/* 2. SEZIONE FEATURES */
.features-section[b-2s0epjboww] {
    padding: 2rem 0;
}

.feature-card[b-2s0epjboww] {
    position: relative;
    text-align: center;
    padding: 2.5rem;
    /* Rimuovi il padding-bottom extra, ora non serve */
    /* padding-bottom: 4rem; */
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    /* Aggiunto per flexbox layout del footer e del testo */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Spinge il footer in basso ma lascia spazio */
}

    .feature-card:hover[b-2s0epjboww] {
        transform: translateY(-5px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .feature-card .icon[b-2s0epjboww] {
        font-size: 3rem;
        margin-top: 1rem; /* Spazio sopra l'icona */
        margin-bottom: 1.5rem;
    }

/* --- NUOVO STILE PER IL "TAG MODULO" (IN ALTO A SINISTRA) --- */
.module-tag[b-2s0epjboww] {
    position: absolute;
    top: 1.25rem; /* Spaziatura dall'alto */
    left: 1.25rem; /* Spaziatura da sinistra */

    padding: 0.2rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
    border: 1px solid rgba(25, 135, 84, 0.2);
    z-index: 1; /* Assicurati che sia sopra altri elementi se necessario */
}
/* --- FINE NUOVO STILE --- */

/* Assicurati che il paragrafo di testo abbia un margine sotto */
.feature-card p[b-2s0epjboww] {
    margin-bottom: 1.5rem; /* Spazio tra testo e pulsante */
    flex-grow: 1; /* Permette al testo di occupare lo spazio disponibile */
}


/* --- STILE REVISIONATO PER IL "PULSANTE SCOPRI DI PIU" --- */
.feature-card-footer[b-2s0epjboww] {
    /* Rimuovi positioning assoluto, ora sarà parte del flusso */
    /* position: absolute; */
    /* bottom: 1rem; */
    /* left: 1.25rem; */

    text-align: center; /* <<< MODIFICA: Allinea il pulsante al centro */
    width: 100%; /* Occupa tutta la larghezza per l'allineamento */
    /* Rimuovi padding laterali, ora inutili */
    /* padding-left: 1.25rem; */
    /* padding-right: 1.25rem; */
    margin-top: auto; /* Spinge il footer verso il basso grazie al flexbox */
}

    .feature-card-footer a[b-2s0epjboww] {
        display: inline-block;
        padding: 0.25rem 0.65rem;
        font-size: 0.875rem; /* 14px */
        font-weight: 500;
        color: #007bff;
        text-decoration: none;
        border: 1px solid #007bff;
        border-radius: 0.25rem; /* 4px */
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    }

        .feature-card-footer a:hover[b-2s0epjboww] {
            background-color: #007bff;
            color: #ffffff;
            text-decoration: none;
        }
/* --- FINE STILE REVISIONATO --- */


/* Icone con colori diversi */
.feature-card .icon.text-primary[b-2s0epjboww] {
    color: #007bff !important;
}

.feature-card .icon.text-success[b-2s0epjboww] {
    color: #198754 !important;
}

.feature-card .icon.text-warning[b-2s0epjboww] {
    color: #ffc107 !important;
}

.feature-card .icon.text-danger[b-2s0epjboww] {
    color: #dc3545 !important;
}

.feature-card .icon.text-info[b-2s0epjboww] {
    color: #0dcaf0 !important;
}

.feature-card .icon.text-dark[b-2s0epjboww] {
    color: #212529 !important;
}

.feature-card .icon.text-secondary[b-2s0epjboww] {
    color: #6c757d !important;
}

.feature-card .icon.text-orange[b-2s0epjboww] {
    color: #fd7e14 !important;
}

.feature-card .icon.text-purple[b-2s0epjboww] {
    color: #6f42c1 !important;
}

.feature-card .icon.text-teal[b-2s0epjboww] {
    color: #20c997 !important;
}

.feature-card .icon.text-indigo[b-2s0epjboww] {
    color: #6610f2 !important;
}

.feature-card .icon.text-pink[b-2s0epjboww] {
    color: #d63384 !important;
}


/* 3. SEZIONE USP (UNIQUE SELLING PROPOSITION) */
.usp-section[b-2s0epjboww] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.usp-item[b-2s0epjboww] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    height: 100%;
}

    .usp-item .icon[b-2s0epjboww] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-2s0epjboww] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-2s0epjboww] {
        color: #495057;
    }


/* 4. SEZIONE FINAL CTA */
.final-cta-section[b-2s0epjboww] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
}

    .final-cta-section h2[b-2s0epjboww] {
        font-weight: 600
    }
/* _content/SistemaCantiere/Components/Pages/Licenza.razor.rz.scp.css */
/* Licenza.razor.css */

/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-0c7qp26o00] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-0c7qp26o00]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-0c7qp26o00]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-0c7qp26o00] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- REGOLE DI ALLINEAMENTO ALLA GRIGLIA --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-0c7qp26o00] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* Stile H2 */
.legal-container h2[b-0c7qp26o00] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.5rem;
    margin: 2.5rem 0;
    line-height: 2.5rem;
}

/* Stile per i paragrafi */
.legal-container p[b-0c7qp26o00] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    line-height: 2.5rem;
}

/* Stili Liste */
.legal-container ul[b-0c7qp26o00] {
    list-style-position: inside;
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    line-height: 2.5rem;
}

    .legal-container ul li[b-0c7qp26o00] {
        padding: 0;
        margin: 0 0 0 1.5rem; /* Indentazione */
        line-height: 2.5rem; /* Forza ogni <li> a occupare una riga */
    }

.legal-container strong[b-0c7qp26o00] {
    color: #34495e;
}

/* Stile per i link */
.legal-container a[b-0c7qp26o00] {
    color: #007bff; /* Colore primario */
    text-decoration: none;
    font-weight: 500;
}

    .legal-container a:hover[b-0c7qp26o00] {
        text-decoration: underline;
    }
/* _content/SistemaCantiere/Components/Pages/PagamentiLicenza.razor.rz.scp.css */
/* PagamentiLicenza.razor.css */

/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-3qn0lpijzt] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-3qn0lpijzt]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-3qn0lpijzt]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-3qn0lpijzt] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- REGOLE DI ALLINEAMENTO ALLA GRIGLIA --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-3qn0lpijzt] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* Stile H2 */
.legal-container h2[b-3qn0lpijzt] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.5rem;
    margin: 2.5rem 0;
    line-height: 2.5rem;
}

/* Stile per i paragrafi */
.legal-container p[b-3qn0lpijzt] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

.legal-container strong[b-3qn0lpijzt] {
    color: #34495e;
}

/* Stile per i link */
.legal-container a[b-3qn0lpijzt] {
    color: #007bff; /* Colore primario */
    text-decoration: none;
    font-weight: 500;
}

    .legal-container a:hover[b-3qn0lpijzt] {
        text-decoration: underline;
    }
/* _content/SistemaCantiere/Components/Pages/Prezzi.razor.rz.scp.css */
/* Prezzi.razor.css */

/* Stile base (evita quello delle pagine legali) */
:host[b-53nsjvew3u] {
    background: #ffffff;
}

/* --- NUOVA REGOLA --- */
/* Aggiunge spazio in fondo alla pagina */
.prezzi-page-container[b-53nsjvew3u] {
    padding-bottom: 3rem;
}
/* --- FINE NUOVA REGOLA --- */


/* 1. HEADER */
.prezzi-header[b-53nsjvew3u] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

/* 2. BOX COSTO ATTIVAZIONE */
.setup-fee-box[b-53nsjvew3u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    border: 1px solid #cce5ff;
    background-color: #f0f7ff;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .setup-fee-box .icon[b-53nsjvew3u] {
        font-size: 2rem;
        color: #007bff;
        flex-shrink: 0;
    }

    .setup-fee-box .content[b-53nsjvew3u] {
        flex-grow: 1;
    }

        .setup-fee-box .content h4[b-53nsjvew3u] {
            font-weight: 600;
            color: #0056b3;
        }

        .setup-fee-box .content p[b-53nsjvew3u] {
            margin-bottom: 0;
            color: #333;
        }

    .setup-fee-box .price[b-53nsjvew3u] {
        flex-shrink: 0;
        text-align: right;
    }


/* 3. CALCOLATORE MODULI */
.calculator-box[b-53nsjvew3u] {
    padding: 2.5rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 2rem;
}

.module-list .list-group-item[b-53nsjvew3u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    border-color: #e9ecef;
}

    .module-list .list-group-item:hover[b-53nsjvew3u] {
        background-color: #f8f9fa;
    }

    .module-list .list-group-item.selected-module[b-53nsjvew3u] {
        background-color: #e6ffed;
        border-color: #198754;
        color: #0a3622;
    }

/* --- NUOVA STRUTTURA A 3 COLONNE --- */

/* 1. Sezione Sinistra: Spunta + Icona + Titolo */
.module-title-section[b-53nsjvew3u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1 1 50%; /* Occupa metà dello spazio */
}

    .module-title-section .empty-icon[b-53nsjvew3u] {
        font-size: 1.25rem;
        color: #6c757d;
        transition: color 0.2s ease;
    }

    .module-title-section .selected-icon[b-53nsjvew3u] {
        font-size: 1.25rem;
        color: #198754;
        transition: color 0.2s ease;
    }

.module-icon-wrapper[b-53nsjvew3u] {
    font-size: 1.2rem;
    width: 28px;
    text-align: center;
}

.module-list .form-check-label[b-53nsjvew3u] {
    font-size: 1.05rem;
    margin-bottom: 0;
    cursor: pointer;
}

    .module-list .form-check-label strong[b-53nsjvew3u] {
        color: #212529;
        transition: color 0.2s ease;
    }

.module-list .list-group-item.selected-module .form-check-label strong[b-53nsjvew3u] {
    color: #0a3622;
}


/* 2. Sezione Centrale: Etichetta */
.module-tag-section[b-53nsjvew3u] {
    flex: 1 1 25%; /* Occupa un quarto */
    text-align: center; /* CENTRATO */
}

.module-tag-price[b-53nsjvew3u] {
    padding: 0.2rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
    border: 1px solid rgba(25, 135, 84, 0.2);
    flex-shrink: 0;
}


/* 3. Sezione Destra: Prezzo */
.module-price-section[b-53nsjvew3u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 25%; /* Occupa un quarto */
    text-align: right;
}

.module-price[b-53nsjvew3u] {
    font-weight: 600;
    color: #495057;
    white-space: nowrap;
}

.module-list .list-group-item.selected-module .module-price[b-53nsjvew3u] {
    color: #0a3622;
}


/* 4. SEZIONE TOTALE */
.total-summary[b-53nsjvew3u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 2.5rem;
    border-radius: 8px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    margin-bottom: 1rem;
}

    .total-summary .total-text[b-53nsjvew3u] {
        color: #212529;
    }

    .total-summary .total-price[b-53nsjvew3u] {
        color: #007bff;
    }

.total-note p[b-53nsjvew3u] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.total-note .btn[b-53nsjvew3u] {
    margin-top: 1.5rem;
}


/* IMPORTAZIONE COLORI ICONE */
.module-icon-wrapper.text-primary[b-53nsjvew3u] {
    color: #007bff !important;
}

.module-icon-wrapper.text-success[b-53nsjvew3u] {
    color: #198754 !important;
}

.module-icon-wrapper.text-warning[b-53nsjvew3u] {
    color: #ffc107 !important;
}

.module-icon-wrapper.text-danger[b-53nsjvew3u] {
    color: #dc3545 !important;
}

.module-icon-wrapper.text-info[b-53nsjvew3u] {
    color: #0dcaf0 !important;
}

.module-icon-wrapper.text-dark[b-53nsjvew3u] {
    color: #212529 !important;
}

.module-icon-wrapper.text-secondary[b-53nsjvew3u] {
    color: #6c757d !important;
}

.module-icon-wrapper.text-orange[b-53nsjvew3u] {
    color: #fd7e14 !important;
}

.module-icon-wrapper.text-purple[b-53nsjvew3u] {
    color: #6f42c1 !important;
}

.module-icon-wrapper.text-teal[b-53nsjvew3u] {
    color: #20c997 !important;
}

.module-icon-wrapper.text-indigo[b-53nsjvew3u] {
    color: #6610f2 !important;
}

.module-icon-wrapper.text-pink[b-53nsjvew3u] {
    color: #d63384 !imporant;
}


/* --- NUOVE REGOLE PER MODULO DISABILITATO --- */

.module-list .list-group-item.disabled-module[b-53nsjvew3u] {
    background-color: #f8f9fa; /* Grigio chiaro fisso */
    border-color: #e9ecef;
    cursor: not-allowed;
}

    /* Sovrascrive l'hover */
    .module-list .list-group-item.disabled-module:hover[b-53nsjvew3u] {
        background-color: #f8f9fa;
        border-color: #e9ecef;
    }

    /* Rende il testo del modulo disabilitato grigio */
    .module-list .list-group-item.disabled-module .form-check-label strong[b-53nsjvew3u],
    .module-list .list-group-item.disabled-module .module-price[b-53nsjvew3u] {
        color: #6c757d;
    }

    /* Rende l'icona "check" del modulo disabilitato grigia */
    .module-list .list-group-item.disabled-module .selected-icon[b-53nsjvew3u] {
        color: #6c757d;
    }
/* --- 5. RESPONSIVE PER MOBILE --- */
@media (max-width: 767.98px) {

    .module-list .list-group-item[b-53nsjvew3u] {
        flex-wrap: wrap; /* Permette agli elementi di andare a capo */
        row-gap: 0.5rem; /* Aggiunge un po' di spazio tra le righe */
    }

    /* 1. Titolo: occupa tutta la prima riga */
    .module-title-section[b-53nsjvew3u] {
        flex-basis: 100%; /* Larghezza piena */
    }

    /* 2. Etichetta: occupa lo spazio a sinistra */
    .module-tag-section[b-53nsjvew3u] {
        flex-grow: 1; /* Occupa lo spazio rimanente a sinistra */
        text-align: left; /* Allinea a sinistra */
        flex-basis: 0; /* Resetta la base per un calcolo corretto */
    }

    /* 3. Prezzo: si sposta a destra */
    .module-price-section[b-53nsjvew3u] {
        flex-grow: 0; /* Non cresce */
        flex-shrink: 0; /* Non si restringe */
        justify-content: flex-end; /* Assicura che rimanga a destra */
        flex-basis: auto; /* Larghezza automatica basata sul contenuto */
    }

    /* Adegua il padding del box principale */
    .calculator-box[b-53nsjvew3u] {
        padding: 1.5rem;
    }

    /* Adegua il padding del box totale */
    .total-summary[b-53nsjvew3u] {
        padding: 1.5rem;
    }
}
/* _content/SistemaCantiere/Components/Pages/Sicurezza.razor.rz.scp.css */
/* Sicurezza.razor.css */

:host[b-2de1qzecen] {
    background: #ffffff;
}

.security-page-container[b-2de1qzecen] {
    padding-bottom: 3rem;
}

/* 1. HEADER (Stile simile a Prezzi/Home) */
.security-header[b-2de1qzecen] {
    padding: 4rem 2rem;
    background-color: #f8f9fa; /* Grigio chiaro */
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .security-header h1[b-2de1qzecen] {
        color: #212529;
    }

    .security-header .lead[b-2de1qzecen] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* 2. TITOLI DI SEZIONE */
.section-title[b-2de1qzecen] {
    text-align: center;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-2de1qzecen] {
    text-align: center;
    font-size: 1.15rem;
    color: #495057;
    margin-bottom: 3rem;
}


/* 3. PILASTRI SICUREZZA PIATTAFORMA */
.security-pillars-grid[b-2de1qzecen] {
    margin-bottom: 3rem;
}

.security-pillar[b-2de1qzecen] {
    text-align: left; /* Più professionale per testo lungo */
    padding: 2rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

    .security-pillar .pillar-icon[b-2de1qzecen] {
        font-size: 3rem;
        margin-bottom: 1.5rem;
    }

    .security-pillar .pillar-title[b-2de1qzecen] {
        font-weight: 600;
        color: #212529;
        margin-bottom: 0.75rem;
    }

    .security-pillar .pillar-text[b-2de1qzecen] {
        color: #495057;
        font-size: 0.95rem;
        line-height: 1.6;
    }

/* 4. SICUREZZA FUNZIONALE (Stile ripreso da Home.razor.css) */
.functional-security-section[b-2de1qzecen] {
    padding: 4rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.usp-item[b-2de1qzecen] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    /* height: 100%; */ /* --- CORREZIONE: Rimossa questa riga che causava l'overlap --- */
    margin-bottom: 2rem; /* Spazio tra i due item */
}

    .usp-item .icon[b-2de1qzecen] {
        font-size: 2.5rem;
        color: #007bff;
    }

    .usp-item h4[b-2de1qzecen] {
        color: #212529;
        font-weight: 600;
    }

    .usp-item p[b-2de1qzecen] {
        color: #495057;
        font-size: 1.1rem; /* Testo leggermente più grande */
    }

/* 5. FINAL CTA (Stile ripreso da Home.razor.css) */
.final-cta-section[b-2de1qzecen] {
    padding: 3rem 2rem;
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
}

    .final-cta-section h2[b-2de1qzecen] {
        font-weight: 600;
    }
/* _content/SistemaCantiere/Components/Pages/Supporto.razor.rz.scp.css */
/* Supporto.razor.css */

:host[b-levl15e9zi] {
    background: #ffffff;
}

.support-page-container[b-levl15e9zi] {
    padding-bottom: 3rem; /* Spazio in fondo alla pagina */
}

/* 1. HEADER (Stile simile a Prezzi/Home) */
.support-header[b-levl15e9zi] {
    padding: 4rem 2rem;
    background-color: #f8f9fa; /* Grigio chiaro */
    text-align: center;
    border-radius: 8px;
    margin-bottom: 3rem;
}

    .support-header h1[b-levl15e9zi] {
        color: #212529;
    }

    .support-header .lead[b-levl15e9zi] {
        font-size: 1.25rem;
        color: #495057;
        max-width: 800px;
        margin: 1.5rem auto 0 auto;
    }

/* --- 2. LAYOUT CARD DI SUPPORTO --- */

/* CARD PRIMARIE (Grandi, per H24 e Video) */
.support-card-primary[b-levl15e9zi] {
    text-align: center;
    padding: 2.5rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .support-card-primary:hover[b-levl15e9zi] {
        transform: translateY(-5px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .support-card-primary .support-icon[b-levl15e9zi] {
        font-size: 3rem;
        margin-bottom: 1.5rem;
    }

    .support-card-primary h3[b-levl15e9zi] {
        color: #212529;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .support-card-primary p[b-levl15e9zi] {
        color: #495057;
        flex-grow: 1; /* Spinge il pulsante in basso */
        margin-bottom: 2rem;
        font-size: 1.1rem;
    }

    .support-card-primary .btn[b-levl15e9zi] {
        width: 100%;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-weight: 500;
    }


/* CARD SECONDARIE (Piccole, per Email, Ispezioni, etc.) */
.support-card-secondary[b-levl15e9zi] {
    text-align: center;
    padding: 2rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    height: 100%;
    background-color: #f8f9fa; /* Sfondo leggermente grigio per distinguerle */
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .support-card-secondary .support-icon-sm[b-levl15e9zi] {
        font-size: 2rem;
        margin-bottom: 1rem;
        color: #6c757d;
    }

    .support-card-secondary h4[b-levl15e9zi] {
        color: #212529;
        font-weight: 600;
        margin-bottom: 0.75rem;
    }

    .support-card-secondary p[b-levl15e9zi] {
        color: #495057;
        flex-grow: 1;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
    }

    .support-card-secondary .btn[b-levl15e9zi] {
        width: 100%;
        font-weight: 500;
    }
/* _content/SistemaCantiere/Components/Shared/About.razor.rz.scp.css */
/* Stile generico per la pagina About */
.about-container[b-9kgrs7pv4k] {
    background-color: #f8f9fa;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    display: flex; /* Centra il contenuto verticalmente */
    align-items: center;
    justify-content: center;
}

.content-wrapper[b-9kgrs7pv4k] {
    max-width: 800px;
    background-color: #ffffff;
    padding: 3rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #dee2e6;
    text-align: center; /* Centra tutto il testo */
}

.about-container h1[b-9kgrs7pv4k] {
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1.5rem;
}

.about-container p[b-9kgrs7pv4k] {
    line-height: 1.8;
    color: #5a6872;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.copyright-text[b-9kgrs7pv4k] {
    margin-top: 2.5rem;
    font-size: 0.95rem;
    color: #869ab8;
}
/* _content/SistemaCantiere/Components/Shared/Consigli.razor.rz.scp.css */
/* Contenitore principale con lo sfondo a quadretti */
.advice-container[b-y68i62yt49] {
    background-color: #fff;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px), linear-gradient(to right, rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 20px 20px;
    min-height: calc(100vh - 56px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

/* Pannello centrale pulito e minimale */
.advice-card[b-y68i62yt49] {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 3rem;
    max-width: 800px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

    /* Titolo principale con font tecnico */
    .advice-card h1[b-y68i62yt49] {
        font-family: 'Courier New', monospace;
        font-weight: 700;
        color: #2c3e50;
        margin-bottom: 1rem;
        border-bottom: 2px solid #0078d4;
        display: inline-block;
        padding-bottom: 0.5rem;
    }

/* Contenitore per le due sezioni di consiglio */
.advice-sections[b-y68i62yt49] {
    display: flex;
    gap: 2rem;
    margin-top: 3rem;
    text-align: left;
}

/* Sezione singola (Chrome / Accelerazione) */
.advice-section[b-y68i62yt49] {
    flex: 1;
    display: flex;
    align-items: flex-start;
}

/* Icona pulita e allineata */
.advice-icon[b-y68i62yt49] {
    font-size: 2.5rem;
    color: #0078d4;
    margin-right: 1rem;
}

.advice-section h2[b-y68i62yt49] {
    color: #34495e;
    font-size: 1.25rem;
    margin: 0 0 0.5rem 0;
}

.advice-section p[b-y68i62yt49] {
    color: #5a6872;
    line-height: 1.6;
}

/* --- SEZIONE PER IL MOBILE (DEFINITIVA) --- */
@media (max-width: 767.98px) {
    .advice-container[b-y68i62yt49] {
        padding: 1rem; /* Riduci il padding esterno */
    }

    .advice-card[b-y68i62yt49] {
        padding: 1.5rem; /* Riduci il padding interno della card */
    }

        .advice-card h1[b-y68i62yt49] {
            font-size: 1.4rem; /* Riduci il titolo principale */
        }

        .advice-card > p[b-y68i62yt49] {
            font-size: 0.95rem; /* Riduci il sottotitolo */
        }

    .advice-sections[b-y68i62yt49] {
        flex-direction: column; /* Impila le sezioni verticalmente */
        margin-top: 2rem;
        gap: 1.5rem;
    }

    .advice-icon[b-y68i62yt49] {
        font-size: 2rem;
    }

    .advice-section h2[b-y68i62yt49] {
        font-size: 1.1rem;
    }

    .advice-section p[b-y68i62yt49] {
        font-size: 0.9rem;
    }
}
/* _content/SistemaCantiere/Components/Shared/CookiePolicy.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-8ic5t5n5yh] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-8ic5t5n5yh]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-8ic5t5n5yh]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-8ic5t5n5yh] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- REGOLE DI ALLINEAMENTO ALLA GRIGLIA --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-8ic5t5n5yh] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* Stile H2 */
.legal-container h2[b-8ic5t5n5yh] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.5rem;
    margin: 2.5rem 0;
    line-height: 2.5rem;
}

/* Stile per i paragrafi */
.legal-container p[b-8ic5t5n5yh] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

/* Stili Liste */
.legal-container ul[b-8ic5t5n5yh] {
    list-style-position: inside;
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0; /* Margine inferiore di una riga */
    line-height: 2.5rem; /* Altezza di riga base */
}

    .legal-container ul li[b-8ic5t5n5yh] {
        padding: 0;
        margin: 0 0 0 1.5rem; /* Indentazione */
        line-height: 2.5rem; /* Forza ogni <li> a occupare una riga */
    }

.legal-container strong[b-8ic5t5n5yh] {
    color: #34495e;
}
/* _content/SistemaCantiere/Components/Shared/DatiSocietari.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-it5b732bvj] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-it5b732bvj]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-it5b732bvj]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-it5b732bvj] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- STILI DEL TESTO SEMPLIFICATI E CORRETTI --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-it5b732bvj] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* Stile per i paragrafi */
.legal-container p[b-it5b732bvj] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

.legal-container strong[b-it5b732bvj] {
    color: #34495e;
}
/* _content/SistemaCantiere/Components/Shared/NoteLegali.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-i95l1ct0cs] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-i95l1ct0cs]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-i95l1ct0cs]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-i95l1ct0cs] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- STILI DEL TESTO SEMPLIFICATI E CORRETTI --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-i95l1ct0cs] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* Stile per i paragrafi */
.legal-container p[b-i95l1ct0cs] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

.legal-container strong[b-i95l1ct0cs] {
    color: #34495e;
}
/* _content/SistemaCantiere/Components/Shared/PrivacyPolicy.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-mdwxdqigoi] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-mdwxdqigoi]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-mdwxdqigoi]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-mdwxdqigoi] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- REGOLE DI ALLINEAMENTO ALLA GRIGLIA --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-mdwxdqigoi] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* --- NUOVA REGOLA H2 --- */
.legal-container h2[b-mdwxdqigoi] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.5rem;
    margin: 2.5rem 0;
    line-height: 2.5rem;
}

/* Stile per i paragrafi */
.legal-container p[b-mdwxdqigoi] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

/* --- NUOVE REGOLE LISTE --- */
.legal-container ul[b-mdwxdqigoi] {
    list-style-position: inside;
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0; /* Margine inferiore di una riga */
    line-height: 2.5rem; /* Altezza di riga base */
}

    .legal-container ul li[b-mdwxdqigoi] {
        padding: 0;
        margin: 0 0 0 1.5rem; /* Indentazione */
        line-height: 2.5rem; /* Forza ogni <li> a occupare una riga */
    }

.legal-container strong[b-mdwxdqigoi] {
    color: #34495e;
}
