/* Reference HTML skin. Classic phones only; live controls and viewport logic remain in charge. */
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app {--channel-roster-width:clamp(112px,29.62vw,225px) !important;font-family:Arial,Helvetica,sans-serif !important;color:#345370 !important;background:linear-gradient(105deg,#ddf4ff,#f3fbff 48%,#d9f2fe) !important}
html[data-applet-choice="classic"] body #app#app >.titlebar{background:radial-gradient(ellipse at 19% 100%,#f4ffec,transparent 43%),radial-gradient(ellipse at 3% 2%,white,transparent 50%),linear-gradient(165deg,#d9f3fe,#77d2f9 55%,#d7f8f6) !important;border:0 !important;box-shadow:none !important;padding:0 6px !important;gap:5px !important}
html[data-applet-choice="classic"] body #app#app .brand{gap:6px !important;min-width:0 !important}
html[data-applet-choice="classic"] body #app#app .brand strong{font-family:Arial,Helvetica,sans-serif !important;font-size:clamp(18px,5.08vw,36px) !important;letter-spacing:-.6px !important;color:#0562ad !important;text-shadow:0 1px 2px #fff8 !important}
html[data-applet-choice="classic"] body #app#app .brand small{font-size:clamp(8px,2.54vw,18px) !important;color:#66889e !important}
html[data-applet-choice="classic"] body #app#app #radioPanel{border:1px solid #d2effd !important;border-radius:13px !important;background:linear-gradient(180deg,#f6fdffef,#d4f1ffda 70%,#effcffed) !important;box-shadow:inset 0 0 0 2px #fff9,0 2px 6px #248fc15c !important}
html[data-applet-choice="classic"] body #app#app #radioPlay{color:white !important;border:1px solid #158ad0 !important;border-radius:50% !important;background:radial-gradient(circle at 35% 18%,#a5ecff,#2cacfa 32%,#0081e8 65%,#0061c2) !important;box-shadow:inset 0 2px 3px #fff9,0 1px 2px #00509f82 !important}
html[data-applet-choice="classic"] body #app#app #radioTitle{color:#1e4d83 !important;font-family:Arial,Helvetica,sans-serif !important}
html[data-applet-choice="classic"] body #app#app .standard-tabs-shell{border:1px solid #bbe2f3 !important;border-radius:14px !important;background:linear-gradient(#f3fcffea,#e0f3fd) !important;box-shadow:inset 0 0 0 2px #ffffffb0,0 1px 4px #5fb1d53d !important;padding:4px !important;gap:3px !important;overflow:hidden !important}
html[data-applet-choice="classic"] body #app#app #standardTabs{padding:0 !important;border:0 !important;background:transparent !important;gap:3px !important;min-width:0 !important}
html[data-applet-choice="classic"] body #app#app .standard-tab-row{gap:3px !important;padding:0 !important;min-height:25px !important}
html[data-applet-choice="classic"] body #app#app .standard-tab{border:1px solid #c2dfed !important;border-radius:8px !important;background:linear-gradient(#fff,#eaf7fe) !important;box-shadow:inset 0 2px 4px white,0 1px 3px #94c8df77 !important;min-height:25px !important;height:25px !important;padding:0 5px !important;gap:3px !important;align-items:center !important;flex-shrink:0 !important}
html[data-applet-choice="classic"] body #app#app .standard-tab>button[data-standard-target]{font:600 clamp(10px,2.54vw,18px)/1.2 Arial,sans-serif !important;color:#285d92 !important;padding:0 !important;border:0 !important;background:transparent !important;min-width:0 !important;white-space:nowrap !important}
html[data-applet-choice="classic"] body #app#app .standard-tab>.conversation-close{width:17px !important;min-width:17px !important;height:23px !important;min-height:0 !important;padding:0 !important;border:0 !important;background:transparent !important;color:#285d92 !important;font:400 18px/23px Arial,sans-serif !important}
html[data-applet-choice="classic"] body #app#app .standard-tab.selected{color:#fff !important;border-color:#78b5f0 !important;background:linear-gradient(155deg,#8be0ff,#329cff 45%,#2582e6 82%,#81d3ff) !important;box-shadow:inset 0 2px 4px #e1f8ff,0 1px 4px #4b9dd499 !important}
html[data-applet-choice="classic"] body #app#app .standard-tab.selected>button{color:white !important;text-shadow:0 1px 3px #367cbf !important}
html[data-applet-choice="classic"] body #app#app .standard-tab.channel-unread:not(.selected){background:linear-gradient(white,#fff4fa 65%,#eaf7ff) !important}
html[data-applet-choice="classic"] body #app#app .standard-tab.channel-unread:not(.selected)>button{color:#c33d79 !important}
html[data-applet-choice="classic"] body #app#app .standard-tabs-toggle{width:24px !important;min-width:24px !important;align-self:stretch !important;border:1px solid #b8ddeb !important;border-radius:10px !important;background:linear-gradient(#fff,#e1f3fd 70%,#ecfaff) !important;color:#226bac !important;box-shadow:inset 0 0 0 2px #ffffff95 !important;font-size:15px !important}
html[data-applet-choice="classic"] body #app#app >.layout{display:grid !important;grid-template-columns:minmax(0,1fr) var(--channel-roster-width) !important;grid-template-rows:minmax(0,1fr) auto !important;gap:0 3px !important;padding:1px 3px 0 !important;border:0 !important;background:transparent !important;min-height:0 !important;overflow:hidden !important}
html[data-applet-choice="classic"] body #app#app >.layout.private-chat,html[data-applet-choice="classic"] body #app#app >.layout.standard-members-hidden,html[data-applet-choice="classic"] body #app#app >.layout.modern-members-hidden{grid-template-columns:minmax(0,1fr) 0px !important}
html[data-applet-choice="classic"] body #app#app .layout>.chat-panel{grid-column:1 !important;grid-row:1 !important;min-width:0 !important;min-height:0 !important;border:1px solid #c5e4f3 !important;border-radius:13px 13px 0 0 !important;background:linear-gradient(100deg,#f8fcffcc,#f2fbffc7) !important;box-shadow:inset 0 0 8px #b0d7e926,0 0 5px #66b9df35 !important;overflow:hidden !important}
html[data-applet-choice="classic"] body #app#app #rightPanel{grid-column:2 !important;grid-row:1 !important;width:auto !important;min-width:0 !important;max-width:none !important;margin:0 !important;padding:0 !important;border:1px solid #c5e5f4 !important;border-radius:13px 13px 0 0 !important;background:linear-gradient(100deg,#f5fcffbb,#fff9) !important;box-shadow:inset 0 0 7px #97d0e73b !important;overflow:hidden !important}
html[data-applet-choice="classic"] body #app#app #rightPanel .member-card{border:0 !important;border-radius:0 !important;background:transparent !important;padding:3px !important;min-height:0 !important}
html[data-applet-choice="classic"] body #app#app #memberSearch{height:25px !important;min-height:25px !important;max-height:25px !important;flex-basis:25px !important;border:1px solid #cbe2ee !important;border-radius:15px !important;background:linear-gradient(#fff,#f8fcff) !important;box-shadow:inset 0 1px 4px #acc8d92b !important;padding:2px 7px !important;margin:0 0 5px !important;font:12px Arial,sans-serif !important;color:#345370 !important;width:100% !important;box-sizing:border-box !important}
html[data-applet-choice="classic"] body #app#app #memberList{padding:0 !important;background:transparent !important;scrollbar-width:none !important}
html[data-applet-choice="classic"] body #app#app #memberList button.member-group-heading{display:flex !important;align-items:center !important;gap:4px !important;min-height:25px !important;height:auto !important;padding:5px !important;border:0 !important;border-radius:9px 9px 0 0 !important;background:linear-gradient(#e5f8ff,#c7ecfc) !important;box-shadow:0 2px 6px #a9d8e951 !important;margin:5px 0 0 !important;color:var(--group-color,#1683c1) !important}
html[data-applet-choice="classic"] body #app#app #memberList button.member-group-heading::after{content:none !important}
html[data-applet-choice="classic"] body #app#app #memberList button.member-group-heading>span{font:700 clamp(10px,2.12vw,15px)/1.2 Arial,sans-serif !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html[data-applet-choice="classic"] body #app#app #memberList button.member-group-heading .member-group-icon{width:16px !important;height:16px !important;flex:0 0 16px !important}
html[data-applet-choice="classic"] body #app#app #memberList button.member-group-heading[data-group="v"]{background:linear-gradient(#eafaeb,#c9f3ce) !important}
html[data-applet-choice="classic"] body #app#app #memberList button.member-group-heading[data-group="bot"]{background:linear-gradient(#efeaff,#e2dafa) !important}
html[data-applet-choice="classic"] body #app#app #memberList button.member-group-heading[data-group="normal"]{background:linear-gradient(#eaf0f7,#d7e2ef) !important}
html[data-applet-choice="classic"] body #app#app #memberList .member-row{min-height:23px !important;padding:3px 5px !important;gap:6px !important;border:0 !important;border-bottom:1px solid #dfedf566 !important;background:linear-gradient(100deg,#f8fdff,#eff9fdbd) !important;font:clamp(11px,2.54vw,18px)/1.3 Arial,sans-serif !important;white-space:nowrap !important}
html[data-applet-choice="classic"] body #app#app #memberList .member-row:has(+.member-group-heading),html[data-applet-choice="classic"] body #app#app #memberList .member-row:last-child{border-radius:0 0 9px 9px !important;margin-bottom:5px !important}
html[data-applet-choice="classic"] body #app#app #memberList .member-row>div:not(.roster-profile-avatar){display:flex !important;align-items:center !important;gap:3px !important;min-width:0 !important;white-space:nowrap !important}
html[data-applet-choice="classic"] body #app#app #memberList .member-nick{font:inherit !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html[data-applet-choice="classic"] body #app#app #messages{padding:6px 5px 9px !important;background:transparent !important;scrollbar-width:none !important}
html[data-applet-choice="classic"] body #app#app #messages .message{display:grid !important;grid-template-columns:clamp(27px,6.91vw,49px) minmax(0,1fr) !important;gap:6px !important;align-items:start !important;margin:0 0 7px !important;padding:0 !important;min-height:43px !important;max-width:100% !important;width:100% !important;background:transparent !important;border:0 !important;float:none !important;text-align:left !important}
html[data-applet-choice="classic"] body #app#app #messages .message>.message-avatar{display:flex !important;align-items:center !important;justify-content:center !important;position:static !important;width:clamp(27px,6.91vw,49px) !important;height:clamp(27px,6.91vw,49px) !important;min-width:0 !important;max-width:none !important;margin:0 !important;padding:0 !important;grid-column:1 !important;grid-row:1 !important;border:1px solid #b8ddeb !important;border-radius:50% !important;overflow:hidden !important;background:#e1f1fd !important;box-shadow:inset 0 1px 2px #fff !important}
html[data-applet-choice="classic"] body #app#app #messages .message-avatar :is(img,.social-avatar){width:100% !important;height:100% !important;border-radius:50% !important;object-fit:cover !important}
html[data-applet-choice="classic"] body #app#app #messages .rank-message .message-avatar{background:color-mix(in srgb,var(--message-rank-color) 12%,#f8fcff) !important;border-color:color-mix(in srgb,var(--message-rank-color) 25%,#d7eaf7) !important}
html[data-applet-choice="classic"] body #app#app #messages .rank-message .message-avatar .member-group-icon{width:70% !important;height:70% !important;max-width:none !important;max-height:none !important}
html[data-applet-choice="classic"] body #app#app #messages .message .message-body{display:block !important;grid-column:2 !important;grid-row:1 !important;position:relative !important;min-width:0 !important;max-width:100% !important;width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:#334f6b !important;overflow:visible !important}
html[data-applet-choice="classic"] body #app#app #messages .message-body::before,html[data-applet-choice="classic"] body #app#app #messages .message-body::after{content:none !important}
html[data-applet-choice="classic"] body #app#app #messages .message-body>div:first-child{display:flex !important;align-items:baseline !important;gap:4px !important;min-width:0 !important;min-height:15px !important;padding:0 2px !important;background:transparent !important;border:0 !important;line-height:15px !important}
html[data-applet-choice="classic"] body #app#app #messages .message-name{display:inline !important;float:none !important;margin:0 !important;color:var(--message-rank-color,#1d71b4) !important;font:700 clamp(11px,2.26vw,16px)/1.3 Arial,sans-serif !important;text-shadow:none !important}
html[data-applet-choice="classic"] body #app#app #messages .message-name::before,html[data-applet-choice="classic"] body #app#app #messages .message-name::after{content:none !important}
html[data-applet-choice="classic"] body #app#app #messages .message-time{display:inline !important;position:static !important;float:none !important;margin:0 0 0 auto !important;padding:0 !important;color:#81939f !important;font:400 clamp(9px,1.84vw,13px)/1.3 Arial,sans-serif !important;white-space:nowrap !important}
html[data-applet-choice="classic"] body #app#app #messages .standard-time,html[data-applet-choice="classic"] body #app#app #messages .classic-end-time{display:none !important}
html[data-applet-choice="classic"] body #app#app #messages .message-content-line{display:block !important;min-height:31px !important;padding:4px 5px !important;border:0 !important;border-radius:0 10px 10px 10px !important;background:linear-gradient(120deg,#e5f4ff96,#e1f1fdc9) !important;color:#334f6b !important}
html[data-applet-choice="classic"] body #app#app #messages .message-text{display:block !important;margin:0 !important;padding:0 !important;white-space:pre-wrap !important;overflow-wrap:anywhere !important;font:clamp(11px,2.26vw,16px)/1.4 Arial,Helvetica,sans-serif !important;color:inherit !important}
html[data-applet-choice="classic"] body #app#app #messages .message-text::before,html[data-applet-choice="classic"] body #app#app #messages .message-text::after{content:none !important}
html[data-applet-choice="classic"] body #app#app #messages .message[data-reference-group="v"] .message-content-line{background:linear-gradient(110deg,#e2f8e993,#e4f7eacc) !important}
html[data-applet-choice="classic"] body #app#app #messages .message[data-reference-group="bot"] .message-content-line{background:linear-gradient(120deg,#efedff95,#eee7ffd4) !important}
html[data-applet-choice="classic"] body #app#app #messages .message[data-reference-gender="female"] .message-content-line{background:linear-gradient(100deg,#fff0f78c,#f9eaf3c9) !important}
html[data-applet-choice="classic"] body #app#app #messages .message[data-reference-gender="female"]:not(.rank-message) .message-name{color:#c52a6d !important}
html[data-applet-choice="classic"] body #app#app #messages .message-media:empty{display:none !important}
html[data-applet-choice="classic"] body #app#app #messages .reaction-widget{display:block !important;position:static !important;margin:3px 0 0 !important;padding:0 !important}
html[data-applet-choice="classic"] body #app#app #messages .reaction-counts{position:static !important;display:flex !important;inset:auto !important;gap:3px !important;margin:2px 0 0 !important;padding:0 !important;flex-wrap:wrap !important}
html[data-applet-choice="classic"] body #app#app #messages .reaction-counts:empty{display:none !important}
html[data-applet-choice="classic"] body #app#app .layout>.composer{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:visible !important}
html[data-applet-choice="classic"] body #app#app .composer .desktop-composer-toolbar{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:5px !important;height:34px !important;min-height:34px !important;padding:3px 7px !important;border:1px solid #b8ddeb !important;border-radius:10px !important;background:linear-gradient(#fff,#e1f3fd 70%,#ecfaff) !important;box-shadow:inset 0 0 0 2px #ffffff95,0 1px 4px #57afd145 !important;overflow-x:auto !important;scrollbar-width:none !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar button{width:27px !important;min-width:27px !important;max-width:27px !important;flex:0 0 27px !important;height:26px !important;min-height:26px !important;max-height:26px !important;padding:2px !important;border:1px solid #b8ddeb !important;border-radius:7px !important;background:linear-gradient(#fff,#e1f3fd 70%,#ecfaff) !important;background-size:20px 20px !important;background-position:center !important;background-repeat:no-repeat !important;box-shadow:inset 0 0 0 1px #ffffff95,0 1px 3px #57afd145 !important;font-size:20px !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar button :is(svg,img){width:20px !important;height:20px !important;max-width:20px !important;max-height:20px !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar :is(select,input[type=color]){height:24px !important;min-height:24px !important;max-height:24px !important;border:1px solid #c0dfed !important;border-radius:5px !important;background:linear-gradient(white,#f2faff) !important;color:#315578 !important;font:11px Arial,sans-serif !important;padding:0 3px !important}
html[data-applet-choice="classic"] body #app#app .desktop-font-select{order:1 !important;flex:0 0 60px !important;width:60px !important;margin:0 !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar [data-text-pref="size"]{order:0 !important;width:38px !important;min-width:38px !important;flex:0 0 38px !important}
html[data-applet-choice="classic"] body #app#app .desktop-color-select{order:2 !important;width:25px !important;min-width:25px !important;flex:0 0 25px !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #youtubeButton{order:3 !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #imageButton{order:4 !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #voiceButton{order:5 !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #nickTabButton{order:9 !important;width:43px !important;min-width:43px !important;max-width:43px !important;flex:0 0 43px !important;margin-left:auto !important;font:11px Arial,sans-serif !important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar [data-text-pref="style"],html[data-applet-choice="classic"] body #app#app .desktop-tool-divider,html[data-applet-choice="classic"] body #app#app .desktop-composer-hint{display:none !important}
html[data-applet-choice="classic"] body #app#app .composer .composer-row{display:flex !important;align-items:center !important;gap:4px !important;height:39px !important;min-height:39px !important;padding:3px 6px !important;margin:0 !important;border:1px solid #b8ddeb !important;border-radius:10px !important;background:linear-gradient(#fff,#e1f3fd 70%,#ecfaff) !important;box-shadow:inset 0 0 0 2px #ffffff95 !important;box-sizing:border-box !important;overflow:visible !important}
html[data-applet-choice="classic"] body #app#app .composer .composer-row .message-input-wrap{display:flex !important;align-items:center !important;flex:1 1 0% !important;height:31px !important;min-height:31px !important;max-height:none !important;min-width:0 !important;width:auto !important;padding:0 3px !important;margin:0 !important;gap:1px !important;border:1px solid #c7e4ef !important;border-radius:9px !important;background:linear-gradient(#fff,#fbfcfe) !important;box-shadow:inset 0 2px 4px #aeccd347 !important;box-sizing:border-box !important}
html[data-applet-choice="classic"] body #app#app #messageInput{flex:1 1 0% !important;width:100% !important;min-width:0 !important;height:29px !important;min-height:29px !important;max-height:90px !important;padding:5px 4px !important;margin:0 !important;border:0 !important;border-radius:9px !important;background:transparent !important;box-shadow:none !important;font-size:16px !important;line-height:19px !important;color:var(--text-color,#355473) !important;resize:none !important;box-sizing:border-box !important}
html[data-applet-choice="classic"] body #app#app .message-input-wrap #emojiButton{position:static !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:0 0 27px !important;width:27px !important;min-width:27px !important;height:28px !important;min-height:28px !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;font-size:23px !important;line-height:28px !important;transform:none !important}
html[data-applet-choice="classic"] body #app#app #sendButton{position:static !important;flex:0 0 36px !important;width:36px !important;min-width:36px !important;max-width:36px !important;height:31px !important;min-height:31px !important;max-height:31px !important;padding:4px !important;margin:0 !important;border:1px solid #56b6ec !important;border-radius:8px !important;background:linear-gradient(160deg,#83d8ff,#1394f4 55%,#0074dc) !important;box-shadow:inset 0 1px 3px white,0 1px 4px #358dbb6b !important;color:white !important;transform:none !important}
html[data-applet-choice="classic"] body #app#app #sendButton svg{width:23px !important;height:23px !important;fill:currentColor !important}
html[data-applet-choice="classic"] body #app#app .mobile-nav{height:calc(43px + env(safe-area-inset-bottom)) !important;flex-basis:calc(43px + env(safe-area-inset-bottom)) !important;min-height:0 !important;border:1px solid #b8ddeb !important;border-bottom:0 !important;border-radius:15px 15px 0 0 !important;padding:1px 5px env(safe-area-inset-bottom) !important;gap:2px !important;background:linear-gradient(170deg,#f3fbff,#d8efff 65%,#eafaff) !important;box-shadow:inset 0 0 0 2px #ffffff95 !important}
html[data-applet-choice="classic"] body #app#app .mobile-nav>button{border-radius:24px !important;margin:0 !important;padding:0 !important;gap:0 !important;font:22px/23px Arial,sans-serif !important;color:#416f90 !important;background:transparent !important;min-height:0 !important}
html[data-applet-choice="classic"] body #app#app .mobile-nav>button>span{font:10px/12px Arial,sans-serif !important;margin:0 !important}
html[data-applet-choice="classic"] body #app#app .mobile-nav>button.active{border:1px solid #72c7e8 !important;background:linear-gradient(155deg,#bbefff,#8bd0f7 65%,#d8f6ff) !important;box-shadow:inset 0 1px 4px #9bc9df,0 1px 2px white !important;color:#2678b7 !important}
html[data-applet-choice="classic"] body #app#app .mobile-nav :is(.social-avatar,.msn-ui-icon){width:25px !important;height:25px !important}
html[data-applet-choice="classic"] body #app#app [hidden]{display:none !important}
}
@media(max-width:760px){
html[data-applet-choice="classic"]:not(.chat-keyboard-open):not(.standard-input-focus) body #app#app>.titlebar{height:clamp(58px,15.8vw,112px)!important;min-height:58px!important;padding-bottom:4px!important}
html[data-applet-choice="classic"]:not(.chat-keyboard-open):not(.standard-input-focus) body #app#app .brand-buddies{width:clamp(44px,15.9vw,90px)!important;height:clamp(44px,13.5vw,80px)!important;min-width:0!important}
html[data-applet-choice="classic"]:is(.chat-keyboard-open,.standard-input-focus) body #app#app .mobile-nav{display:none!important}
html[data-applet-choice="classic"][data-show-message-time="false"] body #app#app #messages .message-time,
html[data-applet-choice="classic"][data-ui-classic-mobile-time="false"] body #app#app #messages .message-time{display:none!important}
html[data-applet-choice="classic"] body #app#app #messages .media-card-header .message-avatar{width:27px!important;height:27px!important;min-width:27px!important;border-radius:50%!important}
}

@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar button{margin:0!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #imageButton.has-custom-icon{background-image:url('/images/simgeler/resim-gonder.png')!important;font-size:0!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #voiceButton.has-custom-icon{background-image:url('/images/simgeler/mikrofon.png')!important;font-size:0!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar :is(#imageButton,#voiceButton).has-custom-icon>*{visibility:hidden!important}
html[data-applet-choice="classic"] body #app#app .desktop-font-select select{width:100%!important;max-width:100%!important}
html[data-applet-choice="classic"] body #app#app .desktop-color-select>span,
html[data-applet-choice="classic"] body #app#app .desktop-font-select>span{display:none!important}
html[data-applet-choice="classic"] body #app#app .desktop-color-select input{width:25px!important}
html[data-applet-choice="classic"] body #app#app #messages :is(.has-image,.has-voice){grid-template-columns:minmax(0,1fr)!important}
html[data-applet-choice="classic"] body #app#app #messages :is(.has-image,.has-voice) .message-body{grid-column:1!important}
html[data-applet-choice="classic"] body #app#app #messages .message:not(.rank-message) .message-name{color:#1d71b4!important}
html[data-applet-choice="classic"] body #app#app #messages .message[data-reference-gender="female"]:not(.rank-message) .message-name{color:#c52a6d!important}
html[data-applet-choice="classic"] body #app#app .mobile-section.open{bottom:calc(43px + env(safe-area-inset-bottom))!important}
html[data-applet-choice="classic"]:is(.chat-keyboard-open,.standard-input-focus) body #app#app .mobile-section.open{bottom:0!important}
}

/* Fixed channel rows and one Classic roster state. */
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .standard-tabs-shell{display:flex!important;align-items:stretch!important;overflow:hidden!important;width:100%!important;box-sizing:border-box!important}
html[data-applet-choice="classic"] body #app#app #standardTabs{display:flex!important;flex-direction:column!important;flex:1 1 0%!important;overflow:hidden!important;width:0!important;min-width:0!important;height:auto!important;max-height:none!important;scrollbar-width:none!important}
html[data-applet-choice="classic"] body #app#app #standardTabs .standard-tab-row{display:grid!important;grid-template-columns:repeat(var(--reference-tab-columns,5),minmax(0,1fr))!important;width:100%!important;overflow:hidden!important;gap:3px!important;flex:none!important;height:25px!important}
html[data-applet-choice="classic"] body #app#app #standardTabs .standard-tab{display:flex!important;min-width:0!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important;padding:0 3px!important;gap:1px!important}
html[data-applet-choice="classic"] body #app#app #standardTabs [data-standard-target]{flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important}
html[data-applet-choice="classic"] body #app#app #standardTabs .conversation-close{flex:0 0 14px!important;min-width:14px!important;width:14px!important}
html[data-applet-choice="classic"] body #app#app #standardTabs .classic-tabs-overflow{display:none!important}
html[data-applet-choice="classic"] body #app#app .standard-tabs-toggle{position:static!important;height:auto!important;max-height:none!important;flex:0 0 24px!important}
html[data-applet-choice="classic"] body #app#app .layout:not(.private-chat):not(.standard-members-hidden):not(.modern-members-hidden)>#rightPanel{display:flex!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;width:100%!important}
html[data-applet-choice="classic"] body #app#app .layout:is(.standard-members-hidden,.modern-members-hidden)>#rightPanel{display:none!important}
html[data-applet-choice="classic"] body #app#app #mobileMembersButton{pointer-events:auto!important;z-index:20!important}
html[data-applet-choice="classic"] body #socialDialog.classic-channel-picker{width:300px!important;max-width:calc(100vw - 28px)!important;max-height:70dvh!important;padding:12px!important;border:1px solid #b8ddeb!important;border-radius:16px!important;background:linear-gradient(#fff,#e7f6ff)!important;color:#285d92!important;box-sizing:border-box!important;overflow:auto!important}
html[data-applet-choice="classic"] .classic-channel-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
html[data-applet-choice="classic"] .classic-channel-picker-list button{min-width:0;padding:9px 6px;border:1px solid #c2dfed;border-radius:9px;background:linear-gradient(#fff,#eaf7fe);color:#285d92;font:12px Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-applet-choice="classic"] .classic-channel-picker-list button[aria-current="page"]{background:linear-gradient(#4aa5ff,#1d78e7);color:white}
html[data-applet-choice="classic"] .classic-channel-join{margin-top:10px;display:flex;align-items:end;gap:6px}
html[data-applet-choice="classic"] .classic-channel-join label{flex:1;min-width:0;font-size:12px}
html[data-applet-choice="classic"] .classic-channel-join input{width:100%;box-sizing:border-box;font-size:16px;padding:6px;border:1px solid #b8ddeb;border-radius:7px}
html[data-applet-choice="classic"] .classic-channel-join>button{padding:8px;border:1px solid #287fd8;border-radius:7px;background:#1d78e7;color:white}
}

/* Keep role artwork inside its own row, never over the adjacent transcript. */
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app #rightPanel,
html[data-applet-choice="classic"] body #app#app #rightPanel .member-card,
html[data-applet-choice="classic"] body #app#app #memberList{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
html[data-applet-choice="classic"] body #app#app #memberList .member-row{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:4px 6px!important;gap:6px!important;overflow:hidden!important;transform:none!important}
html[data-applet-choice="classic"] body #app#app #memberList .member-group-icon{position:static!important;inset:auto!important;transform:none!important;float:none!important;box-sizing:border-box!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:0 0 16px!important;margin:0!important;overflow:hidden!important}
html[data-applet-choice="classic"] body #app#app #memberList .roster-profile-avatar{position:relative!important;inset:auto!important;transform:none!important;float:none!important;width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important;overflow:hidden!important;border-radius:50%!important}
html[data-applet-choice="classic"] body #app#app #memberList .member-row>div:not(.roster-profile-avatar){position:static!important;flex:1 1 0%!important;min-width:0!important;max-width:100%!important;margin:0!important;transform:none!important}
html[data-applet-choice="classic"] body #app#app #messages .message>.message-avatar{inset:auto!important;transform:none!important;float:none!important;justify-self:start!important;order:0!important}
html[data-applet-choice="classic"] body #app#app #messages .message>.message-body{justify-self:stretch!important;float:none!important;transform:none!important}
}

/* Pagination and collapsed groups must win over all decorative row displays. */
html body #app#app #memberList .member-row[hidden],
html body #app#app #memberList .member-row.group-collapsed,
html body #app#app #memberList button.member-group-heading[hidden],
html[data-applet-choice="classic"] body #app#app #memberList .member-row[hidden],
html[data-applet-choice="classic"] body #app#app #memberList .member-row.group-collapsed,
html[data-applet-choice="classic"] body #app#app #memberList button.member-group-heading[hidden],
html body #mobileMemberList .member-row[hidden],
html body #mobileMemberList .member-row.group-collapsed,
html body #mobileMemberList button.member-group-heading[hidden]{display:none!important}
html[data-applet-choice="classic"] body #app#app #memberList>.show-more{display:block!important;box-sizing:border-box;width:100%;margin:6px 0;padding:7px 3px;white-space:normal;border:1px solid #b8ddeb;border-radius:8px;background:linear-gradient(#fff,#e1f3fd);color:#285d92;font:11px/1.4 Arial,sans-serif}

.standard-tabs-actions{display:contents}.standard-tabs-add{display:none}
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .standard-tabs-shell{position:relative!important;z-index:25!important;pointer-events:auto!important}
html[data-applet-choice="classic"] body #app#app .standard-tabs-actions{display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:3px!important;flex:0 0 24px!important}
html[data-applet-choice="classic"] body #app#app .standard-tabs-actions .standard-tabs-toggle,
html[data-applet-choice="classic"] body #app#app .standard-tabs-actions .standard-tabs-add{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 0 23px!important;width:24px!important;min-width:24px!important;height:23px!important;min-height:23px!important;padding:0!important;border:1px solid #9dcde6!important;border-radius:8px!important;background:linear-gradient(#fff,#e4f4fd)!important;color:#226bac!important;font:20px/1 Arial,sans-serif!important}
html[data-applet-choice="classic"].chat-keyboard-open body #app#app .standard-tabs-actions{gap:1px!important}
html[data-applet-choice="classic"].chat-keyboard-open body #app#app .standard-tabs-actions button{flex-basis:12px!important;min-height:12px!important;height:12px!important;font-size:13px!important}
}
html body #socialDialog.classic-channel-picker{border:1px solid #a5d4ec!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#e7f6ff)!important;box-shadow:0 14px 45px #19598640,inset 0 0 0 3px #ffffff99!important;padding:14px!important}
html body .classic-channel-picker .channel-picker-category{padding:9px;margin:8px 0;border:1px solid #c5e4f3;border-radius:12px;background:#ffffff90}
html body .classic-channel-picker .channel-picker-category h3{display:flex;justify-content:space-between;margin:0 0 9px;color:#216799;font:bold 13px Arial,sans-serif}
html body .classic-channel-picker .channel-picker-category h3 span{border-radius:10px;background:#d1eafb;padding:2px 7px;font-size:11px}
html body .classic-channel-picker .channel-picker-category p{margin:3px;font:11px Arial,sans-serif;color:#7890a1}
html body #socialDialog.classic-channel-picker .classic-channel-picker-list button.channel-unread{color:#df3152!important;background:linear-gradient(#fff,#ffedf2)!important;border-color:#f0b4c3!important}