/* bug_miglioramenti.css — Bug e Miglioramenti (11/10/2026): la pagina dell'operatore, la scheda
   di una segnalazione, la Regia e la finestra «Segnala» che sta in ogni pagina (per questo il
   foglio lo carica base.html). Solo valori del catalogo (ui/tokens.css). */

/* la pagina dell'operatore */
.bm-intro{margin:0 0 var(--sp-4)}
.bm-controllo{display:inline-block;margin-left:var(--sp-1)}
.bm-num,.bm-data{white-space:nowrap;color:var(--muted)}
.bm-cosa{overflow-wrap:anywhere}
.tbl tr.bm-nuova td{font-weight:700}

/* la scheda: il testo com'è stato scritto (gli a capo restano) e gli screenshot in miniatura */
.bm-testo{font-size:var(--fs-md);line-height:1.5;color:var(--ink);white-space:pre-wrap;
  overflow-wrap:anywhere}
.bm-foto{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.bm-foto img{display:block;max-width:220px;max-height:160px;object-fit:cover;
  border:1px solid var(--line);border-radius:var(--r-ctrl)}
.bm-chi{font-size:var(--fs-sm)}
.bm-segnalazione,.bm-dettagli{margin-bottom:var(--sp-4)}
.bm-msg-claude{border-left:3px solid var(--blu-4)}
.bm-msg-admin{border-left:3px solid var(--viola)}
.bm-dettagli summary{cursor:pointer}
.bm-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--sp-1) var(--sp-3);
  margin:0;font-size:var(--fs-sm)}
.bm-dl dt{color:var(--muted)}
.bm-dl dd{margin:0;overflow-wrap:anywhere}
.bm-risposta textarea{width:100%}
.bm-dz{padding:var(--sp-4)}
.bm-dz.dz-pieno .bm-dz-invito{color:var(--ink);font-weight:700}

/* la Regia: i filtri sono interruttori a pillola (come Log sviluppo); la casella resta nel modulo
   ma non si vede, il gettone ne segue lo stato */
.bm-filtri-nome{min-width:72px}
.bm-chip{position:relative;display:inline-flex;align-items:center;min-height:var(--h-ctrl-sm);
  margin:0;padding:0 var(--sp-3);font-family:var(--font-testo);font-size:var(--fs-md);color:var(--ink);
  background:var(--card);border:1px solid var(--line-forte);border-radius:var(--r-pill);
  cursor:pointer;white-space:nowrap;user-select:none}
.bm-chip:hover{border-color:var(--blu-4)}
.bm-chip:has(input:checked){background:var(--blu);border-color:var(--blu);color:var(--su-scuro)}
.bm-chip:has(input:focus-visible){outline:2px solid var(--blu-4);outline-offset:2px}
.bm-chip input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.bm-canale{justify-content:space-between}
.bm-citazione{padding-left:var(--sp-3);border-left:3px solid var(--line-forte)}
.bm-no input[type=text]{width:auto;min-width:320px;margin:0}
.bm-pratiche input[type=text]{margin:0}

/* il pulsante in alto a destra e la finestra «Segnala» (in ogni pagina) */
.bm-pulsante{display:inline-flex;align-items:center;gap:var(--sp-1)}
.bm-pulsante .ic{width:16px;height:16px}
.bm-finestra{text-align:left}
.bm-finestra textarea{width:100%;margin:0}
.bm-sotto{margin:0;font-size:var(--fs-sm)}
.bm-dz-finestra{padding:var(--sp-4);cursor:pointer}
.bm-dz-finestra:focus-visible{outline:2px solid var(--blu-4);outline-offset:2px}
.bm-dz-finestra.dz-pieno .bm-dz-invito{color:var(--muted)}
.bm-anteprime{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2)}
.bm-anteprima{position:relative;margin:0}
.bm-anteprima img{display:block;width:96px;height:72px;object-fit:cover;
  border:1px solid var(--line);border-radius:var(--r-ctrl)}
.bm-togli{position:absolute;top:calc(-1 * var(--sp-2));right:calc(-1 * var(--sp-2));width:22px;height:22px;
  padding:0;border:1px solid var(--line-forte);border-radius:var(--r-pill);background:var(--card);
  color:var(--ink);font-size:var(--fs-sm);line-height:1;cursor:pointer}
.bm-blocca{margin:0;font-size:var(--fs-md);cursor:pointer}
.bm-errore{margin:0;color:var(--errore);font-size:var(--fs-md)}