/* ozel.html presentation mapped onto live Classic mobile private conversations. */
#referencePrivateSidebar,#referencePrivateHeader{display:none}
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout.reference-private{grid-template-columns:minmax(0,1fr) clamp(112px,33.85vw,240px)!important;gap:0 3px!important;padding:3px 2px 0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private >.chat-panel{display:flex!important;flex-direction:column!important;grid-column:1!important;grid-row:1!important;border:1px solid #c8e8f8!important;border-radius:12px 12px 0 0!important;background:linear-gradient(100deg,#f7fcff,#eff8ff)!important;min-width:0!important;overflow:hidden!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private >.chat-panel>.channel-head,html[data-applet-choice="classic"] body #app#app .layout.reference-private >#rightPanel{display:none!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .desktop-private-portraits:not(:has(video)):not(:has(.private-call-dock:not(:empty))){display:none!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages{flex:1!important;min-height:0!important;width:100%!important;padding:8px 6px 12px!important;box-sizing:border-box!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message{grid-template-columns:clamp(28px,8.46vw,60px) minmax(0,1fr)!important;gap:4px!important;margin-bottom:9px!important;min-height:0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message>.message-avatar{width:clamp(28px,8.46vw,60px)!important;height:clamp(28px,8.46vw,60px)!important;border:0!important;grid-column:1!important;grid-row:1!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message .message-body{grid-column:2!important;grid-row:1!important;box-sizing:border-box!important;min-height:54px!important;padding:5px 6px 6px!important;border-radius:0 11px 11px 11px!important;background:linear-gradient(115deg,#fff1f5,#fbe9f1)!important;color:#214566!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message.self .message-body{background:linear-gradient(115deg,#e5f4ff,#dff1fd)!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message .message-content-line{background:transparent!important;border-radius:0!important;padding:0!important;min-height:0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message .message-body>div:first-child{padding:0!important;min-height:17px!important;align-items:baseline!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message .message-name{font-size:12px!important;color:#d50845!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message.self .message-name{color:#0d72ba!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message .message-time{font-size:9px!important;color:#648095!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message .message-text{font-size:12px!important;line-height:1.5!important;color:#214566!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message.has-image,html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message.has-voice{grid-template-columns:minmax(0,1fr)!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message.has-image .message-body,html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message.has-voice .message-body{grid-column:1!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .reaction-widget{margin-top:4px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #messages .message-media :is(img,iframe,audio,video){max-width:100%!important;box-sizing:border-box!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateSidebar{display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important;padding:3px!important;border:1px solid #c8e8f8!important;border-radius:10px 10px 0 0!important;background:linear-gradient(100deg,#f7fcff,#f3faff)!important;box-shadow:-2px 0 3px #8accea40!important;box-sizing:border-box!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateSidebar>input{width:100%!important;box-sizing:border-box!important;min-width:0!important;height:28px!important;flex:none!important;border:1px solid #cbe2ee!important;border-radius:15px!important;padding:3px 7px!important;margin:0 0 5px!important;background:linear-gradient(#fff,#f8fcff)!important;font-size:16px!important;color:#345370!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateSidebar summary{padding:7px 5px!important;color:#0876bd!important;background:linear-gradient(#e9faff,#d0efff)!important;border-radius:8px 8px 0 0!important;font:700 11px Arial,sans-serif!important;cursor:pointer!important;white-space:nowrap!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-row{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;gap:5px!important;min-width:0!important;height:44px!important;padding:4px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;box-sizing:border-box!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-row.selected{background:linear-gradient(90deg,#b8f58c 0,#d6f3d570 10%,#ecebff 45%,#e9f1ff 100%)!important;box-shadow:inset 3px 0 3px #7acf63aa!important;border-radius:7px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-row .social-avatar,html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-row .social-avatar img{width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:50%!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-row .social-dot{width:5px!important;height:5px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-copy{flex:1!important;min-width:0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-top,html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-bottom{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-top b{font:700 11px Arial,sans-serif!important;color:#105d9d!important;flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-top time{font:8px Arial,sans-serif!important;color:#6a879c!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-bottom small{font:10px/17px Arial,sans-serif!important;color:#315779!important;flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-bottom i{font:normal 10px/15px Arial,sans-serif!important;border-radius:10px!important;min-width:15px!important;text-align:center!important;background:linear-gradient(#ff7779,#f32e34)!important;color:#fff!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-empty{font:11px/1.5 Arial,sans-serif!important;padding:8px!important;color:#648095!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader{display:flex!important;align-items:center!important;gap:4px!important;flex:none!important;min-height:47px!important;padding:5px!important;border-radius:11px!important;background:linear-gradient(120deg,#f4fcff,#eaf7ffe6)!important;box-shadow:0 3px 8px #8bc7e945,inset 0 0 0 1px #e0f3ff!important;box-sizing:border-box!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader button{flex:0 0 23px!important;min-width:0!important;width:23px!important;height:27px!important;margin:0!important;padding:2px!important;border:1px solid #b8ddeb!important;border-radius:10px!important;background:linear-gradient(#fff,#e1f3fd)!important;color:#097bc7!important;font-size:18px!important;box-sizing:border-box!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-avatar{flex-basis:32px!important;width:32px!important;height:32px!important;border:0!important;padding:0!important;border-radius:50%!important;background:transparent!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .social-avatar,html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .social-avatar img{width:32px!important;height:32px!important;border-radius:50%!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-peer-copy{flex:1!important;min-width:0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-peer-copy b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font:700 12px Arial,sans-serif!important;color:#1465aa!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-peer-copy small{display:block!important;font:9px/16px Arial,sans-serif!important;color:#69808c!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader [data-reference-more]{flex-basis:12px!important;width:12px!important;padding:0!important;border:0!important;background:transparent!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader [hidden]{display:none!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .composer .desktop-composer-toolbar{height:37px!important;min-height:37px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .composer .composer-row{height:43px!important;min-height:43px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .composer .composer-row .message-input-wrap{height:35px!important;min-height:35px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #sendButton{height:35px!important;min-height:35px!important;max-height:35px!important}
}

@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:7px}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-actions button{flex:1;padding:5px 3px;border:1px solid #b8ddeb;border-radius:7px;background:linear-gradient(#fff,#e1f3fd);color:#285d92;font:10px Arial,sans-serif}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-private-actions [hidden]{display:none!important}
}

#referencePrivateToggle{display:none}
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout.reference-private.reference-private-collapsed{grid-template-columns:minmax(0,1fr) 0!important;column-gap:0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private.reference-private-collapsed #referencePrivateSidebar{display:none!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateToggle{display:flex!important;position:absolute!important;right:0!important;top:50%!important;align-items:center;justify-content:center;width:20px;height:35px;padding:0;border:1px solid #add9ed;border-radius:8px 0 0 8px;background:linear-gradient(#fff,#d8efff);color:#1969b1;font-size:23px;z-index:30;touch-action:manipulation}
html[data-applet-choice="classic"] body #app#app .layout.reference-private>.chat-panel{position:relative!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .reference-friends{margin-bottom:7px}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #nudgeButton{order:6!important;margin:0!important;background-image:url('/images/simgeler/titresim.png')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:20px 20px!important;font-size:0!important;position:static!important;transform:none!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar .admin-clear-channel{order:7!important;margin:0!important;background-image:url('/images/simgeler/temizle.png')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:20px 20px!important;position:static!important;transform:none!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar .admin-clear-channel.clear-icon-ready>svg{visibility:hidden!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #privateComposerBlock{order:8!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar #nickTabButton{order:10!important;margin-left:auto!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar{gap:3px!important;padding-left:4px!important;padding-right:4px!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar .desktop-font-select{flex-basis:49px!important;width:49px!important}
html[data-applet-choice="classic"] body #app#app .desktop-composer-toolbar [hidden]{display:none!important}
}

@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout.reference-private:not(.reference-private-collapsed){grid-template-columns:minmax(0,1fr) clamp(104px,30vw,215px)!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateSidebar>input{height:25px!important;min-height:25px!important;max-height:25px!important;flex:0 0 25px!important;margin:0 0 5px!important;padding:2px 7px!important;border:1px solid #cbe2ee!important;border-radius:15px!important;background:linear-gradient(#fff,#f8fcff)!important;box-shadow:inset 0 1px 4px #acc8d92b!important;font:12px Arial,sans-serif!important}
html[data-applet-choice="classic"] body #app#app .standard-tabs-toggle{display:flex!important;align-items:center!important;justify-content:center!important}
html[data-applet-choice="classic"] body #app#app #referencePrivateHeader [data-reference-call] img{display:block;width:20px;height:20px;object-fit:contain}
html[data-applet-choice="classic"] body #app#app #referencePrivateHeader [data-reference-more]{width:22px!important;flex-basis:22px!important;height:25px!important;border:1px solid #b8ddeb!important;border-radius:7px!important;background:linear-gradient(#fff,#e1f3fd)!important;font:20px/1 Arial,sans-serif!important;color:#1969b1!important}
html[data-applet-choice="classic"] body #app#app #referencePrivateSidebar .friend-request-buttons{display:flex;flex-direction:column;gap:4px;margin:5px 0}
html[data-applet-choice="classic"] body #app#app #referencePrivateSidebar .friend-request-buttons button{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:5px 4px;min-width:0;border:1px solid #b8ddeb;border-radius:6px;background:linear-gradient(#fff,#e1f3fd);color:#285d92;font:10px/1.3 Arial,sans-serif;white-space:normal}
html[data-applet-choice="classic"] body #app#app #referencePrivateSidebar .request-badge{position:static;min-width:14px;padding:1px 3px;border-radius:9px;background:#e94858;color:#fff;font:9px Arial,sans-serif}
}

@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app #referencePrivateHeader{gap:7px!important;flex-wrap:wrap!important}
html[data-applet-choice="classic"] body #app#app #referencePrivateHeader [data-reference-call]{width:29px!important;height:31px!important;flex:0 0 29px!important;padding:4px!important}
html[data-applet-choice="classic"] body #app#app #referencePrivateHeader [data-reference-more]{width:32px!important;height:33px!important;flex:0 0 32px!important;font-size:26px!important;margin-left:2px!important}
html[data-applet-choice="classic"] body #app#app #referencePrivateHeader .reference-peer-copy{min-width:42px!important}
html[data-applet-choice="classic"] body #app#app .reference-private-actions .private-preference{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;width:100%;padding:6px 3px;box-sizing:border-box;font:11px Arial,sans-serif;border:1px solid #b8ddeb;border-radius:7px;background:linear-gradient(#fff,#e1f3fd)}
html[data-applet-choice="classic"] body #app#app .layout.reference-private-empty-view #messages,
html[data-applet-choice="classic"] body #app#app .layout.reference-private-empty-view>.composer,
html[data-applet-choice="classic"] body #app#app .layout.reference-private-empty-view #referencePrivateHeader{display:none!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private-empty-view>.chat-panel::after{content:'Bir özel sohbet seçin';display:block;padding:25px 12px;color:#648095;font:12px/1.5 Arial,sans-serif;text-align:center}
}

/* Use the full header scope so earlier high-specificity size rules cannot win. */
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader{gap:7px!important;flex-wrap:wrap!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:10px!important;margin-left:auto!important;white-space:nowrap!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions [data-reference-call]{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:36px!important;margin:0!important;padding:4px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions [data-reference-more]{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:1px solid #9bc8e5!important;border-radius:9px!important;background:linear-gradient(#fff,#d8efff)!important;color:#1969b1!important;font:400 32px/1 Arial,sans-serif!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions [hidden]{display:none!important}
}

/* Compact private controls and a count on the collapsible roster edge. */
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions{gap:7px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions :is([data-reference-call],[data-social-friend]){display:flex!important;align-items:center!important;justify-content:center!important;width:26px!important;min-width:26px!important;height:29px!important;flex:0 0 26px!important;padding:3px!important;margin:0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions [data-reference-more]{width:29px!important;min-width:29px!important;height:31px!important;flex:0 0 29px!important;font-size:25px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions :is(img,svg){width:19px!important;height:19px!important;object-fit:contain!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateHeader .reference-peer-actions [hidden]{display:none!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateToggle{flex-direction:column!important;gap:1px!important;height:45px!important;width:24px!important;font-size:21px!important;line-height:23px!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateToggle small{display:block;font:10px/13px Arial,sans-serif;color:#1969b1}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .chat-panel>.admin-clear-channel{display:flex!important;position:absolute!important;right:0!important;left:auto!important;top:calc(50% - 35px)!important;bottom:auto!important;transform:none!important;width:26px!important;min-width:26px!important;height:28px!important;padding:3px!important;margin:0!important;z-index:30!important;border:1px solid #add9ed!important;border-radius:8px 0 0 8px!important;background-color:#edf8ff!important;background-image:url('/images/simgeler/temizle.png')!important;background-size:20px 20px!important;background-position:center!important;background-repeat:no-repeat!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .chat-panel>.admin-clear-channel.clear-icon-ready svg{visibility:hidden!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private .chat-panel>.admin-clear-channel[hidden]{display:none!important}
}
/* Both join entry points use one aligned row with equal control heights. */
html body #socialDialog.classic-channel-picker form.classic-channel-join{display:flex!important;align-items:flex-end!important;gap:8px!important;margin-top:12px!important}
html body #socialDialog.classic-channel-picker form.classic-channel-join label{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-width:0!important;gap:5px!important;margin:0!important;font-size:12px!important}
html body #socialDialog.classic-channel-picker form.classic-channel-join input,
html body #socialDialog.classic-channel-picker form.classic-channel-join>button{box-sizing:border-box!important;height:36px!important;min-height:36px!important;margin:0!important;padding:7px 10px!important;border:1px solid #a5cce5!important;border-radius:8px!important;font-size:14px!important;line-height:20px!important}
html body #socialDialog.classic-channel-picker form.classic-channel-join>button{flex:0 0 auto!important;color:white!important;background:linear-gradient(#45a9fa,#1879d4)!important}
html body #app#app form.channel-join-form{display:flex!important;align-items:center!important;gap:8px!important}
html body #app#app form.channel-join-form input{flex:1 1 0!important;min-width:0!important}
html body #app#app form.channel-join-form :is(input,button){box-sizing:border-box!important;height:36px!important;min-height:36px!important;margin:0!important;padding:7px 9px!important;border-radius:8px!important;line-height:20px!important}

@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateSidebar>input,
html[data-applet-choice="classic"] body #app#app .layout.reference-private #referencePrivateSidebar>input:focus{border:0!important;outline:none!important;box-shadow:none!important;background:#fff!important;color:#17365d!important;border-radius:14px!important;height:25px!important;min-height:25px!important;max-height:25px!important;padding:2px 7px!important;font:12px Arial,sans-serif!important}
html[data-applet-choice="classic"] body #app#app .layout:not(.private-chat):not(.reference-private) #mobileMembersButton{width:25px!important;min-width:25px!important;height:37px!important;min-height:37px!important;padding:2px!important;gap:0!important;box-sizing:border-box!important;font-size:11px!important}
html[data-applet-choice="classic"] body #app#app .layout:not(.private-chat):not(.reference-private) #mobileMembersButton :is(img,.msn-ui-icon){width:19px!important;height:19px!important;min-width:19px!important;object-fit:contain!important}
html[data-applet-choice="classic"] body #app#app .layout:not(.private-chat):not(.reference-private) #mobileMemberCount{font-size:10px!important;line-height:12px!important}
}

/* Separate Classic mobile friends navigation and in-conversation calls. */
.mobile-nav > [data-mobile="friend-list"]{display:none!important}
.reference-call-participants[hidden],#referenceCallStage[hidden]{display:none!important}
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .mobile-nav{display:flex!important}
html[data-applet-choice="classic"] body #app#app .mobile-nav>button{flex:1 1 0!important;min-width:0!important;width:auto!important}
html[data-applet-choice="classic"] body #app#app .mobile-nav>[data-mobile="friend-list"]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
html[data-applet-choice="classic"] body #app#app .mobile-nav>[hidden]{display:none!important}
html[data-applet-choice="classic"] body #app#app .mobile-nav .reference-friends-icon{font:25px/25px Arial,sans-serif!important;color:#397aa6!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"] body #app#app #referencePrivateSidebar details[hidden]{display:none!important}
html[data-applet-choice="classic"] body #app#app #referencePrivateSidebar .friend-request-buttons{display:flex!important;flex-direction:column!important;gap:6px!important;margin:5px 0 9px!important}
html[data-applet-choice="classic"] body #app#app #referencePrivateSidebar .friend-request-buttons button{width:100%!important;min-width:0!important;min-height:32px!important;padding:6px!important;border:1px solid var(--cz-b9d4ea,#b9d4ea)!important;border-radius:9px!important;background:var(--cz-eaf5ff,#eaf5ff)!important;color:var(--cz-17609a,#17609a)!important;font:11px/1.3 Arial,sans-serif!important;white-space:normal!important}
html[data-applet-choice="classic"] body #app#app .reference-friends-heading{font:600 11px/1.4 Arial,sans-serif;margin:7px 4px;color:inherit}
html[data-applet-choice="classic"] body #app#app .layout.reference-call-open:not(.reference-private-collapsed){grid-template-columns:minmax(0,1fr) clamp(90px,27vw,160px)!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-call-open .desktop-private-portraits{display:none!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage{display:flex;flex:1 1 0;min-width:0;min-height:0;overflow:auto;padding:5px;box-sizing:border-box}
html[data-applet-choice="classic"] body #app#app .layout.reference-call-open #messages{display:none!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-panel.reference-inline-call{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:8px!important;box-sizing:border-box!important;border:1px solid var(--cz-b9d4ea,#b9d4ea)!important;border-radius:12px!important;background:var(--cz-eaf5ff,#eaf5ff)!important;color:var(--cz-17609a,#17609a)!important;box-shadow:none!important;overflow:auto!important;z-index:1!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-panel>header{display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important;font:11px/1.4 Arial,sans-serif!important;min-width:0!important;overflow-wrap:anywhere!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-videos{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;flex:1 1 auto!important;min-height:0!important;position:relative!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-videos video{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:24dvh!important;min-height:55px!important;aspect-ratio:4/3!important;object-fit:contain!important;border-radius:9px!important;background:#162537!important;border:1px solid #ffffff80!important;box-sizing:border-box!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .audio-call .call-videos{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-participants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;flex:1;align-content:center}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-participants>span{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;border:1px solid #bdd9ec;border-radius:12px;background:#ffffff60;min-width:0}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-participants i{font:30px/1 Arial,sans-serif}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-participants b{max-width:100%;overflow-wrap:anywhere;font-size:12px}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-controls{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;margin-top:auto!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-controls button{flex:0 1 auto!important;min-width:32px!important;min-height:32px!important;width:auto!important;height:auto!important;padding:6px 8px!important;border:1px solid #aacfe8!important;border-radius:8px!important;background:var(--cz-d8efff,#d8efff)!important;color:var(--cz-17609a,#17609a)!important;font:11px/1.3 Arial,sans-serif!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-controls button svg{width:19px!important;height:19px!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-controls button[hidden]{display:none!important}
}

/* A personal avatar takes priority over the authority glyph. */
html body #app :is(#memberList,#mobileMemberList) .grouped-member.has-chosen-avatar>.member-group-icon,
html body #mobileMemberList .grouped-member.has-chosen-avatar>.member-group-icon{display:none!important}
html body #app :is(#memberList,#mobileMemberList) .grouped-member.has-chosen-avatar>.roster-profile-avatar,
html body #mobileMemberList .grouped-member.has-chosen-avatar>.roster-profile-avatar{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important}
html body :is(#memberList,#mobileMemberList) .roster-profile-avatar,
html body :is(#memberList,#mobileMemberList) .roster-profile-avatar :is(.social-avatar,img){border-radius:50%!important;overflow:hidden!important}
#referenceTopicBar{display:none}
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app #referenceTopicBar:not([hidden]){position:relative;display:flex;align-items:center;flex:0 0 auto;box-sizing:border-box;width:100%;min-width:0;min-height:27px;margin:0;padding:5px 33px 5px 8px;border:1px solid var(--cz-b9d4ea,#b9d4ea);border-radius:0;background:linear-gradient(180deg,var(--cz-f4faff,#f4faff),var(--cz-e4f1fb,#e4f1fb));color:var(--cz-17609a,#17609a);font:11px/16px Arial,sans-serif}
html[data-applet-choice="classic"] body #app#app #referenceTopicBar .reference-topic-text{display:block;min-width:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-applet-choice="classic"] body #app#app #referenceTopicBar.topic-expanded .reference-topic-text{white-space:normal;overflow-wrap:anywhere;max-height:25dvh;overflow-y:auto}
html[data-applet-choice="classic"] body #app#app #referenceTopicBar .channel-head-toggle{position:absolute;right:5px;top:1px;width:24px;height:25px;padding:0;border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent url('/images/simgeler/baslik-ac.png') center/20px 20px no-repeat!important}
html[data-applet-choice="classic"] body #app#app #referenceTopicBar .channel-head-toggle[aria-expanded="true"]{background-image:url('/images/simgeler/baslik-kapat.png')!important}
}

/* Quote navigation and reaction badges use the full message width. */
.quoted-message[data-quote-source]{cursor:pointer}
.quoted-message[data-quote-source]:focus-visible{outline:2px solid #368adb;outline-offset:2px}
#messages .quote-highlight .message-body{outline:2px solid #368adb;outline-offset:2px;box-shadow:0 0 12px #368adb66}
html body #app#app #messages .message .message-body>.reaction-widget{display:block!important;position:relative!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:3px 0 0!important}
html body #app#app #messages .message .reaction-widget>.reaction-counts{position:static!important;inset:auto!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important;text-align:right!important}
html body #app#app #messages .message .reaction-widget>.reaction-counts:empty{display:none!important}
html body #app#app #messages .message .reaction-widget:has(>.reaction-menu[hidden]):has(>.reaction-counts:empty){display:none!important}
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-participants{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;flex:1 0 auto;align-content:start;min-width:0}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-person{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-frame{position:relative;width:min(100%,150px);aspect-ratio:1;border:1px solid var(--cz-b9d4ea,#b9d4ea);padding:3px;box-sizing:border-box;border-radius:16px;background:var(--cz-eaf5ff,#eaf5ff);box-shadow:inset 0 0 0 2px #ffffff88;overflow:hidden}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-avatar,
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-video{position:absolute;inset:3px;border-radius:12px;overflow:hidden}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-avatar :is(.social-avatar,img){display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:12px!important;object-fit:cover!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-avatar .social-dot{display:none!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-video{opacity:0;pointer-events:none}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .has-camera .reference-call-video{opacity:1}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-video video{display:block!important;position:static!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;border:0!important;border-radius:12px!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-call-person figcaption{font:600 12px/1.3 Arial,sans-serif;max-width:100%;overflow-wrap:anywhere;text-align:center}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-person-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-person-controls button{min-height:30px;padding:5px 8px;border:1px solid var(--cz-b9d4ea,#b9d4ea);border-radius:8px;background:var(--cz-d8efff,#d8efff);color:var(--cz-17609a,#17609a);font:11px/1.3 Arial,sans-serif}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-person-controls button svg{width:18px;height:18px}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .reference-person-controls [hidden]{display:none!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .call-videos{display:none!important}
html[data-applet-choice="classic"] body #app#app #referenceCallStage .audio-call .reference-call-frame{width:min(100%,110px)}
}
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout.reference-private-empty-view.reference-friends-screen>.chat-panel::after{content:'Arkadaş listesinden bir kişi seçin'}
html[data-applet-choice="classic"] body #app#app .layout.reference-private-empty-view .chat-panel>.composer{display:none!important}
}
html body #app#app #messages .message.mention-highlight .message-body{outline:2px solid #f28c18!important;outline-offset:2px;box-shadow:0 0 12px #f28c1866!important}
/* Compact confirmation shared by all friend controls. */
html body dialog.friend-confirm-dialog{width:min(310px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:0;border:1px solid var(--cz-b9d4ea,#b9d4ea);border-radius:14px;background:var(--cz-f4faff,#f4faff);color:var(--cz-17609a,#17609a);box-shadow:0 12px 38px #143b6340;font:13px/1.5 Arial,sans-serif;overflow:hidden}
html body .friend-confirm-dialog::backdrop{background:#12304a55}
html body .friend-confirm-dialog header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--cz-e4f1fb,#e4f1fb);gap:12px}
html body .friend-confirm-dialog p{margin:14px;overflow-wrap:anywhere}
html body .friend-confirm-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:0 12px 12px}
html body .friend-confirm-dialog button{border:1px solid var(--cz-b9d4ea,#b9d4ea);border-radius:8px;padding:7px 12px;min-height:34px;background:var(--cz-e4f1fb,#e4f1fb);color:var(--cz-17609a,#17609a);font:12px/1.3 Arial,sans-serif;cursor:pointer}
html body .friend-confirm-dialog header button{width:30px;min-height:30px;padding:0;font-size:23px}
html body .friend-confirm-dialog [data-confirm-accept]{background:var(--cz-277bdd,#277bdd);border-color:var(--cz-277bdd,#277bdd);color:#fff}
html body .friend-confirm-dialog button:focus-visible{outline:2px solid var(--cz-277bdd,#277bdd);outline-offset:2px}
/* Keep a compact card while giving YouTube controls a usable inner viewport. */
html body #app#app #messages .chat-youtube-frame{position:relative;width:320px;max-width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:9px;margin-top:5px;background:#102538}
html body #app#app #messages .chat-youtube-frame>.youtube-preview{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important}
html body #app#app #messages .has-picture-preview .image-message{display:flex;align-items:center;flex-wrap:wrap;gap:5px;width:100%;margin-top:5px}
html body #app#app #messages .has-picture-preview .chat-image{display:block!important;width:320px!important;max-width:100%!important;height:200px!important;object-fit:cover!important;border-radius:9px!important;margin:0!important}
html body #app#app #messages .has-picture-preview [data-image-read]{display:block;box-sizing:border-box;width:320px;max-width:100%;min-height:100px;padding:0;overflow:hidden;border:1px solid var(--cz-b9d4ea,#b9d4ea);border-radius:9px;background:var(--cz-e4f1fb,#e4f1fb);color:var(--cz-17609a,#17609a)}
@media(max-width:760px){
html body #app#app #messages .chat-youtube-frame{width:150px}
html body #app#app #messages .chat-youtube-frame>.youtube-preview{width:300%!important;height:300%!important;transform:scale(.3333333333)!important;transform-origin:top left!important}
html body #app#app #messages .has-picture-preview .chat-image{width:150px!important;height:94px!important}
html body #app#app #messages .has-picture-preview [data-image-read]{width:150px;min-height:94px}
}
html body #app#app #messages .chat-youtube-play{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:9px;overflow:hidden;cursor:pointer;background:#102538}
html body #app#app #messages .chat-youtube-play img{display:block;width:100%;height:100%;object-fit:cover}
html body #app#app #messages .chat-youtube-play span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:30px;border-radius:9px;background:#f03;color:#fff;font:18px/1 Arial,sans-serif}
html body dialog.chat-video-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:8px;border:1px solid var(--cz-b9d4ea,#b9d4ea);border-radius:13px;background:var(--cz-eaf5ff,#eaf5ff);color:var(--cz-17609a,#17609a);box-shadow:0 15px 45px #10253866;overflow:auto}
html body .chat-video-dialog::backdrop{background:#10253866}
html body .chat-video-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font:600 13px/1.4 Arial,sans-serif}
html body .chat-video-dialog header>div{display:flex;gap:7px}
html body .chat-video-dialog button{min-height:30px;padding:5px 9px;border:1px solid var(--cz-b9d4ea,#b9d4ea);border-radius:7px;background:var(--cz-d8efff,#d8efff);color:var(--cz-17609a,#17609a);font:12px/1.3 Arial,sans-serif;cursor:pointer}
html body .chat-video-dialog [data-video-close]{font-size:22px;padding:0 8px}
html body .chat-video-dialog .youtube-preview{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;margin:0!important;border:0!important;border-radius:8px!important;transform:none!important}
html body .chat-video-dialog p{font:12px/1.4 Arial,sans-serif;margin:8px 0 0}
html body .chat-video-dialog:fullscreen{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column;background:#102538}
html body .chat-video-dialog:fullscreen .chat-video-screen{flex:1;min-height:0}
html body .chat-video-dialog:fullscreen .youtube-preview{height:100%!important}

/* Classic iPhone: one-line Tab control and stable keyboard layout. */
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .layout .desktop-composer-toolbar #nickTabButton.nick-tab-button{appearance:none!important;-webkit-appearance:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;width:56px!important;min-width:56px!important;max-width:56px!important;flex:0 0 56px!important;height:29px!important;min-height:29px!important;gap:4px!important;padding:2px 5px!important;white-space:nowrap!important}
html[data-applet-choice="classic"] body #app#app .layout #nickTabButton .nick-tab-arrow{display:none!important}
html[data-applet-choice="classic"] body #app#app .layout #nickTabButton .nick-tab-label{position:static!important;display:block!important;font:12px/20px Arial,sans-serif!important}
html[data-applet-choice="classic"] body #app#app .layout #nickTabButton::after{content:'↹'!important;font:18px/20px Arial,sans-serif!important;display:block!important;flex:none!important;background:none!important;mask:none!important;width:auto!important;height:auto!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private{min-height:0!important;grid-template-rows:minmax(0,1fr) auto!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private>.chat-panel{height:auto!important;min-height:0!important}
html[data-applet-choice="classic"] body #app#app .layout.reference-private>.composer{flex:none!important;transition:none!important}
}