/* My112 sul PC — editor completo dello schizzo. 0.5.8: STESSO aspetto della pagina «Incidenti» (schizzo_core.css e lo
   stile della sua pagina): tema scuro, barre in alto su più righe, foglio al centro, pannello a destra con le schede,
   riga di stato in fondo, contorni neri; a tutto schermo sopra la pagina della scheda. */
.ed-editor { position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column; margin: 0;
  font: 13px/1.4 "Segoe UI", Arial, sans-serif; background: #2c2f33; color: #e8e8e8; overflow: hidden; }
body.con-schizzo { overflow: hidden; }
.ed-editor *, .finestra-schizzo *, .editor-testo { box-sizing: border-box; }
.ed-editor button, .ed-editor select, .ed-editor input, .ed-editor textarea,
.finestra-schizzo button, .finestra-schizzo select, .finestra-schizzo input, .finestra-schizzo textarea { font: inherit; }
.ed-editor button, .finestra-schizzo button, .lente button { background: #3a3f45; color: #eee; border: 1px solid #555; border-radius: 4px;
  padding: 4px 9px; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; font-weight: 400; }
.ed-editor button:hover, .finestra-schizzo button:hover, .lente button:hover { background: #4a5158; }
.ed-editor button.on, .finestra-schizzo button.on { background: #1f6fb2; border-color: #3a9; color: #fff; }
.ed-editor button.rosso, .finestra-schizzo button.rosso { background: #7a2b2b; color: #eee; }
.ed-editor button.primario, .finestra-schizzo button.primario { background: #1f6fb2; border-color: #3a9; color: #fff; }
.ed-editor button:disabled, .finestra-schizzo button:disabled { opacity: .5; cursor: default; }
.ed-editor button[hidden] { display: none; }
.ed-editor input[type=text], .ed-editor input[type=number], .ed-editor select, .ed-editor textarea,
.finestra-schizzo input[type=text], .finestra-schizzo input[type=number], .finestra-schizzo input[type=password], .finestra-schizzo select, .finestra-schizzo textarea {
  width: 100%; background: #1b1e21; color: #eee; border: 1px solid #444; border-radius: 3px; padding: 3px 5px; }
.ed-editor textarea, .finestra-schizzo textarea { resize: vertical; min-height: 46px; }
.ed-editor input:focus, .ed-editor select:focus, .ed-editor textarea:focus, .ed-editor button:focus-visible { outline: 2px solid #1f6fb2; outline-offset: 0; }
.ico { width: 15px; height: 15px; flex: 0 0 auto; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.icoSel { width: 15px; height: 15px; flex: 0 0 auto; stroke: #9fd0ff; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; margin-right: -2px; }

/* Barre in alto (header di «Incidenti») */
.ed-barra { background: #1f2225; padding: 4px 8px; display: flex; flex-direction: column; gap: 0; border-bottom: 1px solid #000; flex: 0 0 auto; }
.ed-riga { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; }
.ed-riga.barra2 { border-top: 1px solid #333; padding-top: 5px; margin-top: 4px; }
.ed-barra .titolo { font-weight: 700; margin-right: 10px; color: #9fd0ff; }
.ed-barra button, .ed-barra select { padding: 3px 7px; font-size: 12px; }
.ed-barra select { width: auto; max-width: 230px; }
.ed-barra select.avviso-impaginazione { border-color: #c9a23a; }
.ed-barra .divisore { width: 1px; height: 20px; background: #3f4650; margin: 0 3px; flex: 0 0 auto; }
.ed-barra .spazio { flex: 1; }
#spiaModifiche { color: #e8b34a; }
.ed-editor:not(.da-salvare) #spiaModifiche { display: none; }

/* Foglio e pannello (main di «Incidenti») */
.ed-corpo { flex: 1; display: flex; min-height: 0; }
.ed-tela { flex: 1; min-width: 0; background: #43484d; padding: 6px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ed-tela.ingrandita { overflow: auto; align-items: flex-start; justify-content: flex-start; }
#foglio { width: 100%; height: 100%; background: transparent; box-shadow: none; flex: 0 0 auto; filter: drop-shadow(0 4px 18px rgba(0, 0, 0, .6));
  touch-action: none; user-select: none; }
#foglio.mano { cursor: grab; }
#foglio .mn { cursor: pointer; }
#foglio .mn-sposta { cursor: move; }
#foglio .mn-ruota { cursor: grab; }
#foglio .mn-mirino { cursor: crosshair; }
#foglio .mn-verticale { cursor: ns-resize; }
.ed-lato { width: 330px; min-width: 260px; max-width: 640px; resize: horizontal; background: #25282b; border-left: 1px solid #000; overflow-y: auto; padding: 8px; flex: 0 0 auto; }
.ed-editor.senza-pannello .ed-lato { display: none; }
.ed-schede { display: flex; gap: 3px; margin-bottom: 6px; position: sticky; top: -8px; background: #25282b; z-index: 5; padding: 4px 0; }
.ed-schede button { flex: 1; border-radius: 0; border-bottom: 2px solid transparent; justify-content: center; gap: 5px; }
.ed-schede button.attiva { background: #1f6fb2; border-bottom-color: #9fd0ff; color: #fff; }
.ed-lato .sezione { display: none; }
.ed-lato .sezione.attiva { display: block; }
.ed-lato h3 { margin: 10px 0 4px; font-size: 12px; text-transform: uppercase; color: #9fd0ff; border-bottom: 1px solid #3a3f45; padding-bottom: 3px; display: flex; align-items: center; gap: 6px; }
.ed-lato h3.titolo-sel { color: #9fd0ff; }
.ed-lato label { display: block; margin: 5px 0 1px; font-size: 11px; color: #aab; }
.ed-lato input[type=range] { width: 100%; }
.ed-lato button { margin: 3px 2px 0 0; }
.ed-lato button.piccolo { padding: 0 7px; font-size: 13px; margin: 0; }
.ed-lato .riga, .finestra-schizzo .riga { display: flex; gap: 5px; }
.ed-lato .riga > *, .finestra-schizzo .riga > * { flex: 1; min-width: 0; }
.ed-lato .riga > .stretto34 { flex: 0 0 34px; }
.ed-lato .riga > .stretto64 { flex: 0 0 64px; }
.ed-lato .riga > .stretto70 { flex: 0 0 76px; }
.ed-lato .riga > .stretto84 { flex: 0 0 84px; }
.ed-lato .riga > .stretto92 { flex: 0 0 96px; }
.ed-lato .riga > .stretto110 { flex: 0 0 110px; }
.ed-lato .voce { display: block; border: 1px solid #3a3f45; border-radius: 4px; padding: 5px; margin-bottom: 5px; background: #2b2f33; }
.ed-lato .voce.sel { border-color: #1f6fb2; background: #26333d; }
.ed-lato .voce .cap { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.ed-lato .riga-tasti { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0; }
.ed-lato .campo-dati { display: flex; flex-direction: column; gap: 2px; }
.ed-editor .mini, .finestra-schizzo .mini { font-size: 11px; color: #8b949e; }
.testo-avviso { color: #e8b34a; }
.testo-ok { color: #8fd19e; }
.ed-stato { padding: 3px 10px; background: #1f2225; font-size: 11px; color: #9aa; border-top: 1px solid #000; min-height: 22px; flex: 0 0 auto; }
.ed-avviso { background: #3a2f1a; border: 1px solid #7a5f2a; border-radius: 4px; padding: 5px 7px; font-size: 11px; color: #e8d7a8; margin-bottom: 6px; }

/* Foto affiancata e aggancio */
.foto-lato { display: none; flex-direction: column; width: 34%; min-width: 220px; max-width: 60%; resize: horizontal; overflow: hidden; background: #1b1e21; border-right: 1px solid #000; }
.ed-editor.con-foto .foto-lato { display: flex; }
.comandi-foto { display: flex; align-items: center; gap: 5px; padding: 4px 6px; background: #25282b; flex-wrap: wrap; }
.comandi-foto span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.comandi-foto button.on { background: #1f6fb2; }
.comandi-foto button[disabled] { opacity: .45; }
#fotoLatoQuadro { flex: 1; min-height: 0; position: relative; background: #111; }
#fotoLatoQuadro img { width: 100%; height: 100%; object-fit: contain; display: block; }
#fotoLatoTela { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ed-editor.aggancia-attivo #fotoLatoTela { pointer-events: auto; cursor: crosshair; }
.ed-editor.griglia-attiva #fotoLatoTela { pointer-events: auto; cursor: default; }
.griglia-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-top: 6px; }
.griglia-mini figure { margin: 0; cursor: zoom-in; border: 1px solid #3a3f45; border-radius: 3px; overflow: hidden; background: #1b1e21; }
.griglia-mini img { width: 100%; height: 66px; object-fit: cover; display: block; }
.griglia-mini figcaption { font-size: 9px; color: #8b949e; padding: 2px 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lente { position: fixed; inset: 0; background: rgba(0, 0, 0, .87); display: none; z-index: 70; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; color: #e8e8e8; }
.lente.aperta { display: flex; }
.lente img { max-width: 88vw; max-height: 82vh; transform-origin: 50% 50%; touch-action: none; user-select: none; transition: filter .15s; }
.lente .comandi { position: absolute; top: 10px; right: 14px; display: flex; gap: 6px; z-index: 2; }
.lente .info { position: relative; z-index: 1; background: rgba(0, 0, 0, .6); color: #e8e8e8; padding: 2px 8px; border-radius: 3px; }
.foto-chiare .lente img, .foto-chiare #fotoLatoImg, .foto-chiare .griglia-mini img { filter: brightness(1.4) contrast(1.12) saturate(1.1); }
.btn-schiarisci.on { background: #6b5a1e !important; border-color: #c9a23a !important; }

/* Finestrelle (il «velo» di «Incidenti»: inquadratura, misure dei punti, aiuto, file e modelli) e casella sul disegno */
.finestra-schizzo { position: fixed; left: 50%; top: 10%; transform: translateX(-50%); z-index: 95; background: #25282b; color: #e8e8e8;
  border: 1px solid #444; border-radius: 6px; padding: 18px 26px; min-width: 340px; max-width: 640px; max-height: 80vh; overflow: auto;
  font: 13px/1.4 "Segoe UI", Arial, sans-serif; box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .63); }
.finestra-schizzo h3 { margin: 0 0 8px; font-size: 15px; color: #9fd0ff; }
.finestra-schizzo .mini { margin: 6px 0; }
.finestra-schizzo table.luoghi { border-collapse: collapse; width: 100%; margin: 10px 0; }
.finestra-schizzo table.luoghi th { font-size: 11px; color: #aab; text-align: left; font-weight: 600; }
.finestra-schizzo table.luoghi td, .finestra-schizzo table.luoghi th { border-bottom: 1px solid #3a3f45; padding: 4px 6px; }
.finestra-schizzo td.centro { text-align: center; }
.finestra-schizzo input.corto { width: 80px; }
.finestra-schizzo .pulsanti { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.finestra-schizzo .ricerca { display: flex; gap: 6px; margin: 10px 0; }
.finestra-schizzo .ricerca input { flex: 1; }
.finestra-schizzo label { display: block; margin: 8px 0 2px; font-size: 12px; color: #aab; }
.finestra-schizzo label > input[type=text], .finestra-schizzo label > input[type=password], .finestra-schizzo label > select { display: block; width: 100%; margin-top: 3px; }
.finestra-schizzo .riga-spunta { display: flex; align-items: center; gap: 6px; color: inherit; }
.finestra-schizzo .errore-finestra { color: #ff9a9a; font-weight: 700; }
.editor-testo { position: fixed; width: 170px; z-index: 90; font: 13px Arial, Helvetica, sans-serif; padding: 3px 6px; border: 1px solid #1f6fb2; border-radius: 3px; background: #1b1e21; color: #eee; box-shadow: 0 2px 10px rgba(0, 0, 0, .5); }
/* 0.5.2: file e modelli */
.elenco-modelli { display: flex; flex-direction: column; gap: 6px; margin: 8px 0; }
.voce-modello { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; border: 1px solid #3a3f45; border-radius: 4px; padding: 5px 7px; background: #2b2f33; }
.voce-modello input[type=text] { flex: 1; min-width: 140px; }
@media print {
  .ed-editor { position: static; display: block; background: #fff; }
  .ed-barra, .ed-lato, .ed-stato, .foto-lato, .lente, .finestra-schizzo { display: none !important; }
  .ed-tela { padding: 0; overflow: visible; display: block; background: #fff; }
  #foglio { filter: none; width: 297mm !important; height: 210mm !important; }
}