.chatroom-page{height:calc(100dvh - 72px);overflow:hidden}.chatroom-page>.row{height:100%}.chatroom-page .chat-shell-row,.chatroom-page .chat-shell-col{height:100%;min-height:0}.chatroom-page .chat-shell-col{display:flex}.chatroom-page .chat-shell-col>.chat-container{width:100%}.chatroom-page .chat-toolbar{background:linear-gradient(135deg,#f7fbff,#edf4ff);border-bottom:1px solid #dce7f8!important}.chatroom-page .chat-container{flex-direction:column;height:100%;min-height:0;display:flex}.chatroom-page .chat-body-row{flex:1;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;min-height:0;display:grid;overflow:hidden}.chatroom-page .chat-main-col{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.chatroom-page .chat-container .chat-messages{flex:1;min-height:0;overflow-y:auto}.chatroom-page .message{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;max-width:min(100%,780px)}.chatroom-page .message .message-content{overflow-wrap:anywhere}.chatroom-page .chat-input-footer{z-index:2;background:#fff;flex-shrink:0;position:sticky;bottom:0}.chatroom-page .chat-input-footer .input-group,.chatroom-page .chat-input-footer .form-control{min-width:0}.chatroom-page .chat-side-col{background:#fdfefe;border-left:1px solid #dce7f8;flex-direction:column;min-width:0;min-height:0;display:flex!important}.chatroom-page .chat-side-body{background:linear-gradient(#fff 0%,#f8fbff 100%);height:100%;overflow-y:auto}.chatroom-page .connection-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.chatroom-page .connection-dot.online{background:#16a34a;box-shadow:0 0 0 2px #16a34a33}.chatroom-page .connection-dot.offline{background:#ef4444;box-shadow:0 0 0 2px #ef444426}.chatroom-page .chat-image-preview{cursor:pointer;border:1px solid #dbeafe;border-radius:10px;max-width:260px;max-height:260px}.chatroom-page .chat-file-card{background:#f8fbff;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.chatroom-page .chat-file-card .fw-semibold{overflow-wrap:anywhere;word-break:break-word}.chatroom-page .chat-file-card>.d-flex{flex-wrap:wrap}.chatroom-page .chat-file-card>.d-flex>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.chatroom-page .chat-file-card .btn{min-width:84px}.chatroom-page .attachment-actions{flex-wrap:wrap;gap:8px;display:flex}.chatroom-page .attachment-actions .btn{min-width:88px}.chatroom-page .file-preview-panel{background:#eff6ff;border:1px dashed #93c5fd;border-radius:12px;padding:12px}.chatroom-page .selected-file-image{border:1px solid #bfdbfe;border-radius:8px;max-width:220px;max-height:220px}.chatroom-page .file-preview-panel .fw-semibold{overflow-wrap:anywhere}.chatroom-page .chat-input-footer .btn{min-height:40px}.chatroom-page .typing-indicator{background:#eef6ff;border:1px dashed #bfd4f2;border-radius:8px;width:fit-content;padding:8px 10px}.chatroom-page .presence-list{max-height:48vh;padding-right:3px;overflow-y:auto}.chatroom-page .message-edit-box .form-control{background:#f8fbff}.chatroom-page .presence-item .fw-semibold{overflow-wrap:anywhere}@media (max-width:1200px){.chatroom-page .chat-body-row{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width:992px){.chatroom-page .chat-body-row{grid-template-columns:minmax(0,1fr);overflow-y:auto}.chatroom-page .chat-side-col{border-top:1px solid #e2e8f0;border-left:0;min-height:240px}}@media (max-width:768px){.chatroom-page{height:calc(100dvh - 64px)}.chatroom-page .chat-body-row{grid-template-columns:minmax(0,1fr)}.chatroom-page .chat-container{height:100%}.chatroom-page .chat-side-col{border-top:1px solid #e2e8f0;border-left:0;width:100%;min-width:0;max-width:none}.chatroom-page .presence-list{max-height:none}.chatroom-page .chat-image-preview,.chatroom-page .selected-file-image{max-width:100%;height:auto}.chatroom-page .chat-file-card>.d-flex{flex-direction:column;gap:8px;align-items:flex-start!important}.chatroom-page .chat-file-card>.d-flex>div:last-child{width:100%}.chatroom-page .chat-file-card .btn,.chatroom-page .attachment-actions .btn{flex:120px}}.direct-messages-page{background:radial-gradient(circle at 10% 20%,#6366f114,#0000 25%),radial-gradient(circle at 80% 0,#0ea5e914,#0000 30%),#0b1221;min-height:calc(100vh - 80px)}.direct-messages-page .card{border:1px solid #94a3b82e;border-radius:14px}.direct-messages-page .card-header{color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#172554);border-bottom:1px solid #94a3b838}.direct-contact-list .status-dot{border-radius:50%;width:10px;height:10px}.dm-contact-filters{gap:.5rem;display:grid}.dm-contact-filters .form-select{border-color:#94a3b873}.status-dot.online{background:#22c55e}.status-dot.offline{background:#94a3b8}.dm-chat-card{min-height:70vh;overflow:hidden}.dm-messages{background:linear-gradient(#0f172a 0%,#111827 100%);height:380px;padding:0 1.5rem 1rem;overflow-y:auto}.dm-message{color:#e5e7eb;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;background:#111827;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:.75rem;padding:.75rem;box-shadow:0 6px 14px #00000038}.dm-message.own{background:#1e3a8a;border-color:#3b82f64d}.dm-attachment{border:1px dashed #94a3b880;border-radius:8px;padding:.5rem}.dm-attachment .fw-semibold{overflow-wrap:anywhere}.dm-attachment .btn{min-width:86px}.dm-input-footer{background:#0b1221;border-top:1px solid #ffffff0d}.dm-input-footer .form-control{color:#e2e8f0;background:#0f172a;border-color:#94a3b847}.dm-input-footer .form-control::placeholder{color:#94a3b8}.dm-file-preview{background:#ffffff05;border:1px dashed #94a3b880;border-radius:8px;padding:.5rem .75rem}.dm-file-preview .fw-semibold{overflow-wrap:anywhere}@media (max-width:992px){.dm-chat-card{min-height:64vh}.dm-messages{height:330px;padding:0 1rem .85rem}}@media (max-width:768px){.direct-messages-page{min-height:calc(100vh - 64px)}.dm-messages{height:300px;padding:0 .85rem .75rem}.dm-attachment .btn{margin-top:6px}.dm-file-preview{flex-wrap:wrap;gap:10px}}