/* 라이브 Q&A 관리(live.html) — 홈·데이터룸 팔레트 위에 QR 상자·세션 패널·질문 조정 목록 */
.live-top { display:grid; grid-template-columns:minmax(0, 1fr) minmax(280px, 380px); gap:16px; align-items:start; }
.qrbox { display:flex; gap:16px; align-items:flex-start; flex-wrap:wrap; }
.qrbox .qr { width:150px; height:150px; flex:none; border:1px solid var(--line); border-radius:14px; padding:8px; background:#fff; } .qrbox .qr svg { width:100%; height:100%; }
.qrmeta { display:grid; gap:8px; min-width:0; flex:1 1 220px; } .qrmeta .url { font-weight:800; font-size:16px; word-break:break-all; } .qrmeta .hint { margin:0; }
.card2 { border:1px solid var(--line); border-radius:16px; padding:14px 16px; display:grid; gap:10px; background:#fbfcfe; }
.sess-h { display:flex; align-items:baseline; gap:10px; } .sess-h .lab { font-size:12px; font-weight:800; color:var(--sub); } .sess-h b { font-size:18px; }
.spk-row { display:flex; gap:8px; } .spk-row input { flex:1; min-width:0; font:inherit; font-size:15px; border:1px solid var(--line); border-radius:12px; padding:9px 12px; background:#fff; color:var(--ink); }
.card2 .btn-primary { width:100%; }
.qadm { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.qadm li { border:1px solid var(--line); border-radius:14px; padding:12px 14px; display:grid; grid-template-columns:52px minmax(0, 1fr) auto; gap:6px 12px; align-items:center; background:var(--surface); }
.qadm li.pinned { border-color:#f0d9a8; background:#fffdf7; } .qadm li.hidden { opacity:.55; border-style:dashed; }
.qadm .lk { grid-column:1; grid-row:1 / span 2; display:grid; place-items:center; font-weight:800; font-size:15px; color:var(--blue); background:var(--blue-bg); border-radius:12px; min-height:48px; font-variant-numeric:tabular-nums; } .qadm .lk small { font-size:10px; color:var(--sub); }
.qadm .t { grid-column:2; grid-row:1; font-size:15px; white-space:pre-wrap; overflow-wrap:anywhere; }
.qadm .m { grid-column:2; grid-row:2; font-size:12px; color:var(--sub); display:flex; flex-wrap:wrap; gap:4px 10px; } .qadm .m .pin { color:#9a6400; font-weight:800; }
.qadm .ops { grid-column:3; grid-row:1 / span 2; display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; max-width:260px; }
.qadm .ops button { font:inherit; font-weight:800; font-size:12px; padding:6px 10px; min-height:32px; border-radius:9px; background:#f3f5f9; color:var(--ink); border:0; cursor:pointer; }
.qadm .ops button.pin { background:#fff3d6; color:#9a6400; } .qadm .ops button.del { background:#fdecec; color:var(--bad); }
.qadm.ro li { grid-template-columns:52px minmax(0, 1fr); } .qadm.ro .ops { display:none; }
.live .dlg textarea { font:inherit; font-size:15px; font-weight:500; color:var(--ink); border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:#fbfcfe; resize:vertical; width:100%; }
.live .members li .av { background:#e8efff; color:var(--blue); }
@media (max-width: 820px) { .live-top { grid-template-columns:1fr; } .qadm li { grid-template-columns:44px minmax(0, 1fr); } .qadm .ops { grid-row:3; grid-column:1 / -1; justify-content:flex-start; max-width:none; } }
/* ---- DID 세로 배너 탭 (live-banner.js) ---- */
.live .rtabs { max-width:560px; }
.bn-form { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:10px 12px; align-items:end; margin-top:4px; }
.bn-form select, .bn-wh input { font:inherit; font-size:15px; font-weight:500; color:var(--ink); border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:#fbfcfe; min-width:0; width:100%; }
.bn-wh { display:flex; align-items:center; gap:6px; color:var(--sub); } .bn-wh input { flex:1 1 0; }
.bn-chk { align-self:center; padding-bottom:10px; }
.bn-ref { border:1px dashed var(--line); border-radius:14px; padding:12px 14px; margin-top:14px; display:grid; gap:8px; } .bn-ref-h { display:grid; gap:2px; } .bn-ref-h .hint { margin:0; } .bn-ref .btns { align-items:center; }
.bn-sw { display:inline-flex; gap:4px; align-items:center; font-size:12px; color:var(--sub); } .bn-sw i { width:18px; height:18px; border-radius:50%; border:1px solid rgba(0,0,0,.12); display:inline-block; } .bn-sw i.ac { border-radius:4px; margin-left:4px; } .bn-sw span { margin-left:6px; max-width:360px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bn-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:14px; margin-top:16px; }
.bn-card { margin:0; display:grid; gap:8px; align-content:start; } .bn-th { border-radius:14px; overflow:hidden; box-shadow:0 12px 28px -14px rgba(20,33,61,.5); cursor:zoom-in; background:#eef0f4; line-height:0; } .bn-th canvas { width:100%; height:auto; display:block; }
.bn-card figcaption { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:2px 8px; align-items:center; font-size:13px; } .bn-card figcaption b { font-size:14px; } .bn-card figcaption span { grid-column:1; color:var(--sub); font-size:12px; } .bn-card figcaption button { grid-column:2; grid-row:1 / span 2; }
.bn-font { grid-column:1 / -1; } .bn-font .hint { margin:2px 0 0; font-size:12px; } .bn-font .hint.bad { color:var(--bad); }
.bn-ai { margin-top:16px; border:1px dashed var(--line); border-radius:14px; padding:12px 14px; } .bn-ai summary { cursor:pointer; display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; } .bn-ai summary .hint { margin:0; } .bn-ai > .hint { margin:10px 0 8px; }
.bn-ai textarea { width:100%; font:inherit; font-size:13px; line-height:1.5; color:var(--ink); border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:#fbfcfe; resize:vertical; min-height:200px; } .bn-ai .btns { margin-top:8px; }
.bn-view { width:min(560px, 94vw); } .bn-view img { display:block; max-height:70vh; max-width:100%; margin:0 auto; border-radius:12px; box-shadow:0 12px 28px -14px rgba(20,33,61,.5); }