/* MyJuve Live Chat v0.5 — polished MyJuve community chat interface. */
.mjlc-shell,.mjlc-shell *{box-sizing:border-box}
.mjlc-shell{--mj-bg:#f4f5f7;--mj-panel:#fff;--mj-text:#15171b;--mj-muted:#7c838d;--mj-line:#e5e7eb;--mj-line-strong:#d9dde3;--mj-dark:#101216;--mj-dark-2:#191c22;--mj-dark-3:#242830;--mj-green:#20b663;--mj-red:#d84c4c;--mj-blue:#315dca;position:relative;display:grid;grid-template-columns:214px minmax(0,1fr) 244px;height:clamp(650px,76vh,820px);min-height:650px;width:100%;overflow:hidden;background:var(--mj-bg);border:1px solid var(--mj-line);border-radius:18px;color:var(--mj-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:15px;line-height:1.45;box-shadow:0 18px 55px rgba(15,18,24,.09)}
.mjlc-shell button,.mjlc-shell textarea,.mjlc-shell input{font:inherit!important;color:inherit;letter-spacing:normal!important;text-transform:none!important;box-shadow:none}
.mjlc-shell button{appearance:none;-webkit-appearance:none;margin:0;outline:0}
.mjlc-shell img{max-width:none!important;margin:0!important}
.mjlc-shell p{margin:0!important}
.mjlc-shell [hidden]{display:none!important}

/* Left rail */
.mjlc-left{position:relative;min-width:0;overflow:hidden;background:linear-gradient(180deg,#0e1014 0%,#15181e 62%,#111318 100%);color:#fff;padding:25px 15px 18px;display:flex;flex-direction:column}
.mjlc-left:after{content:"";position:absolute;left:-35px;right:-35px;bottom:-85px;height:235px;opacity:.08;transform:rotate(-11deg);background:repeating-linear-gradient(90deg,#fff 0,#fff 34px,transparent 34px,transparent 68px);pointer-events:none}
.mjlc-brand-block,.mjlc-nav,.mjlc-left-footer{position:relative;z-index:1}
.mjlc-kicker{margin:0 3px 8px;color:#7f8792;font-size:9px;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase}
.mjlc-brand-title{max-width:165px;font-size:22px;font-weight:850;line-height:1.08;letter-spacing:-.025em}
.mjlc-online-line{display:flex;align-items:center;margin-top:11px;color:#adb3bc;font-size:11.5px;font-weight:550}
.mjlc-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--mj-green);box-shadow:0 0 0 3px rgba(32,182,99,.10)}
.mjlc-nav{display:flex;flex-direction:column;gap:6px;margin-top:27px}
.mjlc-nav button{position:relative;width:100%;min-height:48px;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#b7bdc6!important;text-align:left!important;cursor:pointer;transition:background .16s,color .16s,transform .16s}
.mjlc-nav button:not(:disabled):hover{background:#20242b!important;color:#fff!important;transform:translateX(1px)}
.mjlc-nav button.is-active{background:#262b33!important;color:#fff!important;font-weight:750}
.mjlc-nav button.is-active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#fff}
.mjlc-nav button:disabled{opacity:.43;cursor:default}
.mjlc-nav-icon{width:22px;text-align:center;color:#f1f3f5;font-size:10px}
.mjlc-nav-icon-pin{transform:rotate(45deg)}
.mjlc-nav small{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8d949e}
.mjlc-left-footer{margin-top:auto}
.mjlc-left-note{padding:19px 9px 0;border-top:1px solid rgba(255,255,255,.11);color:#f2f3f4;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-style:italic;font-weight:700;line-height:1.45}
.mjlc-left-note span{display:block}
.mjlc-left-note .mjlc-fino{margin-top:3px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.mjlc-left-domain{padding:15px 9px 0;color:#686f79;font-size:8.5px;font-weight:850;letter-spacing:.19em}

/* Main */
.mjlc-main{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}
.mjlc-topbar{flex:0 0 66px;height:66px;padding:0 17px 0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mj-line);background:rgba(255,255,255,.96)}
.mjlc-room-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.mjlc-room-title-row{display:flex;align-items:center;gap:9px}
.mjlc-room-title-row strong{font-size:16px;font-weight:850;letter-spacing:-.01em}
.mjlc-live-badge{height:20px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid #e2e5e9;border-radius:999px;background:#fafafa;color:#6e7580;font-size:8.5px;font-weight:850;letter-spacing:.08em}
.mjlc-live-badge .mjlc-dot{width:6px;height:6px;margin-right:5px;box-shadow:none}
.mjlc-room-subtitle{color:#969ca5;font-size:10.5px}
.mjlc-top-actions{display:flex;align-items:center;gap:7px}
.mjlc-refresh,.mjlc-online-mobile{height:36px;border:1px solid var(--mj-line)!important;border-radius:10px!important;background:#fff!important;color:#68707b!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.mjlc-refresh{width:36px;font-size:18px}
.mjlc-refresh:hover,.mjlc-online-mobile:hover{border-color:#cfd3d9!important;background:#f7f8f9!important;color:#17191d!important}
.mjlc-refresh:active{transform:rotate(40deg)}
.mjlc-online-mobile{display:none;width:auto;padding:0 10px!important;font-size:11px;font-weight:700}
.mjlc-online-mobile .mjlc-dot{width:7px;height:7px;margin-right:5px}

.mjlc-pinned{flex:0 0 auto;margin:13px 16px 7px;padding:11px 13px;display:flex;align-items:flex-start;gap:11px;border:1px solid #e2e5e9;border-radius:12px;background:linear-gradient(135deg,#fafbfc 0%,#f4f6f8 100%)}
.mjlc-pin-icon{flex:0 0 auto;width:27px;height:27px;margin-top:1px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#181b20;color:#fff;font-size:9px;transform:none}
.mjlc-pinned-copy{min-width:0}
.mjlc-pinned-label{display:block;margin-bottom:1px;color:#9aa0a9;font-size:8px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.mjlc-pinned strong{display:block;color:#1c1f24;font-size:13px;font-weight:820;line-height:1.32}
.mjlc-pinned p{margin-top:2px!important;overflow:hidden;color:#757d88;font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}
.mjlc-load-old{flex:0 0 auto;text-align:center;padding:1px 0 5px;background:#f7f8fa}
.mjlc-load-old button{padding:5px 9px!important;border:0!important;background:transparent!important;color:#8b929c!important;font-size:10.5px;cursor:pointer}
.mjlc-load-old button:hover{color:#181b20!important}

/* Conversation stream */
.mjlc-stream{position:relative;min-height:0;flex:1;overflow:hidden;background:#f7f8fa}
.mjlc-messages{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding:8px 14px 15px;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;scrollbar-color:#d5d9df transparent}
.mjlc-messages::-webkit-scrollbar{width:7px}.mjlc-messages::-webkit-scrollbar-thumb{background:#d5d9df;border-radius:999px}.mjlc-messages::-webkit-scrollbar-track{background:transparent}
.mjlc-message{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;padding:12px 13px;border:1px solid #e9ebee;border-radius:13px;background:#fff;box-shadow:0 1px 2px rgba(16,18,22,.025);transition:border-color .15s,box-shadow .15s,transform .15s}
.mjlc-message:hover{border-color:#dfe2e6;box-shadow:0 4px 15px rgba(16,18,22,.045)}
.mjlc-message.is-own{border-left-color:#bfc4cb}
.mjlc-avatar-wrap{position:relative;width:44px;height:44px}
.mjlc-avatar{display:block;width:44px!important;height:44px!important;border:1px solid #e4e6e9;border-radius:50%!important;background:#eceef1;object-fit:cover}
.mjlc-presence-mini{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--mj-green)}
.mjlc-message-content{position:relative;min-width:0;max-width:980px}
.mjlc-message-head{min-width:0;min-height:20px;display:flex;align-items:center;gap:7px}
.mjlc-author{min-width:0;max-width:46%;overflow:hidden;color:#17191d;font-size:13.5px;font-weight:850;white-space:nowrap;text-overflow:ellipsis}
.mjlc-role{flex:0 0 auto;padding:2px 7px;border:1px solid #e7e9ec;border-radius:999px;background:#f5f6f7;color:#7b828c;font-size:9px;font-weight:750;white-space:nowrap}
.mjlc-role.admin{border-color:#f3dede;background:#fff2f2;color:#c74a4a}.mjlc-role.moderator{border-color:#d8eee1;background:#edf9f1;color:#2d8b54}
.mjlc-time{margin-left:auto;color:#a5aab2;font-size:10px;white-space:nowrap}
.mjlc-message.edited .mjlc-time:after{content:' · изм.'}
.mjlc-message-text{max-width:820px;margin-top:3px;color:#262a30;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.mjlc-message-text a{color:var(--mj-blue);text-decoration:none}.mjlc-message-text a:hover{text-decoration:underline}
.mjlc-reply-quote{max-width:720px;margin:6px 0 5px;padding:6px 9px;border-left:3px solid #c3c7ce;border-radius:0 7px 7px 0;background:#f6f7f8;color:#777f89;font-size:11px;line-height:1.4}
.mjlc-reply-quote strong{display:block;margin-bottom:1px;color:#33373d;font-size:11px}

.mjlc-actions{min-height:27px;margin-top:7px;display:flex;align-items:center;justify-content:flex-start;gap:9px}
.mjlc-reaction-zone{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}
.mjlc-message-tools{position:relative;display:flex;align-items:center;gap:2px;margin-left:3px}
.mjlc-reaction,.mjlc-add-reaction,.mjlc-text-action,.mjlc-more-toggle{height:27px;border-radius:999px!important;border:1px solid #e5e7ea!important;background:#fff!important;color:#68707a!important;padding:0 8px!important;font-size:11px;line-height:25px;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .12s}
.mjlc-reaction:hover,.mjlc-add-reaction:hover{border-color:#d4d8de!important;background:#f6f7f8!important;transform:translateY(-1px)}
.mjlc-reaction.mine{border-color:#c9ced5!important;background:#eef0f3!important;color:#1f2328!important;font-weight:700}
.mjlc-add-reaction{width:27px;padding:0!important;color:#9299a3!important;font-size:15px}
.mjlc-text-action{border:0!important;background:transparent!important;padding:0 6px!important;color:#747c87!important;font-weight:650}
.mjlc-text-action:hover{color:#17191d!important}
.mjlc-more-toggle{width:27px;border:0!important;background:transparent!important;padding:0!important;color:#8b929c!important;font-size:14px;letter-spacing:1px}
.mjlc-more-toggle:hover{background:#f2f4f6!important;color:#202329!important}
.mjlc-more-menu{position:absolute;right:0;bottom:30px;z-index:12;width:138px;padding:5px;border:1px solid #e2e5e9;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.mjlc-more-menu button{display:block;width:100%;padding:7px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#3f454e!important;font-size:11.5px;text-align:left!important;cursor:pointer}
.mjlc-more-menu button:hover{background:#f3f5f7!important}.mjlc-more-menu button[data-delete]{color:#b84040!important}
.mjlc-reaction-picker{position:absolute;left:0;bottom:31px;z-index:11;display:flex;gap:2px;padding:5px;border:1px solid #e2e5e9;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.mjlc-reaction-picker button{width:31px;height:31px;border:0!important;border-radius:8px!important;background:transparent!important;font-size:17px;cursor:pointer}.mjlc-reaction-picker button:hover{background:#f2f4f6!important;transform:translateY(-1px)}
.mjlc-new-divider{display:flex;align-items:center;gap:10px;margin:7px 4px;color:#9097a0;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.mjlc-new-divider:before,.mjlc-new-divider:after{content:"";height:1px;flex:1;background:#dfe2e6}
.mjlc-new-button{position:absolute;right:18px;bottom:13px;z-index:9;padding:8px 12px!important;border:0!important;border-radius:999px!important;background:#171a1f!important;color:#fff!important;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.mjlc-empty{margin:auto!important;padding:38px 12px!important;color:#9198a2;font-size:12.5px;text-align:center}.mjlc-empty:before{content:"MYJUVE";display:block;margin-bottom:8px;color:#d1d5da;font-size:10px;font-weight:900;letter-spacing:.18em}
.mjlc-error{margin:7px 0!important;padding:8px 10px!important;border:1px solid #ffd5d5;border-radius:9px;background:#fff2f2;color:#a53636;font-size:11px}

/* Composer */
.mjlc-composer-wrap{flex:0 0 auto;padding:10px 13px 11px;border-top:1px solid var(--mj-line);background:#fff}
.mjlc-reply-preview{max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px 52px;padding:7px 10px;border-left:3px solid #202329;border-radius:0 8px 8px 0;background:#f5f6f8}
.mjlc-reply-preview-copy{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:0 7px;align-items:center}.mjlc-reply-label{grid-row:1/3;color:#8d949e;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mjlc-reply-preview strong{font-size:10.5px}.mjlc-reply-preview [data-reply-text]{min-width:0;overflow:hidden;color:#747c87;font-size:10.5px;white-space:nowrap;text-overflow:ellipsis}.mjlc-reply-preview>button{flex:0 0 auto;width:27px;height:27px;border:0!important;border-radius:7px!important;background:transparent!important;color:#7a818b!important;font-size:18px;cursor:pointer}.mjlc-reply-preview>button:hover{background:#e8ebee!important;color:#111!important}
.mjlc-composer{margin:0}.mjlc-composer-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}.mjlc-composer-avatar-wrap{position:relative;width:40px;height:40px}.mjlc-composer-avatar{display:block;width:40px!important;height:40px!important;border:1px solid #e2e5e8;border-radius:50%!important;object-fit:cover}.mjlc-composer-status{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--mj-green)}
.mjlc-composer-box{position:relative;min-height:52px;display:grid;grid-template-columns:39px minmax(0,1fr) 44px;align-items:end;border:1px solid #dfe2e6;border-radius:13px;background:#fafbfc;transition:border-color .15s,background .15s,box-shadow .15s}
.mjlc-composer-box:focus-within{border-color:#bec4cc;background:#fff;box-shadow:0 0 0 3px rgba(20,23,28,.04)}
.mjlc-emoji-toggle{align-self:center;width:32px;height:32px;margin-left:4px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#6f7782!important;font-size:20px;line-height:30px;cursor:pointer}.mjlc-emoji-toggle:hover{background:#eef0f2!important;color:#202329!important}
.mjlc-composer textarea{display:block;width:100%!important;height:50px!important;min-height:50px!important;max-height:120px;margin:0!important;padding:14px 58px 10px 0!important;overflow-y:auto!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;color:#22262c!important;font:inherit!important;font-size:14.5px!important;line-height:1.45!important;resize:none!important;box-shadow:none!important}.mjlc-composer textarea::placeholder{color:#a0a6ae}
.mjlc-counter{position:absolute;right:56px;bottom:5px;color:#aeb4bc;font-size:8px;pointer-events:none;opacity:0;transition:opacity .15s}.mjlc-composer-box:focus-within .mjlc-counter{opacity:1}
.mjlc-send{align-self:center;width:36px;height:36px;margin-right:5px!important;border:0!important;border-radius:10px!important;background:#15181d!important;color:#fff!important;font-size:16px;line-height:36px;cursor:pointer;transition:background .15s,transform .12s}.mjlc-send:hover{background:#2a2e35!important;transform:translateY(-1px)}.mjlc-send:disabled{opacity:.42;cursor:default;transform:none}
.mjlc-composer-hint{padding:5px 0 0 50px;color:#9ca2ab;font-size:9px}
.mjlc-emoji-picker{position:absolute;left:4px;bottom:54px;z-index:15;width:198px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:6px;border:1px solid #e1e4e8;border-radius:11px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.14)}.mjlc-emoji-picker button{height:29px;border:0!important;border-radius:7px!important;background:transparent!important;font-size:16px;cursor:pointer}.mjlc-emoji-picker button:hover{background:#f2f4f6!important}
.mjlc-login-box{padding:12px;border:1px solid #e1e4e8;border-radius:11px;background:#f7f8fa;color:#666e79;font-size:12px;text-align:center}.mjlc-login-box a{color:#222;font-weight:750;text-decoration:none}

/* Right panel */
.mjlc-right{min-width:0;padding:13px 12px;overflow-y:auto;border-left:1px solid var(--mj-line);background:#f1f3f5}
.mjlc-right-mobile-head{display:none}.mjlc-card{margin:0 0 11px;padding:13px;border:1px solid #e1e4e8;border-radius:13px;background:#fff;box-shadow:0 1px 3px rgba(16,18,22,.025)}
.mjlc-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px}.mjlc-card-title{display:flex;align-items:center}.mjlc-card-title .mjlc-dot{width:7px;height:7px;margin-right:7px}.mjlc-card-head strong{font-size:12.5px;font-weight:850}.mjlc-count-badge{min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#181b20;color:#fff!important;font-size:9px!important;font-weight:800}
.mjlc-users{margin-top:11px;display:flex;flex-direction:column;gap:8px}.mjlc-user{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) 8px;gap:8px;align-items:center;padding:3px 0}.mjlc-user.is-current{padding:6px;border-radius:9px;background:#f6f7f8}.mjlc-user img{display:block;width:36px!important;height:36px!important;border:1px solid #e5e7ea;border-radius:50%!important;object-fit:cover}.mjlc-user-name{overflow:hidden;color:#25292f;font-size:11.5px;font-weight:800;line-height:1.15;white-space:nowrap;text-overflow:ellipsis}.mjlc-user-role{display:inline-block;margin-top:3px;padding:1px 5px;border-radius:999px;background:#f1f3f5;color:#9299a2;font-size:8.5px;line-height:1.35}.mjlc-user-role.admin{background:#fff0f0;color:#c44a4a}.mjlc-user-role.moderator{background:#edf8f1;color:#318a57}.mjlc-user-dot{width:7px;height:7px;border-radius:50%;background:var(--mj-green)}
.mjlc-rule-list{margin-top:10px;display:flex;flex-direction:column;gap:9px}.mjlc-rule-list>div{display:grid;grid-template-columns:23px minmax(0,1fr);gap:7px;align-items:start}.mjlc-rule-list span{padding-top:1px;color:#c0c5cc;font-size:8px;font-weight:900;letter-spacing:.05em}.mjlc-rule-list p{color:#737b86;font-size:10.5px;line-height:1.38}
.mjlc-community-card{padding:14px 13px;border:1px solid #252930;border-radius:13px;background:linear-gradient(145deg,#15181d,#21252c);color:#fff}.mjlc-community-card>span{display:block;color:#7d858f;font-size:8px;font-weight:900;letter-spacing:.17em}.mjlc-community-card strong{display:block;margin-top:8px;font-size:13px;font-weight:850}.mjlc-community-card p{margin-top:4px!important;color:#abb1ba;font-size:10.5px;line-height:1.45}.mjlc-panel-backdrop{display:none}

/* Newspaper/tagDiv isolation */
.mjlc-shell .mjlc-composer textarea{width:100%!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;overflow-y:auto!important}.mjlc-shell .mjlc-composer textarea:not([style]){height:50px!important}

@media(min-width:1081px){.mjlc-main{min-width:640px}}
@media(max-width:1200px){.mjlc-shell{grid-template-columns:202px minmax(0,1fr) 228px}.mjlc-left{padding-left:12px;padding-right:12px}.mjlc-right{padding:11px 10px}.mjlc-message-text{max-width:670px}}
@media(max-width:1080px){.mjlc-shell{grid-template-columns:195px minmax(0,1fr)}.mjlc-right{display:none;position:absolute;top:0;right:0;bottom:0;z-index:30;width:280px;border-left:1px solid var(--mj-line);box-shadow:-12px 0 34px rgba(0,0,0,.12)}.mjlc-shell.is-users-open .mjlc-right{display:block}.mjlc-right-mobile-head{height:45px;margin:-2px 0 8px;display:flex;align-items:center;justify-content:space-between}.mjlc-right-mobile-head strong{font-size:13px}.mjlc-right-mobile-head button{width:30px;height:30px;border:0!important;border-radius:8px!important;background:#fff!important;font-size:20px;cursor:pointer}.mjlc-online-mobile{display:inline-flex}.mjlc-panel-backdrop{position:absolute;inset:0;z-index:29;border:0!important;background:rgba(13,15,18,.38)!important}.mjlc-shell.is-users-open .mjlc-panel-backdrop{display:block!important}}
@media(max-width:760px){.mjlc-shell{display:block;height:clamp(620px,83vh,780px);min-height:620px;border-radius:13px}.mjlc-left{display:none}.mjlc-main{height:100%}.mjlc-topbar{height:58px;flex-basis:58px;padding:0 10px 0 13px}.mjlc-room-title-row strong{font-size:14px}.mjlc-live-badge{height:18px;font-size:7.5px}.mjlc-room-subtitle{font-size:9.5px}.mjlc-pinned{margin:9px 9px 5px;padding:8px 9px}.mjlc-pin-icon{width:24px;height:24px}.mjlc-pinned-label{font-size:7px}.mjlc-pinned strong{font-size:11px}.mjlc-pinned p{max-width:calc(100vw - 110px);font-size:9.5px}.mjlc-load-old{padding-bottom:3px}.mjlc-messages{padding:5px 8px 9px;gap:5px}.mjlc-message{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:9px 9px;border-radius:10px}.mjlc-avatar-wrap,.mjlc-avatar{width:36px!important;height:36px!important}.mjlc-author{max-width:55%;font-size:12px}.mjlc-role{display:none}.mjlc-message-text{font-size:13px}.mjlc-time{font-size:9px}.mjlc-actions{gap:4px}.mjlc-reaction,.mjlc-add-reaction,.mjlc-text-action{height:24px;font-size:10px}.mjlc-composer-wrap{padding:7px 8px 8px}.mjlc-reply-preview{margin-left:0}.mjlc-composer-row{grid-template-columns:32px minmax(0,1fr);gap:7px}.mjlc-composer-avatar-wrap,.mjlc-composer-avatar{width:32px!important;height:32px!important}.mjlc-composer-box{grid-template-columns:34px minmax(0,1fr) 39px}.mjlc-composer textarea{padding-top:12px!important;font-size:13px!important}.mjlc-composer-hint{display:none}.mjlc-counter{display:none}.mjlc-send{width:33px;height:33px;margin-right:3px!important}.mjlc-new-button{right:10px;bottom:9px}.mjlc-right{width:min(84vw,300px)}}
@media(max-width:430px){.mjlc-room-subtitle{display:none}.mjlc-message-head{gap:5px}.mjlc-message-tools .mjlc-text-action{padding:0 4px!important}.mjlc-reaction-zone{gap:3px}.mjlc-reaction{padding:0 6px!important}.mjlc-composer-avatar-wrap{display:none}.mjlc-composer-row{display:block}.mjlc-reply-preview{margin-left:0}}

/* --------------------------------------------------------------------------
   v0.5.0 — visual polishing
   -------------------------------------------------------------------------- */
.mjlc-shell{--mj-soft:#f7f8fa;--mj-ink:#111318;--mj-accent:#111318;grid-template-columns:208px minmax(0,1fr) 250px;height:clamp(630px,74vh,790px);min-height:630px;border-color:#e3e6ea;border-radius:17px;box-shadow:0 20px 58px rgba(20,23,28,.08)}

/* Left rail: cleaner, less dominant */
.mjlc-left{padding:24px 14px 17px;background:linear-gradient(180deg,#0f1115 0%,#15181d 68%,#121419 100%)}
.mjlc-left:after{left:-58px;right:-58px;bottom:-108px;height:250px;opacity:.045;transform:rotate(-10deg);background:repeating-linear-gradient(90deg,#fff 0,#fff 29px,transparent 29px,transparent 61px)}
.mjlc-kicker{color:#858d98;font-size:8.5px;letter-spacing:.18em}
.mjlc-brand-title{font-size:21px;line-height:1.05}
.mjlc-online-line{margin-top:10px;color:#b2b8c1;font-size:11px}
.mjlc-nav{margin-top:25px;gap:0}
.mjlc-nav button{min-height:47px;border-radius:12px!important}
.mjlc-nav button.is-active{background:linear-gradient(180deg,#292e36,#242930)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.mjlc-nav button.is-active:before{top:11px;bottom:11px;width:3px}
.mjlc-left-note{font-size:15px;line-height:1.43}
.mjlc-fino{margin-top:5px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px!important;letter-spacing:.12em}
.mjlc-left-domain{margin-top:14px;color:#68707b;font-size:8px;letter-spacing:.16em}

/* Room header */
.mjlc-topbar{height:64px;flex-basis:64px;padding:0 16px 0 18px;background:rgba(255,255,255,.98)}
.mjlc-room-title-row strong{font-size:15.5px;letter-spacing:-.015em}
.mjlc-room-subtitle{display:flex;align-items:center;margin-top:3px;color:#9299a3;font-size:10px;font-weight:550}
.mjlc-room-subtitle .mjlc-dot{width:6px;height:6px;margin-right:6px;box-shadow:none}
.mjlc-refresh{width:34px;height:34px;border-color:#e2e5e9!important;border-radius:10px!important;background:#fff!important;color:#66707a!important;transition:background .15s,border-color .15s,color .15s,transform .15s}
.mjlc-refresh:hover{border-color:#d3d7dd!important;background:#f7f8f9!important;color:#171a1f!important;transform:rotate(15deg)}

/* Pinned message */
.mjlc-pinned{margin:12px 14px 6px;padding:10px 12px;border-color:#e1e4e8;border-radius:12px;background:linear-gradient(180deg,#fafbfc,#f5f7f9);box-shadow:0 1px 2px rgba(15,18,22,.025)}
.mjlc-pin-icon{width:29px;height:29px;border-radius:9px;background:#171a1f;color:#fff;font-size:8px;box-shadow:0 3px 8px rgba(17,19,24,.12)}
.mjlc-pinned-label{color:#969da6;font-size:7.5px;letter-spacing:.12em}
.mjlc-pinned strong{margin-top:1px;font-size:12.5px}
.mjlc-pinned p{margin-top:1px!important;color:#717985;font-size:10.5px}
.mjlc-load-old{padding:3px 0 4px}
.mjlc-load-old button{color:#8b929c!important;font-size:10px}
.mjlc-load-old button:hover{color:#25292f!important}

/* Conversation surface */
.mjlc-stream{position:relative;background:
  radial-gradient(circle at 50% 44%,rgba(255,255,255,.92) 0,rgba(255,255,255,.50) 34%,rgba(247,248,250,.12) 68%),
  linear-gradient(180deg,#f8f9fa 0%,#f4f6f8 100%)}
.mjlc-stream:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(20,24,30,.018) 1px,transparent 1px);background-size:100% 44px}
.mjlc-messages{position:relative;z-index:2;padding:8px 13px 18px;gap:7px;scrollbar-width:thin;scrollbar-color:#d7dbe0 transparent}
.mjlc-messages::-webkit-scrollbar{width:8px}.mjlc-messages::-webkit-scrollbar-track{background:transparent}.mjlc-messages::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;background:#d7dbe0;background-clip:padding-box}
.mjlc-message{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:12px 13px;border:1px solid #e2e5e9;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 1px 2px rgba(20,23,28,.025);transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}
.mjlc-message:hover{border-color:#d5d9df;background:#fff;box-shadow:0 5px 18px rgba(18,21,26,.055);transform:translateY(-1px)}
.mjlc-message.is-own{border-color:#d9dde2;box-shadow:inset 3px 0 0 #20242a,0 1px 2px rgba(20,23,28,.025)}
.mjlc-message.is-own:hover{box-shadow:inset 3px 0 0 #20242a,0 5px 18px rgba(18,21,26,.055)}
.mjlc-avatar-wrap,.mjlc-avatar{width:42px!important;height:42px!important}
.mjlc-avatar{border-color:#dde1e5!important;box-shadow:0 1px 3px rgba(15,18,22,.08)}
.mjlc-presence-mini{right:-1px;bottom:0;width:10px;height:10px;border-width:2px}
.mjlc-message-head{min-height:20px;gap:7px}
.mjlc-author{max-width:55%;color:#171a1f;font-size:12.5px;font-weight:850;letter-spacing:-.005em}
.mjlc-role{height:18px;display:inline-flex;align-items:center;padding:0 6px;border-radius:999px;background:#f0f2f4;color:#7e858e;font-size:7.5px;font-weight:850;line-height:18px;letter-spacing:.025em;text-transform:uppercase}
.mjlc-role.admin{background:#fff0f1;color:#ca4c55}.mjlc-role.moderator{background:#edf8f1;color:#34885a}
.mjlc-edited-label{color:#afb5bd;font-size:8.5px;font-style:italic}
.mjlc-time{margin-left:auto;color:#a1a8b1;font-size:9.5px;font-variant-numeric:tabular-nums}
.mjlc-message-text{max-width:760px;margin-top:3px;color:#2a2e34;font-size:13.5px;line-height:1.5}
.mjlc-reply-quote{margin:5px 0 5px;padding:6px 9px;border-left:3px solid #30343a;border-radius:0 8px 8px 0;background:#f4f6f8;color:#727a85;font-size:10.5px;line-height:1.35}
.mjlc-reply-quote strong{display:block;margin-bottom:1px;color:#33383f;font-size:10px}
.mjlc-actions{min-height:27px;margin-top:7px;gap:8px}
.mjlc-reaction-zone{gap:5px}
.mjlc-reaction,.mjlc-add-reaction{height:27px;border-color:#e2e5e9!important;border-radius:999px!important;background:#f8f9fa!important;color:#525a64!important;font-size:10.5px;transition:background .14s,border-color .14s,transform .14s}
.mjlc-reaction{padding:0 9px!important}.mjlc-reaction span{font-size:9.5px;font-weight:750}
.mjlc-reaction:hover,.mjlc-add-reaction:hover{border-color:#d1d6dc!important;background:#fff!important;transform:translateY(-1px)}
.mjlc-reaction.mine{border-color:#cfd5dc!important;background:#eef1f4!important;color:#1f242a!important}
.mjlc-add-reaction{width:28px;padding:0!important;color:#7f8791!important;font-size:14px}
.mjlc-message-tools{gap:2px;opacity:.68;transition:opacity .15s}.mjlc-message:hover .mjlc-message-tools{opacity:1}
.mjlc-text-action,.mjlc-more-toggle{height:27px!important;border-radius:7px!important;color:#777f8a!important;font-size:10.5px!important}
.mjlc-text-action{padding:0 7px!important}.mjlc-text-action:hover,.mjlc-more-toggle:hover{background:#f0f2f4!important;color:#20242a!important}
.mjlc-more-toggle{width:29px!important;font-weight:800}
.mjlc-more-menu,.mjlc-reaction-picker{border-color:#dde1e6;box-shadow:0 12px 34px rgba(14,17,22,.13)}
.mjlc-new-divider{margin:8px 0;color:#9097a1;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mjlc-new-divider:before,.mjlc-new-divider:after{background:#dfe3e7}
.mjlc-new-button{z-index:7;border-radius:999px!important;box-shadow:0 5px 18px rgba(20,23,28,.16)}

/* Low-activity visual state: helps the first few messages feel intentional */
.mjlc-quiet-state{position:absolute;z-index:1;left:50%;top:59%;width:min(360px,70%);transform:translate(-50%,-50%);padding:18px 20px;text-align:center;color:#9aa1aa;pointer-events:none;user-select:none}
.mjlc-quiet-state:before{content:"";display:block;width:42px;height:1px;margin:0 auto 13px;background:#d8dce1}
.mjlc-quiet-mark{display:block;margin-bottom:7px;color:#c0c5cc;font-size:8px;font-weight:900;letter-spacing:.20em}
.mjlc-quiet-state strong{display:block;color:#7f8791;font-size:13px;font-weight:800}
.mjlc-quiet-state p{max-width:320px;margin:4px auto 0!important;color:#a0a7b0;font-size:10.5px;line-height:1.45}

/* Composer */
.mjlc-composer-wrap{padding:10px 13px 11px;border-top-color:#dfe3e7;background:#fff;box-shadow:0 -5px 18px rgba(20,23,28,.025)}
.mjlc-composer-row{grid-template-columns:39px minmax(0,1fr);gap:10px}
.mjlc-composer-avatar-wrap,.mjlc-composer-avatar{width:39px!important;height:39px!important}
.mjlc-composer-avatar{border-color:#dde1e5!important;box-shadow:0 1px 3px rgba(15,18,22,.07)}
.mjlc-composer-box{min-height:52px;border-color:#dde1e6;border-radius:14px;background:#f8f9fa;box-shadow:inset 0 1px 1px rgba(20,23,28,.015)}
.mjlc-composer-box:focus-within{border-color:#bfc5cd;background:#fff;box-shadow:0 0 0 4px rgba(24,28,34,.045),inset 0 1px 1px rgba(20,23,28,.015)}
.mjlc-emoji-toggle{color:#747c86!important}.mjlc-emoji-toggle:hover{background:#eceff2!important;color:#191c21!important}
.mjlc-composer textarea{font-size:14px!important;color:#24282e!important}.mjlc-composer textarea::placeholder{color:#a1a7af}
.mjlc-send{width:37px;height:37px;margin-right:5px!important;border-radius:11px!important;background:#15181d!important;box-shadow:0 2px 5px rgba(13,16,20,.12);transition:background .15s,transform .12s,box-shadow .15s}
.mjlc-send:hover{background:#292d34!important;box-shadow:0 4px 10px rgba(13,16,20,.16);transform:translateY(-1px)}
.mjlc-composer-hint{padding-top:4px;color:#abb1b9;font-size:8.5px}
.mjlc-reply-preview{border-left-color:#20242a;background:#f3f5f7}

/* Right rail */
.mjlc-right{padding:13px 12px;background:#f4f5f7}
.mjlc-card{margin-bottom:10px;padding:13px;border-color:#dfe3e7;border-radius:13px;box-shadow:0 2px 8px rgba(20,23,28,.035)}
.mjlc-card-head strong{font-size:12px}
.mjlc-count-badge{min-width:23px;height:23px;background:#15181d;font-size:9px!important}
.mjlc-users{gap:7px;margin-top:10px}
.mjlc-user{grid-template-columns:37px minmax(0,1fr) 8px;gap:8px;padding:4px 2px;border-radius:9px}
.mjlc-user.is-current{padding:7px;background:#f5f6f8;box-shadow:inset 2px 0 0 #22262c}
.mjlc-user img{width:37px!important;height:37px!important}
.mjlc-user-name{font-size:11.5px}.mjlc-user-role{margin-top:3px;padding:1px 5px;font-size:8px}
.mjlc-rule-list{gap:8px}.mjlc-rule-list>div{grid-template-columns:24px minmax(0,1fr)}.mjlc-rule-list p{font-size:10px;line-height:1.42}
.mjlc-community-card{padding:14px;border-color:#292d34;border-radius:13px;background:linear-gradient(145deg,#15181d 0%,#1d2127 100%);box-shadow:0 5px 16px rgba(20,23,28,.08)}
.mjlc-community-card>span{color:#7f8791}.mjlc-community-card strong{font-size:12.5px}.mjlc-community-card p{color:#aeb4bd;font-size:10px}

/* Responsive polish */
@media(max-width:1200px){.mjlc-shell{grid-template-columns:198px minmax(0,1fr) 230px}.mjlc-message-text{max-width:650px}.mjlc-quiet-state{top:61%}}
@media(max-width:1080px){.mjlc-shell{grid-template-columns:190px minmax(0,1fr)}.mjlc-right{width:284px}.mjlc-message-text{max-width:none}}
@media(max-width:760px){.mjlc-shell{height:clamp(610px,82vh,760px);min-height:610px}.mjlc-topbar{height:58px;flex-basis:58px}.mjlc-pinned{margin:8px 8px 4px}.mjlc-messages{padding:5px 7px 10px;gap:6px}.mjlc-message{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:10px 9px}.mjlc-avatar-wrap,.mjlc-avatar{width:36px!important;height:36px!important}.mjlc-message-text{font-size:13px}.mjlc-message-tools{opacity:1}.mjlc-quiet-state{display:none!important}.mjlc-composer-wrap{padding:7px 8px 8px}.mjlc-composer-row{grid-template-columns:32px minmax(0,1fr);gap:7px}.mjlc-composer-avatar-wrap,.mjlc-composer-avatar{width:32px!important;height:32px!important}}

.mjlc-message.edited .mjlc-time:after{content:none!important}


/* --------------------------------------------------------------------------
   v0.5.1 — typography, readability and emoji-palette fixes
   -------------------------------------------------------------------------- */
.mjlc-shell{
  --mj-font-body:"Fira Sans",Arial,Helvetica,sans-serif;
  --mj-font-display:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  font-family:var(--mj-font-body)!important;
  font-size:15.5px;
  line-height:1.48;
}

/* Use the site's two core typefaces instead of a generic system stack. */
.mjlc-brand-title,
.mjlc-kicker,
.mjlc-nav button,
.mjlc-left-note,
.mjlc-left-note .mjlc-fino,
.mjlc-left-domain,
.mjlc-room-title-row strong,
.mjlc-pinned-label,
.mjlc-pinned strong,
.mjlc-author,
.mjlc-role,
.mjlc-card-head strong,
.mjlc-count-badge,
.mjlc-user-name,
.mjlc-community-card>span,
.mjlc-community-card strong,
.mjlc-quiet-mark,
.mjlc-quiet-state strong{
  font-family:var(--mj-font-display)!important;
}
.mjlc-left-note{font-style:italic}

/* Left rail — fix "1онлайн" collision and improve legibility. */
.mjlc-kicker{font-size:10px;line-height:1.15}
.mjlc-brand-title{font-size:24px;line-height:1.03}
.mjlc-online-line{gap:7px;margin-top:11px;font-size:12.5px;line-height:1.25}
.mjlc-online-line .mjlc-dot{margin-right:0}
.mjlc-online-copy{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
.mjlc-online-copy strong{font-family:var(--mj-font-body)!important;font-size:12.5px;font-weight:700;color:#d9dde2}
.mjlc-nav button{font-size:15px}
.mjlc-nav-icon{font-size:11px}
.mjlc-left-note{font-size:16px;line-height:1.42}
.mjlc-left-note .mjlc-fino{font-size:12px!important;line-height:1.3}
.mjlc-left-domain{font-size:10px}

/* Header and pinned content — remove the tiny-text feeling. */
.mjlc-room-title-row strong{font-size:18px}
.mjlc-room-subtitle{font-size:12px;line-height:1.35}
.mjlc-pinned-label{font-size:9.5px}
.mjlc-pinned strong{font-size:15px;line-height:1.32}
.mjlc-pinned p{font-size:12.5px;line-height:1.42}
.mjlc-load-old button{font-size:12px}

/* Message typography. */
.mjlc-author{font-size:15px}
.mjlc-role{height:20px;padding:0 7px;font-size:9.5px;line-height:20px}
.mjlc-edited-label{font-size:10px}
.mjlc-time{font-size:11px}
.mjlc-message-text{font-size:15px;line-height:1.52}
.mjlc-reply-quote{font-size:12px;line-height:1.42}
.mjlc-reply-quote strong{font-size:11.5px}
.mjlc-reaction,.mjlc-add-reaction{font-size:12px}
.mjlc-reaction span{font-size:11px}
.mjlc-text-action,.mjlc-more-toggle{font-size:12px!important}
.mjlc-more-menu button{font-size:12.5px}
.mjlc-new-divider{font-size:10.5px}
.mjlc-new-button{font-size:12px}

/* Quiet state and system text. */
.mjlc-quiet-mark{font-size:10px}
.mjlc-quiet-state strong{font-size:15px}
.mjlc-quiet-state p{font-size:12px;line-height:1.5}
.mjlc-error{font-size:12.5px}

/* Composer readability. */
.mjlc-composer textarea{font-family:var(--mj-font-body)!important;font-size:15px!important}
.mjlc-counter{font-size:10px}
.mjlc-composer-hint{font-size:10.5px;line-height:1.35}
.mjlc-reply-label{font-size:9.5px}
.mjlc-reply-preview strong,.mjlc-reply-preview [data-reply-text]{font-size:12px}
.mjlc-login-box{font-size:13px}

/* Emoji palette: fixed cell sizes + explicit emoji font prevents clipping. */
.mjlc-composer-row,.mjlc-composer-box{overflow:visible}
.mjlc-emoji-toggle,
.mjlc-emoji-picker button,
.mjlc-reaction-picker button{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}
.mjlc-emoji-picker{
  left:0;
  bottom:58px;
  width:auto;
  max-width:calc(100vw - 48px);
  grid-template-columns:repeat(6,36px);
  gap:4px;
  padding:8px;
  overflow:visible;
  border-radius:13px;
}
.mjlc-emoji-picker button{
  width:36px;
  height:36px;
  padding:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:19px!important;
  line-height:1!important;
}
.mjlc-reaction-picker{gap:3px;padding:7px}
.mjlc-reaction-picker button{width:34px;height:34px;font-size:19px!important}

/* Right rail — all supporting text remains comfortably readable. */
.mjlc-card-head strong{font-size:14px}
.mjlc-count-badge{font-size:10.5px!important}
.mjlc-user-name{font-size:13px;line-height:1.2}
.mjlc-user-role{font-size:10px;line-height:1.35}
.mjlc-rule-list span{font-size:9.5px}
.mjlc-rule-list p{font-size:11.5px;line-height:1.48}
.mjlc-community-card>span{font-size:9.5px}
.mjlc-community-card strong{font-size:14px}
.mjlc-community-card p{font-size:11.5px;line-height:1.5}

@media(max-width:760px){
  .mjlc-room-title-row strong{font-size:16px}
  .mjlc-room-subtitle{font-size:11px}
  .mjlc-pinned-label{font-size:9px}
  .mjlc-pinned strong{font-size:13.5px}
  .mjlc-pinned p{font-size:11.5px}
  .mjlc-author{font-size:13.5px}
  .mjlc-message-text{font-size:14px}
  .mjlc-time{font-size:10px}
  .mjlc-text-action,.mjlc-more-toggle{font-size:11px!important}
  .mjlc-composer textarea{font-size:14px!important}
  .mjlc-emoji-picker{grid-template-columns:repeat(4,36px);bottom:56px}
}

/* --------------------------------------------------------------------------
   v0.6.0 — communication layer: mentions, unread, typing, search, reply jumps
   -------------------------------------------------------------------------- */
.mjlc-nav-mentions .mjlc-nav-icon{font-size:14px;font-weight:800}
.mjlc-nav-count{min-width:22px;height:20px!important;padding:0 6px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:#16191e!important;font-size:10px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important}

.mjlc-icon-action{position:relative;width:36px;height:36px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mj-line)!important;border-radius:10px!important;background:#fff!important;color:#68707b!important;font-family:var(--mj-font-display)!important;font-size:20px!important;line-height:1!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.mjlc-icon-action:hover{border-color:#cfd3d9!important;background:#f7f8f9!important;color:#17191d!important}
.mjlc-at-symbol{font-size:17px;font-weight:800}
.mjlc-action-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#171a1f;color:#fff;font-size:9px;font-weight:800;line-height:1}
.mjlc-unread-pill{height:32px;padding:0 11px!important;border:1px solid #dce1e6!important;border-radius:999px!important;background:#f2f4f6!important;color:#343a42!important;font-size:11.5px!important;font-weight:700!important;cursor:pointer}
.mjlc-unread-pill:hover{background:#e9edf1!important;color:#171a1f!important}

/* Overlay panels intentionally do not consume the chat stream height. */
.mjlc-search-panel,.mjlc-notifications-panel{position:absolute;z-index:40;left:12px;right:12px;top:72px;border:1px solid #dfe3e7;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(13,17,22,.16)}
.mjlc-search-panel{padding:10px;max-height:430px}
.mjlc-search-box{height:44px;display:grid;grid-template-columns:24px minmax(0,1fr) 32px;align-items:center;gap:7px;padding:0 8px 0 12px;border:1px solid #e0e4e8;border-radius:11px;background:#f7f8fa;color:#87909a}
.mjlc-search-box input{width:100%!important;height:40px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#23282f!important;font-family:var(--mj-font-body)!important;font-size:14px!important}
.mjlc-search-box input::placeholder{color:#9da4ad}
.mjlc-search-box button{width:30px;height:30px;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#8d949d!important;font-size:20px!important;cursor:pointer}
.mjlc-search-results{max-height:350px;margin-top:8px;overflow:auto}
.mjlc-search-empty{padding:18px;text-align:center;color:#9aa1aa;font-size:12.5px}
.mjlc-search-result{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:9px 10px!important;border:0!important;border-radius:10px!important;background:#fff!important;text-align:left!important;cursor:pointer}
.mjlc-search-result:hover{background:#f4f6f8!important}
.mjlc-search-result img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover}
.mjlc-search-result>span{min-width:0;display:block}
.mjlc-search-result strong{display:flex;justify-content:space-between;gap:10px;color:#1e2329;font-family:var(--mj-font-display)!important;font-size:13px;font-style:normal}
.mjlc-search-result strong small{color:#a2a8b0;font-family:var(--mj-font-body)!important;font-size:10px;font-weight:500}
.mjlc-search-result em{display:block;margin-top:2px;overflow:hidden;color:#68717b;font-size:12px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}

.mjlc-notifications-panel{max-width:520px;left:auto;right:12px;overflow:hidden}
.mjlc-notifications-head{min-height:58px;padding:10px 12px 10px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6e8eb}
.mjlc-notifications-head>div:first-child{display:flex;flex-direction:column;gap:2px}
.mjlc-notifications-head strong{font-family:var(--mj-font-display)!important;font-size:15px}
.mjlc-notifications-head span{color:#939aa4;font-size:10.5px}
.mjlc-notification-head-actions{display:flex;align-items:center;gap:5px}
.mjlc-notification-head-actions button{height:30px;padding:0 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#7d858f!important;font-size:11px!important;cursor:pointer}
.mjlc-notification-head-actions button:hover{background:#f2f4f6!important;color:#22272d!important}
.mjlc-notifications-list{max-height:350px;overflow:auto;padding:6px}
.mjlc-notification-item{position:relative;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:9px 10px!important;border:0!important;border-radius:10px!important;background:#fff!important;text-align:left!important;cursor:pointer}
.mjlc-notification-item:hover{background:#f4f6f8!important}
.mjlc-notification-item.is-unread{background:#f6f8fa!important}
.mjlc-notification-item.is-unread:before{content:"";position:absolute;left:3px;top:50%;width:5px;height:5px;border-radius:50%;background:#20b663;transform:translateY(-50%)}
.mjlc-notification-item img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover}
.mjlc-notification-item>span{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px}
.mjlc-notification-item strong{grid-column:1;color:#22272d;font-family:var(--mj-font-display)!important;font-size:13px}
.mjlc-notification-item em{grid-column:1/3;margin-top:1px;overflow:hidden;color:#6e7680;font-size:11.5px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.mjlc-notification-item small{grid-column:2;grid-row:1;color:#a5abb3;font-size:9.5px}

/* Message navigation and unread/date separators */
.mjlc-date-divider{display:flex;align-items:center;gap:10px;margin:7px 0 2px;color:#8e96a0;font-family:var(--mj-font-display)!important;font-size:10.5px;font-weight:700;text-align:center}
.mjlc-date-divider:before,.mjlc-date-divider:after{content:"";height:1px;flex:1;background:#e1e4e8}
.mjlc-unread-divider{display:flex;align-items:center;gap:10px;margin:8px 0;color:#49515b;font-family:var(--mj-font-display)!important;font-size:10.5px;font-weight:800;text-align:center}
.mjlc-unread-divider:before,.mjlc-unread-divider:after{content:"";height:1px;flex:1;background:#cfd5db}
.mjlc-unread-divider span{padding:3px 9px;border-radius:999px;background:#eef1f4}
.mjlc-message.is-highlighted{border-color:#aeb5bd!important;box-shadow:0 0 0 3px rgba(32,38,45,.08),0 8px 26px rgba(20,24,30,.08)!important;animation:mjlcPulse 1.5s ease}
@keyframes mjlcPulse{0%,100%{background:#fff}35%{background:#f0f4f7}}

/* Reply quote is now an actionable jump target. */
.mjlc-reply-quote{display:block!important;width:min(720px,100%)!important;text-align:left!important;border-top:0!important;border-right:0!important;border-bottom:0!important;cursor:pointer!important}
.mjlc-reply-quote:hover{background:#eef1f4!important}
.mjlc-reply-quote span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* @mentions */
.mjlc-mention{display:inline!important;padding:0 3px!important;border:0!important;border-radius:4px!important;background:#edf2f7!important;color:#315dca!important;font:inherit!important;font-weight:700!important;line-height:inherit!important;cursor:pointer!important;vertical-align:baseline}
.mjlc-mention:hover{background:#e2e9f1!important;color:#2449a3!important}
.mjlc-mention-picker{position:absolute;z-index:60;left:42px;bottom:58px;width:min(330px,calc(100vw - 80px));max-height:280px;overflow:auto;padding:5px;border:1px solid #dce1e6;border-radius:12px;background:#fff;box-shadow:0 14px 36px rgba(14,18,23,.16)}
.mjlc-mention-picker button{width:100%;min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:6px 8px!important;border:0!important;border-radius:8px!important;background:#fff!important;text-align:left!important;cursor:pointer}
.mjlc-mention-picker button:hover,.mjlc-mention-picker button.is-active{background:#f1f4f6!important}
.mjlc-mention-picker img{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover}
.mjlc-mention-picker span{min-width:0;display:flex;flex-direction:column}
.mjlc-mention-picker strong{overflow:hidden;color:#22272d;font-family:var(--mj-font-display)!important;font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}
.mjlc-mention-picker small{overflow:hidden;color:#8a929c;font-size:10.5px;white-space:nowrap;text-overflow:ellipsis}

/* Typing indicator */
.mjlc-typing{flex:0 0 29px;height:29px;padding:0 15px;display:flex;align-items:center;gap:8px;border-top:1px solid #e3e6ea;background:#fbfcfd;color:#8a929c;font-size:11px}
.mjlc-typing-dots{display:inline-flex;align-items:center;gap:3px}
.mjlc-typing-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#737c87;animation:mjlcTyping 1.1s infinite ease-in-out}
.mjlc-typing-dots i:nth-child(2){animation-delay:.14s}.mjlc-typing-dots i:nth-child(3){animation-delay:.28s}
@keyframes mjlcTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}

/* Reaction participant tooltip */
.mjlc-reaction-users{position:absolute;z-index:80;left:50%;bottom:34px;width:230px;padding:8px 10px;border:1px solid #dce0e5;border-radius:9px;background:#171a1f;color:#fff;box-shadow:0 10px 26px rgba(12,15,19,.20);transform:translateX(-50%);pointer-events:none;text-align:left;white-space:normal}
.mjlc-reaction-users:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#171a1f;transform:translateX(-50%) rotate(45deg)}
.mjlc-reaction-users strong{position:relative;z-index:1;display:block;margin-bottom:2px;color:#fff;font-family:var(--mj-font-display)!important;font-size:10px}
.mjlc-reaction-users span{position:relative;z-index:1;display:block;color:#c6cbd2!important;font-family:var(--mj-font-body)!important;font-size:10.5px!important;font-weight:400!important;line-height:1.35}

/* Delivery state */
.mjlc-delivery-state{margin-left:3px;color:#a0a7af;font-size:9.5px;font-style:italic;white-space:nowrap}
.mjlc-delivery-state.sent{color:#6f8b79}
.mjlc-delivery-state.failed{color:#c64d55}
.mjlc-delivery-state.failed button{padding:0!important;border:0!important;background:transparent!important;color:#b13f47!important;font-size:9.5px!important;text-decoration:underline;cursor:pointer}
.mjlc-message.is-sending{opacity:.72}
.mjlc-message.is-failed{border-color:#efcfd2!important;background:#fffafa!important;opacity:1}

/* Badge adapter UI — actual ecosystem badges arrive via mjlc_user_badges filter. */
.mjlc-badges{min-width:0;display:inline-flex;align-items:center;gap:4px;overflow:hidden}
.mjlc-user-badge{max-width:170px;height:19px;display:inline-flex;align-items:center;gap:3px;padding:0 6px;border:1px solid #e3e6e9;border-radius:999px;background:#f7f8f9;color:#6f7781;font-family:var(--mj-font-display)!important;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mjlc-user .mjlc-badges{display:flex;margin-top:3px}.mjlc-user .mjlc-user-badge{max-width:125px;height:17px;font-size:8px}

/* Remove all obsolete pinned-message spacing from earlier versions. */
.mjlc-pinned{display:none!important}
.mjlc-load-old{padding:6px 0!important;border-bottom:1px solid #edf0f2;background:#f7f8fa!important}

@media(max-width:1080px){
  .mjlc-notifications-panel{right:8px;left:8px;max-width:none}
}
@media(max-width:760px){
  .mjlc-top-actions{gap:4px}
  .mjlc-icon-action,.mjlc-refresh{width:33px;height:33px}
  .mjlc-unread-pill{max-width:86px;height:30px;padding:0 8px!important;overflow:hidden;font-size:10px!important;white-space:nowrap;text-overflow:ellipsis}
  .mjlc-search-panel,.mjlc-notifications-panel{left:7px;right:7px;top:63px;border-radius:12px}
  .mjlc-notifications-head{align-items:flex-start}
  .mjlc-notifications-head span{display:none}
  .mjlc-notification-head-actions button:first-child{font-size:10px!important}
  .mjlc-date-divider,.mjlc-unread-divider{font-size:9.5px}
  .mjlc-typing{height:27px;flex-basis:27px;padding:0 10px;font-size:10px}
  .mjlc-mention-picker{left:0;bottom:56px;width:min(310px,calc(100vw - 50px))}
  .mjlc-badges{display:none}
}

/* =========================================================
   v0.7.0 — polls, rich link previews and MyJuve news cards
   ========================================================= */
.mjlc-composer-box{grid-template-columns:102px minmax(0,1fr) 44px!important}
.mjlc-composer-tools{align-self:center;display:flex;align-items:center;gap:2px;padding-left:4px}
.mjlc-tool-toggle{width:30px!important;height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#747c86!important;font-family:var(--mj-font-display)!important;font-size:18px!important;font-weight:700!important;line-height:30px!important;text-align:center!important;cursor:pointer!important;box-shadow:none!important}
.mjlc-tool-toggle:hover,.mjlc-tool-toggle:focus-visible{background:#eceff2!important;color:#191c21!important;outline:0!important}
.mjlc-emoji-toggle{margin:0!important;width:30px!important;height:30px!important;font-size:20px!important;line-height:30px!important}
.mjlc-composer textarea{padding-left:3px!important}
.mjlc-emoji-picker{left:5px!important}

.mjlc-create-panel{margin:0 0 9px 49px;padding:14px;border:1px solid #dce1e6;border-radius:14px;background:#f7f8fa;box-shadow:0 8px 24px rgba(17,21,27,.07)}
.mjlc-create-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.mjlc-create-head>div{display:flex;align-items:baseline;gap:8px}
.mjlc-create-head span{color:#99a1ac;font-family:var(--mj-font-display)!important;font-size:10.5px;font-weight:800;letter-spacing:.14em}
.mjlc-create-head strong{color:#1b1f24;font-family:var(--mj-font-display)!important;font-size:15px;font-weight:800}
.mjlc-create-head>button{width:28px;height:28px;padding:0!important;border:0!important;border-radius:8px!important;background:#eceff2!important;color:#66707b!important;font-size:18px!important;line-height:28px!important;cursor:pointer}
.mjlc-create-head>button:hover{background:#e1e5e9!important;color:#161a1f!important}
.mjlc-poll-question,.mjlc-poll-option-edit input,.mjlc-news-search input{box-sizing:border-box!important;width:100%!important;margin:0!important;border:1px solid #dce1e6!important;background:#fff!important;color:#252a31!important;font-family:var(--mj-font-body)!important;font-size:14px!important;line-height:1.4!important;outline:0!important;box-shadow:none!important}
.mjlc-poll-question{height:43px!important;padding:0 12px!important;border-radius:10px!important;font-weight:600!important}
.mjlc-poll-question:focus,.mjlc-poll-option-edit input:focus,.mjlc-news-search input:focus{border-color:#aeb6c0!important;box-shadow:0 0 0 3px rgba(25,29,35,.04)!important}
.mjlc-poll-options{display:grid;gap:7px;margin-top:8px}
.mjlc-poll-option-edit{display:grid;grid-template-columns:24px minmax(0,1fr) 29px;align-items:center;gap:6px}
.mjlc-poll-option-edit>span{color:#a3aab3;font-family:var(--mj-font-display)!important;font-size:11px;font-weight:800;text-align:center}
.mjlc-poll-option-edit input{height:38px!important;padding:0 10px!important;border-radius:9px!important}
.mjlc-poll-option-edit>button{width:28px;height:28px;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#a1a8b1!important;font-size:17px!important;line-height:28px!important;cursor:pointer}
.mjlc-poll-option-edit>button:hover:not(:disabled){background:#eceff2!important;color:#555d67!important}
.mjlc-poll-option-edit>button:disabled{opacity:.25;cursor:default}
.mjlc-create-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}
.mjlc-add-option,.mjlc-create-primary{height:36px;padding:0 12px!important;border-radius:9px!important;font-family:var(--mj-font-display)!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important}
.mjlc-add-option{border:1px solid #d8dde2!important;background:#fff!important;color:#606872!important}
.mjlc-add-option:hover:not(:disabled){border-color:#c3c9d0!important;background:#f1f3f5!important}
.mjlc-add-option:disabled{opacity:.45;cursor:default!important}
.mjlc-create-primary{border:1px solid #161a1f!important;background:#161a1f!important;color:#fff!important}
.mjlc-create-primary:hover:not(:disabled){background:#2a2f36!important}.mjlc-create-primary:disabled{opacity:.6;cursor:wait!important}

.mjlc-news-search{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;margin-bottom:9px;border:1px solid #dce1e6;border-radius:10px;background:#fff;overflow:hidden}
.mjlc-news-search>span{color:#89919b;font-size:17px;text-align:center}
.mjlc-news-search input{height:39px!important;padding:0 10px 0 0!important;border:0!important;border-radius:0!important}
.mjlc-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:290px;overflow-y:auto;padding-right:2px}
.mjlc-news-loading{grid-column:1/-1;padding:24px 10px;color:#8e96a0;font-size:12px;text-align:center}
.mjlc-news-item{min-width:0;display:grid;grid-template-columns:67px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:7px!important;border:1px solid #e0e4e8!important;border-radius:10px!important;background:#fff!important;color:#272c32!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s,transform .12s}
.mjlc-news-item:hover:not(:disabled){border-color:#c8ced5!important;box-shadow:0 5px 14px rgba(18,22,27,.06)!important;transform:translateY(-1px)}
.mjlc-news-item:disabled{opacity:.6;cursor:wait!important}
.mjlc-news-item img,.mjlc-news-noimg{display:block;width:67px!important;height:48px!important;border-radius:7px!important;object-fit:cover;background:#171b20;color:#fff}
.mjlc-news-noimg{font-family:var(--mj-font-display)!important;font-size:15px;font-weight:900;line-height:48px;text-align:center}
.mjlc-news-item>span:nth-child(2){min-width:0;display:block}
.mjlc-news-item small{display:block;margin-bottom:3px;color:#8d96a0;font-family:var(--mj-font-display)!important;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.mjlc-news-item strong{display:-webkit-box;overflow:hidden;color:#262b31;font-family:var(--mj-font-body)!important;font-size:12.5px;font-weight:650;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mjlc-news-item>i{color:#8a929c;font-size:18px;font-style:normal;text-align:center}

.mjlc-link-card{max-width:690px;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:stretch;gap:0;margin-top:9px;overflow:hidden;border:1px solid #dce1e6;border-radius:12px;background:#f8f9fa;color:inherit!important;text-decoration:none!important;box-shadow:0 3px 10px rgba(19,23,29,.04);transition:border-color .15s,box-shadow .15s,transform .12s}
.mjlc-link-card.has-image{grid-template-columns:132px minmax(0,1fr) 28px}
.mjlc-link-card:hover{border-color:#c5cbd2;box-shadow:0 8px 20px rgba(19,23,29,.075);transform:translateY(-1px);text-decoration:none!important}
.mjlc-link-thumb{display:block;min-height:96px;background:#e8ebef;overflow:hidden}
.mjlc-link-thumb img{display:block;width:100%!important;height:100%!important;min-height:96px!important;max-height:116px!important;border:0!important;border-radius:0!important;object-fit:cover}
.mjlc-link-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:10px 12px}
.mjlc-link-source{margin-bottom:4px;color:#8b949f;font-family:var(--mj-font-display)!important;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.mjlc-link-copy>strong{display:-webkit-box;overflow:hidden;color:#24292f;font-family:var(--mj-font-display)!important;font-size:14px;font-weight:800;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mjlc-link-copy>em{display:-webkit-box;overflow:hidden;margin-top:4px;color:#747d87;font-family:var(--mj-font-body)!important;font-size:12px;font-style:normal;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mjlc-link-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;color:#929aa4;font-size:9.5px}
.mjlc-link-arrow{display:flex;align-items:center;justify-content:center;color:#8d959f;font-size:14px}
.mjlc-link-card.is-myjuve{border-left:3px solid #15191e;background:#fff}
.mjlc-link-card.is-myjuve .mjlc-link-source{color:#292e34}
.mjlc-link-card.is-news{margin-top:7px}

.mjlc-poll-card{max-width:650px;margin-top:8px;padding:13px;border:1px solid #dce1e6;border-radius:12px;background:#f8f9fa}
.mjlc-poll-kicker{display:block;margin-bottom:4px;color:#8c949f;font-family:var(--mj-font-display)!important;font-size:10px;font-weight:900;letter-spacing:.14em}
.mjlc-poll-card h4{margin:0 0 10px!important;color:#20252b!important;font-family:var(--mj-font-display)!important;font-size:16px!important;font-weight:800!important;line-height:1.3!important}
.mjlc-poll-answer-list{display:grid;gap:6px}
.mjlc-poll-option{position:relative;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;overflow:hidden;padding:0 10px!important;border:1px solid #d9dee4!important;border-radius:9px!important;background:#fff!important;color:#30363d!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important}
.mjlc-poll-option:disabled{cursor:default!important}.mjlc-poll-option:hover:not(:disabled){border-color:#bfc6ce!important}
.mjlc-poll-progress{position:absolute;z-index:0;inset:0 auto 0 0;background:#edf0f3;pointer-events:none;transition:width .25s ease}
.mjlc-poll-option.is-selected{border-color:#9da6b0!important}.mjlc-poll-option.is-selected .mjlc-poll-progress{background:#e4e8ec}
.mjlc-poll-option-main,.mjlc-poll-result{position:relative;z-index:1}
.mjlc-poll-option-main{min-width:0;display:flex;align-items:center;gap:8px}
.mjlc-poll-option-main i{width:18px;color:#737c87;font-size:13px;font-style:normal;font-weight:800;text-align:center}
.mjlc-poll-option-main strong{overflow:hidden;color:#30363d;font-family:var(--mj-font-body)!important;font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.mjlc-poll-result{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.mjlc-poll-result b{color:#343a41;font-family:var(--mj-font-display)!important;font-size:12px}.mjlc-poll-result small{min-width:16px;color:#8f98a2;font-size:10px;text-align:right}
.mjlc-poll-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;color:#8a939e;font-size:10.5px}
.mjlc-poll-card.is-voting{opacity:.72;pointer-events:none}

@media(max-width:760px){
  .mjlc-composer-box{grid-template-columns:91px minmax(0,1fr) 39px!important}
  .mjlc-composer-tools{gap:0;padding-left:2px}.mjlc-tool-toggle,.mjlc-emoji-toggle{width:29px!important;height:29px!important;font-size:17px!important}
  .mjlc-create-panel{margin-left:0;padding:11px}.mjlc-create-head strong{font-size:14px}.mjlc-create-head span{font-size:10px}
  .mjlc-news-list{grid-template-columns:1fr;max-height:260px}.mjlc-news-item{grid-template-columns:58px minmax(0,1fr) 20px}.mjlc-news-item img,.mjlc-news-noimg{width:58px!important;height:43px!important;line-height:43px}
  .mjlc-link-card.has-image{grid-template-columns:92px minmax(0,1fr) 24px}.mjlc-link-thumb{min-height:82px}.mjlc-link-thumb img{min-height:82px!important;max-height:100px!important}.mjlc-link-copy{padding:8px 9px}.mjlc-link-copy>strong{font-size:12.5px}.mjlc-link-copy>em{font-size:10.5px}.mjlc-link-meta{font-size:9px}
  .mjlc-poll-card{padding:10px}.mjlc-poll-card h4{font-size:14px!important}.mjlc-poll-option{grid-template-columns:minmax(0,1fr) 62px;min-height:40px}.mjlc-poll-option-main strong{font-size:12px}.mjlc-poll-footer{font-size:9.5px}
}
@media(max-width:430px){
  .mjlc-composer-box{grid-template-columns:89px minmax(0,1fr) 39px!important}.mjlc-composer textarea{font-size:13.5px!important}
  .mjlc-link-card.has-image{grid-template-columns:78px minmax(0,1fr) 22px}.mjlc-link-copy>em{display:none}.mjlc-link-source{font-size:8px}.mjlc-link-copy>strong{font-size:12px}
  .mjlc-poll-result small{display:none}.mjlc-poll-option{grid-template-columns:minmax(0,1fr) 45px}.mjlc-poll-option-main{gap:5px}
}


/* --------------------------------------------------------------------------
   v0.7.3 — mobile composer visibility and scrolling fix
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  .mjlc-shell{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .mjlc-main{
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  .mjlc-topbar,.mjlc-load-old{
    flex:0 0 auto!important;
  }
  .mjlc-stream{
    flex:0 0 auto!important;
    min-height:260px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .mjlc-messages{
    height:auto!important;
    min-height:220px!important;
    max-height:50dvh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:auto!important;
    padding-bottom:14px!important;
  }
  .mjlc-composer-wrap{
    position:sticky!important;
    bottom:0!important;
    z-index:18!important;
    background:#fff!important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
    box-shadow:0 -8px 24px rgba(16,20,26,.08)!important;
  }
  .mjlc-composer-row,.mjlc-composer{
    margin-bottom:0!important;
  }
}
@media(max-width:430px){
  .mjlc-messages{
    max-height:46dvh!important;
  }
  .mjlc-composer-wrap{
    padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
}


/* --------------------------------------------------------------------------
   v0.7.4 — compact mobile workspace, fullscreen chat and page-only nav hiding
   -------------------------------------------------------------------------- */
.mjlc-site-bottom-nav-hidden{display:none!important}
@media(max-width:760px){
  body.mjlc-chat-page .td-mobile-bottom-menu,
  body.mjlc-chat-page .tdb-mobile-bottom-menu,
  body.mjlc-chat-page .tdb-mobile-menu-bottom,
  body.mjlc-chat-page .tdm-mobile-bottom-menu,
  body.mjlc-chat-page .mobile-bottom-menu,
  body.mjlc-chat-page .bottom-mobile-menu,
  body.mjlc-chat-page-runtime .td-mobile-bottom-menu,
  body.mjlc-chat-page-runtime .tdb-mobile-bottom-menu,
  body.mjlc-chat-page-runtime .tdb-mobile-menu-bottom,
  body.mjlc-chat-page-runtime .tdm-mobile-bottom-menu,
  body.mjlc-chat-page-runtime .mobile-bottom-menu,
  body.mjlc-chat-page-runtime .bottom-mobile-menu{display:none!important}

  .mjlc-shell{height:min(780px,78dvh)!important;min-height:570px!important;overflow:hidden!important;border-radius:12px!important}
  .mjlc-main{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .mjlc-topbar{height:54px!important;flex:0 0 54px!important;padding:0 8px 0 12px!important}
  .mjlc-room-meta{gap:0!important}.mjlc-room-title-row strong{font-size:16px!important}.mjlc-room-subtitle{font-size:10.5px!important}
  .mjlc-top-actions{gap:4px!important}
  .mjlc-icon-action,.mjlc-online-mobile,.mjlc-refresh,.mjlc-fullscreen-toggle{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:1px solid var(--mj-line)!important;border-radius:10px!important;background:#fff!important;color:#68707b!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:18px!important;line-height:1!important}
  .mjlc-online-mobile{width:auto!important;min-width:48px!important;padding:0 8px!important;font-size:12px!important}.mjlc-online-mobile .mjlc-dot{margin-right:5px!important}
  .mjlc-fullscreen-toggle{font-size:20px!important;cursor:pointer}
  .mjlc-unread-pill{height:30px!important;padding:0 8px!important;font-size:10.5px!important}

  .mjlc-load-old{height:32px!important;min-height:32px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border-bottom:1px solid #e8ebef!important}
  .mjlc-load-old button{height:32px!important;padding:0 8px!important;font-size:11px!important;line-height:32px!important}

  .mjlc-stream{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
  .mjlc-messages{height:100%!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:5px 7px 8px!important;gap:4px!important;-webkit-overflow-scrolling:touch}
  .mjlc-date-divider{margin:4px 0 1px!important;font-size:10px!important}.mjlc-date-divider:before,.mjlc-date-divider:after{opacity:.8}
  .mjlc-unread-divider{margin:4px 0!important;font-size:10px!important}

  .mjlc-message{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important;padding:8px!important;border-radius:11px!important}
  .mjlc-avatar-wrap,.mjlc-avatar{width:34px!important;height:34px!important}.mjlc-presence-mini{width:9px!important;height:9px!important}
  .mjlc-message-head{min-height:18px!important;gap:5px!important}.mjlc-author{font-size:13.5px!important;max-width:50%!important}.mjlc-role{display:inline-flex!important;height:17px!important;padding:0 5px!important;font-size:8px!important;line-height:17px!important}.mjlc-time{font-size:9.5px!important}
  .mjlc-message-text{margin-top:2px!important;font-size:14px!important;line-height:1.38!important}.mjlc-reply-quote{margin:4px 0!important;padding:5px 7px!important;font-size:10.5px!important}
  .mjlc-actions{min-height:24px!important;margin-top:5px!important;gap:5px!important}.mjlc-reaction-zone{gap:3px!important}.mjlc-reaction,.mjlc-add-reaction,.mjlc-text-action,.mjlc-more-toggle{height:24px!important;line-height:22px!important;font-size:10.5px!important}.mjlc-add-reaction{width:26px!important}.mjlc-message-tools{opacity:1!important;gap:0!important}

  .mjlc-poll-card{margin-top:6px!important;padding:9px!important}.mjlc-poll-card h4{margin-bottom:7px!important;font-size:14px!important}.mjlc-poll-answer-list{gap:4px!important}.mjlc-poll-option{min-height:35px!important;border-radius:8px!important}.mjlc-poll-option-main strong{font-size:12px!important}.mjlc-poll-footer{margin-top:6px!important;font-size:9.5px!important}
  .mjlc-link-card{margin-top:6px!important}.mjlc-link-thumb{min-height:72px!important}.mjlc-link-thumb img{min-height:72px!important;max-height:88px!important}

  .mjlc-typing{height:24px!important;min-height:24px!important;padding:0 10px!important;font-size:10.5px!important}
  .mjlc-composer-wrap{position:relative!important;bottom:auto!important;flex:0 0 auto!important;padding:6px 7px calc(6px + env(safe-area-inset-bottom))!important;box-shadow:0 -5px 16px rgba(16,20,26,.055)!important}
  .mjlc-composer-row{grid-template-columns:30px minmax(0,1fr)!important;gap:6px!important}.mjlc-composer-avatar-wrap,.mjlc-composer-avatar{width:30px!important;height:30px!important}
  .mjlc-composer-box{min-height:48px!important;border-radius:13px!important;grid-template-columns:88px minmax(0,1fr) 38px!important}.mjlc-composer textarea{min-height:46px!important;max-height:96px!important;padding-top:12px!important;font-size:14px!important}.mjlc-tool-toggle,.mjlc-emoji-toggle{width:28px!important;height:28px!important}.mjlc-send{width:34px!important;height:34px!important;margin-right:3px!important}.mjlc-composer-hint{display:none!important}

  html.mjlc-chat-fullscreen,body.mjlc-chat-fullscreen{overflow:hidden!important;height:100%!important}
  .mjlc-shell.is-fullscreen{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
  .mjlc-shell.is-fullscreen .mjlc-main{height:100dvh!important}
  .mjlc-shell.is-fullscreen .mjlc-topbar{height:52px!important;flex-basis:52px!important;padding-top:env(safe-area-inset-top)!important;box-sizing:content-box!important}
  .mjlc-shell.is-fullscreen .mjlc-load-old{height:30px!important;min-height:30px!important}.mjlc-shell.is-fullscreen .mjlc-load-old button{height:30px!important;line-height:30px!important}
  .mjlc-shell.is-fullscreen .mjlc-stream{flex:1 1 0!important}.mjlc-shell.is-fullscreen .mjlc-messages{height:100%!important}
  .mjlc-shell.is-fullscreen .mjlc-composer-wrap{padding-bottom:calc(7px + env(safe-area-inset-bottom))!important}
  .mjlc-shell.is-fullscreen .mjlc-right{position:fixed!important;top:0!important;right:0!important;bottom:0!important;height:100dvh!important;z-index:2147483010!important}
  .mjlc-shell.is-fullscreen .mjlc-panel-backdrop{position:fixed!important;inset:0!important;z-index:2147483009!important}
}
@media(max-width:430px){
  .mjlc-shell{height:min(760px,80dvh)!important;min-height:560px!important}
  .mjlc-room-subtitle{display:block!important}.mjlc-room-title-row strong{font-size:15.5px!important}
  .mjlc-top-actions{gap:3px!important}.mjlc-icon-action,.mjlc-refresh,.mjlc-fullscreen-toggle{width:36px!important;height:36px!important;min-width:36px!important}.mjlc-online-mobile{min-width:44px!important;height:36px!important}
  .mjlc-message{grid-template-columns:32px minmax(0,1fr)!important;gap:6px!important;padding:7px!important}.mjlc-avatar-wrap,.mjlc-avatar{width:32px!important;height:32px!important}.mjlc-author{font-size:13px!important}.mjlc-message-text{font-size:13.8px!important}
  .mjlc-composer-avatar-wrap{display:none!important}.mjlc-composer-row{display:block!important}.mjlc-composer-box{grid-template-columns:86px minmax(0,1fr) 38px!important}
}


/* v0.7.5 — archive mode and bounded live history */
.mjlc-live-window-note{flex:0 0 auto;min-height:34px;padding:6px 13px;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #e4e7ea;background:#f7f8fa;color:#9198a2;font-size:10.5px}.mjlc-live-window-note strong{color:#5f6771;font-weight:800}.mjlc-live-window-note button{padding:2px 5px!important;border:0!important;background:transparent!important;color:#525a64!important;font-size:10.5px!important;font-weight:750!important;cursor:pointer}.mjlc-live-window-note button:hover{text-decoration:underline}
.mjlc-archive-panel{position:absolute;z-index:25;inset:66px 0 0;display:flex;flex-direction:column;min-height:0;background:#f6f7f9}.mjlc-archive-head{flex:0 0 auto;min-height:76px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #dfe3e7;background:#fff}.mjlc-archive-head>div{min-width:0;display:flex;flex-direction:column}.mjlc-archive-head span{color:#9299a3;font-family:var(--mj-font-display)!important;font-size:8.5px;font-weight:900;letter-spacing:.18em}.mjlc-archive-head strong{margin-top:2px;color:#181c21;font-family:var(--mj-font-display)!important;font-size:19px}.mjlc-archive-head small{margin-top:3px;color:#8b929c;font-size:11px}.mjlc-archive-head>button{width:34px;height:34px;border:1px solid #dfe3e7!important;border-radius:9px!important;background:#fff!important;color:#757d87!important;font-size:20px!important;cursor:pointer}
.mjlc-archive-controls{flex:0 0 auto;padding:10px 13px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e2e5e9;background:#fff}.mjlc-archive-controls button,.mjlc-archive-controls input{height:36px!important;border:1px solid #dce1e6!important;border-radius:9px!important;background:#fff!important;color:#343a42!important}.mjlc-archive-controls button{padding:0 11px!important;font-size:12px!important;font-weight:700!important;cursor:pointer}.mjlc-archive-controls button:first-child,.mjlc-archive-controls button:nth-child(3){width:36px;padding:0!important;font-size:22px!important}.mjlc-archive-controls input{padding:0 10px!important;font-size:13px!important}.mjlc-archive-meta{flex:0 0 auto;padding:8px 14px;border-bottom:1px solid #e4e7ea;background:#f7f8fa;color:#838b95;font-size:11px}.mjlc-archive-messages{min-height:0;flex:1;overflow-y:auto;padding:10px 13px 16px;display:flex;flex-direction:column;gap:7px}.mjlc-archive-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid #e1e5e9;border-radius:12px;background:#fff}.mjlc-archive-message>img{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover}.mjlc-archive-message>div{min-width:0}.mjlc-archive-message header{display:flex;align-items:center;gap:7px}.mjlc-archive-message header>strong{max-width:55%;overflow:hidden;font-family:var(--mj-font-display)!important;font-size:13.5px;white-space:nowrap;text-overflow:ellipsis}.mjlc-archive-message header time{margin-left:auto;color:#a0a7b0;font-size:10px}.mjlc-archive-reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.mjlc-archive-reaction{padding:3px 7px;border:1px solid #e1e5e9;border-radius:999px;background:#f7f8fa;color:#59616b;font-size:10.5px}.mjlc-archive-poll-list{display:grid;gap:5px}.mjlc-archive-poll-option{min-height:36px;padding:0 9px;display:grid;grid-template-columns:minmax(0,1fr) 46px 26px;align-items:center;gap:6px;border:1px solid #dde2e7;border-radius:8px;background:#fff}.mjlc-archive-poll-option span{overflow:hidden;font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}.mjlc-archive-poll-option b,.mjlc-archive-poll-option small{text-align:right}.mjlc-archive-empty{padding:42px 20px;text-align:center;color:#929aa4;font-size:13px}.mjlc-archive-more{flex:0 0 auto;padding:8px 13px 12px;text-align:center}.mjlc-archive-more button{height:34px;padding:0 13px!important;border:1px solid #d8dde2!important;border-radius:9px!important;background:#fff!important;color:#59616b!important;font-size:11px!important;font-weight:700!important;cursor:pointer}.mjlc-shell.is-archive-open .mjlc-live-window-note,.mjlc-shell.is-archive-open .mjlc-stream,.mjlc-shell.is-archive-open .mjlc-typing,.mjlc-shell.is-archive-open .mjlc-composer-wrap{visibility:hidden;pointer-events:none}
@media(max-width:760px){.mjlc-live-window-note{min-height:28px;padding:4px 8px;font-size:9.5px}.mjlc-archive-panel{position:fixed;inset:0;z-index:2147483000;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mjlc-archive-head{min-height:58px;padding:10px 12px}.mjlc-archive-head strong{font-size:17px}.mjlc-archive-head small{font-size:10px}.mjlc-archive-controls{padding:8px;gap:5px;flex-wrap:wrap}.mjlc-archive-controls input{flex:1;min-width:150px}.mjlc-archive-controls button:last-child{margin-left:auto}.mjlc-archive-messages{padding:8px 7px 12px;gap:6px}.mjlc-archive-message{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:9px 8px}.mjlc-archive-message>img{width:34px!important;height:34px!important}.mjlc-archive-message header>strong{font-size:13px}.mjlc-archive-message .mjlc-role{display:none}.mjlc-archive-message .mjlc-message-text{font-size:13.5px}}


/* v0.7.6 — archive access is icon-only; remove informational live-window strip */
.mjlc-live-window-note{display:none!important}


/* v0.7.7 — polls temporarily disabled; composer now has emoji + MyJuve news tools only. */
.mjlc-composer-box{grid-template-columns:70px minmax(0,1fr) 44px!important}
@media(max-width:760px){.mjlc-composer-box{grid-template-columns:61px minmax(0,1fr) 39px!important}}
@media(max-width:430px){.mjlc-composer-box{grid-template-columns:59px minmax(0,1fr) 39px!important}}


/* --------------------------------------------------------------------------
   v0.7.9 — mobile reaction picker layout fix
   -------------------------------------------------------------------------- */
.mjlc-reaction-zone{position:relative}
.mjlc-reaction-picker{
  left:0!important;
  right:auto!important;
  bottom:calc(100% + 8px)!important;
  display:grid!important;
  grid-template-columns:repeat(5, 34px)!important;
  gap:6px!important;
  padding:8px!important;
  width:max-content!important;
  max-width:min(240px, calc(100vw - 28px))!important;
  border-radius:14px!important;
}
.mjlc-reaction-picker button{
  width:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:19px!important;
  line-height:1!important;
}
@media(max-width:760px){
  .mjlc-reaction-picker{
    left:0!important;
    right:auto!important;
    bottom:calc(100% + 8px)!important;
    grid-template-columns:repeat(4, 36px)!important;
    gap:6px!important;
    padding:8px!important;
    max-width:min(178px, calc(100vw - 24px))!important;
    box-shadow:0 10px 28px rgba(14,17,22,.18)!important;
  }
  .mjlc-reaction-picker button{
    width:36px!important;
    height:36px!important;
    font-size:20px!important;
  }
}
@media(max-width:430px){
  .mjlc-reaction-picker{
    grid-template-columns:repeat(4, 34px)!important;
    max-width:min(170px, calc(100vw - 20px))!important;
    padding:7px!important;
    gap:5px!important;
  }
  .mjlc-reaction-picker button{
    width:34px!important;
    height:34px!important;
    font-size:19px!important;
  }
}


/* --------------------------------------------------------------------------
   v0.8.2+ — wider desktop layout (90% of viewport)
   -------------------------------------------------------------------------- */
@media (min-width: 1081px) {
  .mjlc-shell {
    width: min(90vw, 1720px) !important;
    max-width: none !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
  }
}