.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{background:#fff;border-width:1px;min-width:88px;font-weight:600;box-shadow:0 1px 4px #00000038}.chatroom-page .attachment-actions .btn-outline-primary{color:#1d4ed8;border-color:#fff}.chatroom-page .attachment-actions .btn-outline-primary:hover,.chatroom-page .attachment-actions .btn-outline-primary:focus{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.chatroom-page .attachment-actions .btn-outline-success{color:#15803d;border-color:#fff}.chatroom-page .attachment-actions .btn-outline-success:hover,.chatroom-page .attachment-actions .btn-outline-success:focus{color:#fff;background:#15803d;border-color:#15803d}.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}}[data-bs-theme=dark] .chatroom-page .chat-toolbar,[data-bs-theme=dark] .chatroom-page .chat-input-footer,[data-bs-theme=dark] .chatroom-page .chat-side-col,[data-bs-theme=dark] .chatroom-page .chat-side-body,[data-bs-theme=dark] .chatroom-page .chat-file-card,[data-bs-theme=dark] .chatroom-page .file-preview-panel,[data-bs-theme=dark] .chatroom-page .typing-indicator,[data-bs-theme=dark] .chatroom-page .message-edit-box .form-control{background:var(--sg-surface)!important}.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:var(--sg-surface,#fff);border-top:1px solid var(--sg-border,#00000014);padding:.85rem 1rem}.dm-composer{align-items:stretch;gap:8px;display:flex}.dm-composer-input.form-control{background:var(--sg-surface-2,#fff);min-width:0;color:var(--sg-text,#1e293b);border-color:var(--sg-border,#00000026);border-radius:10px;flex:auto}.dm-composer-input.form-control::placeholder{color:var(--sg-text-subtle,#94a3b8)}.dm-attach-btn.btn{white-space:nowrap;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.dm-attach-icon{font-size:1rem;line-height:1}.dm-send-btn.btn{border-radius:10px;flex:none;min-width:84px;font-weight:600}.dm-composer-hint{color:var(--sg-text-subtle,#94a3b8);margin-top:6px;font-size:.78rem}.dm-file-chip{border:1px solid var(--sg-border,#0000001f);background:var(--sg-surface-2,#00000005);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:.5rem .75rem;display:flex}.dm-file-chip-info{flex-direction:column;min-width:0;display:flex}.dm-file-chip-name{overflow-wrap:anywhere;font-weight:600}@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-chip{flex-wrap:wrap;gap:10px}}[data-bs-theme=dark] .dm-input-footer .form-control::placeholder{color:var(--sg-text-muted)!important}[data-bs-theme=dark] .dm-file-chip{background:var(--sg-surface-2)!important}