/* Fase 24J - Layout scheda Pratiche progetto
   Obiettivo: rendere leggibile il blocco pratiche senza cambiare dati o logica.
   La configurazione e trattata come configurazione elettrica post-sopralluogo, separata dalla pratica edilizia. */

body.p22v-project .section-card.section-workflow,
.section-card.section-workflow {
    border-color: #bddad1 !important;
    box-shadow: 0 14px 34px rgba(20, 105, 87, .08) !important;
}

body.p22v-project .section-card.section-workflow > .section-head,
.section-card.section-workflow > .section-head {
    background: linear-gradient(135deg, #eaf8f3 0%, #f7fbff 100%) !important;
}

body.p22v-project .section-card.section-workflow > .section-grid-planning-groups,
.section-card.section-workflow > .section-grid-planning-groups {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
    padding: 18px 22px 22px !important;
}

body.p22v-project .section-workflow .planning-field-group,
.section-workflow .planning-field-group {
    border-color: #d8e6e0 !important;
    background: #ffffff !important;
}

body.p22v-project .section-workflow .planning-group-head,
.section-workflow .planning-group-head {
    background: #f6fbf9 !important;
    border-bottom-color: #d8e6e0 !important;
}

body.p22v-project .section-workflow .planning-group-head strong,
.section-workflow .planning-group-head strong {
    color: #145244 !important;
}

body.p22v-project .section-workflow .planning-group-head small,
.section-workflow .planning-group-head small {
    color: #58716a !important;
}

body.p22v-project .section-workflow .planning-group-grid .field,
.section-workflow .planning-group-grid .field {
    grid-column: span 6 !important;
    padding: 12px !important;
    border: 1px solid #d8e6e0 !important;
    border-radius: 12px !important;
    background: #fff !important;
}

body.p22v-project .section-workflow .planning-group-grid .field label,
.section-workflow .planning-group-grid .field label {
    color: #183b36 !important;
    font-size: 13px !important;
    letter-spacing: .015em !important;
}

body.p22v-project .section-workflow .planning-group-grid .field select,
body.p22v-project .section-workflow .planning-group-grid .field input,
.section-workflow .planning-group-grid .field select,
.section-workflow .planning-group-grid .field input {
    min-height: 44px !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}

body.p22v-project .practices-group-connection,
.practices-group-connection {
    grid-column: span 6 !important;
    border-color: #b7d6ee !important;
    background: #f6fbff !important;
}

body.p22v-project .practices-group-connection .planning-group-head,
.practices-group-connection .planning-group-head {
    background: linear-gradient(135deg, #e8f3ff 0%, #f7fbff 100%) !important;
    border-bottom-color: #cce2f4 !important;
}

body.p22v-project .practices-group-electrical-config,
.practices-group-electrical-config {
    grid-column: span 6 !important;
    border-color: #a8d9c8 !important;
    background: #f3fbf8 !important;
}

body.p22v-project .practices-group-electrical-config .planning-group-head,
.practices-group-electrical-config .planning-group-head {
    background: linear-gradient(135deg, #e0f7ef 0%, #f4fcf8 100%) !important;
    border-bottom-color: #c4eadc !important;
}

body.p22v-project .practices-group-electrical-config .field-name-project_status,
.practices-group-electrical-config .field-name-project_status {
    grid-column: 1 / -1 !important;
    border-color: #a8d9c8 !important;
    background: #ffffff !important;
}

body.p22v-project .practices-group-electrical-config .field-name-project_status label::after,
.practices-group-electrical-config .field-name-project_status label::after {
    content: ' post-sopralluogo';
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #e0f7ef;
    color: #17644f;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .035em;
    text-transform: uppercase;
}

body.p22v-project .practices-group-landscape,
.practices-group-landscape {
    grid-column: 1 / -1 !important;
    border-color: #c9e5c9 !important;
    background: #fbfffb !important;
}

body.p22v-project .practices-group-landscape .planning-group-head,
.practices-group-landscape .planning-group-head {
    background: linear-gradient(135deg, #eaf8ea 0%, #fbfffb 100%) !important;
    border-bottom-color: #d6ecd6 !important;
}

body.p22v-project .practices-group-landscape .field,
.practices-group-landscape .field {
    grid-column: span 4 !important;
}

body.p22v-project .practices-group-seu,
.practices-group-seu {
    grid-column: span 6 !important;
    border-color: #d4dff1 !important;
    background: #fbfdff !important;
}

body.p22v-project .practices-group-gse-terna,
.practices-group-gse-terna {
    grid-column: span 6 !important;
    border-color: #e6d4a9 !important;
    background: #fffdf7 !important;
}

body.p22v-project .practices-group-gse-terna .planning-group-head,
.practices-group-gse-terna .planning-group-head {
    background: linear-gradient(135deg, #fff5d9 0%, #fffdf7 100%) !important;
    border-bottom-color: #eadfbf !important;
}

body.p22v-project .practices-group-gse-terna .planning-group-head strong,
.practices-group-gse-terna .planning-group-head strong {
    color: #6f4a08 !important;
}

body.p22v-project .practices-group-gse-terna .field-name-gse_status label::after,
body.p22v-project .practices-group-gse-terna .field-name-terna_status label::after,
.practices-group-gse-terna .field-name-gse_status label::after,
.practices-group-gse-terna .field-name-terna_status label::after {
    content: ' iter ordinario';
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #fff1c2;
    color: #7c4c00;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .035em;
    text-transform: uppercase;
}

body.p22v-project .practices-group-building,
.practices-group-building {
    grid-column: 1 / -1 !important;
    border-color: #e0e7ef !important;
    border-style: dashed !important;
    background: #f8fafc !important;
}

body.p22v-project .practices-group-building .planning-group-head,
.practices-group-building .planning-group-head {
    background: #f1f5f9 !important;
    border-bottom-color: #e0e7ef !important;
}

body.p22v-project .practices-group-building .field-name-building_practice,
.practices-group-building .field-name-building_practice {
    grid-column: span 6 !important;
}

@media (max-width: 1300px) {
    body.p22v-project .section-card.section-workflow > .section-grid-planning-groups,
    .section-card.section-workflow > .section-grid-planning-groups {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
    body.p22v-project .practices-group-connection,
    body.p22v-project .practices-group-electrical-config,
    body.p22v-project .practices-group-seu,
    body.p22v-project .practices-group-gse-terna,
    .practices-group-connection,
    .practices-group-electrical-config,
    .practices-group-seu,
    .practices-group-gse-terna {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 860px) {
    body.p22v-project .section-card.section-workflow > .section-grid-planning-groups,
    body.p22v-project .section-workflow .planning-group-grid,
    .section-card.section-workflow > .section-grid-planning-groups,
    .section-workflow .planning-group-grid {
        grid-template-columns: 1fr !important;
    }
    body.p22v-project .section-workflow .planning-field-group,
    body.p22v-project .section-workflow .planning-group-grid .field,
    body.p22v-project .practices-group-landscape .field,
    body.p22v-project .practices-group-building .field-name-building_practice,
    .section-workflow .planning-field-group,
    .section-workflow .planning-group-grid .field,
    .practices-group-landscape .field,
    .practices-group-building .field-name-building_practice {
        grid-column: 1 / -1 !important;
    }
}