Fix layer actions and add reusable color editors

Components/MenuHelp.razor

@@ -0,0 +1,114 @@
+<details class="menu-help">
+    <summary>
+        <span aria-hidden="true">?</span>
+        <strong>Guida rapida</strong>
+    </summary>
+    <div class="menu-help-content">
+        <p>@Introduction</p>
+        <ol>
+            @foreach (var instruction in Instructions)
+            {
+                <li>@instruction</li>
+            }
+        </ol>
+    </div>
+</details>
+
+@code {
+    [Parameter, EditorRequired]
+    public string Topic { get; set; } = string.Empty;
+
+    private string Introduction => Topic switch
+    {
+        "layers" => "Qui controlli visibilita, ordine, selezione e organizzazione di tutti gli oggetti presenti sulla mappa.",
+        "cadastre" => "Trova una particella nel catalogo catastale e mostrane il confine ufficiale sulla mappa.",
+        "data" => "Importa file GIS, crea disegni e misure oppure aggiungi punti di interesse.",
+        "save" => "Esporta gli elementi della mappa in un file compatibile con altre applicazioni GIS e GPS.",
+        "projects" => "Salva il lavoro completo, riaprilo, organizzalo e recupera revisioni o copie di sicurezza.",
+        "tools" => "Consulta e gestisci gli oggetti in modo avanzato, controlla le coordinate e prepara mappe offline.",
+        "settings" => "Personalizza mappa, salvataggi, GPS, sincronizzazione e servizi esterni.",
+        _ => "Consulta le indicazioni essenziali per usare questo pannello."
+    };
+
+    private IReadOnlyList<string> Instructions => Topic switch
+    {
+        "layers" =>
+        [
+            "Visibilita: usa la casella di una categoria o di un gruppo per mostrare o nascondere tutti i suoi contenuti; la casella del singolo oggetto agisce solo su quello.",
+            "Gerarchia: premi la freccia accanto alla maniglia per aprire un gruppo. Il rientro, il carattere e la tonalita indicano se una riga e figlia, nipote o di livello successivo.",
+            "Selezione multipla: attiva il flag sulle righe desiderate. Esempio: seleziona tre poligoni per esportare solo quelli oppure per bloccarli con una sola operazione.",
+            "Rinomina e attributi: Rinomina modifica il nome mostrato e salvato nei progetti e nei file esportati; Attributi apre un editor multilinea per consultare o correggere i dati associati.",
+            "Colori: espandi un padre o un figlio e usa gli editor di linea e riempimento. Puoi scegliere il colore, prelevarlo con il contagocce se supportato, oppure inserire e copiare i valori HEX, RGB e HSL; sul padre viene applicato a tutto il gruppo.",
+            "Blocco: il lucchetto impedisce modifiche e spostamenti involontari. Sblocca l'oggetto prima di usare la matita o gli strumenti geometrici.",
+            "Sposta nel gruppo cambia l'appartenenza. Esempio: trasferisci un poligono da Disegni e POI a Progetti e dati importati, oppure in un nuovo sottogruppo chiamato Rilievo nord.",
+            "Sposta geometria cambia invece le coordinate dell'oggetto, per esempio 100 metri verso nord; non modifica il gruppo di appartenenza.",
+            "Rimuovi dal progetto nasconde l'elemento e lo esclude dai salvataggi successivi; Elimina lo sposta nel cestino. Usa gli strumenti avanzati per ripristinare l'ultima rimozione o svuotare definitivamente il cestino.",
+            "Ordine: trascina la maniglia di una riga verso l'alto o il basso per cambiare la sovrapposizione sulla mappa."
+        ],
+        "cadastre" =>
+        [
+            "Compila i campi nell'ordine Regione, Comune, Foglio e Particella: ogni scelta carica l'elenco necessario al campo successivo.",
+            "Esempio: scegli Campania, il Comune, il foglio 12 e la particella 345, poi premi Mostra particella sulla mappa.",
+            "Il confine ufficiale viene evidenziato sulla mappa. Se Centra e zooma quando seleziono un oggetto e attivo nelle Impostazioni, la mappa lo inquadra automaticamente.",
+            "Se la particella e gia presente tra disegni, progetti o file GeoJSON, KML e KMZ, l'app riconosce il riferimento catastale o la geometria e riutilizza l'oggetto esistente senza duplicarlo.",
+            "Se un oggetto gia presente era nascosto, viene reso nuovamente visibile. La visibilita generale dei contorni evidenziati e dei dati importati resta controllabile dal pannello Layer.",
+            "Quando il servizio ufficiale non restituisce subito il confine, attendi il completamento indicato nel pannello e riprova mantenendo gli stessi dati selezionati."
+        ],
+        "data" =>
+        [
+            "Importazione: premi Carica KML, KMZ o GeoJSON e scegli il file dal dispositivo. I nomi e gli attributi riconosciuti vengono mantenuti.",
+            "Per KML e KMZ, Includi anche il layer del foglio importa pure cornici e riquadri generali; disattivalo quando vuoi conservare soltanto le particelle riconosciute.",
+            "Usa Mostra dati importati e Mostra cornice per controllare separatamente la visibilita. Inquadra dati porta la mappa sull'estensione completa del file.",
+            "Disegno: premi Mostra strumenti sulla mappa, torna alla mappa e scegli linea, poligono, rettangolo, cerchio o POI nella barra Leaflet.",
+            "Modifica ed eliminazione possono agire sull'oggetto selezionato o su tutti i disegni. Prima seleziona sulla mappa la linea o il poligono interessato, poi scegli l'ambito dal piccolo comando accanto alla matita o al cestino.",
+            "Annulla e Ripristina coprono disegni, spostamenti, rinomine ed eliminazioni recenti. Recupera ultimo autosalvataggio ricarica invece l'ultima copia locale creata automaticamente.",
+            "Esempio POI: porta il centro della mappa sull'ingresso di un terreno, scrivi Cancello nord e premi Aggiungi POI al centro mappa.",
+            "Per rinominare, bloccare o trasferire un oggetto in un altro gruppo, apri Layer e usa i comandi della relativa riga."
+        ],
+        "save" =>
+        [
+            "Inserisci un nome riconoscibile, per esempio Rilievo particelle 12-345, poi scegli il formato in base all'uso previsto.",
+            "GeoJSON e adatto ai software GIS e conserva geometrie, nomi e attributi; KML e KMZ sono adatti a Google Earth, con KMZ piu compatto per invio e archiviazione.",
+            "GPX e pensato per dispositivi e applicazioni GPS; PDF crea un rapporto consultabile e stampabile invece di un file vettoriale modificabile.",
+            "Attiva solo le categorie da includere. Esempio: per consegnare disegni e particelle importate senza la traccia GPS, lascia attive quelle due voci e disattiva Traccia GPS.",
+            "Solo oggetti selezionati esporta esclusivamente le righe contrassegnate nel pannello Layer. Se non devi filtrare manualmente, lascia questa opzione disattivata.",
+            "Premi Esporta e salva file e scegli la cartella o l'app di destinazione proposta dal dispositivo.",
+            "Nomi rinominati e attributi vengono salvati in GeoJSON, KML e KMZ. Gli sfondi satellitari, stradali e WMS non vengono incorporati nei file vettoriali."
+        ],
+        "projects" =>
+        [
+            "Nuovo progetto: inserisci un nome, scegli se includere i contorni catastali evidenziati e premi Salva progetto. Vengono conservati oggetti, gruppi, nomi, attributi e opzioni di visualizzazione.",
+            "Aggiornamento: dopo aver aperto un progetto, usa di nuovo Salva progetto con lo stesso nome per aggiornarlo. Se nelle Impostazioni attivi Aggiorna automaticamente il progetto aperto, le modifiche vengono registrate dopo 3 secondi di inattivita.",
+            "Cartelle: seleziona un progetto, scrivi per esempio Cantieri 2026 e premi Sposta per organizzarlo nell'archivio; questa operazione non sposta le geometrie sulla mappa.",
+            "Duplica crea una copia modificabile, utile prima di una variante importante o quando ricevi un progetto in sola lettura.",
+            "Archivia nasconde logicamente i lavori conclusi senza eliminarli; Ripristina li riporta tra quelli attivi. Elimina rimuove invece il progetto dall'archivio.",
+            "Condividi modificabile consente al destinatario di continuare il lavoro; Condividi in sola lettura protegge l'originale e richiede una duplicazione per modificarlo.",
+            "Revisioni: seleziona una data e usa Apri revisione per consultarne lo stato oppure Confronta per vedere le differenze con la versione corrente.",
+            "Backup: Crea backup raccoglie tutti i progetti in un file trasferibile. Ripristina backup ricarica un archivio completo; Importa progetto aggiunge invece un singolo progetto condiviso."
+        ],
+        "tools" =>
+        [
+            "Tabella oggetti: apre una vista ordinata di particelle, file importati e disegni. Usa i flag per selezionare piu righe e il lucchetto per proteggerle dalle modifiche.",
+            "Coordinate WGS84 e UTM: scegli un punto sulla mappa per leggere latitudine e longitudine oppure le coordinate metriche UTM, utili per rilievi e confronti tecnici.",
+            "Registro operazioni: mostra in ordine cronologico disegni, modifiche, rinomine, spostamenti ed eliminazioni, cosi puoi capire cosa e cambiato durante la sessione.",
+            "Cestino: Ripristina ultima rimozione recupera l'elemento eliminato piu recente. Svuota cestino elimina definitivamente tutti gli elementi rimossi e non consente ulteriori recuperi.",
+            "Mappe offline: prima inquadra sulla mappa la zona che ti servira sul campo, quindi scegli quanti livelli di zoom aggiuntivi scaricare. Valori maggiori offrono piu dettaglio ma richiedono piu spazio e tempo.",
+            "Esempio offline: inquadra il cantiere e le strade di accesso, imposta 2 livelli aggiuntivi e premi Scarica area visibile mentre hai connessione.",
+            "Usa mappe offline seleziona lo sfondo salvato localmente; Svuota archivio libera lo spazio occupato dalle tessere scaricate."
+        ],
+        "settings" =>
+        [
+            "Mappa e sfondo: scegli la cartografia di base e regola Trasparenza catasto per leggere meglio confini e immagini sottostanti. Esempio: riducila quando le linee coprono dettagli del terreno.",
+            "Autosalvataggio locale dopo ogni modifica: se attivo, ogni disegno, modifica, rinomina o eliminazione aggiorna immediatamente una copia di recupero nel dispositivo. Per usarla apri Dati e disegni e premi Recupera ultimo autosalvataggio.",
+            "Aggiorna automaticamente il progetto aperto: funziona solo dopo aver aperto o salvato un progetto modificabile. Dopo una modifica attende 3 secondi senza altre operazioni e aggiorna quel progetto; un progetto in sola lettura non viene mai sovrascritto.",
+            "Backup automatico: scegli Giornaliero o Settimanale. Alla successiva pressione di Salva progetto, se e trascorso l'intervallo, viene creata una copia interna di tutti i progetti; l'app conserva le 10 copie automatiche piu recenti. Disattivato non crea nuove copie programmate.",
+            "Esempio consigliato: lascia attivo l'autosalvataggio locale, attiva l'aggiornamento del progetto aperto durante i rilievi e imposta un backup giornaliero. Prima di modifiche importanti crea anche un backup manuale dal menu Progetti.",
+            "Aggancio ai vertici: avvicinando un nuovo vertice a uno esistente, l'app lo allinea entro la distanza in pixel scelta. Aumenta la distanza su schermi piccoli; riducila quando ci sono molti vertici ravvicinati.",
+            "Centra e zooma quando seleziono un oggetto: attivalo per inquadrare automaticamente ogni elemento scelto; disattivalo se vuoi mantenere ferma la vista mentre lavori dall'elenco Layer.",
+            "WebDAV: inserisci indirizzo, utente e password applicazione, salva la configurazione, poi usa Invia al cloud per caricare il backup o Scarica dal cloud per ripristinare quello remoto.",
+            "GPS e percorso: Mostra punto visualizza posizione e precisione; Registra traccia memorizza il cammino; distanza e avvisi aiutano a controllare l'avvicinamento e l'attraversamento del confine selezionato.",
+            "Google Maps e Azure Maps richiedono le rispettive chiavi solo quando scegli quegli sfondi. Controlla nuova versione confronta la versione installata con l'ultima pubblicata e mostra le relative modifiche."
+        ],
+        _ => []
+    };
+}

Components/Pages/Home.razor

@@ -81,7 +81,7 @@
                     <input type="checkbox" @bind="ShowSelectedParcels" @bind:after="ApplySelectedParcelsVisibility" />
                     <span>
                         <strong>Particelle catastali evidenziate</strong>
-                        <small>Contorni rossi ottenuti da ricerca o GPS</small>
+                        <small>Contorni ottenuti da ricerca o GPS</small>
                     </span>
                 </label>
                 <label class="map-layer-option">
@@ -102,6 +102,7 @@
                     <button class="danger-command" @onclick="ClearSelectedParcels">Elimina definitivamente le particelle selezionate</button>
                     <button class="danger-command" @onclick="ClearMapElements">Pulisci elementi mappa</button>
                 </div>
+                <MenuHelp Topic="layers" />
             </section>
         }
 
@@ -189,6 +190,7 @@
                             <strong>Mappa pubblica ufficiale</strong>
                             <p>I confini visualizzati arrivano dai servizi WMS/WFS open data dell'Agenzia delle Entrate e non richiedono CAPTCHA.</p>
                         </div>
+                        <MenuHelp Topic="cadastre" />
                     </section>
                 }
                 else if (ActiveTab == "data")
@@ -253,6 +255,7 @@
                             </label>
                             <button class="primary-command" @onclick="AddProjectMarker">Aggiungi POI al centro mappa</button>
                         </section>
+                        <MenuHelp Topic="data" />
                     </section>
                 }
                 else if (ActiveTab == "save")
@@ -289,7 +292,7 @@
                                 </label>
                                 <label class="toggle-line project-save-option">
                                     <input type="checkbox" @bind="ExportCadastral" @bind:after="SaveFlagPreferences" />
-                                    <span>Particelle catastali rosse e GPS</span>
+                                    <span>Particelle catastali evidenziate e GPS</span>
                                 </label>
                                 <label class="toggle-line project-save-option">
                                     <input type="checkbox" @bind="ExportDrawings" @bind:after="SaveFlagPreferences" />
@@ -310,6 +313,7 @@
                             <small class="field-help">KML e KMZ sono compatibili con Google Earth. Gli sfondi satellitari e il WMS non vengono incorporati nel file vettoriale.</small>
                         </section>
 
+                        <MenuHelp Topic="save" />
                     </section>
                 }
                 else if (ActiveTab == "projects")
@@ -323,7 +327,7 @@
                             </label>
                             <label class="toggle-line project-save-option">
                                 <input type="checkbox" @bind="IncludeCadastralParcels" @bind:after="SaveFlagPreferences" />
-                                <span>Includi le particelle catastali rosse</span>
+                                <span>Includi le particelle catastali evidenziate</span>
                             </label>
                             <button class="primary-command" @onclick="SaveProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(NewProjectName))">Salva progetto</button>
                         </section>
@@ -405,6 +409,7 @@
                                 <span>Mostra misure dei disegni</span>
                             </label>
                         </section>
+                        <MenuHelp Topic="projects" />
                     </section>
                 }
                 else if (ActiveTab == "tools")
@@ -436,6 +441,7 @@
                             </div>
                             <small class="field-help">@OfflineStatus</small>
                         </section>
+                        <MenuHelp Topic="tools" />
                     </section>
                 }
                 else if (ActiveTab == "settings")
@@ -587,6 +593,7 @@
                             <button class="secondary-command" @onclick="ExportCadastralImage">Mostra vista WMS corrente</button>
                             <footer>Dati catastali: Agenzia delle Entrate, licenza CC BY 4.0. App indipendente.</footer>
                         </section>
+                        <MenuHelp Topic="settings" />
                     </section>
                 }
             </aside>
@@ -1093,8 +1100,16 @@
             var label = $"{municipality.Name} - foglio {DisplaySheet(SelectedSheet)}, particella {parcel.Number}";
             CatalogBusy = true;
             CatalogMessage = "Scarico il confine dal servizio ufficiale AdE...";
-            var xml = await OfficialCadastreService.GetParcelsNearAsync(parcel.Latitude, parcel.Longitude, 8);
+            ShowSelectedParcels = true;
-            await JS.InvokeVoidAsync("lmeMap.displayOfficialParcel", xml, parcel.Latitude, parcel.Longitude, parcel.Number, label, true);
+            SaveFlagPreferences();
+            await JS.InvokeVoidAsync("lmeMap.setSelectedParcelsVisible", true);
+            var xml = await OfficialCadastreService.GetParcelsNearAsync(parcel.Latitude, parcel.Longitude, 30);
+            var displayResult = await JS.InvokeAsync<string>("lmeMap.displayOfficialParcel", xml, parcel.Latitude, parcel.Longitude, parcel.Number, label, true);
+            if (displayResult == "imported")
+            {
+                ShowImportedData = true;
+                SaveFlagPreferences();
+            }
             ActiveTab = "map";
             await Task.Delay(30);
             await JS.InvokeVoidAsync("lmeMap.resize");
@@ -1543,8 +1558,8 @@
             await JS.InvokeVoidAsync(
                 "lmeMap.showInfo",
                 IncludeCadastralParcels
-                    ? $"Progetto salvato: {saved.Name}, incluse le particelle rosse."
+                    ? $"Progetto salvato: {saved.Name}, incluse le particelle catastali evidenziate."
-                    : $"Progetto salvato: {saved.Name}, senza particelle rosse.");
+                    : $"Progetto salvato: {saved.Name}, senza particelle catastali evidenziate.");
         }
         catch (Exception error)
         {

LMEMappeCatastaliApp.csproj

@@ -28,8 +28,8 @@
         <ApplicationId>com.companyname.lmemappecatastaliapp</ApplicationId>
 
         <!-- Versions -->
-        <ApplicationDisplayVersion>0.4.2</ApplicationDisplayVersion>
+        <ApplicationDisplayVersion>0.4.4</ApplicationDisplayVersion>
-        <ApplicationVersion>37</ApplicationVersion>
+        <ApplicationVersion>39</ApplicationVersion>
         <Version>$(ApplicationDisplayVersion)</Version>
 
         <!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->

README.md

@@ -2,6 +2,23 @@
 
 App .NET MAUI Blazor Hybrid per Android, iOS, Mac Catalyst e Windows, pensata per consultare mappe catastali e lavorare sul campo con GPS.
 
+## Versione 0.4.4
+
+- I comandi `Rinomina`, `Sposta nel gruppo` e `Rimuovi` occupano una riga completa e restano visibili anche nei pannelli Layer molto stretti.
+- `Sposta nel gruppo` e disponibile per padri e figli di disegni, dati importati, cornici, fogli importati e particelle evidenziate dalla ricerca catastale.
+- Editor distinti per linea e riempimento su gruppi e singoli oggetti, con contagocce dove supportato e valori modificabili HEX, RGB e HSL.
+- Copia HEX per riutilizzare esattamente un colore su altri oggetti; stili conservati nei progetti e negli export.
+- Rimossi dai menu i riferimenti al colore rosso fisso delle particelle catastali.
+- Nei progetti in sola lettura anche il trasferimento tra gruppi viene correttamente disabilitato.
+
+## Versione 0.4.3
+
+- `Mostra particella sulla mappa` riattiva sempre il layer dei confini rossi e lo porta in primo piano.
+- Una particella gia evidenziata o temporaneamente nascosta viene recuperata senza creare duplicati.
+- Deduplicazione estesa alle particelle presenti in progetti e file GeoJSON, KML e KMZ, tramite riferimenti catastali o confronto geometrico.
+- Ricerca WFS ampliata per rendere piu affidabile il recupero dei confini di particelle estese o irregolari.
+- Guida rapida collassabile in fondo a Layer e a ogni pannello operativo, con istruzioni specifiche per le relative funzioni.
+
 ## Versione 0.4.2
 
 - Nuovo comando `Sposta nel gruppo` visibile accanto a Rinomina e Rimuovi per padri, sottogruppi e singoli oggetti.

Services/MapExportService.cs

@@ -85,7 +85,7 @@ public sealed class MapExportService
     {
         var root = new XElement("gpx",
             new XAttribute("version", "1.1"),
-            new XAttribute("creator", "LME Mappe Catastali 0.4.2"),
+            new XAttribute("creator", "LME Mappe Catastali 0.4.4"),
             new XAttribute(XNamespace.Xmlns + "xsi", "http://www.w3.org/2001/XMLSchema-instance"),
             new XElement("metadata", new XElement("name", name)));
         foreach (var feature in features.EnumerateArray())

Services/OfficialCadastreService.cs

@@ -44,7 +44,7 @@ public sealed class OfficialCadastreService
             ["SRSNAME"] = "urn:ogc:def:crs:EPSG::6706",
             ["BBOX"] = bbox,
             ["REQUEST"] = "GetFeature",
-            ["COUNT"] = "20"
+            ["COUNT"] = "100"
         };
 
         var url = WfsEndpoint + "?" + string.Join("&", query.Select(item =>

wwwroot/css/app.css

@@ -306,6 +306,73 @@ input[type="checkbox"] {
     padding-top: 9px;
 }
 
+.menu-help {
+    margin-top: 4px;
+    border: 1px solid #c8d3d8;
+    border-radius: 6px;
+    background: #f7fafb;
+    color: var(--ink);
+}
+
+.menu-help summary {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-height: 40px;
+    padding: 7px 10px;
+    cursor: pointer;
+    list-style: none;
+    font-size: 12px;
+}
+
+.menu-help summary::-webkit-details-marker {
+    display: none;
+}
+
+.menu-help summary > span {
+    display: grid;
+    place-items: center;
+    width: 22px;
+    height: 22px;
+    border: 1px solid #82949d;
+    border-radius: 50%;
+    color: #42535c;
+    font-weight: 900;
+}
+
+.menu-help summary::after {
+    margin-left: auto;
+    content: "\25BE";
+    color: #52636b;
+    font-size: 14px;
+    transition: transform 140ms ease;
+}
+
+.menu-help[open] summary::after {
+    transform: rotate(180deg);
+}
+
+.menu-help-content {
+    padding: 10px 12px 12px;
+    border-top: 1px solid #d8e0e4;
+    font-size: 11px;
+    line-height: 1.45;
+}
+
+.menu-help-content p {
+    margin: 0 0 8px;
+    font-weight: 700;
+}
+
+.menu-help-content ol {
+    margin: 0;
+    padding-left: 18px;
+}
+
+.menu-help-content li + li {
+    margin-top: 6px;
+}
+
 .layer-tree-section {
     display: grid;
     gap: 6px;
@@ -417,6 +484,54 @@ input[type="checkbox"] {
     padding: 1px;
 }
 
+.layer-color-editor {
+    grid-column: 1 / -1;
+    display: grid;
+    gap: 5px;
+    padding: 6px;
+    border: 1px solid #cbd5da;
+    border-radius: 4px;
+    background: rgba(255, 255, 255, 0.82);
+}
+
+.layer-color-editor > header {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 46px auto;
+    align-items: center;
+    gap: 5px;
+    font-size: 10px;
+}
+
+.layer-color-editor > header input[type="color"] {
+    width: 46px;
+    min-height: 30px;
+}
+
+.layer-color-editor button {
+    min-height: 28px;
+    min-width: 0;
+    padding: 3px 6px;
+    font-size: 9px;
+}
+
+.layer-color-formats {
+    display: grid;
+    gap: 4px;
+}
+
+.layer-color-formats label {
+    grid-template-columns: 30px minmax(0, 1fr);
+    align-items: center;
+}
+
+.layer-color-formats input {
+    font-family: Consolas, "Courier New", monospace;
+}
+
+.layer-color-copy {
+    justify-self: stretch;
+}
+
 .layer-photo-picker {
     position: relative;
     min-height: 32px;
@@ -507,7 +622,7 @@ input[type="checkbox"] {
     grid-template-areas:
         "handle expand title count"
         ". . visibility moves"
-        ". . actions moves";
+        "actions actions actions actions";
     align-items: start;
     gap: 6px;
     min-height: 38px;
@@ -558,8 +673,9 @@ input[type="checkbox"] {
     grid-area: actions;
     display: grid;
     grid-template-columns: minmax(0, 1fr);
-    width: min(130px, 100%);
+    width: 100%;
     gap: 4px;
+    margin-top: 2px;
 }
 
 .layer-manager-group > summary > input,
@@ -680,6 +796,7 @@ input[type="checkbox"] {
 
 .project-readonly .leaflet-draw,
 .project-readonly .layer-rename-button,
+.project-readonly .layer-membership-button,
 .project-readonly .layer-remove-button,
 .project-readonly .layer-inline-lock,
 .project-readonly .layer-object-tools,

wwwroot/js/lme-map.js

@@ -367,7 +367,7 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
     const lon = Number(longitude);
     if (!Number.isFinite(lat) || !Number.isFinite(lon)) {
         setInfo("Coordinate della particella non valide.");
-        return;
+        return "invalid";
     }
 
     try {
@@ -389,27 +389,66 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
                 lmeState.map.setView([lat, lon], 20);
             }
             setInfo("Posizione trovata, ma il servizio WFS dell'Agenzia non ha restituito il confine. Riprova tra poco.");
-            return;
+            return "missing";
         }
 
         const ref = feature.properties?.NATIONALCADASTRALREFERENCE || feature.properties?.INSPIREID_LOCALID || label;
         const targetGroup = normalizedParcel ? lmeState.selectedParcelsLayer : lmeState.gpsParcelLayer;
+        if (normalizedParcel) {
+            lmeState.selectedParcelsVisible = true;
+            lmeState.managerHiddenCategories.delete("selectedParcels");
+            if (!lmeState.map.hasLayer(targetGroup)) {
+                targetGroup.addTo(lmeState.map);
+            }
+            targetGroup.bringToFront();
+        }
         if (!normalizedParcel) {
             targetGroup.clearLayers();
         }
 
         const existingLayer = normalizedParcel
-            ? findParcelLayerByReference(targetGroup, ref)
+            ? findParcelLayerByReference(targetGroup, ref) || restoreHiddenParcelLayerByReference(ref)
             : null;
         if (existingLayer) {
+            applyStyleFromProperties(existingLayer);
+            targetGroup.bringToFront();
             if (shouldFit) {
                 fitLayer(existingLayer);
             }
             setText("parcelState", `Particella selezionata: ${ref}`);
             setInfo(`La particella ${ref} e' gia evidenziata sulla mappa.`);
-            return;
+            updateGpsInsideState();
+            refreshLayerManager();
+            return "selected";
         }
 
+        const importedRecord = normalizedParcel ? findImportedParcelRecord(feature, ref) : null;
+        if (importedRecord) {
+            restoreManagedRecordVisibility(importedRecord);
+            lmeState.importedVisible = true;
+            lmeState.managerHiddenCategories.delete("imported");
+            if (!lmeState.map.hasLayer(lmeState.imported)) {
+                lmeState.imported.addTo(lmeState.map);
+            }
+            lmeState.imported.bringToFront();
+            if (shouldFit) {
+                fitLayer(importedRecord.layer);
+            }
+            setText("parcelState", `Particella gia presente nei dati importati: ${ref}`);
+            setInfo(`La particella ${ref} e' gia presente in un progetto o file importato: nessun duplicato aggiunto.`);
+            refreshLayerManager();
+            return "imported";
+        }
+
+        feature.properties = {
+            ...(feature.properties || {}),
+            _lmeParcelReference: String(ref || label || normalizedParcel),
+            _lmeColor: feature.properties?._lmeColor || "#ef4444",
+            _lmeFillColor: feature.properties?._lmeFillColor || "#fbbf24",
+            _lmeWeight: Number(feature.properties?._lmeWeight) || 4,
+            _lmeOpacity: Number.isFinite(Number(feature.properties?._lmeOpacity)) ? Number(feature.properties._lmeOpacity) : 1,
+            _lmeFillOpacity: Number.isFinite(Number(feature.properties?._lmeFillOpacity)) ? Number(feature.properties._lmeFillOpacity) : 0.26
+        };
         const layer = L.geoJSON(feature, {
             pane: normalizedParcel ? "selectedParcelsPane" : "gpsParcelsPane",
             style: normalizedParcel
@@ -418,6 +457,9 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
         }).addTo(targetGroup);
         layer.lmeParcelReference = ref;
         layer.bindPopup(`<strong>${escapeHtml(ref)}</strong>`);
+        if (normalizedParcel) {
+            targetGroup.bringToFront();
+        }
         if (shouldFit) {
             fitLayer(layer);
         }
@@ -429,9 +471,12 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
         } else {
             setText("parcelState", `Dentro particella AdE: ${ref}`);
         }
+        updateGpsInsideState();
         refreshLayerManager();
+        return normalizedParcel ? "added" : "gps";
     } catch (error) {
         setInfo(`Geometria catastale non leggibile: ${error.message}`);
+        return "error";
     }
 }
 
@@ -440,12 +485,13 @@ function normalizeParcel(parcel) {
 }
 
 function findParcelLayerByReference(group, reference) {
+    const expected = normalizeParcelReference(reference);
     let match = null;
     group.eachLayer(layer => {
         if (match) {
             return;
         }
-        if (layer.lmeParcelReference === reference) {
+        if (parcelLayerMatchesReference(layer, expected)) {
             match = layer;
             return;
         }
@@ -456,6 +502,74 @@ function findParcelLayerByReference(group, reference) {
     return match;
 }
 
+function restoreHiddenParcelLayerByReference(reference) {
+    const expected = normalizeParcelReference(reference);
+    const entry = [...lmeState.managerHiddenObjects.entries()].find(([, record]) =>
+        record.categoryKey === "selectedParcels" && parcelLayerMatchesReference(record.layer, expected));
+    if (!entry) return null;
+    const [id, record] = entry;
+    lmeState.managerHiddenObjects.delete(id);
+    lmeState.managerHiddenObjectIds.delete(id);
+    lmeState.managerHiddenMeasurementSummaryIds.delete(id);
+    lmeState.managerHiddenMeasurementSideIds.delete(id);
+    record.parent?.addLayer?.(record.layer);
+    return record.layer;
+}
+
+function parcelLayerMatchesReference(layer, normalizedReference) {
+    const properties = layer?.feature?.properties || {};
+    return [
+        layer?.lmeParcelReference,
+        properties._lmeParcelReference,
+        properties.NATIONALCADASTRALREFERENCE,
+        properties.INSPIREID_LOCALID
+    ].some(value => normalizeParcelReference(value) === normalizedReference);
+}
+
+function findImportedParcelRecord(feature, reference) {
+    const category = layerManagerCategories().find(item => item.key === "imported");
+    if (!category) return null;
+    const normalizedReference = normalizeParcelReference(reference);
+    return managedRecordsForCategory(category).find(record =>
+        parcelLayerMatchesReference(record.layer, normalizedReference)
+        || parcelGeometriesEquivalent(record.layer?.toGeoJSON?.(), feature)) || null;
+}
+
+function restoreManagedRecordVisibility(record) {
+    if (!record) return;
+    lmeState.managerHiddenObjects.delete(record.id);
+    lmeState.managerHiddenObjectIds.delete(record.id);
+    lmeState.managerHiddenMeasurementSummaryIds.delete(record.id);
+    lmeState.managerHiddenMeasurementSideIds.delete(record.id);
+    if (record.parent && !record.parent.hasLayer?.(record.layer)) {
+        record.parent.addLayer?.(record.layer);
+    }
+}
+
+function parcelGeometriesEquivalent(candidate, target) {
+    const candidateType = candidate?.geometry?.type;
+    const targetType = target?.geometry?.type;
+    if (!["Polygon", "MultiPolygon"].includes(candidateType)
+        || !["Polygon", "MultiPolygon"].includes(targetType)) {
+        return false;
+    }
+    try {
+        const candidateArea = turf.area(candidate);
+        const targetArea = turf.area(target);
+        if (!(candidateArea > 0) || !(targetArea > 0)) return false;
+        const areaRatio = Math.max(candidateArea, targetArea) / Math.min(candidateArea, targetArea);
+        if (areaRatio > 1.03) return false;
+        const overlap = turf.intersect(turf.featureCollection([candidate, target]));
+        return Boolean(overlap) && turf.area(overlap) / Math.min(candidateArea, targetArea) >= 0.985;
+    } catch {
+        return false;
+    }
+}
+
+function normalizeParcelReference(reference) {
+    return String(reference || "").trim().toUpperCase().replace(/\s+/g, "");
+}
+
 function resize() {
     if (!lmeState.map) {
         return;
@@ -1382,6 +1496,10 @@ function managedObjectCanRemove(record) {
     return ["drawings", "imported", "importedSheets", "selectedParcels", "gpsParcels"].includes(record.categoryKey);
 }
 
+function managedCategoryCanMove(categoryKey) {
+    return ["drawings", "imported", "importedSheets", "selectedParcels"].includes(categoryKey);
+}
+
 function layerManagerRowActions(renameButton, moveButton, removeButton) {
     if (!renameButton && !moveButton && !removeButton) {
         return "";
@@ -1496,7 +1614,7 @@ function managedMoveDestinations() {
 
 function showMoveManagedRecordsDialog(records, subject) {
     if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
-    if (!records.length || records.some(record => !["drawings", "imported"].includes(record.categoryKey))) {
+    if (!records.length || records.some(record => !managedCategoryCanMove(record.categoryKey))) {
         setInfo("Questo oggetto o gruppo non puo essere spostato.");
         return;
     }
@@ -1512,9 +1630,12 @@ function showMoveManagedRecordsDialog(records, subject) {
     const categorySelect = form.elements.category;
     const groupSelect = form.elements.group;
     const newGroupInput = form.elements.newGroup;
-    const currentCategory = records.every(record => record.categoryKey === records[0].categoryKey)
+    const sourceCategory = records.every(record => record.categoryKey === records[0].categoryKey)
         ? records[0].categoryKey
         : "drawings";
+    const currentCategory = destinations.some(destination => destination.key === sourceCategory)
+        ? sourceCategory
+        : "imported";
     categorySelect.value = currentCategory;
     const refreshGroups = () => {
         const destination = destinations.find(item => item.key === categorySelect.value);
@@ -1554,7 +1675,7 @@ function showMoveManagedRecordsDialog(records, subject) {
 
 function moveManagedRecordsToGroup(records, targetCategory, targetSource, targetGroupName) {
     if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
-    const movable = records.filter(record => ["drawings", "imported"].includes(record.categoryKey));
+    const movable = records.filter(record => managedCategoryCanMove(record.categoryKey));
     if (!movable.length || !["drawings", "imported"].includes(targetCategory)) {
         setInfo("Questo gruppo non puo essere spostato.");
         return;
@@ -1697,7 +1818,7 @@ function renderLayerManagerCategory(category, records) {
     const removeButton = managedCategoryCanRemove(category, records)
         ? `<button type="button" class="layer-remove-button" aria-label="Rimuovi gruppo dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
         : "";
-    const moveButton = records.length && ["drawings", "imported"].includes(category.key)
+    const moveButton = records.length && managedCategoryCanMove(category.key)
         ? `<button type="button" class="layer-membership-button" aria-label="Sposta gruppo in un altro gruppo" title="Sposta nel gruppo">Sposta nel gruppo</button>`
         : "";
     const rowActions = layerManagerRowActions(renameButton, moveButton, removeButton);
@@ -1821,7 +1942,7 @@ function renderLayerManagerObject(record, index) {
     const removeButton = managedObjectCanRemove(record)
         ? `<button type="button" class="layer-remove-button" aria-label="Rimuovi oggetto dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
         : "";
-    const moveButton = ["drawings", "imported"].includes(record.categoryKey)
+    const moveButton = managedCategoryCanMove(record.categoryKey)
         ? `<button type="button" class="layer-membership-button" aria-label="Sposta oggetto in un altro gruppo" title="Sposta nel gruppo">Sposta nel gruppo</button>`
         : "";
     const rowActions = layerManagerRowActions(renameButton, moveButton, removeButton);
@@ -1922,16 +2043,26 @@ function renderLayerSelectionToolbar() {
 function renderManagedGroupTools(records) {
     const tools = document.createElement("div");
     tools.className = "layer-group-tools";
-    const properties = records[0]?.layer?.feature?.properties || {};
+    const firstLayer = records[0]?.layer;
+    const properties = firstLayer?.feature?.properties || {};
+    const lineColor = normalizedColor(properties._lmeColor || firstLayer?.options?.color, "#16806a");
+    const fillColor = normalizedColor(properties._lmeFillColor || firstLayer?.options?.fillColor, lineColor);
     tools.innerHTML = `<strong>Azioni gruppo</strong><span class="layer-group-totals">${escapeHtml(managedGroupTotals(records))}</span><div class="layer-style-controls">
-        <label>Colore<input type="color" value="${normalizedColor(properties._lmeColor, "#16806a")}"></label>
+        ${managedColorEditorMarkup("color", "Colore linea", lineColor)}
-        <label>Spessore<input type="range" min="1" max="10" step="1" value="${Number(properties._lmeWeight) || 3}"></label>
+        ${managedColorEditorMarkup("fillColor", "Colore riempimento", fillColor)}
-        <label>Opacita<input type="range" min="0.1" max="1" step="0.1" value="${Number(properties._lmeOpacity) || 1}"></label></div>
+        <label>Spessore<input type="range" data-field="weight" min="1" max="10" step="1" value="${Number(properties._lmeWeight) || Number(firstLayer?.options?.weight) || 3}"></label>
+        <label>Opacita<input type="range" data-field="opacity" min="0.1" max="1" step="0.1" value="${Number.isFinite(Number(properties._lmeOpacity)) ? Number(properties._lmeOpacity) : Number(firstLayer?.options?.opacity) || 1}"></label></div>
         <div class="layer-compact-actions"><button type="button" data-group-action="select">Seleziona tutti</button><button type="button" data-group-action="lock">Blocca/sblocca</button><button type="button" data-group-action="labels">Etichette</button></div>`;
-    const inputs = tools.querySelectorAll("input");
+    const applyCurrentStyle = () => {
-    inputs.forEach(input => input.addEventListener("change", () => {
+        applyManagedStyle(records, {
-        applyManagedStyle(records, { color: inputs[0].value, weight: Number(inputs[1].value), opacity: Number(inputs[2].value) });
+            color: tools.querySelector("[data-color-picker='color']").value,
-    }));
+            fillColor: tools.querySelector("[data-color-picker='fillColor']").value,
+            weight: Number(tools.querySelector("[data-field='weight']").value),
+            opacity: Number(tools.querySelector("[data-field='opacity']").value)
+        });
+    };
+    bindManagedColorEditors(tools, applyCurrentStyle);
+    tools.querySelectorAll("input[type='range']").forEach(input => input.addEventListener("change", applyCurrentStyle));
     tools.querySelector("[data-group-action='select']").addEventListener("click", () => {
         records.forEach(record => lmeState.managerSelectedObjectIds.add(record.id)); refreshLayerManager();
     });
@@ -1968,11 +2099,13 @@ function renderManagedObjectTools(record) {
     const locked = Boolean(properties._lmeLocked);
     const tools = document.createElement("section");
     tools.className = "layer-object-tools";
+    const lineColor = normalizedColor(properties._lmeColor || record.layer?.options?.color, "#f97316");
+    const fillColor = normalizedColor(properties._lmeFillColor || record.layer?.options?.fillColor, lineColor);
     tools.innerHTML = `<label class="layer-manager-suboption"><input type="checkbox" data-field="selected" ${selected ? "checked" : ""}><span>Seleziona per azioni multiple</span></label>
         <label class="layer-manager-suboption"><input type="checkbox" data-field="locked" ${locked ? "checked" : ""}><span>Blocca modifiche e rimozione</span></label>
         <label class="layer-manager-suboption"><input type="checkbox" data-field="label" ${properties._lmeLabelVisible ? "checked" : ""}><span>Etichetta permanente sulla mappa</span></label>
-        <div class="layer-style-controls"><label>Linea<input type="color" data-field="color" value="${normalizedColor(properties._lmeColor, "#f97316")}"></label>
+        <div class="layer-style-controls">${managedColorEditorMarkup("color", "Colore linea", lineColor)}
-        <label>Riempimento<input type="color" data-field="fillColor" value="${normalizedColor(properties._lmeFillColor, "#fb923c")}"></label>
+        ${managedColorEditorMarkup("fillColor", "Colore riempimento", fillColor)}
         <label>Spessore<input type="range" data-field="weight" min="1" max="10" step="1" value="${Number(properties._lmeWeight) || 3}"></label>
         <label>Opacita<input type="range" data-field="opacity" min="0.1" max="1" step="0.1" value="${Number(properties._lmeOpacity) || 1}"></label>
         <label>Riempimento %<input type="range" data-field="fillOpacity" min="0" max="0.8" step="0.05" value="${Number.isFinite(Number(properties._lmeFillOpacity)) ? Number(properties._lmeFillOpacity) : 0.2}"></label>
@@ -1988,14 +2121,16 @@ function renderManagedObjectTools(record) {
     });
     tools.querySelector("[data-field='locked']").addEventListener("change", event => updateManagedProperties([record], value => { value._lmeLocked = event.target.checked; }));
     tools.querySelector("[data-field='label']").addEventListener("change", event => updateManagedProperties([record], value => { value._lmeLabelVisible = event.target.checked; }));
-    tools.querySelectorAll(".layer-style-controls input,.layer-style-controls select").forEach(input => input.addEventListener("change", () => applyManagedStyle([record], {
+    const applyCurrentStyle = () => applyManagedStyle([record], {
-        color: tools.querySelector("[data-field='color']").value,
+        color: tools.querySelector("[data-color-picker='color']").value,
-        fillColor: tools.querySelector("[data-field='fillColor']").value,
+        fillColor: tools.querySelector("[data-color-picker='fillColor']").value,
         weight: Number(tools.querySelector("[data-field='weight']").value),
         opacity: Number(tools.querySelector("[data-field='opacity']").value),
         fillOpacity: Number(tools.querySelector("[data-field='fillOpacity']").value),
         dash: tools.querySelector("[data-field='dash']").value
-    })));
+    });
+    bindManagedColorEditors(tools, applyCurrentStyle);
+    tools.querySelectorAll(".layer-style-controls input[type='range'],.layer-style-controls select").forEach(input => input.addEventListener("change", applyCurrentStyle));
     tools.querySelector("[data-field='notes']").addEventListener("change", event => updateManagedProperties([record], value => { value._lmeNotes = event.target.value.trim(); }));
     tools.querySelector("[data-field='photo']").addEventListener("change", async event => {
         const file = event.target.files?.[0]; if (!file) return;
@@ -2017,6 +2152,131 @@ function normalizedColor(value, fallback) {
     return /^#[0-9a-f]{6}$/i.test(String(value || "")) ? value : fallback;
 }
 
+function managedColorEditorMarkup(field, label, color) {
+    const formats = managedColorFormats(color);
+    return `<section class="layer-color-editor" data-color-editor="${field}">
+        <header><strong>${escapeHtml(label)}</strong><input type="color" data-color-picker="${field}" value="${formats.hex}" aria-label="Seleziona ${escapeHtml(label.toLocaleLowerCase("it"))}"><button type="button" data-color-eyedropper title="Preleva un colore dallo schermo">Preleva</button></header>
+        <div class="layer-color-formats">
+            <label>HEX<input type="text" data-color-format="hex" value="${formats.hex}" maxlength="7" spellcheck="false"></label>
+            <label>RGB<input type="text" data-color-format="rgb" value="${formats.rgb}" spellcheck="false"></label>
+            <label>HSL<input type="text" data-color-format="hsl" value="${formats.hsl}" spellcheck="false"></label>
+        </div>
+        <button type="button" class="layer-color-copy" data-color-copy>Copia HEX</button>
+    </section>`;
+}
+
+function bindManagedColorEditors(container, onChanged) {
+    container.querySelectorAll("[data-color-editor]").forEach(editor => {
+        const picker = editor.querySelector("[data-color-picker]");
+        const formatInputs = [...editor.querySelectorAll("[data-color-format]")];
+        const sync = (color, notify) => {
+            const formats = managedColorFormats(color);
+            picker.value = formats.hex;
+            formatInputs.forEach(input => { input.value = formats[input.dataset.colorFormat]; });
+            if (notify) onChanged();
+        };
+        picker.addEventListener("change", () => sync(picker.value, true));
+        formatInputs.forEach(input => input.addEventListener("change", () => {
+            const parsed = parseManagedColor(input.value);
+            if (!parsed) {
+                sync(picker.value, false);
+                setInfo("Colore non valido. Usa HEX, rgb(r, g, b) oppure hsl(h, s%, l%).");
+                return;
+            }
+            sync(parsed, true);
+        }));
+        const eyedropper = editor.querySelector("[data-color-eyedropper]");
+        if (typeof window.EyeDropper !== "function") {
+            eyedropper.hidden = true;
+        } else {
+            eyedropper.addEventListener("click", async () => {
+                try {
+                    const result = await new window.EyeDropper().open();
+                    if (result?.sRGBHex) sync(result.sRGBHex, true);
+                } catch (error) {
+                    if (error?.name !== "AbortError") setInfo("Contagocce non disponibile su questo dispositivo.");
+                }
+            });
+        }
+        editor.querySelector("[data-color-copy]").addEventListener("click", async () => {
+            const value = picker.value.toUpperCase();
+            try {
+                await navigator.clipboard.writeText(value);
+                setInfo(`Colore ${value} copiato. Puoi incollarlo nel campo HEX di un altro oggetto.`);
+            } catch {
+                const hexInput = editor.querySelector("[data-color-format='hex']");
+                hexInput.focus();
+                hexInput.select();
+                setInfo(`Selezionato ${value}: usa il comando Copia del dispositivo.`);
+            }
+        });
+    });
+}
+
+function parseManagedColor(value) {
+    const text = String(value || "").trim();
+    const shortHex = text.match(/^#([0-9a-f]{3})$/i);
+    if (shortHex) return `#${[...shortHex[1]].map(part => part + part).join("")}`.toUpperCase();
+    if (/^#[0-9a-f]{6}$/i.test(text)) return text.toUpperCase();
+    const rgb = text.match(/^rgba?\(\s*(\d{1,3})\s*[, ]\s*(\d{1,3})\s*[, ]\s*(\d{1,3})(?:\s*[,/]\s*[\d.]+)?\s*\)$/i);
+    if (rgb) {
+        const values = rgb.slice(1, 4).map(Number);
+        if (values.every(channel => channel >= 0 && channel <= 255)) return managedRgbToHex(...values);
+    }
+    const hsl = text.match(/^hsla?\(\s*(-?[\d.]+)(?:deg)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%(?:\s*[,/]\s*[\d.]+)?\s*\)$/i);
+    if (hsl) {
+        const saturation = Number(hsl[2]); const lightness = Number(hsl[3]);
+        if (saturation >= 0 && saturation <= 100 && lightness >= 0 && lightness <= 100) {
+            return managedRgbToHex(...managedHslToRgb(Number(hsl[1]), saturation, lightness));
+        }
+    }
+    return null;
+}
+
+function managedColorFormats(color) {
+    const hex = normalizedColor(color, "#000000").toUpperCase();
+    const [red, green, blue] = [1, 3, 5].map(index => parseInt(hex.slice(index, index + 2), 16));
+    const redUnit = red / 255; const greenUnit = green / 255; const blueUnit = blue / 255;
+    const max = Math.max(redUnit, greenUnit, blueUnit); const min = Math.min(redUnit, greenUnit, blueUnit);
+    const lightness = (max + min) / 2; const delta = max - min;
+    let hue = 0; let saturation = 0;
+    if (delta) {
+        saturation = delta / (1 - Math.abs(2 * lightness - 1));
+        if (max === redUnit) hue = 60 * (((greenUnit - blueUnit) / delta) % 6);
+        else if (max === greenUnit) hue = 60 * ((blueUnit - redUnit) / delta + 2);
+        else hue = 60 * ((redUnit - greenUnit) / delta + 4);
+    }
+    if (hue < 0) hue += 360;
+    return {
+        hex,
+        rgb: `rgb(${red}, ${green}, ${blue})`,
+        hsl: `hsl(${managedColorDecimal(hue)}, ${managedColorDecimal(saturation * 100)}%, ${managedColorDecimal(lightness * 100)}%)`
+    };
+}
+
+function managedColorDecimal(value) {
+    return String(Number(value.toFixed(2)));
+}
+
+function managedRgbToHex(red, green, blue) {
+    return `#${[red, green, blue].map(channel => Math.round(channel).toString(16).padStart(2, "0")).join("")}`.toUpperCase();
+}
+
+function managedHslToRgb(hue, saturation, lightness) {
+    const normalizedHue = ((hue % 360) + 360) % 360;
+    const saturationUnit = saturation / 100; const lightnessUnit = lightness / 100;
+    const chroma = (1 - Math.abs(2 * lightnessUnit - 1)) * saturationUnit;
+    const section = normalizedHue / 60; const intermediate = chroma * (1 - Math.abs(section % 2 - 1));
+    const values = section < 1 ? [chroma, intermediate, 0]
+        : section < 2 ? [intermediate, chroma, 0]
+            : section < 3 ? [0, chroma, intermediate]
+                : section < 4 ? [0, intermediate, chroma]
+                    : section < 5 ? [intermediate, 0, chroma]
+                        : [chroma, 0, intermediate];
+    const offset = lightnessUnit - chroma / 2;
+    return values.map(channel => Math.round((channel + offset) * 255));
+}
+
 function editManagedAttributes(record) {
     if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
     const properties = record.layer?.feature?.properties || {};
@@ -4229,7 +4489,14 @@ function loadProjectSnapshot(raw, projectName) {
         applyImportedSheetVisibility();
         L.geoJSON(data.selectedParcels || emptyFeatureCollection(), {
             pane: "selectedParcelsPane",
-            style: { color: "#ef4444", weight: 4, opacity: 1, fillColor: "#fbbf24", fillOpacity: 0.26 },
+            style: feature => ({
+                color: feature?.properties?._lmeColor || "#ef4444",
+                weight: Number(feature?.properties?._lmeWeight) || 4,
+                opacity: Number.isFinite(Number(feature?.properties?._lmeOpacity)) ? Number(feature.properties._lmeOpacity) : 1,
+                fillColor: feature?.properties?._lmeFillColor || "#fbbf24",
+                fillOpacity: Number.isFinite(Number(feature?.properties?._lmeFillOpacity)) ? Number(feature.properties._lmeFillOpacity) : 0.26,
+                dashArray: feature?.properties?._lmeDash || null
+            }),
             onEachFeature: (feature, layer) => {
                 const properties = feature?.properties || {};
                 const reference = properties.NATIONALCADASTRALREFERENCE
@@ -4238,6 +4505,7 @@ function loadProjectSnapshot(raw, projectName) {
                     || "Particella catastale";
                 layer.lmeParcelReference = reference;
                 layer.bindPopup(`<strong>${escapeHtml(reference)}</strong>`);
+                applyStyleFromProperties(layer);
             }
         }).addTo(lmeState.selectedParcelsLayer);