@charset "UTF-8";.profile-pic[data-v-5137b094]{transition:transform .3s ease,filter .3s ease}.profile-pic[data-v-5137b094]:hover{transform:scale(1.1);filter:brightness(.8)}.media-content[data-v-5137b094]{width:30vh;height:46vh}.image-media[data-v-5137b094]{display:flex;overflow:auto;width:calc(100% - 30px)}.audio-player[data-v-5137b094]{width:100%;margin-top:10px}.video-player[data-v-5137b094]{width:100%;height:auto;margin-top:10px}.video-media[data-v-5137b094]{width:350px;max-width:100%;margin:4px auto 5px;cursor:pointer}.video-media .video-player[data-v-5137b094]{width:100%;height:100%;border-radius:4px}.file-media[data-v-5137b094]{display:inline-block;margin:10px;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#f9f9f9}.min-vh-100[data-v-5137b094]{min-height:100vh}.flex-grow-1[data-v-5137b094]{flex-grow:1}.chat-messages[data-v-5137b094]{flex:1;padding:10px;overflow-y:auto;background-color:#e9ecef}.card-footer[data-v-5137b094]{background-color:#fff;border-top:1px solid #ddd;display:flex;padding:10px;gap:10px;width:100%}.message-input[data-v-5137b094]{flex:1;border-radius:20px;border:1px solid #ddd;padding:10px}.header-left[data-v-5137b094]{display:flex;align-items:center}.profile-pic[data-v-5137b094]{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile-placeholder[data-v-5137b094]{display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#fc2104;color:#fff;text-align:center;line-height:40px;font-weight:700;font-size:18px}.chat-box[data-v-5137b094]{display:flex;flex-direction:column;max-width:70%;min-width:40%;height:650px;border:1px solid #ccc;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;background-color:transparent!important}.chat-box-header[data-v-5137b094]{background-color:#fafafa;color:#0a0a0a;font-weight:700;font-size:16px;padding:15px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc}.chat-box-header h1[data-v-5137b094]{margin:0;font-weight:500}.chat-box-header img[data-v-5137b094]{width:30px;height:30px;margin-right:10px}.members-box-messages[data-v-5137b094]{width:100%;height:75vh;flex:1;overflow-y:auto;background-color:transparent!important}.chat-box-messages[data-v-5137b094]{width:100%;height:calc(2 / 3 * 100vh);flex:1;padding:10px;overflow-y:auto;background-color:transparent!important}.message-container[data-v-5137b094]{display:flex;flex-direction:column;gap:10px;min-height:80vh;height:auto;overflow-y:auto}.message[data-v-5137b094]{max-width:70%;word-wrap:break-word}.current-user[data-v-5137b094]{align-self:flex-end}.other-user[data-v-5137b094]{align-self:flex-start}.message-bubble[data-v-5137b094]{background-color:#f0f0f0;border-radius:10px;padding:10px;display:inline-block;width:auto;height:auto;min-width:50vh}.message-bubble[data-v-5137b094]:not(.active):hover{background-color:#dfdad9;color:#fffefe}.current-user .message-bubble[data-v-5137b094]{background-color:#cdd8c5;text-align:left;box-shadow:0 0 30px #7f89a140}.other-user .message-bubble[data-v-5137b094]{background-color:#fff;text-align:left;box-shadow:0 0 30px #7f89a140}.message-text[data-v-5137b094]{font-size:16px;color:#0f0f0f}.primary-font-message[data-v-5137b094]{font-size:12px;font-weight:500}.username[data-v-5137b094]{font-size:14px;font-weight:700}.vorname[data-v-5137b094]{font-size:14px;color:#555}.list-group-chat[data-v-5137b094]{margin:0;padding:0;overflow:hidden;box-shadow:0 2px 4px #0000001a}.list-group-item-chat[data-v-5137b094]{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #e5e5e5}.list-group-item-chat.active[data-v-5137b094]{background-color:#fafafa;color:#0a0a0a;font-weight:700;font-size:16px;padding:15px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc}.list-group-item-chat[data-v-5137b094]:not(.active):hover{background-color:#f82a06;color:#fcfbfb}.list-groupe-item-chat img[data-v-5137b094]{width:30px;height:30px;margin-right:10px}.active-user[data-v-5137b094]{background-color:#ff2600;color:#fff}.user[data-v-5137b094]{flex-grow:1}.primary-font[data-v-5137b094]{font-size:16px;font-weight:500}.vorname[data-v-5137b094]{color:#555}.online-indicator[data-v-5137b094]{width:15px;height:15px;border-radius:50%;display:inline-block;margin-right:8px}.online[data-v-5137b094]{background-color:#9feb48}.offline[data-v-5137b094]{background-color:#979494}.input-container{background-color:#fff;position:sticky;bottom:0;width:100%;z-index:10}.vac-textarea{max-height:300px;overflow-y:auto;height:auto;width:100%;line-height:20px;outline:0;resize:none;border-radius:20px;padding:12px 16px;box-sizing:content-box;font-size:16px;background:var(--chat-bg-color-input);color:var(--chat-color);caret-color:var(--chat-color-caret);border:var(--chat-border-style-input)}.input-group{display:flex;position:relative;background:var(--chat-footer-bg-color);padding:5px 4px}.chat-box-input button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.chat-box-input button:hover{background-color:#0056b3}.btn-container{display:flex;align-items:center;position:absolute;top:50%;right:0;transform:translateY(-50%)}.send-btn,.audio-btn,.photo-btn{background-color:transparent;border:none;color:#5b5f63;font-size:1.5rem;padding:0 8px;cursor:pointer}.send-btn:hover,.audio-btn:hover,.photo-btn:hover{color:#0056b3}.send-btn i,.audio-btn i,.photo-btn i{font-size:1.5rem}.stop-btn{background-color:#ff3b30;color:#fff;border:none;border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #0003;cursor:pointer;transition:box-shadow .2s,transform .2s}.stop-btn:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.05)}.stop-btn i{font-size:1.5rem}.photo-btn,.vac-svg-button{transition:all .3s ease}.photo-btn,.vac-svg-button:hover{transform:scale(1.2);cursor:pointer}.card-container{box-shadow:none!important;width:100%!important}.profile-pic{transition:transform .3s ease,filter .3s ease}.profile-pic:hover{transform:scale(1.1);filter:brightness(.8)}.msg_card{height:100%;display:flex}.input-container{background-color:#fff;position:sticky;bottom:0;width:100%;z-index:10;padding:15px;height:80px;display:flex;align-items:center;justify-content:space-between}.input-group{display:flex;align-items:center;width:100%;gap:15px;background-color:#fff}.header-left{display:flex;align-items:center}.profile-pic{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile-placeholder{display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#fc2104;color:#fff;text-align:center;line-height:40px;font-weight:700;font-size:18px}.chat-box{display:flex;flex-direction:column;max-width:70%;min-width:40%;height:650px;border:1px solid #ccc;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;background-color:transparent!important}.chat-box-header{background-color:#fafafa;color:#0a0a0a;font-weight:700;font-size:16px;padding:15px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc}.chat-box-header h1{margin:0;font-weight:500}.chat-box-header img{width:30px;height:30px;margin-right:10px}.members-box-messages{width:100%;height:80vh;flex:1;overflow-y:auto;background-color:transparent!important}.chat-box-messages{width:100%;height:100vh;flex:1;padding:10px;overflow-y:auto;background-color:transparent!important}.vac-card-date{max-width:300px;font-weight:500;color:var(--chat-message-color-date);background-color:var(--chat-message-bg-color-date)}.message-container{display:flex;flex-direction:column;gap:10px;min-height:60vh;max-height:65vh;overflow-y:auto;position:relative}.chatKamera{max-height:100vh}.vac-card-window{position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto;flex:1;display:flex;flex-flow:column}.message{max-width:70%;word-wrap:break-word}.current-user{align-self:flex-end}.other-user{align-self:flex-start}.message-bubble{background-color:#f0f0f0;border-radius:10px;padding:10px;display:inline-block;width:auto;height:auto;align-items:end;min-width:100px;box-sizing:content-box}.message-bubble:not(.active):hover{background-color:#dfdad9;color:#fffefe}.current-user .message-bubble{background-color:#cdd8c5;text-align:left;box-shadow:0 0 30px #7f89a140}.other-user .message-bubble{background-color:#fff;text-align:left;box-shadow:0 0 30px #7f89a140}.message-text{font-size:16px;color:#0f0f0f}.username{font-size:14px;font-weight:700}.vorname{font-size:14px;color:#555}.list-group-chat{margin:0;padding:0;overflow:hidden;box-shadow:0 2px 4px #0000001a}.list-group-item-chat{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #e5e5e5}.list-group-item-chat.active{background-color:#fafafa;color:#0a0a0a;font-weight:700;font-size:16px;padding:15px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc}.list-group-item-chat:not(.active):hover{background-color:#f82a06;color:#fcfbfb}.list-groupe-item-chat img{width:30px;height:30px;margin-right:10px}.active-user{background-color:#ff2600;color:#fff}.user{flex-grow:1}.primary-font{font-size:16px;font-weight:500}.primary-font-message{font-size:12px;font-weight:500}.vorname{color:#555}.online-indicator{width:15px;height:15px;border-radius:50%;display:inline-block;margin-right:8px}.online{background-color:#9feb48}.offline{background-color:#979494}.vac-textarea{max-height:300px;overflow-y:auto;height:20px;width:100%;line-height:20px;outline:0;resize:none;border-radius:20px;padding:12px 16px;box-sizing:content-box;font-size:16px;background:var(--chat-bg-color-input);color:var(--chat-color);caret-color:var(--chat-color-caret);border:var(--chat-border-style-input)}.vac-textarea:focus{border-color:var(--chat-color-focus)}.vac-textarea::placeholder{color:var(--chat-color-placeholder);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){.vac-textarea{font-size:14px}}.chat-input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:20px;resize:none;overflow-y:hidden;transition:all .3s ease;box-sizing:border-box}.chat-box-input{padding:10px;background-color:#fff;border-top:1px solid #eee;display:flex}.chat-box-input input{flex-grow:1;margin-right:8px;padding:8px 10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.chat-box-input button{padding:10px 15px;background-color:#fff;color:#131313;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.btn-container{display:flex;position:relative;background:var(--chat-footer-bg-color);padding:10px 8px;width:100%;border-bottom-right-radius:4px;z-index:10}.fab-container,.btn-group{position:relative}.btn-group-sm{position:absolute;right:0;top:-70px;display:none;flex-direction:column}.btn-group-sm.hidden{display:none}.btn-group-sm.visible{display:flex}.btn-fab{border-radius:50%;width:56px;height:56px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.attach-btn{background-color:#fff}.btn-danger{background-color:#dc3545}.btn-black{background-color:#080808;color:#fafafa}.btn-orange{background-color:#f17b0c;color:#0c0c0c}.btn-yellow{background-color:#f1ed0c;color:#0c0c0c}.btn-secondary{background-color:#bebdb9;color:#0c0c0c}.btn-light{background-color:#faf9f6;color:#0c0c0c}#main{bottom:0}#ordner{bottom:195px}#anhang{bottom:140px}#camera{bottom:195px}.capture-btn{width:70px;height:70px;border-radius:50%;border:3px solid white;background:#fff3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.capture-btn:hover{transform:scale(1.05);background:#ffffff4d}.capture-btn-inner{width:56px;height:56px;border-radius:50%;background:#fff;transition:all .3s ease}.capture-btn:active .capture-btn-inner{transform:scale(.95)}@media (max-width: 767px){.camera-controls{bottom:calc(60px + env(safe-area-inset-bottom,0px));padding:0 15px}.capture-btn{width:65px;height:65px}.capture-btn-inner{width:52px;height:52px}}@media (max-width: 767px) and (orientation: landscape){.camera-controls{bottom:50px}.capture-btn{width:60px;height:60px}.capture-btn-inner{width:48px;height:48px}}#camera-container{width:100%;height:70vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}#camera-video{width:100%;height:70vh;object-fit:cover}#captured-photo{width:100%;height:70vh;display:none;object-fit:cover;border-radius:10px}.audio-player{width:90%;margin:8px 0 5px;border-radius:0}@media only screen and (max-width: 768px){.vac-audio-player{margin:4px 0 0}}.audio-media{width:250px;max-width:70%;margin:4px auto 5px;cursor:pointer;border-radius:0}.video-player{width:100%;height:auto;margin-top:10px}.video-media{width:350px;max-width:100%;margin:4px auto 5px;cursor:pointer}.video-media .video-player{width:100%;height:100%;border-radius:4px}.pdf-media{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.media-content{display:flex;align-items:center;padding:20px}.image-media{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.media-btn{max-width:18px;margin-left:10px}.audio-btn{max-width:18px;margin-right:10px}.stop-btn{max-width:18px;margin-left:10px}.photo-btn{max-width:25px;margin-right:10px}.send-btn{max-width:18px;margin-left:10px}.file-media{position:relative;z-index:0}.icon-large{font-size:24px}@media (min-width: 1024px){#camera-container{height:60vh}#camera-video{max-width:100%;max-height:60vh}}@media (min-width: 768px) and (max-width: 1023px){.message-container{min-height:50vh;max-height:60vh;padding:8px;margin:5px auto;gap:8px}.message-bubble{min-width:40vw;padding:8px;border-radius:8px}#camera-container{height:70vh}#camera-video{max-width:100%;max-height:70vh}}@media (max-width: 767px) and (orientation: portrait){#camera-container{height:85vh}#camera-video{max-width:100%;max-height:75vh}}@media (max-width: 767px) and (orientation: landscape){#camera-container{height:60vh}#camera-video{max-width:100%;max-height:50vh}}.window-mobile form{padding:0 10px 10px}form{padding-bottom:20px}input::placeholder{color:#9ca6af}.vac-icon-textarea-left{display:flex;align-items:center;margin-right:5px}.vac-icon-textarea-left svg,.vac-icon-textarea-left .vac-wrapper{margin:0 7px}.vac-icon-textarea-left .vac-icon-microphone{fill:var(--chat-icon-color-microphone);margin:0 7px}.vac-icon-textarea-left .vac-dot-audio-record{height:15px;width:15px;border-radius:50%;background-color:var(--chat-message-bg-color-audio-record);animation:vac-scaling .8s ease-in-out infinite alternate}@keyframes vac-scaling{0%{transform:scale(1);opacity:.4}to{transform:scale(1.1);opacity:1}}.vac-icon-textarea-left .vac-dot-audio-record-time{font-size:16px;color:var(--chat-color);margin-left:8px;width:45px}.vac-icon-textarea-left .vac-icon-audio-stop,.vac-icon-textarea-left .vac-icon-audio-confirm{min-height:28px;min-width:28px}.vac-icon-textarea-left .vac-icon-audio-stop svg,.vac-icon-textarea-left .vac-icon-audio-confirm svg{min-height:28px;min-width:28px}.vac-icon-textarea-left .vac-icon-audio-stop{margin-right:20px}.vac-icon-textarea-left .vac-icon-audio-stop #vac-icon-close-outline{fill:var(--chat-icon-color-audio-cancel)}.vac-icon-textarea-left .vac-icon-audio-confirm{margin-right:3px;margin-left:12px}.vac-icon-textarea-left .vac-icon-audio-confirm #vac-icon-checkmark{fill:var(--chat-icon-color-audio-confirm)}.vac-icon-scroll{position:fixed;bottom:20px;right:20px;background-color:#f31111;color:#fff;border:none;border-radius:50%;padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003;z-index:1000}.vac-icon-scroll:hover{background-color:#f5f2f2;color:#0e0d0d}.elegant-chat-header{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#ef0808,#eceaea);color:#fff;box-shadow:0 2px 20px #0000001a;min-height:80px}.header-nav{flex-shrink:0}.nav-toggle{background:#ffffff26;border:none;border-radius:12px;padding:10px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-toggle:hover{background:#ffffff40;transform:translate(-2px)}.nav-rotated svg{transform:rotate(180deg)}.nav-toggle svg{transition:transform .3s ease}.room-info-wrapper{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.header-content{display:flex;align-items:center;gap:16px;width:100%}.avatar-wrapper{flex-shrink:0}.avatar-image{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003}.avatar-initials{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);color:#fff;font-weight:600;font-size:16px;position:relative}.avatar-image:hover{transform:scale(1.05);border-color:#ffffff80}.avatar-initials{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);color:#fff;font-weight:600;font-size:16px;box-shadow:0 4px 15px #0003;position:relative}.status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border:2px solid white;border-radius:50%}.status-dot.online{background:#4ade80}.status-dot.offline{background:#9ca3af}.group-indicator{position:absolute;bottom:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:2px solid white}.group-indicator svg{width:12px;height:12px}.room-info,.room-details{flex:1;min-width:0}.room-name{font-size:18px;font-weight:600;margin:0 0 4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.room-type-badge,.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge.online{background:#22c55e4d}.status-badge.offline{background:#9ca3af4d}.member-count,.last-seen{font-size:13px;opacity:.9}@media (max-width: 768px){.elegant-chat-header{padding:12px 16px;min-height:70px}.avatar-image,.avatar-initials{width:40px;height:40px}.room-name{font-size:16px}}.group-badge{background:#ef44444d}.member-count,.last-seen{font-size:13px;opacity:.9;color:#ffffffe6}.header-actions{display:flex;align-items:center;gap:8px}.action-btn{background:#ffffff26;border:none;border-radius:12px;padding:10px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#ffffff40;transform:translateY(-1px)}@media (max-width: 768px){.elegant-chat-header{padding:12px 16px;min-height:70px;gap:12px}.avatar-image,.avatar-initials{width:40px;height:40px;font-size:14px}.room-name{font-size:16px}.room-status{gap:8px}.status-badge{font-size:11px}.member-count,.last-seen{font-size:12px}}@keyframes slideInHeader{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.elegant-chat-header{animation:slideInHeader .3s ease-out}#vac-icon-search{fill:var(--chat-icon-color-search)}#vac-icon-add{fill:var(--chat-icon-color-add)}#vac-icon-toggle{fill:var(--chat-icon-color-toggle)}#vac-icon-menu{fill:var(--chat-icon-color-menu)}#vac-icon-close{fill:var(--chat-icon-color-close)}#vac-icon-close-image{fill:var(--chat-icon-color-close-image)}#vac-icon-file{fill:var(--chat-icon-color-file)}#vac-icon-paperclip{fill:var(--chat-icon-color-paperclip)}#vac-icon-close-outline{fill:var(--chat-icon-color-close-outline)}#vac-icon-close-outline-preview{fill:var(--chat-icon-color-close-preview)}#vac-icon-send{fill:var(--chat-icon-color-send)}#vac-icon-send-disabled{fill:var(--chat-icon-color-send-disabled)}#vac-icon-emoji{fill:var(--chat-icon-color-emoji)}#vac-icon-emoji-reaction{fill:var(--chat-icon-color-emoji-reaction)}#vac-icon-document{fill:var(--chat-icon-color-document)}#vac-icon-pencil{fill:var(--chat-icon-color-pencil)}#vac-icon-checkmark,#vac-icon-double-checkmark{fill:var(--chat-icon-color-checkmark)}#vac-icon-checkmark-seen,#vac-icon-double-checkmark-seen{fill:var(--chat-icon-color-checkmark-seen)}#vac-icon-eye{fill:var(--chat-icon-color-eye)}#vac-icon-dropdown-message{fill:var(--chat-icon-color-dropdown-message)}#vac-icon-dropdown-room{fill:var(--chat-icon-color-dropdown-room)}#vac-icon-dropdown-scroll{fill:var(--chat-icon-color-dropdown-scroll)}#vac-icon-audio-play{fill:var(--chat-icon-color-audio-play)}#vac-icon-audio-pause{fill:var(--chat-icon-color-audio-pause)}.vac-room-header{position:var(--chat-header-position);display:flex;align-items:center;height:64px;width:var(--chat-header-width);z-index:10;margin-right:1px;background:var(--chat-header-bg-color);border-top-right-radius:var(--chat-container-border-radius)}.vac-room-header .vac-room-wrapper{display:flex;align-items:center;min-width:0;height:100%;width:100%;padding:0 16px}.vac-room-header .vac-toggle-button{margin-right:15px}.vac-room-header .vac-toggle-button svg{height:26px;width:26px}.vac-room-header .vac-rotate-icon{transform:rotate(180deg)!important}.vac-room-header .vac-rotate-icon-init{transform:rotate(360deg)}.vac-room-header .vac-info-wrapper,.vac-room-header .vac-room-selection{display:flex;align-items:center;min-width:0;width:100%;height:100%}.vac-room-header .vac-room-selection .vac-selection-button{padding:8px 16px;color:var(--chat-color-button);background-color:var(--chat-bg-color-button);border-radius:4px;margin-right:10px;cursor:pointer;transition:all .2s}.vac-room-header .vac-room-selection .vac-selection-button:hover{opacity:.7}.vac-room-header .vac-room-selection .vac-selection-button:active{opacity:.9}.vac-room-header .vac-room-selection .vac-selection-button .vac-selection-button-count{margin-left:6px;opacity:.9}.vac-room-header .vac-room-selection .vac-selection-cancel{display:flex;align-items:center;margin-left:auto;white-space:nowrap;color:var(--chat-color-button-clear);transition:all .2s}.vac-room-header .vac-room-selection .vac-selection-cancel:hover{opacity:.7}.vac-room-header .vac-room-name{font-size:17px;font-weight:500;line-height:22px;color:var(--chat-header-color-name)}.vac-room-header .vac-room-info{font-size:13px;line-height:18px;color:var(--chat-header-color-info)}.vac-room-header .vac-room-options{margin-left:auto}@media only screen and (max-width: 768px){.vac-room-header{height:50px}.vac-room-header .vac-room-wrapper{padding:0 10px}.vac-room-header .vac-room-name{font-size:16px;line-height:22px}.vac-room-header .vac-room-info{font-size:12px;line-height:16px}.vac-room-header .vac-avatar{height:37px;width:37px;min-height:37px;min-width:37px}}.dropdown-menu{z-index:1000}.room-list-container{padding:15px;background-color:#fff;border-radius:10px}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.vac-svg-button{cursor:pointer;padding:5px;background-color:#fff;border-radius:50%}.vac-svg-button .svg-icon{fill:#fd0606}.vac-svg-button-green .svg-icon-green{fill:#11b919}.vac-room-container{display:flex;flex-direction:column;background-color:#fff}.list-group-item-chat{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000000d;margin-top:10px}.vac-avatar{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center}.vac-avatar.vac-avatar-initials{display:flex;justify-content:center;align-items:center;background-color:red;color:#fff;font-weight:700}.vac-user-info{margin-left:10px}.vac-user-name{font-weight:700;color:#333}.online-indicator{width:10px;height:10px;border-radius:50%;display:inline-block;background-color:#28a745}.online-indicator.offline{background-color:#6c757d}.vac-title-container{display:flex;justify-content:space-between;align-items:center}.vac-text-date{font-size:.85em;color:#777}.vac-text-last{font-size:1em;color:#333}.vac-state-circle{width:10px;height:10px;border-radius:50%;background-color:red}.vac-room-options-container{display:flex;align-items:center}.vac-badge-counter{background-color:#ff5722;color:#fff;padding:3px 8px;border-radius:50%}.vac-room-edit-input{width:200px;padding:5px;border-radius:5px;border:1px solid #ccc}.vac-room-name{font-weight:700}.dropdown-menu{min-width:150px;z-index:1050}.dropdown-menu-end{right:0}.bt-secondary{background-color:#a0a2a3;color:#fff;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s;max-width:250px;width:100%;text-align:center}.bt-secondary:hover{background-color:#f30909}.button-container{display:flex;gap:10px;justify-content:center}.list-chat{overflow-y:auto;z-index:3;max-height:400px}.chat-room-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.chat-room-item:hover{background:#f8f9fa;border-color:#e9ecef;box-shadow:0 2px 8px #0000001a}.room-avatar-section{flex:1;min-width:0}.room-info-wrapper,.group-info-wrapper{display:flex;align-items:center;gap:12px}.avatar-container{position:relative;flex-shrink:0}.user-avatar,.group-avatar{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;font-weight:600;color:#495057;position:relative}.initials-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px}.status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border:2px solid white;border-radius:50%}.status-indicator.online{background:#28a745}.status-indicator.offline{background:#6c757d}.room-details{flex:1;min-width:0}.room-name{font-weight:600;color:#212529;margin-bottom:4px;font-size:14px}.room-meta{display:flex;align-items:center;gap:8px}.status-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.status-badge.online{background:#d4edda;color:#155724}.status-badge.offline{background:#e2e3e5;color:#383d41}.message-indicator{display:flex;align-items:center}.message-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#007bff;color:#fff;border-radius:16px;font-size:12px;font-weight:500}.badge-count{font-size:11px}.room-actions-section{display:flex;align-items:center;gap:12px;margin-left:auto}.last-message-time{font-size:12px;color:#6c757d;white-space:nowrap}.room-actions{position:relative}.action-btn{background:none;border:none;padding:6px;border-radius:6px;color:#6c757d;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f8f9fa;color:#495057}.dropdown-menu{min-width:160px;padding:8px;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;background:#fff}.dropdown-item{list-style:none}.dropdown-action{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;color:#495057;cursor:pointer;transition:all .2s ease;font-size:14px}.dropdown-action:hover{background:#f8f9fa}.dropdown-action.delete-action:hover{background:#f8d7da;color:#721c24}@media (max-width: 768px){.chat-room-item{padding:10px 12px}.user-avatar,.group-avatar{width:40px;height:40px;font-size:12px}.room-name{font-size:13px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.message-badge.has-new{animation:pulse 1s ease-in-out}.room-create-container{padding:20px;background:#f9f9f9;border-radius:8px;width:400px}h2,.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px}input{width:100%;padding:8px;margin:5px 0;border-radius:4px;border:1px solid #ccc}button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}button:disabled{background-color:#ccc}.vac-room-forms-container{height:100%;width:100%;display:flex;flex-direction:column}.btn-dark{background-color:#343a40;color:#fff;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s;max-width:250px;width:100%;text-align:center}.btn-dark:hover{background-color:#f30909}.vac-box-search[data-v-22c85ce5]{display:flex;align-items:center;border:1px solid #ddd;padding:5px;background-color:#f9f9f9}.vac-box-empty[data-v-22c85ce5]{display:none}.vac-input[data-v-22c85ce5]{flex:1;border:none;padding:5px;outline:none}.vac-svg-button[data-v-22c85ce5]{cursor:pointer}