/* La minimappa (board_minimappa.js, S6): in basso a destra, sopra lo zoom; sul telefono non c'e'. Misure fisse: 184 x 116,
   come in board_minimappa.js (W, H). */
#board-studio .bmm {position:absolute;right:16px;bottom:60px;width:184px;height:116px;z-index:5;overflow:hidden;cursor:pointer;
  background:var(--bs-panel);border:1px solid var(--bs-line);border-radius:9px;box-shadow:0 3px 12px #0001;touch-action:none}
/* Gli altri pannelli di lato (dettagli del nodo, «Aggiungi nodo», scheda dell'elemento) arrivano fin quasi in fondo:
   la minimappa ne spunterebbe sotto, e si toglie finche' sono aperti. Con l'Asset Manager si scosta come la barra in basso. */
#board-studio:has(.bn-panel:not([hidden]), .bs-drawer:not([hidden]), .el-scheda:not([hidden]), .ba-panel[data-mode="wide"]) .bmm {display:none}
#board-studio:has(.ba-panel[data-mode="work"]) .bmm {right:calc(16px + var(--ba-dock-width))}
#board-studio .bmm-piano {position:absolute;inset:0;pointer-events:none}
#board-studio .bmm-titolo {position:absolute;left:7px;top:3px;font-size:10px;color:var(--bs-muted);pointer-events:none}
#board-studio .bmm-area {position:absolute;border:1px solid var(--bs-muted);border-radius:2px;opacity:.6}
#board-studio .bmm-nodo {position:absolute;background:var(--bs-muted);border-radius:1px}
/* S7: le fasi della catena, nel fucsia del marchio (come nel mockup). */
#board-studio .bmm-fase {position:absolute;background:var(--marchio);opacity:.55;border-radius:1px}
#board-studio .bmm-vista {position:absolute;pointer-events:none;border:1.5px solid var(--bs-accent);border-radius:2px;
  background:color-mix(in srgb,var(--bs-accent) 7%,transparent)}
@media(max-width:760px) {#board-studio .bmm {display:none}}