.brc{background:var(--white);border:1px solid var(--stone);border-radius:var(--radius-lg);grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 200px);min-height:540px;display:grid;overflow:hidden}.brc-list{border-right:1px solid var(--stone);background:var(--cream);flex-direction:column;display:flex;overflow-y:auto}.brc-list-head{border-bottom:1px solid var(--stone);background:var(--white);padding:14px 16px}.brc-search{background:var(--cream);border:1px solid var(--stone);width:100%;font-size:12px;font-family:var(--font-main);border-radius:6px;padding:8px 12px}.brc-search:focus{border-color:var(--mint-dark);background:var(--white);outline:none}.brc-item{border:none;border-bottom:1px solid var(--stone);text-align:left;cursor:pointer;font-family:var(--font-main);background:0 0;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:background .12s;display:grid}.brc-item:hover{background:var(--white)}.brc-item.is-active{background:var(--white);border-left:3px solid var(--mint-dark);padding-left:11px}.brc-item-info{min-width:0}.brc-item-naam{color:var(--midnight);font-size:13px;font-weight:500}.brc-item-prev{color:var(--slate);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.brc-jij{color:var(--muted)}.brc-item-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.brc-item-tijd{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:9px}.brc-item-dot{background:var(--mint-dark);border-radius:50%;width:8px;height:8px}.brc-pane{background:radial-gradient(circle at 25% 20%, #6ee7c70a, transparent 50%), radial-gradient(circle at 75% 80%, #6ee7c70a, transparent 50%), var(--cream);flex-direction:column;display:flex}.brc-pane-head{background:var(--white);border-bottom:1px solid var(--stone);align-items:center;gap:12px;padding:14px 18px;display:flex}.brc-pane-naam{color:var(--midnight);font-size:14px;font-weight:500}.brc-pane-status{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;align-items:center;gap:6px;font-size:10px;display:inline-flex}.brc-online{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite brcPulse;box-shadow:0 0 #22c55e80}@keyframes brcPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.brc-stream{flex-direction:column;flex:1;gap:4px;padding:18px 20px;display:flex;overflow-y:auto}.brc-bubble{border-radius:16px;flex-direction:column;gap:2px;max-width:70%;padding:9px 12px 6px;font-size:13px;line-height:1.4;display:flex;position:relative}.brc-bubble.has-head{margin-top:8px}.brc-bubble--instr{background:var(--mint);color:var(--midnight);border-bottom-right-radius:4px;align-self:flex-end}.brc-bubble--leerling{background:var(--white);color:var(--midnight);border:1px solid var(--stone);border-bottom-left-radius:4px;align-self:flex-start}.brc-text{word-wrap:break-word}.brc-time{font-family:var(--font-mono);color:var(--slate);letter-spacing:.02em;opacity:.7;align-self:flex-end;align-items:center;gap:4px;font-size:9px;display:inline-flex}.brc-bubble--leerling .brc-time{color:var(--muted)}.brc-read{color:#4a90e2;font-weight:600}.brc-sent{color:var(--muted)}.brc-samples{background:var(--white);border-top:1px solid var(--stone);flex-wrap:wrap;gap:6px;padding:10px 18px 0;display:flex}.brc-sample{font-family:var(--font-main);color:var(--slate);background:var(--cream);border:1px solid var(--stone);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:11px;transition:border-color .15s,color .15s}.brc-sample:hover{border-color:var(--mint-dark);color:var(--midnight)}.brc-input{background:var(--white);gap:8px;padding:12px 18px 14px;display:flex}.brc-input input{background:var(--cream);border:1px solid var(--stone);font-family:var(--font-main);color:var(--midnight);border-radius:8px;flex:1;padding:10px 14px;font-size:13px}.brc-input input:focus{border-color:var(--mint-dark);background:var(--white);outline:none}@media (max-width:720px){.brc{grid-template-columns:1fr;height:auto;min-height:0}.brc-list{display:none}}