/* Reset */
.rcb-container *, .rcb-container *::before, .rcb-container *::after { box-sizing: border-box; }
.rcb-container { font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#111; }

/* Layout */
.rcb-container {
  display:flex; flex-direction:column;
  width:90%; max-width:1280px; height:900px;
  margin:0 auto; background:#fff; border-radius:8px; overflow:hidden;
}

/* Tabs */
.rcb-tab-header { display:flex; height:48px; border-bottom:1px solid #e6e6e6; background:#111; }
.rcb-tab-button { flex:1; border:0; background:transparent; color:#bbb; cursor:pointer; }
.rcb-tab-button[aria-selected="true"] { color:#fff; font-weight:700; }
.rcb-tabs { flex:1; display:grid; grid-template-rows:1fr; }
.rcb-tab-panel { display:none; }
.rcb-tab-panel.active { display:block; }

/* Chat */
.rcb-chat-panel { height:100%; display:flex; flex-direction:column; padding:12px; }
.rcb-chat-surface { flex:1; display:flex; flex-direction:column; background:#fafafa; border:1px solid #e6e6e6; border-radius:12px; overflow:hidden; }
#rcb-chat-messages { flex:1; overflow-y:auto; padding:12px; }
.rcb-message { margin:0 0 10px; }
.rcb-bubble { padding:8px 12px; border-radius:16px; }
.rcb-message.me .rcb-bubble { background:#dcf8c6; }
.rcb-message.other .rcb-bubble { background:#f0f0f0; }
.rcb-meta { font-size:11px; color:#777; margin-top:4px; }
.rcb-chat-footer { border-top:1px solid #e6e6e6; background:#fff; padding:8px; }
.rcb-chat-input { display:flex; gap:8px; }
#rcb-chat-message { flex:1; padding:10px; border:1px solid #ccc; border-radius:8px; }
#rcb-send-btn { padding:10px 14px; border:0; border-radius:8px; background:#000; color:#fff; cursor:pointer; }
.rcb-viewers { text-align:center; font-weight:600; }

/* Bible */
.rcb-bible-panel { padding:12px; height:100%; }
.rcb-bible-surface { flex:1; border:1px solid #e6e6e6; border-radius:12px; overflow:hidden; background:#fff; }
.rcb-bible-surface iframe { width:100%; height:100%; border:0; }

/* Modal */
.rcb-modal { position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:9999; }
.rcb-modal.show { display:flex; }
.rcb-modal-content { width:min(420px,92vw); background:#fff; border-radius:14px; padding:20px; }
.rcb-modal-content input { width:100%; margin:8px 0; padding:12px; border:1px solid #ccc; border-radius:8px; }
.rcb-modal-content button { width:100%; padding:12px; background:#000; color:#fff; border:0; border-radius:10px; }

/* Responsive */
@media (max-width:560px) {
  .rcb-message { max-width:86%; }
  .rcb-tab-button { font-size:15px; }
}