.sesverin-chat-page{background:#eefbff}.sesverin-chat-page .site-content{background:radial-gradient(circle at 50% 0,#fff 0,#effcff 52%,#e8faff 100%)}.sesverin-chat-page .site-header .sv-container,.sesverin-chat-page .site-footer .sv-container,.sesverin-chat-page .community-stats .sv-container{width:min(1490px,calc(100% - 46px))}.svc-page{width:min(1490px,calc(100% - 46px));margin:auto;color:#061b70;font-family:Inter,Arial,sans-serif}.svc-page *{box-sizing:border-box}.svc-page a{color:inherit;text-decoration:none}.svc-page button,.svc-page input,.svc-page textarea,.svc-page select{font:inherit}.svc-breadcrumb{height:41px;display:flex;align-items:center;gap:8px;color:#3970c0;font-size:12px}.svc-breadcrumb a{display:flex;align-items:center;gap:5px}.svc-breadcrumb .sv-icon{width:15px;height:15px}.svc-breadcrumb i{color:#8aa1c0;font-style:normal}.svc-breadcrumb strong{color:#071b6e}.svc-mobile-tabs{display:none}.svc-layout{height:884px;display:grid;grid-template-columns:294px minmax(0,1fr) 294px;gap:9px;padding-bottom:12px}.svc-rooms,.svc-chat,.svc-side-card{border:1px solid #dce7f1;border-radius:7px;background:#fff;box-shadow:0 5px 18px rgba(18,68,108,.035)}
.sesverin-chat-page .site-header .nav-inner{height:43px;gap:7px}.sesverin-chat-page .site-header .nav-inner>a{min-width:0;height:35px;padding:0 9px;border-radius:6px;font-size:10px;white-space:nowrap}.sesverin-chat-page .site-header .nav-inner>a .sv-icon{width:16px;height:16px}.sesverin-chat-page .site-header .nav-inner>a.nav-more{min-width:36px}
.svc-rooms{min-width:0;overflow:hidden}.svc-rooms>header{height:66px;display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:9px;padding:10px 11px;color:#fff;background:linear-gradient(115deg,#096bf2,#174bea)}.svc-rooms>header>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;color:#2359e9;background:#fff}.svc-rooms>header .sv-icon{width:24px;height:24px}.svc-rooms h2{margin:0;font-size:16px}.svc-rooms>header p{margin:3px 0 0;color:#eaf1ff;font-size:10px}.svc-rooms>header button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:5px;color:#1258eb;background:#fff;cursor:pointer}.svc-rooms>header button .sv-icon{width:17px;height:17px}.svc-rooms>label{height:45px;display:flex;align-items:center;gap:7px;margin:9px 10px 5px;padding:0 10px;border:1px solid #cfddea;border-radius:5px;color:#3167c7}.svc-rooms>label .sv-icon{width:16px;height:16px}.svc-rooms>label input{min-width:0;border:0;outline:0;color:#173982;background:transparent;font-size:10px}.svc-room-shortcuts{padding:4px 10px 8px;border-bottom:1px solid #e6edf4}.svc-room-shortcuts a,.svc-room-shortcuts button{position:relative;width:100%;height:32px;display:flex;align-items:center;gap:10px;padding:0 8px;border:0;color:#173580;background:transparent;cursor:pointer;font-size:10px;text-align:left}.svc-room-shortcuts .sv-icon{width:17px;height:17px;color:#075ef1}.svc-room-shortcuts b{width:20px;height:20px;display:grid;place-items:center;margin-left:auto;border-radius:6px;color:#065bed;background:#e1edff;font-size:9px}.svc-room-list{height:calc(100% - 200px);overflow-y:auto;padding:4px 10px 13px;scrollbar-width:thin}.svc-room-list section h3{margin:10px 8px 5px;color:#40599a;font-size:8px}.svc-room-list section a{height:33px;display:flex;align-items:center;gap:9px;padding:0 8px;border-radius:5px;color:#17357e;font-size:10px}.svc-room-list section a.active{color:#064ddb;background:#e8f2ff}.svc-room-list section a>span{width:20px;height:20px;display:grid;place-items:center;border-radius:5px}.svc-room-list section a>span .sv-icon{width:15px;height:15px}.svc-room-list strong{overflow:hidden;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.svc-room-list small{display:flex;align-items:center;gap:3px;margin-left:auto;color:#667ca9;font-size:9px}.svc-room-list small .sv-icon{width:11px;height:11px}.tone-blue{color:#075df0;background:#ddecff}.tone-red{color:#f22645;background:#ffe4e9}.tone-orange{color:#f08d00;background:#fff0d4}.tone-green{color:#04a95c;background:#dff8eb}.tone-navy{color:#062f5c;background:#dae8f4}.tone-gray{color:#4f6486;background:#e9eff6}.tone-purple{color:#7d35e7;background:#eee2ff}
.svc-chat{position:relative;min-width:0;display:flex;overflow:hidden;flex-direction:column;border:1px solid #dce7f1;border-radius:7px;background:#fff}.svc-chat-head{height:65px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 14px;border-bottom:1px solid #e2eaf2}.svc-chat-head .room-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#7b46ee,#9629ee)}.svc-chat-head .room-icon .sv-icon{width:23px;height:23px}.svc-chat-head h1{margin:0;font-size:15px}.svc-chat-head p{overflow:hidden;margin:4px 0 0;color:#5b73a8;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.svc-chat-head aside{display:flex;align-items:center;gap:7px}.svc-chat-head aside>span{display:flex;align-items:center;gap:5px;margin-right:5px;color:#20468e;font-size:9px}.svc-chat-head aside>span i{width:7px;height:7px;border-radius:50%;background:#0abe70}.svc-chat-head aside button{height:32px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #d0ddeb;border-radius:5px;color:#0b50e7;background:#f9fbff;cursor:pointer;font-size:9px}.svc-chat-head aside button:not(:first-of-type){width:34px;padding:0}.svc-chat-head aside button.active{color:#f1a000;background:#fff8e5}.svc-chat-head aside .sv-icon{width:15px;height:15px}.svc-announcement{min-height:35px;display:flex;align-items:center;justify-content:space-between;margin:8px 13px 0;padding:0 10px;border-radius:4px;color:#243b72;background:#f3f4fb;font-size:9px}.svc-announcement b{color:#dc1736}.svc-announcement button{border:0;color:#243b72;background:transparent;cursor:pointer;font-size:19px}.svc-messages{min-height:0;flex:1;overflow-y:auto;padding:10px 14px 16px;scroll-behavior:smooth;scrollbar-width:thin}.svc-message{display:grid;grid-template-columns:39px minmax(0,1fr);gap:10px;padding:8px 0}.svc-message-avatar{position:relative;width:39px;height:39px}.svc-message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.svc-message-avatar i{position:absolute;right:0;bottom:1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#a5b3c4}.svc-message-avatar i.online{background:#0bbe71}.svc-message>div{min-width:0}.svc-message header{height:20px;display:flex;align-items:center;gap:7px}.svc-message header>a{color:#064ddd;font-size:10px;font-weight:800}.svc-message header>b{padding:3px 7px;border-radius:4px;font-size:8px;font-weight:500}.svc-message .role-admin{color:#eb243e;background:#ffe5e8}.svc-message .role-moderator{color:#078b51;background:#daf6e8}.svc-message .role-vip{color:#fff;background:linear-gradient(90deg,#9545ed,#bd4be6)}.svc-message .role-member{color:#6c2de2;background:#efe6ff}.svc-message header time{color:#7085ae;font-size:8px}.svc-message header>button{width:22px;height:20px;display:none;margin-left:auto;border:0;color:#7085ae;background:transparent;cursor:pointer}.svc-message:hover header>button{display:grid;place-items:center}.svc-message header>button .sv-icon{width:14px;height:14px}.svc-message p{margin:2px 0 5px;color:#173679;font-size:10px;line-height:1.45}.svc-mention{padding:1px 3px;border-radius:3px;color:#005af1;background:#e4efff}.svc-attachments{max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:4px 0 7px}.svc-attachments.count-1{max-width:310px;grid-template-columns:1fr}.svc-attachments button{height:88px;overflow:hidden;padding:0;border:0;border-radius:5px;background:#e5edf5;cursor:pointer}.svc-attachments.count-1 button{height:106px}.svc-attachments img{width:100%;height:100%;display:block;object-fit:cover}.svc-message footer{display:flex;gap:5px}.svc-message footer button{height:23px;display:flex;align-items:center;gap:3px;padding:0 6px;border:1px solid #d5e1ed;border-radius:5px;color:#3159a2;background:#fff;cursor:pointer;font-size:9px}.svc-message footer button.active{border-color:#8cb7f7;color:#075be9;background:#eef6ff}.svc-message footer button .sv-icon{width:14px;height:14px}.svc-composer{position:relative;min-height:61px;display:grid;grid-template-columns:38px minmax(0,1fr) 32px 32px 85px;align-items:end;gap:6px;padding:9px 13px;border-top:1px solid #dfe8f1;background:#fff}.svc-composer>img{width:37px;height:37px;border-radius:50%;object-fit:cover}.svc-composer>div{min-width:0}.svc-composer textarea{width:100%;height:39px;min-height:39px;max-height:100px;resize:none;padding:11px 12px;border:1px solid #cbdced;border-radius:6px;outline:0;color:#163779;font-size:9px}.svc-composer>button{height:38px;border:1px solid #cbdced;border-radius:6px;color:#075ae9;background:#fff;cursor:pointer}.svc-composer>button .sv-icon{width:17px;height:17px}.svc-composer>.send{border-color:#096bf1;color:#fff;background:#096bf1;font-size:10px;font-weight:700}.svc-composer>p{position:absolute;right:13px;bottom:52px;margin:0;color:#d92141;font-size:8px}.svc-upload-preview{display:flex;gap:5px}.svc-upload-preview span{margin-bottom:5px;padding:4px 6px;border-radius:3px;color:#315797;background:#eaf2fb;font-size:8px}.svc-emoji-panel{position:absolute;z-index:10;right:13px;bottom:65px;width:325px;overflow:hidden;border:1px solid #d3e0eb;border-radius:7px;background:#fff;box-shadow:0 12px 30px rgba(21,45,84,.16)}.svc-emoji-panel header{height:37px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfe7ef}.svc-emoji-panel header button{border:0;color:#29488d;background:#fff;font-size:9px}.svc-emoji-panel header button.active{color:#075bea;background:#edf5ff;font-weight:700}.svc-emoji-panel label{height:33px;display:flex;align-items:center;gap:6px;margin:8px;border:1px solid #d0dfeb;border-radius:5px;padding:0 9px;color:#4570bb}.svc-emoji-panel label .sv-icon{width:14px}.svc-emoji-panel input{min-width:0;border:0;outline:0;font-size:9px}.svc-emoji-panel>div{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 9px 10px}.svc-emoji-panel>div button{height:31px;border:0;border-radius:4px;background:#fff;cursor:pointer;font-size:20px}.svc-emoji-panel>div button:hover{background:#edf4ff}.svc-no-access{flex:1;display:grid;place-items:center;align-content:center;padding:30px;text-align:center}.svc-no-access>.sv-icon{width:45px;height:45px;color:#0b64ef}.svc-no-access h2{margin:12px 0 4px}.svc-no-access p{color:#6379a5}.svc-no-access a{padding:10px 15px;border-radius:5px;color:#fff;background:#0874f7}
.svc-side{min-width:0;display:grid;align-content:start;gap:9px}.svc-side-card{overflow:hidden}.svc-side-card>header{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #e2eaf2}.svc-side-card h2{display:flex;align-items:center;gap:6px;margin:0;font-size:11px}.svc-side-card h2 .sv-icon{width:16px;height:16px;color:#075dec}.svc-side-card header>a{display:flex;align-items:center;gap:4px;color:#075dec;font-size:7px}.svc-side-card header>a .sv-icon{width:10px;height:10px}.svc-online ul,.svc-group-chats ul,.svc-voice ul{margin:0;padding:6px 10px;list-style:none}.svc-online li{height:34px;display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px}.svc-online li>i{width:7px;height:7px;border-radius:50%;background:#b7c3cf}.svc-online li>i.online{background:#0abb70}.svc-online li>a{min-width:0;display:flex;align-items:center;gap:7px}.svc-online img{width:27px;height:27px;border-radius:50%;object-fit:cover}.svc-online strong{overflow:hidden;color:#064ddd;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.svc-online li>b{padding:4px 6px;border-radius:4px;font-size:7px;font-weight:500}.svc-online .role-admin{color:#e52a40;background:#ffe3e7}.svc-online .role-moderator{color:#048b4f;background:#dcf7e9}.svc-online .role-vip{color:#7b27dc;background:#eee1ff}.svc-online .role-member{color:#6a33d6;background:#eee8ff}.svc-tools>div{display:grid;grid-template-columns:repeat(5,1fr);padding:8px 3px}.svc-tools a,.svc-tools button{min-width:0;height:60px;display:flex;align-items:center;flex-direction:column;gap:7px;padding:6px 2px;border:0;color:#075bea;background:#fff;cursor:pointer}.svc-tools .sv-icon{width:18px;height:18px}.svc-tools span{color:#4964a0;font-size:7px;text-align:center}.svc-tools button:nth-child(2){color:#8b20ec}.svc-tools button:nth-child(3){color:#8266ef}.svc-tools button:nth-child(4){color:#075bea}.svc-group-chats li,.svc-voice li{height:43px;display:grid;grid-template-columns:37px minmax(0,1fr) 43px;align-items:center;gap:7px}.svc-group-chats li>span,.svc-voice li>span{width:35px;height:35px;display:grid;place-items:center;border-radius:5px}.svc-group-chats li>span .sv-icon,.svc-voice li>span .sv-icon{width:20px;height:20px}.svc-group-chats li>div,.svc-voice li>div{min-width:0;display:grid;gap:3px}.svc-group-chats strong,.svc-voice strong{overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.svc-group-chats small,.svc-voice small{display:flex;align-items:center;gap:3px;color:#5470aa;font-size:7px}.svc-group-chats small .sv-icon,.svc-voice small .sv-icon{width:10px;height:10px}.svc-group-chats li>a,.svc-voice li>a{height:28px;display:grid;place-items:center;border-radius:5px;color:#075bea;background:#edf5ff;font-size:8px}
.svc-dialog,.svc-image-dialog{padding:0;border:1px solid #d2dfeb;border-radius:9px;color:#143478;background:#fff;box-shadow:0 20px 60px rgba(5,25,60,.28);font-family:Inter,Arial,sans-serif}.svc-dialog::backdrop,.svc-image-dialog::backdrop{background:rgba(1,12,34,.68)}.svc-dialog{width:min(510px,calc(100% - 24px));padding:22px}.svc-dialog>button,.svc-image-dialog>button{position:absolute;z-index:3;top:10px;right:12px;border:0;color:#6e82a8;background:transparent;cursor:pointer;font-size:24px}.svc-dialog h2{margin:0 0 6px;text-align:center}.svc-dialog>p{margin:0;color:#6179a7;font-size:10px;text-align:center}.svc-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.svc-dialog label{display:grid;gap:5px;font-size:10px;font-weight:700}.svc-dialog .full{grid-column:1/-1}.svc-dialog input,.svc-dialog textarea,.svc-dialog select{width:100%;padding:9px;border:1px solid #cfdeea;border-radius:5px}.svc-dialog form>p{min-height:14px;margin:0;font-size:9px}.svc-dialog form>p.error{color:#d92242}.svc-dialog form>p.success{color:#07935a}.svc-dialog footer{display:flex;justify-content:flex-end;gap:8px}.svc-dialog footer button{min-width:100px;height:37px;border:1px solid #cfdeea;border-radius:5px;color:#4967a0;background:#fff;cursor:pointer}.svc-dialog footer button:last-child{border-color:#0870f2;color:#fff;background:#0870f2}.svc-report-dialog footer button:first-child{margin-right:auto;color:#e22642}.svc-image-dialog{width:min(1000px,calc(100% - 30px));padding:14px;background:#07101e}.svc-image-dialog>button{color:#fff}.svc-image-dialog img{max-width:100%;max-height:calc(100vh - 50px);display:block;margin:auto;object-fit:contain}.svc-toast{position:fixed;z-index:1000;right:20px;bottom:20px;padding:11px 15px;border-radius:6px;color:#fff;background:#10234b;font-size:10px}.svc-toast.error{background:#c72542}
@media(max-width:1200px){.svc-layout{grid-template-columns:250px minmax(0,1fr)}.svc-side{display:none}.svc-chat-head p{max-width:380px}}
@media(max-width:760px){.sesverin-chat-page .site-header .sv-container,.sesverin-chat-page .site-footer .sv-container,.sesverin-chat-page .community-stats .sv-container{width:calc(100% - 20px)}.svc-page{width:calc(100% - 12px)}.svc-breadcrumb{height:36px}.svc-mobile-tabs{height:43px;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:0 7px;border:1px solid #dce7f1;border-radius:6px;background:#fff}.svc-mobile-tabs button{display:flex;align-items:center;gap:5px;border:0;color:#075bea;background:transparent;font-size:9px}.svc-mobile-tabs .sv-icon{width:15px;height:15px}.svc-mobile-tabs strong{font-size:11px}.svc-layout{height:760px;display:block;padding-bottom:8px}.svc-rooms,.svc-side{position:fixed;z-index:100;top:0;bottom:0;width:min(310px,88vw);display:block;overflow-y:auto;transition:transform .2s ease}.svc-rooms{left:0;border-radius:0;transform:translateX(-105%)}.svc-side{right:0;padding:8px;background:#eefaff;transform:translateX(105%)}.svc-rooms.open,.svc-side.open{transform:translateX(0)}.svc-room-list{height:auto}.svc-chat{height:100%}.svc-chat-head{height:58px;grid-template-columns:36px minmax(0,1fr) auto;padding:7px 9px}.svc-chat-head .room-icon{width:34px;height:34px}.svc-chat-head p{display:none}.svc-chat-head aside>span,.svc-chat-head aside button:first-of-type,.svc-chat-head aside button:last-of-type{display:none}.svc-announcement{font-size:8px}.svc-messages{padding:7px 9px}.svc-message{grid-template-columns:33px minmax(0,1fr);gap:7px}.svc-message-avatar{width:33px;height:33px}.svc-attachments{grid-template-columns:1fr 1fr}.svc-composer{grid-template-columns:minmax(0,1fr) 32px 32px 63px;padding:8px}.svc-composer>img{display:none}.svc-composer>.send{font-size:9px}.svc-emoji-panel{right:7px;bottom:61px;width:calc(100% - 14px)}.svc-toast{right:10px;bottom:10px;left:10px;text-align:center}}
@media(max-width:430px){.svc-message p{font-size:9px}.svc-chat-head h1{font-size:12px}.svc-chat-head aside button:not(:first-of-type){width:29px}.svc-attachments button{height:110px}.svc-dialog form{grid-template-columns:1fr}.svc-dialog .full{grid-column:1}.svc-composer textarea{padding-right:5px}}
.svc-pending-rooms{margin-top:17px;padding-top:13px;border-top:1px solid #dfe8f1}.svc-pending-rooms h3{margin:0 0 8px;font-size:11px}.svc-pending-rooms article{display:grid;grid-template-columns:minmax(0,1fr) 58px 58px;align-items:center;gap:6px;padding:8px 0;border-top:1px solid #edf1f5}.svc-pending-rooms article>div{min-width:0;display:grid;gap:3px}.svc-pending-rooms strong,.svc-pending-rooms small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.svc-pending-rooms strong{font-size:9px}.svc-pending-rooms small{color:#657ba8;font-size:8px}.svc-pending-rooms button{height:28px;border:1px solid #d3dfeb;border-radius:4px;color:#d42140;background:#fff;cursor:pointer;font-size:8px}.svc-pending-rooms button:last-child{border-color:#0870f2;color:#fff;background:#0870f2}
.svc-upload-preview img{width:34px;height:24px;object-fit:cover}.svc-emoji-panel>div.media-grid{grid-template-columns:repeat(3,1fr);gap:6px}.svc-emoji-panel>div.media-grid button{height:65px;overflow:hidden;padding:0}.svc-emoji-panel>div.media-grid img{width:100%;height:100%;display:block;object-fit:cover}
@media(min-width:761px){.svc-layout{grid-template-rows:minmax(0,1fr)}.svc-rooms,.svc-chat,.svc-side{min-height:0;height:100%}.svc-side{overflow-y:auto;scrollbar-width:thin}}
.svc-rooms>header p{font-size:11px}.svc-rooms>label input{font-size:12px}.svc-room-shortcuts a,.svc-room-shortcuts button{font-size:12px}.svc-room-list section h3{font-size:10px}.svc-room-list section a{font-size:12px}.svc-room-list small{font-size:10px}.svc-chat-head p{font-size:11px}.svc-chat-head aside>span,.svc-chat-head aside button{font-size:10px}.svc-announcement{font-size:11px}.svc-message header>a{font-size:12px}.svc-message header>b{font-size:9px}.svc-message header time{font-size:9px}.svc-message p{font-size:12px}.svc-message footer button{font-size:10px}.svc-composer textarea{font-size:11px}.svc-composer>.send{font-size:11px}.svc-side-card h2{font-size:12px}.svc-side-card header>a{font-size:9px}.svc-online strong{font-size:10px}.svc-online li>b{font-size:8px}.svc-tools span{font-size:9px;line-height:1.25}.svc-group-chats strong,.svc-voice strong{font-size:10px}.svc-group-chats small,.svc-voice small{font-size:8.5px}.svc-group-chats li>a,.svc-voice li>a{font-size:9px}
@media(max-width:430px){.svc-message p{font-size:11px}.svc-room-shortcuts a,.svc-room-shortcuts button,.svc-room-list section a{font-size:11px}}
.svc-room-list [hidden]{display:none!important}