/* ChatBase — 🔒 Quarantine (quarantine.js) */
#qOverlay { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; background: rgba(8,6,16,.97); backdrop-filter: blur(8px); padding: 18px; }
.q-box { width: min(440px, 100%); background: var(--neo-surface, #15151f); border: 1px solid rgba(255,140,67,.4); border-radius: 18px; padding: 20px; color: var(--neo-text, #fff); box-shadow: 0 20px 60px rgba(0,0,0,.6); }
.q-head { font-size: 18px; font-weight: 800; margin-bottom: 6px; }
.q-note { font-size: 13px; color: var(--neo-dim, rgba(235,235,245,.7)); margin: 0 0 12px; }
.q-msgs { height: 260px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; padding: 8px; background: rgba(0,0,0,.25); border-radius: 12px; margin-bottom: 10px; }
.q-admin { height: 200px; }
.q-msg { max-width: 80%; padding: 7px 11px; border-radius: 12px; font-size: 13px; }
.q-msg b { display: block; font-size: 10.5px; opacity: .7; margin-bottom: 1px; }
.q-me { align-self: flex-end; background: linear-gradient(135deg, #8ab4ff, #6a9cff); color: #10132a; }
.q-staff { align-self: flex-start; background: rgba(255,255,255,.1); }
.q-input { display: flex; gap: 8px; }
.q-input input { flex: 1; padding: 9px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.3); color: #fff; font: inherit; }
.q-input button { font: inherit; font-weight: 700; cursor: pointer; padding: 9px 16px; border-radius: 10px; border: none; background: #ff8c43; color: #2a1405; }