/* SB8 (piano dei pezzi della Seed Board; §19.9 «Usa qui»; owner 19-09: «senza un casino micidiale di fili fra gruppi»):
   le presenze e i rimandi. Solo gettoni --bs-*, nei due temi (board_studio.css). Le misure della presenza sono gemelle di
   ALTRI.presenza in board_studio.js (240 x 64): si cambiano insieme. */

/* La presenza: lo stesso file di un materiale di un altro gruppo, in piccolo, dentro il gruppo dello shot che lo usa. Un nodo
   vero, tratteggiato: la miniatura, il nome e «da Prodotto ↗» (porta all'originale); il «…» come gli altri nodi. */
#board-studio .bs-card.bs-nodo.bs-presenza {display:grid;grid-template-columns:72px minmax(0,1fr) 26px;grid-template-rows:64px;
  align-items:center;gap:0 9px;padding:0 4px 0 7px;border:1.5px dashed var(--bs-muted);box-shadow:none}
#board-studio .bs-card.bs-nodo.bs-presenza:hover {box-shadow:0 6px 18px #00000014}
#board-studio .bs-presenza-mini {position:relative;width:72px;height:48px;border-radius:6px;overflow:hidden;background:var(--bs-bg);
  display:grid;place-items:center;color:var(--bs-muted)}
#board-studio .bs-presenza-mini img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
#board-studio .bs-presenza-mini svg {width:18px;height:18px}
#board-studio .bs-presenza-mini .bs-nodo-play {width:20px;height:20px;font-size:8px;line-height:20px}
#board-studio .bs-presenza-testo {display:grid;gap:2px;min-width:0}
#board-studio .bs-presenza-testo h3 {margin:0;font-size:11.5px;line-height:15px;font-weight:600;color:var(--bs-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Controllo di SB7 (B1) e di SB8 (C1): un blocco (da bottone era centrato e si tagliava ai due lati, «…eference · messo da
   p…»): si taglia solo a destra, coi puntini; intero nel title. */
#board-studio .bs-presenza-da {display:block;justify-self:start;max-width:100%;height:20px;padding:0 6px;margin-left:-6px;border:0;border-radius:4px;
  background:none;font-size:10.5px;line-height:20px;text-align:left;color:var(--bs-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
#board-studio .bs-presenza-da:hover:not(:disabled), #board-studio .bs-presenza-da:focus-visible {background:var(--bs-soft);color:var(--bs-ink)}
#board-studio .bs-presenza-da:disabled {cursor:default;opacity:1}
/* Quarto giro (SB8 C1 del controllo delle correzioni): con l'originale messo da parte, sotto «da Prodotto» la riga dello stato,
   intera («messo da parte»): prima in una riga sola si leggeva «da Prodotto · mes…». Sta nei 64 della presenza (15 + 20 + 14). */
#board-studio .bs-presenza-stato {display:block;font-size:10.5px;line-height:14px;color:var(--bs-muted);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
#board-studio .bs-presenza .bs-card-more {align-self:start;margin-top:4px}
/* Con la task (42) o le etichette (32) la presenza cresce di quelle righe in fondo (sono assolute, come sugli altri nodi):
   la riga della presenza resta in cima. */
#board-studio .bs-card.bs-nodo.bs-presenza {align-content:start}
/* Scelto l'originale (o una sua presenza) si accendono le altre: il bordo pieno, dell'accento. */
#board-studio .bs-card[data-eco="true"] {border-color:var(--bs-accent)!important;border-style:solid!important;box-shadow:0 0 0 1px var(--bs-accent)!important}
/* L'originale dice dove e' usato: «usata in SH-01 · SH-03». */
#board-studio .bs-nodo-meta .bs-usata {color:var(--bs-ink);font-weight:500}
/* Da lontano la presenza resta nel suo rettangolo: la miniatura e il nome, grande fino a un tetto; poi solo la miniatura. */
#board-studio:is([data-lod="medio"],[data-lod="lontano"]) .bs-presenza :is(.bs-presenza-da,.bs-presenza-stato,.bs-card-more) {display:none}
#board-studio[data-lod="medio"] .bs-presenza-testo h3 {font-size:min(calc(10px * var(--bs-inv,1)),22px);line-height:1.1}
#board-studio[data-lod="lontano"] .bs-presenza-testo {visibility:hidden}

/* I rimandi: un filo fra gruppi diversi, finche' non si sceglie uno dei due capi, e' un trattino all'uscita con la scritta
   «→ SH-01» e un trattino all'ingresso, del colore del filo (ambra se a monte e' cambiato); mai una linea che attraversa la
   board o passa sopra le porte d'altri. */
#board-studio .bc-rimando {fill:none;stroke:var(--bs-muted);stroke-width:1.7;stroke-linecap:round;opacity:.75;pointer-events:none}
#board-studio .bc-rimando[data-state="stale"] {stroke:var(--bs-s-ambra);stroke-dasharray:4 3;opacity:.9}
#board-studio .bc-rimando[data-state="missing"] {stroke:var(--bs-danger,var(--bs-s-ambra));stroke-dasharray:3 3}
#board-studio .bc-rimando-label {position:absolute;display:block;height:18px;padding:0 5px;border:1px solid var(--bs-line);border-radius:9px;
  background:var(--bs-panel);color:var(--bs-muted);font-size:10px;line-height:16px;font-weight:500;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;transform-origin:left center;pointer-events:auto;cursor:pointer;z-index:1}
#board-studio .bc-rimando-label:hover, #board-studio .bc-rimando-label:focus-visible {border-color:var(--bs-accent);color:var(--bs-ink);outline:none}
#board-studio .bc-rimando-label[data-state="stale"] {border-color:var(--bs-s-ambra);color:var(--bs-ink)}
#board-studio .bc-rimando-label[hidden] {display:none}
/* Da lontano (sotto il 55%) le scritte non ci stanno: restano i trattini. */
#board-studio:is([data-lod="medio"],[data-lod="lontano"]) .bc-rimando-label, #board-studio[data-zoom-overview="true"] .bc-rimando-label {display:none}
/* «Accetta il cambiamento» nel dettaglio del filo ambra: il gesto principale, in cima. */
#board-studio .bc-panel .bc-accept {width:100%;justify-content:center;border-color:var(--bs-s-ambra);color:var(--bs-ink)}
#board-studio .bc-panel .bc-accept:disabled {opacity:.55}