/* La board sul telefono (pezzo 14): l'elenco al posto della tela. Si accende solo se la board si apre su un telefono
   (#board-studio[data-telefono]): chi allarga o stringe la finestra a board aperta tiene quello che aveva. */
#board-studio[data-telefono] .bs-stage,
#board-studio[data-telefono] .bs-tools,
#board-studio[data-telefono] .bs-bottom,
#board-studio[data-telefono] .bmm,
#board-studio[data-telefono] .bs-breadcrumb,
#board-studio[data-telefono] .bs-top .bcerca,
#board-studio[data-telefono] .bs-top .bs-top-azioni,
#board-studio[data-telefono] .bs-selection,
#board-studio[data-telefono] .bsel-bar,
#board-studio[data-telefono] .bs-welcome { display:none !important; }   /* la ricerca dell'elenco sostituisce quella della tela;
   le azioni sul piano, la selezione e il benvenuto sono della tela */

.btel { position:absolute; left:0; right:0; bottom:0; top:calc(54px + var(--bs-regia, 0px)); overflow:auto;
  padding:10px 14px calc(120px + env(safe-area-inset-bottom, 0px)); display:grid; gap:12px; align-content:start;
  background:var(--bs-bg, var(--fondo, transparent)); }
.btel:focus { outline:none; }
.btel-testa { display:grid; gap:8px; }
.btel-avviso { margin:0; font-size:13px; color:var(--bs-muted, var(--ink-2)); border:1px dashed var(--bs-line, var(--linea));
  border-radius:8px; padding:8px 10px; }
.btel-cerca { width:100%; min-width:0; }
.btel-nascosta { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.btel-corpo { display:grid; gap:14px; min-width:0; }
.btel-col h3 { margin:0 0 2px; font-size:13px; font-weight:600; display:flex; gap:6px; align-items:baseline; }
.btel-num { font-weight:400; font-size:12px; color:var(--bs-muted, var(--ink-3)); font-variant-numeric:tabular-nums; }
.btel-voci { list-style:none; margin:0; padding:0; }
.btel-voce { display:grid; grid-template-columns:44px minmax(0,1fr); gap:2px 10px; padding:8px 0;
  border-top:1px solid var(--bs-line, var(--linea-2)); font-size:13px; }
.btel-voce:focus-visible, .btel-voce.btel-trovata { outline:2px solid var(--bs-accent, var(--accento)); outline-offset:2px; border-radius:4px; }
.btel-mini { width:44px; height:44px; border-radius:5px; overflow:hidden; display:grid; place-items:center;
  background:var(--bs-soft, var(--piano-2)); color:var(--bs-muted, var(--ink-2)); }
.btel-mini img { width:100%; height:100%; object-fit:cover; display:block; }
.btel-testo { min-width:0; display:grid; gap:1px; }
.btel-testo strong { font-weight:600; overflow-wrap:anywhere; }
.btel-testo small { color:var(--bs-muted, var(--ink-2)); font-size:12px; }
.btel-det { color:var(--bs-muted, var(--ink-3)); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.btel-da { color:var(--bs-muted, var(--ink-3)); font-size:12px; overflow-wrap:anywhere; }
.btel-vuota, .btel-nota { margin:0; font-size:12px; color:var(--bs-muted, var(--ink-3)); overflow-wrap:anywhere; }
#board-studio .btel-tela { margin-left:6px; padding:3px 10px; border-color:var(--bs-line); vertical-align:baseline; }
.btel-cod { font-family:var(--bs-code, ui-monospace, monospace); font-size:11px; color:var(--bs-muted, var(--ink-3)); overflow-wrap:anywhere; }
/* la miniatura del nodo compatto, ridotta alla riga dell'elenco: l'icona al centro, il ▶ dei video sopra */
#board-studio .btel-mini svg { width:18px; height:18px; opacity:.6; }
#board-studio .btel-mini .bs-mini { position:relative; width:100%; height:100%; margin:0; border-radius:inherit;
  display:grid; place-items:center; overflow:hidden; }
#board-studio .btel-mini .bs-mini-empty { box-sizing:border-box; border:1px dashed var(--bs-line, var(--linea)); background:transparent; }
#board-studio .btel-mini .bs-mini-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:20px;
  height:20px; border-radius:50%; background:#17171dcc; color:#fff; font-size:9px; line-height:20px; text-align:center;
  padding-left:2px; }
/* lo stato della task collegata (la apre) e la review, come sul nodo della tela */
.btel-lavoro { display:flex; flex-wrap:wrap; gap:4px 6px; margin-top:3px; }
#board-studio .btel-task { font-size:11px; padding:2px 8px; border:1px solid var(--bs-line, var(--linea)); border-radius:999px;
  background:var(--bs-panel, transparent); color:var(--bs-ink, inherit); cursor:pointer; }