.gypes-chat-page{--chat-blue:#1267a5;--chat-blue-dark:#0b4877;--chat-pale:#eaf5fc;--chat-line:#c7d9e5;--chat-text:#203443;min-height:100vh;background:#e9eef2;color:var(--chat-text)}
.gypes-chat-page .site-header{width:min(100% - 24px,1320px);padding-block:13px}
.chat-shell{width:min(100% - 24px,1320px);margin:12px auto 42px}
.chat-titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid #aac4d6;border-radius:9px 9px 0 0;background:linear-gradient(135deg,#0e5f99,#1883c4);color:#fff}
.chat-brand{display:flex;align-items:center;gap:12px}.chat-logo,.avatar{display:grid;flex:none;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;color:var(--chat-blue);font-size:1.35rem;font-weight:900;box-shadow:0 5px 15px #06355433}.chat-brand h1{margin:0;font-size:1.45rem;letter-spacing:-.02em}.chat-brand p{margin:2px 0 0;color:#ddecf6;font-size:.78rem}
.language-picker{min-width:130px;color:#e6f4fc;font-size:.67rem;font-weight:750}.language-picker select{min-height:34px;margin-top:3px;border-color:#ffffff66;background:#fff;color:#203443}
.access-panel{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(560px,1.25fr);gap:18px;padding:24px;border:1px solid var(--chat-line);border-top:0;border-radius:0 0 9px 9px;background:#fff}
.access-intro{align-self:center;padding:18px}.access-intro h2{margin:0 0 8px;color:var(--chat-blue-dark);font-size:1.45rem}.access-intro p{max-width:48ch;margin:0;color:#607482;line-height:1.6}
.access-forms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.access-forms form{display:grid;align-content:start;gap:9px;padding:16px;border:1px solid var(--chat-line);border-radius:8px;background:#f7fafc}.access-forms h2{margin:0 0 3px;color:#235b7d;font-size:1rem}.access-forms label,.password-panel label,.sidebar-tools label,.group-manager label{color:#536b7a;font-size:.68rem;font-weight:760}.access-forms input,.password-panel input,.sidebar-tools input,.group-manager input{min-height:38px;margin-top:3px}.access-forms .button{justify-self:start}.field-note{margin:0;color:#687b87;font-size:.64rem;line-height:1.45}.availability{min-height:18px;margin:0;color:#237547;font-size:.67rem}.availability.unavailable{color:#a13631}.form-status{min-height:18px;margin:0;color:#9d332f;font-size:.68rem;line-height:1.4}.form-status.success{color:#237547}
.initial-password{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;margin-top:10px;padding:14px 16px;border:1px solid #d5ad3d;border-radius:8px;background:#fff8d9}.initial-password p{margin:3px 0 0;color:#715c24;font-size:.7rem}.initial-password code{padding:8px 10px;border-radius:5px;background:#fff;color:#633f05;font-size:.92rem;font-weight:850;overflow-wrap:anywhere}.initial-password>div:last-child{display:flex;gap:7px}
.chat-app{border:1px solid #a9c0cf;border-top:0;border-radius:0 0 9px 9px;background:#fff;box-shadow:0 12px 35px #263f4e18;overflow:hidden}
.account-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:8px 14px;border-bottom:1px solid #9ebbd0;background:#d9ebf7}.account-bar>div{display:flex;align-items:center;gap:10px}.account-bar p{display:grid;margin:0;color:#5d7381;font-size:.64rem}.account-bar strong{color:#174f74;font-size:.85rem}.avatar{width:38px;height:38px;border-radius:11px;font-size:1rem}.account-bar>div:last-child{position:relative}.password-panel>summary{color:#24638c;font-size:.68rem;font-weight:780;cursor:pointer}.password-panel form{position:absolute;z-index:20;top:35px;right:0;display:grid;width:320px;gap:7px;padding:12px;border:1px solid #9fb9ca;border-radius:7px;background:#fff;box-shadow:0 8px 24px #153a5260}.password-panel .form-status{grid-column:1/-1}
.messenger{display:grid;grid-template-columns:330px minmax(0,1fr);height:min(720px,calc(100vh - 205px));min-height:520px}
.contact-sidebar{min-width:0;border-right:1px solid #b8ccd8;background:#f4f8fa}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #b9ccd8}.sidebar-tabs button{position:relative;min-height:42px;border:0;border-right:1px solid #cfdae1;background:#e5eff5;color:#5d7180;font-size:.7rem;font-weight:800;cursor:pointer}.sidebar-tabs button:last-child{border-right:0}.sidebar-tabs button.active{background:#fff;color:var(--chat-blue);box-shadow:inset 0 -3px var(--chat-blue)}.sidebar-tabs b{position:absolute;top:5px;right:6px;min-width:17px;padding:1px 4px;border-radius:20px;background:#d6423a;color:#fff;font-size:.56rem}
.sidebar-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #cad9e2}.sidebar-tools details{position:relative;border:1px solid #b7cad6;border-radius:5px;background:#fff}.sidebar-tools summary{padding:6px 8px;color:#22648d;font-size:.66rem;font-weight:800;cursor:pointer;list-style:none}.sidebar-tools summary::-webkit-details-marker{display:none}.sidebar-tools form{position:absolute;z-index:12;top:34px;left:0;display:grid;width:270px;gap:7px;padding:10px;border:1px solid #a7bfce;border-radius:6px;background:#fff;box-shadow:0 8px 20px #28465644}.sidebar-tools details:last-child form{right:0;left:auto}
.contact-search{display:block;padding:8px}.contact-search input{min-height:34px;border-radius:18px;background:#fff;font-size:.7rem}
.contact-lists{height:calc(100% - 137px);overflow:auto}.contact-lists section>h2{margin:0;padding:7px 10px;border-top:1px solid #d0dde4;border-bottom:1px solid #d0dde4;background:#e7f0f5;color:#526d7d;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}
.contact-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:58px;padding:7px 9px;border:0;border-bottom:1px solid #d8e2e8;background:#f9fbfc;color:#273f4f;text-align:left}.contact-item:hover,.contact-item.active{background:#ddecf5}.contact-item-main{display:contents}.contact-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#4ca8d7,#17679c);color:#fff;font-size:.82rem;font-weight:900}.contact-avatar.group{background:linear-gradient(145deg,#8e76cb,#5c4499)}.contact-name{min-width:0}.contact-name strong,.contact-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-name strong{color:#1d526f;font-size:.76rem}.contact-name small{margin-top:2px;color:#758690;font-size:.61rem}.contact-open{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-width:0;border:0;background:transparent;text-align:left;cursor:pointer}.contact-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}.mini-button{padding:3px 5px;border:1px solid #a9bdc9;border-radius:4px;background:#fff;color:#22648d;font-size:.57rem;font-weight:800;cursor:pointer}.mini-button.danger{color:#a33831}.empty-list{margin:0;padding:18px 10px;color:#71828c;font-size:.68rem;text-align:center}
.conversation-panel{position:relative;min-width:0;background:#f3f6f8}.conversation-empty{display:grid;height:100%;place-content:center;text-align:center;color:#7a8c97}.conversation-empty span{font-size:3rem}.conversation-empty h2{margin:8px 0 3px;color:#57707f;font-size:1rem}.conversation-empty p{margin:0;font-size:.7rem}.conversation-active{display:grid;height:100%;grid-template-rows:auto auto minmax(0,1fr) auto}.conversation-header{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 13px;border-bottom:1px solid #bdcfd9;background:#fff}.conversation-header>div{min-width:0;flex:1}.conversation-header h2{overflow:hidden;margin:0;color:#194f70;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.conversation-header p{margin:2px 0 0;color:#73848e;font-size:.62rem}.mobile-back{display:none;border:0;background:transparent;color:#24638c;font-size:1.25rem;cursor:pointer}.load-older{justify-self:center;margin:6px;padding:4px 9px;border:1px solid #b4c7d2;border-radius:14px;background:#fff;color:#37677f;font-size:.62rem;cursor:pointer}
.message-list{overflow:auto;padding:15px 18px;scroll-behavior:smooth}.message-row{display:flex;align-items:flex-start;gap:7px;margin:8px 0}.message-row.own{flex-direction:row-reverse}.message-avatar{display:grid;flex:none;place-items:center;width:31px;height:31px;border-radius:10px;background:#4a91bb;color:#fff;font-size:.68rem;font-weight:850}.message-box{max-width:min(72%,680px)}.message-author{display:flex;gap:6px;margin:0 3px 3px;color:#73838c;font-size:.58rem}.own .message-author{justify-content:flex-end}.message-bubble{padding:8px 10px;border:1px solid #c0d1db;border-radius:5px 12px 12px 12px;background:#fff;box-shadow:0 2px 5px #2846560d}.own .message-bubble{border-color:#9fc9ad;border-radius:12px 5px 12px 12px;background:#d9f3df}.message-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.78rem;line-height:1.52}.message-media{display:block;max-width:100%;max-height:420px;border-radius:6px;background:#17242b}.message-text+.message-media{margin-top:7px}.message-media.video{width:min(560px,100%)}
.composer{padding:10px 12px;border-top:1px solid #b9ccd8;background:#fff}.composer textarea{width:100%;min-height:58px;max-height:150px;resize:vertical;border-color:#b3c8d5;background:#fbfcfd;font-size:.78rem}.composer-bottom{display:flex;align-items:center;gap:9px;margin-top:6px}.attach-button{position:relative;padding:5px 8px;border:1px solid #aac1cf;border-radius:5px;background:#f5f9fb;color:#21638c;font-size:.64rem;font-weight:800;cursor:pointer}.attach-button input{position:absolute;width:1px;height:1px;opacity:0}.message-count{margin-left:auto;color:#768690;font-size:.62rem}.media-preview{display:flex;align-items:center;gap:8px;margin-top:7px}.media-preview:empty{display:none}.media-preview img,.media-preview video{width:100px;height:72px;border:1px solid #b7c8d2;border-radius:5px;background:#17242b;object-fit:contain}.media-preview-info{font-size:.64rem;color:#607682}.media-preview .danger{display:block;margin-top:4px}
.group-manager{position:absolute;z-index:15;top:58px;right:0;bottom:0;width:min(390px,100%);overflow:auto;padding:12px;border-left:1px solid #aebfca;background:#fff;box-shadow:-8px 0 24px #19374724}.group-manager>header{display:flex;align-items:center;justify-content:space-between}.group-manager h3{margin:0;color:#204f6d;font-size:.88rem}.group-manager form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:7px;margin-top:10px;padding:9px;border:1px solid #c7d6de;border-radius:6px;background:#f6f9fa}.group-manager form .form-status{grid-column:1/-1}.group-member-list{margin-top:10px;border:1px solid #c7d6de;border-radius:6px;overflow:hidden}.group-member{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid #d7e1e6;font-size:.68rem}.group-member:last-child{border-bottom:0}.group-member strong{color:#285a78}.group-member small{margin-left:5px;color:#7a6a34}.group-danger{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #d3dde2}.danger{color:#a63730!important}
.gypes-chat-page [hidden]{display:none!important}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.access-panel{grid-template-columns:1fr}.access-intro{padding:4px}.messenger{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:700px){.gypes-chat-page .site-header{width:min(100% - 16px,1320px)}.gypes-chat-page .site-header nav a:nth-child(-n+2){display:none}.chat-shell{width:min(100% - 12px,1320px);margin-top:6px}.chat-titlebar{padding:12px}.chat-brand p{display:none}.chat-logo{width:40px;height:40px}.access-panel{padding:12px}.access-forms{grid-template-columns:1fr}.initial-password{grid-template-columns:1fr}.messenger{display:block;height:calc(100vh - 190px);min-height:520px}.contact-sidebar{height:100%;border-right:0}.conversation-panel{display:none;height:100%}.chat-app.conversation-open .contact-sidebar{display:none}.chat-app.conversation-open .conversation-panel{display:block}.mobile-back{display:block}.password-panel form{position:fixed;top:auto;right:8px;bottom:8px;left:8px;width:auto}.contact-lists{height:calc(100% - 137px)}.message-box{max-width:84%}.group-manager{top:58px}.initial-password>div:last-child{justify-content:flex-start}}
@media(max-width:430px){.chat-titlebar{gap:8px}.language-picker{min-width:105px}.account-bar{align-items:flex-start}.account-bar>div:last-child{display:grid;justify-items:end}.sidebar-tools form{position:fixed;top:auto;right:8px!important;bottom:8px;left:8px!important;width:auto}.message-list{padding:10px}.composer{padding:8px}.message-bubble{padding:7px 9px}.group-manager{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;border-left:0}}