/* La selezione multipla (board_selezione.js, S6). Solo gettoni --bs-* della board: in chiaro e in scuro li cambia
   board_studio.css. La barra sta dove sta quella del nodo scelto (.bs-selection), che con piu' nodi scelti e' nascosta. */
#board-studio .bsel-bar {position:absolute;top:70px;right:16px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:3px;
  max-width:calc(100% - 110px);padding:4px;background:var(--bs-panel);border:1px solid var(--bs-line);border-radius:9px;box-shadow:0 3px 12px #0001}
#board-studio .bsel-count {padding:0 8px;font-size:11px;font-weight:600;white-space:nowrap}
#board-studio .bsel-action {font-size:12px;padding:6px 9px}
#board-studio .bsel-close {width:30px;height:30px;padding:0;font-size:17px;line-height:1}
/* Un nodo scelto insieme ad altri: lo stesso segno del nodo scelto da solo. */
#board-studio .bs-card.bsel-scelto {outline:2px solid var(--bs-accent);outline-offset:2px}
/* Il rettangolo della selezione, sul piano (coordinate del piano: segue zoom e spostamenti). */
#board-studio .bsel-lasso {position:absolute;z-index:4;pointer-events:none;border:1px dashed var(--bs-accent);
  background:color-mix(in srgb,var(--bs-accent) 6%,transparent)}
#board-studio[data-tool="multi"] .bs-stage {cursor:crosshair}
#board-studio[data-regia="aperta"] .bsel-bar {top:calc(70px + var(--bs-regia))}
#board-studio:has(.ba-panel[data-mode="work"]) .bsel-bar {right:calc(16px + var(--ba-dock-width))}
@media(max-width:760px) {#board-studio .bsel-bar {top:104px;right:9px;max-width:calc(100% - 78px)}
  #board-studio[data-regia="aperta"] .bsel-bar {top:calc(104px + var(--bs-regia))}}