/* Orbes Chat Classic v1.2.0 */
.occ-wrap, .occ-inner { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#fff; color:#000; border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,.06); }
.occ-topbar { display:flex; align-items:center; gap:8px; padding:10px 12px; background:linear-gradient(90deg,#0ea5e9, #34d399); color:#000; }
.occ-rooms { display:flex; flex-wrap:wrap; gap:6px; }
.occ-room-chip { background:#fff; color:#000; border:1px solid #93c5fd; border-radius:999px; padding:4px 10px; cursor:pointer; transition:transform .05s; font-size:12px; }
.occ-room-chip.active { border-color:#10b981; box-shadow:0 0 0 2px rgba(16,185,129,.25) inset; }
.occ-users-counter { margin-left:auto; font-size:12px; }
.occ-sound-toggle, .occ-create-room-btn { background:#111; color:#fff; border:0; border-radius:999px; padding:6px 10px; cursor:pointer; }
.occ-messages { height:380px; overflow:auto; padding:10px 12px; background:#fff; }
.occ-msg { margin:8px 0; display:flex; gap:8px; }
.occ-msg .occ-nk { font-weight:700; }
.occ-msg .occ-time { opacity:.6; font-size:12px; }
.occ-input { display:flex; gap:8px; padding:10px 12px; border-top:1px solid #e5e7eb; background:#fff; }
.occ-input input[type="text"] { flex:1; padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px; }
.occ-input .occ-nickname { max-width:180px; }
.occ-input .occ-send { background:#10b981; color:#000; border:0; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:700; }
.occ-fab { position:fixed; right:16px; bottom:16px; background:linear-gradient(90deg,#0ea5e9,#34d399); color:#000; border:0; padding:12px 16px; border-radius:999px; box-shadow:0 8px 20px rgba(0,0,0,.2); cursor:pointer; z-index:9998; }
.occ-fab-panel { position:fixed; right:16px; bottom:72px; width:360px; max-width:95vw; height:520px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 12px 30px rgba(0,0,0,.18); z-index:9999; display:flex; flex-direction:column; }
.occ-fab-header { padding:10px 12px; font-weight:700; background:#f0fdf4; border-bottom:1px solid #e5e7eb; }
.occ-fab-body { flex:1; padding:8px; overflow:auto; }
.occ-create-form { display:none; gap:8px; padding:10px 12px; border-top:1px solid #e5e7eb; background:#f8fafc; }
.occ-create-form input, .occ-create-form select { padding:8px 10px; border:1px solid #e5e7eb; border-radius:8px; }
.occ-create-form .occ-create { background:#0ea5e9; color:#000; border:0; padding:8px 12px; border-radius:10px; cursor:pointer; font-weight:700; }
.occ-room-chip[data-privacy="registered"]::after { content:" 🔐"; color:#0ea5e9; }
@media (max-width:640px){ .occ-messages { height:300px; } .occ-input .occ-nickname { max-width:120px; } }