/* Scoped additions using GamersLiga's existing colors, forms and buttons. */
.chat-heading{margin-bottom:20px}.chat-heading h1{margin-bottom:8px}
.chat-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:20px;align-items:start}
.chat-layout .form-card{margin:0;width:100%;min-width:0;padding:20px}.chat-sidebar h2{font-size:1.05rem;margin:18px 0 12px}.chat-sidebar h2:first-child{margin-top:0}
.chat-room-list{display:flex;flex-direction:column;gap:8px}.chat-room-list .btn{justify-content:flex-start;text-align:start;white-space:normal;overflow-wrap:anywhere}.chat-room-list .btn[aria-current=true]{border-color:#b599ff;background:rgba(135,90,255,.18)}
.chat-search{display:grid;gap:8px;margin-bottom:12px}.chat-pref{display:flex;gap:8px;margin-top:18px;align-items:center}.chat-pref input{width:auto}
.chat-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.chat-panel-head h2{overflow-wrap:anywhere;margin:0}.chat-panel-head .help{margin-top:8px}
.chat-messages{height:min(52vh,520px);min-height:220px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:12px 4px;scrollbar-gutter:stable}
.chat-message{border:1px solid rgba(155,170,210,.18);border-radius:14px;padding:12px;background:rgba(25,37,62,.6);max-width:92%;align-self:flex-start;min-width:0;overflow-wrap:anywhere}
.chat-message.own{align-self:flex-end;background:rgba(113,66,190,.22);border-color:rgba(162,117,255,.3)}.chat-message p{white-space:pre-wrap;margin:8px 0}.chat-message-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chat-message time{font-size:.75rem;color:#9babc7}.chat-message button{font-size:.75rem;min-height:30px;padding:4px 8px}.chat-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
#chatCompose textarea{width:100%;resize:vertical;max-height:160px}#chatError{min-height:1.4em;margin:8px 0}.chat-report{color:inherit;background:#101b30;border:1px solid #67538f;border-radius:18px;padding:24px;width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow:auto}.chat-report::backdrop{background:rgba(3,7,18,.75)}.chat-report select{width:100%;margin-top:10px}.chat-admin-grid{display:flex;flex-wrap:wrap;gap:12px}.chat-admin-grid form{min-width:0;flex:1 1 220px}.chat-admin-message{white-space:pre-wrap;overflow-wrap:anywhere}.chat-layout [hidden],.chat-panel [hidden]{display:none!important}
@media(max-width:760px){.chat-layout{grid-template-columns:1fr;gap:12px}.chat-layout .form-card{padding:16px}.chat-sidebar .chat-room-list{flex-direction:row;flex-wrap:wrap;max-height:180px;overflow:auto}.chat-sidebar .chat-room-list .btn{flex:1 1 130px}.chat-messages{height:45dvh;min-height:220px}.chat-panel-head{flex-wrap:wrap}.chat-message{max-width:96%}}
