/* ➕ Add to deck — the floating button over a selection, and its dialog */
#vcAddDeckChip{ position:fixed; z-index:10040; display:none; gap:2px; padding:3px; border-radius:999px;
  background:var(--ink, #062822); box-shadow:0 6px 20px rgba(0,0,0,.25); }
#vcAddDeckChip.show{ display:flex; }
#vcAddDeckChip button{ border:none; background:transparent; color:var(--paper, #fff9e7); font:700 13px/1 var(--font, system-ui);
  padding:8px 12px; border-radius:999px; cursor:pointer; white-space:nowrap; min-height:34px; }
#vcAddDeckChip button:hover, #vcAddDeckChip button:focus-visible{ background:rgba(255,255,255,.14); }
#vcAddDeckChip button[data-a="copy"]{ padding:8px 10px; opacity:.8; }
#vcAddDeckOv{ z-index:10030 !important; }
.vc-adddeck{ max-width:420px; width:calc(100% - 32px); }
.vc-adddeck .vc-ad-l{ display:block; font-size:12px; font-weight:800; color:var(--muted); margin:10px 0 4px; }
.vc-adddeck .teacher-search{ width:100%; box-sizing:border-box; margin:0; }
.vc-adddeck .vc-ad-row{ display:flex; gap:6px; align-items:center; }
.vc-adddeck .vc-ad-row .speak-btn{ flex:0 0 auto; }
.vc-adddeck .vc-ad-note{ font-size:12.5px; color:var(--muted); margin-top:6px; min-height:16px; }
.vc-adddeck .vc-ad-note.found{ color:var(--ok, #1d9178); font-weight:700; }
.vc-adddeck #vcAdNew{ margin-top:6px; }
.vc-adddeck .vc-ad-send{ display:flex; align-items:center; gap:8px; margin-top:12px; font-size:14px; cursor:pointer; }
.vc-adddeck .vc-ad-send input{ width:18px; height:18px; }
.vc-adddeck .vc-ad-msg{ color:var(--bad, #e7000b); font-size:13px; min-height:16px; margin-top:8px; }
.vc-adddeck .vc-ad-btns{ display:flex; gap:8px; justify-content:flex-end; margin-top:6px; }
.vc-adddeck .vc-ad-btns button{ flex:1; }
/* ✍️ custom conversations: the Situations sections and the builder */
.sit-cc-sec{ margin:6px 0 14px; }
.sit-cc-h{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:10px 0 8px; }
.sit-cc-h b{ font-size:15px; }
.sit-cc-new{ padding:8px 14px; min-height:0; font-size:14px; }
.sit-cc{ position:relative; cursor:pointer; }
.sit-cc-acts{ position:absolute; top:6px; right:6px; display:flex; gap:2px; }
.sit-cc-acts button{ border:none; background:rgba(0,0,0,.06); border-radius:8px; width:28px; height:28px; cursor:pointer; font-size:13px; }
.sit-cc-review{ display:flex; gap:6px; margin-top:8px; }
.sit-cc-review button{ padding:6px 10px; min-height:0; font-size:13px; }
.sit-cc-by{ display:block; opacity:.7; margin-top:4px; }
#vcSceneOv{ z-index:10020 !important; }
.vc-scene-make{ max-width:620px; width:calc(100% - 24px); max-height:calc(100vh - 32px); overflow-y:auto; }
.vc-scene-make label{ display:block; font-size:12px; font-weight:800; color:var(--muted); }
.vc-scene-make .teacher-search{ width:100%; box-sizing:border-box; margin:4px 0 0; }
.vc-sc-emoji{ display:flex; flex-wrap:wrap; gap:4px; justify-content:center; margin:4px 0 10px; }
.vc-sc-emoji button{ border:2px solid transparent; background:var(--paper-dark, #f8ebc4); border-radius:10px; width:38px; height:38px; font-size:19px; cursor:pointer; }
.vc-sc-emoji button.on{ border-color:var(--cover, #1d9178); background:var(--primary-tint, #bef1e6); }
.vc-sc-2{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
@media (max-width:520px){ .vc-sc-2{ grid-template-columns:1fr; } }
.vc-sc-lvl{ margin-bottom:6px; }
.vc-sc-lvl select{ width:auto !important; margin-left:6px !important; }
.vc-sc-lh{ margin:10px 0 6px; } .vc-sc-lh small{ display:block; color:var(--muted); font-size:12px; margin-top:2px; }
.vc-sc-line{ display:flex; gap:6px; align-items:flex-start; padding:8px; border-radius:12px; background:var(--card-bg, #f5f0e2); margin-bottom:6px; }
.vc-sc-who{ flex:0 0 36px; height:36px; border-radius:50%; border:none; font:800 14px var(--font); cursor:pointer; color:#fff; background:var(--cover, #1d9178); }
.vc-sc-who.b{ background:var(--stamp, #f27e6d); }
.vc-sc-f{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.vc-sc-f .teacher-search{ margin:0; }
.vc-sc-alt{ font-size:13px !important; opacity:.85; }
.vc-sc-rm{ flex:0 0 28px; height:28px; border:none; background:transparent; cursor:pointer; opacity:.6; font-size:14px; }
.vc-sc-row{ display:flex; gap:8px; flex-wrap:wrap; margin:6px 0 12px; }
.vc-sc-row .skip-btn{ flex:1; }
.vc-sc-vis{ display:flex; flex-direction:column; gap:8px; margin:6px 0; }
.vc-sc-vis label{ display:flex; gap:10px; align-items:flex-start; font-size:14px; color:var(--ink); padding:10px 12px; border:1.5px solid var(--line, #e3dac1); border-radius:12px; cursor:pointer; font-weight:600; }
.vc-sc-vis label:has(input:checked){ border-color:var(--cover, #1d9178); background:var(--primary-tint, #bef1e6); }
.vc-sc-vis small{ display:block; color:var(--muted); font-size:12px; font-weight:600; margin-top:2px; }
.vc-sc-vis input{ flex:0 0 auto; width:18px; height:18px; margin-top:2px; }