/* Chat Room v1.0 - Klik Terakhir */
.chat-nav-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#ff5570;color:#fff;font-size:.68rem;font-weight:900}.chat-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:20px;align-items:stretch}.chat-sidebar-panel,.chat-main-panel{min-height:650px}.chat-sidebar-panel{display:flex;flex-direction:column}.chat-target-tabs{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:8px;border-bottom:1px solid var(--line)}.chat-target-tabs button{border:1px solid var(--line);background:#f7f8fb;color:var(--muted);border-radius:11px;padding:11px 9px;font-size:.78rem;font-weight:850}.chat-target-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(109,74,255,.22)}.chat-user-search{margin:14px;position:relative}.chat-user-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8793a6}.chat-user-search input{width:100%;height:44px;padding:0 14px 0 39px;border:1px solid #dce2ea;border-radius:11px;outline:0}.chat-user-search input:focus{border-color:#8f7aff;box-shadow:0 0 0 .22rem rgba(109,74,255,.1)}.chat-user-list{padding:0 10px 12px;overflow:auto;flex:1}.chat-user-item{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;text-align:left;padding:11px;border-radius:13px;color:var(--ink)}.chat-user-item:hover{background:#f5f3ff}.chat-user-item.active{background:#eeeaff;color:#4e31ce}.chat-user-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf0f6;color:#536178;font-weight:900;flex:0 0 auto}.chat-user-item.active .chat-user-avatar{background:#dcd4ff;color:#5134cf}.chat-user-body{min-width:0;flex:1}.chat-user-body strong,.chat-user-body small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user-body strong{font-size:.88rem}.chat-user-body small{font-size:.72rem;color:var(--muted);margin-top:3px}.chat-user-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.chat-user-meta time{font-size:.65rem;color:var(--muted)}.chat-unread{min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:.66rem;font-weight:900}.chat-main-panel{display:flex;flex-direction:column;min-width:0}.chat-main-head{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid var(--line)}.chat-main-head>div:nth-child(2){min-width:0;flex:1}.chat-main-head small{display:block;font-size:.66rem;letter-spacing:.12em;font-weight:850;color:var(--brand)}.chat-main-head h2{font-size:1.08rem;margin:3px 0}.chat-main-head p{font-size:.76rem;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eeeaff;color:var(--brand);font-size:1.2rem;flex:0 0 auto}.chat-messages{height:500px;overflow-y:auto;padding:20px;background:linear-gradient(180deg,#fafbfe,#f5f7fb);scroll-behavior:smooth}.chat-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 14px}.chat-message.mine{align-items:flex-end}.chat-message-bubble{max-width:min(76%,680px);background:#fff;border:1px solid var(--line);border-radius:6px 17px 17px 17px;padding:10px 13px;box-shadow:0 5px 15px rgba(24,39,75,.055)}.chat-message.mine .chat-message-bubble{background:linear-gradient(135deg,#795cff,#5d3de5);border-color:transparent;color:#fff;border-radius:17px 6px 17px 17px}.chat-message.broadcast .chat-message-bubble{background:#fff7df;border-color:#f2d899;color:#704d00}.chat-message-head{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:.68rem;font-weight:850}.chat-message-head .broadcast-label{padding:3px 7px;border-radius:999px;background:#f1c85c;color:#604000;font-size:.59rem;letter-spacing:.04em}.chat-message-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:.9rem}.chat-message-time{margin-top:6px;font-size:.63rem;opacity:.68}.chat-composer{display:flex;gap:10px;align-items:flex-end;padding:15px;border-top:1px solid var(--line);background:#fff}.chat-composer textarea{resize:none;max-height:140px}.chat-composer .btn{min-height:46px;padding-left:20px;padding-right:20px}.chat-feedback{min-height:24px;padding:0 17px 8px;font-size:.75rem;color:var(--muted);background:#fff}.chat-feedback.error{color:var(--red)}.chat-feedback.success{color:var(--green)}.chat-empty-state,.chat-empty-small{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:20px}.chat-empty-state i{font-size:2rem;color:#a59bbc;margin-bottom:10px}.chat-empty-state strong,.chat-empty-state span{display:block}.chat-empty-state span{font-size:.8rem;margin-top:4px}.chat-empty-small{font-size:.8rem;min-height:100px}.chat-layout-member{grid-template-columns:minmax(230px,300px) minmax(0,1fr);max-width:1100px;margin:0 auto}.chat-member-info{min-height:650px;padding:28px;text-align:center}.chat-admin-icon{width:76px;height:76px;margin:10px auto 19px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(135deg,#eeeaff,#dcd4ff);color:var(--brand);font-size:2rem}.chat-member-info>span{font-size:.67rem;letter-spacing:.12em;font-weight:850;color:var(--brand)}.chat-member-info h3{margin:6px 0 10px}.chat-member-info p{font-size:.83rem;line-height:1.65;color:var(--muted)}.chat-info-note{display:flex;align-items:flex-start;gap:9px;text-align:left;padding:12px;margin-top:20px;border-radius:12px;background:#f7f8fb;color:var(--muted);font-size:.73rem}.chat-info-note i{color:var(--green);font-size:1rem}.chat-offline-overlay{opacity:.72}.chat-loading{pointer-events:none;opacity:.65}
@media(max-width:991.98px){.chat-layout,.chat-layout-member{grid-template-columns:1fr}.chat-sidebar-panel{min-height:360px}.chat-user-list{max-height:300px}.chat-main-panel{min-height:620px}.chat-member-info{display:none}.chat-messages{height:460px}}
@media(max-width:575.98px){.chat-layout{gap:14px}.chat-sidebar-panel{min-height:330px}.chat-target-tabs{padding:10px}.chat-target-tabs button{font-size:.7rem}.chat-main-head{padding:14px}.chat-main-head .account-status{display:none}.chat-messages{height:420px;padding:13px}.chat-message-bubble{max-width:88%}.chat-composer{padding:11px}.chat-composer .btn{width:48px;padding:0}.chat-composer .btn span{display:none}}