/* Giriş, Nick kaydet, Identify (Kayıtlı nick) ve Oper girişi pencereleri: sade, temaya uyumlu, yumuşak butonlar.
   Vurgu rengi temanın koyu ana rengidir (--md-00866c: yeşil / mavi / pembe / mor / siyah temalarda değişir);
   Classic takım temalarında takım rengi kullanılır. Parlak (neon) tonlar kullanılmaz. Bu dosya en son yüklenir. */
:root{--form-accent:var(--md-00866c,#00866c);--form-text:#1f2d33;--form-muted:#62717a;--form-line:#d6dee3;--form-soft:#f4f7f8}
html[data-classic-team]:not([data-classic-team="original"]){--form-accent:var(--cz-1971d9,#1971d9)}
html[data-applet-choice="classic"]:not([data-classic-team]),html[data-applet-choice="classic"][data-classic-team="original"]{--form-accent:#2a6db0}

/* Pencere kutusu */
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account,html body dialog.nick-auth-dialog.nick-auth-dialog{width:min(360px,calc(100vw - 28px))!important;max-width:min(360px,calc(100vw - 28px))!important;box-sizing:border-box!important;padding:20px 20px 18px!important;border:1px solid rgba(20,40,50,.08)!important;border-radius:18px!important;background:#fff!important;color:var(--form-text)!important;box-shadow:0 20px 50px rgba(15,30,40,.22),0 2px 8px rgba(15,30,40,.08)!important;font:14px/1.5 Arial,Helvetica,sans-serif!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account::backdrop,html body dialog.nick-auth-dialog.nick-auth-dialog::backdrop{background:rgba(15,25,30,.42)!important;backdrop-filter:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:0!important;margin:0 0 6px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header :is(h2,h3,b,strong,span){margin:0!important;color:var(--form-text)!important;font:700 17px/1.3 Arial,Helvetica,sans-serif!important;background:none!important}
html body dialog.nick-auth-dialog.nick-auth-dialog h3{margin:0 0 6px!important;color:var(--form-text)!important;font:700 17px/1.3 Arial,Helvetica,sans-serif!important}

/* Kapat (×): her ekranda görünür, yumuşak gri yuvarlak (PC'de pc-glass beyaz × koyduğu için o da ayarlanır) */
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0 -4px 0 0!important;padding:0!important;border:1px solid var(--form-line)!important;border-radius:50%!important;background:var(--form-soft)!important;background-image:none!important;color:var(--form-muted)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;outline:none!important;font:400 17px/1 Arial,sans-serif!important;cursor:pointer!important;font-size:0!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button>*{display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button::before{content:none!important;display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button::after{content:'✕'!important;display:block!important;position:static!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:400 15px/1 Arial,sans-serif!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button:hover{background:#e9eef0!important;color:var(--form-text)!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>.social-dialog-content{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}

/* Metinler ve alanlar */
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm),html body dialog.nick-auth-dialog.nick-auth-dialog form{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;padding:0!important;background:none!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) p,html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) small,html body dialog.nick-auth-dialog.nick-auth-dialog p{margin:0!important;color:var(--form-muted)!important;font-size:13px!important;line-height:1.5!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm)>p:first-child{color:var(--form-text)!important;font-weight:600!important;font-size:14px!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) small{display:block!important;padding:9px 11px!important;border-radius:10px!important;background:var(--form-soft)!important;font-size:12px!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) label,html body dialog.nick-auth-dialog.nick-auth-dialog label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;color:var(--form-text)!important;font:600 13px/1.3 Arial,Helvetica,sans-serif!important}
html body :is(:is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm),dialog.nick-auth-dialog.nick-auth-dialog) input{width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;margin:0!important;padding:0 13px!important;border:1px solid var(--form-line)!important;border-radius:11px!important;background:#fff!important;color:var(--form-text)!important;box-shadow:none!important;font:16px Arial,Helvetica,sans-serif!important;transition:border-color .15s,box-shadow .15s!important}
html body :is(:is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm),dialog.nick-auth-dialog.nick-auth-dialog) input:focus{outline:none!important;border-color:var(--form-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--form-accent) 16%,transparent)!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) .account-result,html body dialog.nick-auth-dialog.nick-auth-dialog .nick-auth-error{white-space:pre-line!important;color:var(--form-muted)!important;font-size:12.5px!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) .account-result:empty,html body dialog.nick-auth-dialog.nick-auth-dialog .nick-auth-error:empty{display:none!important}

/* Butonlar: ana buton dolu (temanın koyu rengi), ikincil buton çerçeveli; yumuşak köşe, ince gölge */
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) button[type=submit],html body dialog.nick-auth-dialog.nick-auth-dialog button[type=submit]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:44px!important;min-height:44px!important;margin:4px 0 0!important;padding:0 18px!important;border:1px solid transparent!important;border-radius:12px!important;background:var(--form-accent)!important;background-image:none!important;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;text-shadow:none!important;font:600 14.5px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.1px!important;cursor:pointer!important;transition:filter .15s,transform .1s!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) button[type=submit]:hover,html body dialog.nick-auth-dialog.nick-auth-dialog button[type=submit]:hover{filter:brightness(.94)!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) button[type=submit]:active,html body dialog.nick-auth-dialog.nick-auth-dialog button[type=submit]:active{transform:translateY(1px)!important}
html body #ircAccountForm#ircAccountForm button:disabled,html body dialog.nick-auth-dialog.nick-auth-dialog button:disabled{opacity:.55!important;cursor:default!important}
html body dialog.nick-auth-dialog.nick-auth-dialog [data-nick-cancel]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 18px!important;border:1px solid var(--form-line)!important;border-radius:12px!important;background:#fff!important;background-image:none!important;color:var(--form-text)!important;box-shadow:none!important;font:600 14px/1 Arial,Helvetica,sans-serif!important;cursor:pointer!important}
html body dialog.nick-auth-dialog.nick-auth-dialog [data-nick-cancel]:hover{background:var(--form-soft)!important}

/* Giriş ekranı: buton ve alanlar */
html body #loginScreen#loginScreen #loginButton#loginButton{border:1px solid transparent!important;border-radius:12px!important;background:var(--form-accent)!important;background-image:none!important;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.14)!important;text-shadow:none!important;font-weight:600!important;letter-spacing:.1px!important;transition:filter .15s,transform .1s!important}
html body #loginScreen#loginScreen #loginButton#loginButton:hover{filter:brightness(.94)!important}
html body #loginScreen#loginScreen #loginButton#loginButton:active{transform:translateY(1px)!important}
html body #loginScreen#loginScreen .login-card input:not([type=checkbox]):not([type=radio]){border:1px solid var(--form-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s!important}
html body #loginScreen#loginScreen .login-card input:not([type=checkbox]):not([type=radio]):focus{outline:none!important;border-color:var(--form-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--form-accent) 16%,transparent)!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account .social-dialog-content{margin:0!important;padding:4px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* ===== Applet yönetim paneli ===== */
html body dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-group>.admin-group-body{display:flex;flex-direction:column;gap:8px;padding-top:10px}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-subcategory{margin:0!important;border:1px solid rgba(20,40,50,.1)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) details.admin-subcategory>summary{font-size:13.5px}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) section.admin-subcategory{padding:12px!important}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-entry-setting{padding:12px!important;border:1px solid rgba(20,40,50,.1);border-radius:10px;background:#fff}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) :is(.admin-entry-setting,.admin-ban-toggle) .admin-visibility-row,html body dialog.applet-admin-dialog:not(.media-browser-dialog) label.admin-ban-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:8px 0!important;padding:10px 12px!important;border-radius:10px!important;background:var(--form-soft)!important}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) :is(.admin-entry-setting,.admin-ban-toggle) span{display:flex;flex-direction:column;gap:3px;min-width:0}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) :is(.admin-entry-setting,.admin-ban-toggle) small{font-weight:400;font-size:12px;line-height:1.4;color:var(--form-muted)}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) :is(.admin-entry-setting,.admin-ban-toggle) input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;accent-color:var(--form-accent)}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-entry-warning{margin:8px 0 0;padding:10px 12px;border:1px solid #ecd9b0;border-left:4px solid #b07a22;border-radius:10px;background:#fbf4e6;color:#6b4c12;font-size:13px;line-height:1.45}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-entry-warning b{font-family:ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px solid #ecd9b0;border-radius:5px;padding:0 5px}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-appban-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(20,40,50,.08)}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-appban-row>span{display:flex;flex-direction:column;min-width:0}
html body dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-appban-row small{color:var(--form-muted);font-size:11.5px}
/* Duyuru Yap: ekler */
html body dialog.applet-admin-dialog .announce-attach{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
html body dialog.applet-admin-dialog .announce-attach-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;width:auto!important;min-height:36px!important;height:36px!important;margin:0!important;padding:0 14px!important;border:1px solid var(--form-line)!important;border-radius:999px!important;background:#fff!important;background-image:none!important;color:var(--form-text)!important;box-shadow:none!important;font:600 13px/1 Arial,Helvetica,sans-serif!important;cursor:pointer}
html body dialog.applet-admin-dialog .announce-attach-btn.recording{border-color:#c0504d!important;color:#a8403c!important;background:#fbefee!important}
html body dialog.applet-admin-dialog .announce-preview{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0;padding:10px 40px 10px 10px;border:1px solid var(--form-line);border-radius:12px;background:#fff}
html body dialog.applet-admin-dialog .announce-preview[hidden]{display:none}
html body dialog.applet-admin-dialog .announce-preview img{display:block;max-width:100%;max-height:150px;border-radius:9px;object-fit:contain}
html body dialog.applet-admin-dialog .announce-preview audio{flex:1 1 220px;min-width:0;height:36px}
html body dialog.applet-admin-dialog .announce-preview span{font-size:13px;font-weight:600;color:var(--form-text)}
html body dialog.applet-admin-dialog .announce-remove{position:absolute!important;top:8px!important;right:8px!important;width:26px!important;height:26px!important;min-height:26px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--form-soft)!important;color:#5d6b72!important;font:18px/26px Arial,sans-serif!important}
html body dialog.applet-admin-dialog .announce-hint{display:block;color:var(--form-muted);font-size:12px;margin:2px 0 8px}

/* PC: daha geniş panel; kapalı menüler iki sütun, açılan menü tam genişlik */
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html body dialog.applet-admin-dialog.applet-admin-dialog:not(.media-browser-dialog){width:min(1040px,calc(100vw - 48px))!important;max-width:min(1040px,calc(100vw - 48px))!important;max-height:90dvh!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(15,30,45,.28),0 2px 8px rgba(15,30,45,.1)!important}
 html body dialog.applet-admin-dialog.applet-admin-dialog:not(.media-browser-dialog)>header{padding:16px 22px!important}
 html body dialog.applet-admin-dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:10px 12px!important;padding:16px 22px 22px!important}
 html body dialog.applet-admin-dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-content>*{margin:0!important;min-width:0}
 html body dialog.applet-admin-dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-content>:is(details[open],section,form,p,div:not(.admin-category)){grid-column:1/-1!important}
 html body dialog.applet-admin-dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-content>details:not([open])>summary{padding:4px 2px}
 html body dialog.applet-admin-dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-group[open]>.admin-group-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px}
 html body dialog.applet-admin-dialog.applet-admin-dialog:not(.media-browser-dialog) .admin-group[open]>.admin-group-body>:is([open],section,.admin-entry-setting){grid-column:1/-1}
}
/* Panelin ana butonları: temanın koyu rengi, sade (neon yok) */
html body dialog.applet-admin-dialog.applet-admin-dialog :is(.admin-content button[type=submit],.admin-content form>button:not([type=button]),.admin-media-entry>button,[data-admin-logout]){background:var(--form-accent)!important;background-image:none!important;border:1px solid transparent!important;border-radius:10px!important;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;text-shadow:none!important;font-weight:600!important}
html body dialog.applet-admin-dialog.applet-admin-dialog :is(.admin-content button[type=submit],.admin-content form>button:not([type=button]),.admin-media-entry>button,[data-admin-logout]):hover{filter:brightness(.94)}
html body dialog.applet-admin-dialog.applet-admin-dialog .admin-content :is(.admin-shun-row,.admin-appban-row,.admin-operator-row) button{background:#fff!important;background-image:none!important;border:1px solid #e3cfcd!important;border-radius:999px!important;color:#a2524c!important;box-shadow:none!important;font-weight:600!important}

/* PC: Durumlar ve Arkadaşlar bölümünde kapat (×) yok */
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html body #app#app#app #mobileSection:is([data-section="statuses"],[data-section="friend-list"],[data-section="friendList"]) #mobileSectionClose{display:none!important}
}
/* PC: "Özel mesajlarınız boş" penceresi (sağdaki sohbet alanında) */
.chat-panel{position:relative}
.private-empty-pane{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,#f4f8f6 92%,transparent);border-radius:inherit}
.private-empty-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:380px;padding:30px 28px 26px;border:1px solid rgba(20,40,50,.08);border-radius:20px;background:#fff;text-align:center;box-shadow:0 14px 40px rgba(15,30,40,.12);font:14px/1.5 Arial,Helvetica,sans-serif;animation:private-empty-in .25s ease}
.private-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--form-accent) 12%,#fff);font-size:30px}
.private-empty-card h3{margin:4px 0 0;color:var(--form-text);font-size:18px}
.private-empty-card p{margin:0;color:var(--form-muted)}
.private-empty-card button{margin-top:8px;padding:10px 20px;border:0;border-radius:12px;background:var(--form-accent);color:#fff;font:600 14px Arial,Helvetica,sans-serif;cursor:pointer}
.private-empty-card button:hover{filter:brightness(.94)}
@keyframes private-empty-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* "/" komut önerileri */
.slash-commands{position:fixed;z-index:2147482000;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;padding:6px;border:1px solid rgba(20,40,50,.1);border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(15,30,40,.2);font:13px/1.35 Arial,Helvetica,sans-serif;animation:slash-in .15s ease}
.slash-commands[hidden]{display:none}
.slash-commands-title{padding:4px 8px 2px;color:var(--form-muted);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.slash-commands button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;margin:0;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--form-text);text-align:left;cursor:pointer}
.slash-commands button b{color:var(--form-accent);font:700 13.5px ui-monospace,Menlo,Consolas,monospace}
.slash-commands button span{color:var(--form-muted);font-size:12px}
.slash-commands button.active,.slash-commands button:hover{background:color-mix(in srgb,var(--form-accent) 10%,#fff)}
@keyframes slash-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Onay penceresi (Çıkış, Yeniden bağlan, arkadaş ekle/sil): sade, temaya uyumlu */
html body dialog.friend-confirm-dialog.friend-confirm-dialog{width:min(360px,calc(100vw - 28px))!important;box-sizing:border-box!important;padding:0!important;border:0!important;border-radius:18px!important;background:#fff!important;color:var(--form-text)!important;box-shadow:0 22px 56px rgba(15,30,40,.26)!important;overflow:hidden!important;font:14px/1.5 Arial,Helvetica,sans-serif!important;animation:private-empty-in .2s ease}
html body dialog.friend-confirm-dialog.friend-confirm-dialog::backdrop{background:rgba(15,25,30,.45)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:16px 14px 6px 20px!important;background:none!important;border:0!important;color:var(--form-text)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>header b{font:700 17px/1.3 Arial,Helvetica,sans-serif!important;color:var(--form-text)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>header button{width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#7b8a92!important;box-shadow:none!important;font:400 20px/32px Arial,sans-serif!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>p{margin:0!important;padding:4px 20px 16px!important;color:var(--form-muted)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>footer{display:flex!important;gap:10px!important;padding:12px 16px 16px!important;margin:0!important;border-top:1px solid #edf1f3!important;background:#fafbfb!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>footer button{flex:1 1 0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 14px!important;border-radius:12px!important;box-shadow:none!important;background-image:none!important;font:600 14px/1 Arial,Helvetica,sans-serif!important;cursor:pointer}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>footer [data-confirm-cancel]{border:1px solid var(--form-line)!important;background:#fff!important;color:var(--form-text)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>footer [data-confirm-accept]{border:1px solid transparent!important;background:var(--form-accent)!important;color:#fff!important}

/* Nick değiştir penceresi: Nick kaydet ile aynı sade görünüm; buton temanın koyu rengi (neon yeşil değil) */
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick{width:min(360px,calc(100vw - 28px))!important;max-width:min(360px,calc(100vw - 28px))!important;min-width:0!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;box-sizing:border-box!important;padding:20px 20px 18px!important;border:1px solid rgba(20,40,50,.08)!important;border-radius:18px!important;background:#fff!important;background-image:none!important;color:var(--form-text)!important;box-shadow:0 20px 50px rgba(15,30,40,.22),0 2px 8px rgba(15,30,40,.08)!important;font:14px/1.5 Arial,Helvetica,sans-serif!important;overflow:visible!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick::backdrop{background:rgba(15,25,30,.42)!important;backdrop-filter:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header{position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:0!important;height:auto!important;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header h2{margin:0!important;padding:0!important;color:var(--form-text)!important;font:700 17px/1.3 Arial,Helvetica,sans-serif!important;background:none!important;text-shadow:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0 -4px 0 0!important;padding:0!important;border:1px solid var(--form-line)!important;border-radius:50%!important;background:var(--form-soft)!important;background-image:none!important;color:var(--form-muted)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;box-shadow:none!important;outline:none!important;font-size:0!important;cursor:pointer!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button>*{display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button::before{content:none!important;display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button::after{content:'✕'!important;display:block!important;position:static!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:400 15px/1 Arial,sans-serif!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button:hover{background:#e9eef0!important;color:var(--form-text)!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>.social-dialog-content{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form input{flex:none!important;width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;margin:0!important;padding:0 13px!important;border:1px solid var(--form-line)!important;border-radius:11px!important;background:#fff!important;background-image:none!important;color:var(--form-text)!important;-webkit-text-fill-color:var(--form-text)!important;box-shadow:none!important;font:16px Arial,Helvetica,sans-serif!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form input:focus{outline:none!important;border-color:var(--form-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--form-accent) 16%,transparent)!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 18px!important;border:1px solid transparent!important;border-radius:12px!important;background:var(--form-accent)!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;text-shadow:none!important;font:600 14.5px/1 Arial,Helvetica,sans-serif!important;cursor:pointer!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form button:hover{filter:brightness(.94)!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form button:disabled{opacity:.55!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form small{color:var(--form-muted)!important;font-size:12.5px!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form small:empty{display:none!important}

/* Yazı ayarları: seçim kutularındaki yazı kesilmesin (PC'de 30px kutuya 10px iç boşluk veriliyordu) */
html body dialog#socialDialog#socialDialog .text-preferences select{height:40px!important;min-height:40px!important;max-height:none!important;padding:0 28px 0 10px!important;line-height:38px!important;font:14px Arial,Helvetica,sans-serif!important;color:var(--form-text)!important;-webkit-text-fill-color:var(--form-text)!important;text-indent:0!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;box-sizing:border-box!important;vertical-align:middle!important}
html body dialog#socialDialog#socialDialog .text-preferences select option{color:#1f2d33!important;background:#fff!important}
html body dialog#socialDialog#socialDialog .text-preferences input[type=color]{height:40px!important;min-height:40px!important}
html body dialog#socialDialog#socialDialog .text-preferences label{color:var(--form-text)!important}
html body dialog#socialDialog#socialDialog #ircAccountForm#ircAccountForm{background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important}

/* Profil ve Ayarlar sayfasında (mobil WhatsApp / qwebirc) açık duran Bildirimler bölümü: kart içinde, kendi kaydırması yok */
html body .md-notify-inline{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
html body .md-notify-inline .sound-option{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:9px 0!important;border:0!important;border-top:1px solid var(--md-e4ece7,#e4ece7)!important;border-radius:0!important;background:transparent!important;min-height:0!important;color:var(--md-183d33,#183d33)!important}
html body .md-notify-inline .sound-option:first-child{border-top:0!important}
html body .md-notify-inline .sound-option>span{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1 1 auto!important}
html body .md-notify-inline .sound-option b{font:600 13px/1.3 Arial,Helvetica,sans-serif!important;color:inherit!important}
html body .md-notify-inline .sound-option small{display:block!important;margin:1px 0 0!important;font:11px/1.3 Arial,Helvetica,sans-serif!important;color:var(--md-61776f,#62717a)!important}
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]{appearance:none!important;-webkit-appearance:none!important;position:relative!important;width:40px!important;min-width:40px!important;height:23px!important;min-height:23px!important;flex:0 0 40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:20px!important;background:#9ca3af!important;box-shadow:none!important;cursor:pointer}
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]:checked{background:var(--md-00866c,#00866c)!important}
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]::before{content:none!important}
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]::after{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px #0002!important;transform:none!important;transition:transform .15s}
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]:checked::after{transform:translateX(17px)!important}

/* Whois kartı alt çubuğu: solda görüntülü / sesli arama, engelle, arkadaş ekle simgeleri; sağda Özel mesaj ve Kapat. Kart kaymaz. */
html body dialog.whois-card .whois-foot{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-end!important}
html body dialog.whois-card .whois-tools{display:flex!important;align-items:center!important;gap:5px!important;margin:0 auto 0 0!important;padding:0!important;flex:0 1 auto!important;min-width:0!important}
html body dialog.whois-card .whois-foot .whois-tools button{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:10px!important;font-size:15px!important;line-height:1!important}
html body dialog.whois-card .whois-foot .whois-tools button:disabled{opacity:.55}
html body dialog.whois-card .whois-tools .profile-action-icon{display:block!important;width:20px!important;height:20px!important;object-fit:contain!important;margin:0!important}
html body dialog.whois-card .whois-foot>button{flex:0 0 auto!important;white-space:nowrap!important}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html body dialog.whois-card .whois-foot{gap:4px!important;padding-left:8px!important;padding-right:8px!important}
 html body dialog.whois-card .whois-tools{gap:3px!important}
 html body dialog.whois-card .whois-foot .whois-tools button{flex-basis:28px!important;width:28px!important;min-width:28px!important;height:30px!important;border-radius:8px!important}
 html body dialog.whois-card .whois-tools .profile-action-icon{width:17px!important;height:17px!important}
 html body dialog.whois-card .whois-foot>button{padding:6px 8px!important}
}
/* Whois kartındaki Hakkında ve yetkili araçları (Shun, Op menüsü) */
html body dialog.whois-card .whois-about p{margin:0;color:var(--wc-text);overflow-wrap:anywhere}
html body dialog.whois-card .whois-shun .profile-shun-row{display:flex;gap:8px;align-items:center}
html body dialog.whois-card .whois-shun .profile-shun-scope{flex:1 1 auto;min-width:0;height:34px;border:1px solid var(--wc-border);border-radius:9px;background:var(--wc-soft);color:var(--wc-text);padding:0 8px;font:12px Arial,sans-serif}
html body dialog.whois-card .whois-shun .profile-shun{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:9px;background:var(--a);color:#fff;font:600 12px Arial,sans-serif;cursor:pointer}
html body dialog.whois-card .whois-shun .profile-action-icon{width:16px;height:16px}
html body dialog.whois-card .profile-moderation{display:flex;flex-direction:column;gap:6px;margin:0 0 10px}
html body dialog.whois-card .profile-op-category{border:1px solid var(--wc-border);border-radius:12px;background:var(--wc-surface);padding:0}
html body dialog.whois-card .profile-op-category>summary{cursor:pointer;padding:9px 11px;font:700 12px Arial,sans-serif;color:var(--wc-title);list-style:none}
html body dialog.whois-card .profile-op-category>summary::-webkit-details-marker{display:none}
html body dialog.whois-card .profile-op-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 9px 9px}
html body dialog.whois-card .profile-op-buttons button{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid var(--wc-border);border-radius:9px;background:var(--wc-soft);color:var(--wc-text);font:600 11.5px Arial,sans-serif;cursor:pointer}
html body dialog.whois-card .profile-op-buttons .profile-action-icon{width:16px;height:16px;flex:none}
html body dialog.whois-card .whois-note p{margin:0;color:var(--wc-muted);font-size:12px}
html body dialog.whois-card .whois-state{margin:1px 0 0;color:var(--wc-muted);font-size:12px}

/* Yetkili zili (mobil modern/qwebirc): dışarıdaki zil gizli; ⋮ menüsünde "Bildirimler" + kırmızı sayı. */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo[data-applet-choice="modern"] body #app#app#app#app #approvalBell,html.modern-demo[data-applet-choice="modern"] body #approvalBell{display:none!important}
html.modern-demo[data-applet-choice="modern"] #modernChatMenu,html.modern-demo[data-applet-choice="modern"] #modernProfileMenu{position:relative}
html.modern-demo[data-applet-choice="modern"] .md-menu-dot{position:absolute;right:3px;top:7px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:#e73959;color:#fff;font:700 10px/16px Arial,sans-serif;text-align:center;pointer-events:none}
html.modern-demo[data-applet-choice="modern"] #modernNavigationMenu .md-nav-count{margin-left:auto;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#e73959;color:#fff;font:700 11px/18px Arial,sans-serif;text-align:center}
}

/* ===== Yalnız mobil WhatsApp (modern) + qwebirc görünümü ===== */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
/* Nick listesi profil penceresi: Whois düğmesi kaldırıldı */
html.modern-demo[data-applet-choice="modern"] body #userWhoisButton{display:none!important}
/* Kanalda Resim gönder: üst bardan kalktı, mesaj satırında ataçın yanında */
html.modern-demo[data-applet-choice="modern"] body #app#app#app#app #modernHeaderMedia>[data-md-media="imageButton"]{display:none!important}
html.modern-demo[data-applet-choice="modern"] body #app#app#app .msn-channel-chat .message-input-wrap #imageButton:not([hidden]){display:flex!important;order:8!important;flex:0 0 30px!important;width:30px!important;height:30px!important;align-items:center;justify-content:center}
html.modern-demo[data-applet-choice="modern"] body #app#app#app .msn-channel-chat .message-input-wrap #modernAttach{order:9!important}
/* Özel mesaj zili: MSN ikili simgesi */
html.modern-demo[data-applet-choice="modern"] #modernPrivateBell svg.md-msn-buddies{width:26px!important;height:26px!important}
/* Özel Mesajlar sekmesinde canlı sesli oda simgesi */
html.modern-demo[data-applet-choice="modern"] [data-md-tab="friends"],html.modern-demo[data-applet-choice="modern"] .mobile-nav [data-mobile="friends"]{position:relative}
html.modern-demo[data-applet-choice="modern"] .md-room-live{display:inline-flex!important;position:absolute;top:3px;right:calc(50% + 16px);align-items:center;justify-content:center;width:15px;height:15px;color:#2bd36b;pointer-events:none}
html.modern-demo[data-applet-choice="modern"] .md-room-live svg{width:15px;height:15px;display:block}
/* Profil ve Ayarlar: küçük tema + renk seçimi */
.md-appearance-inline{display:block;min-width:0}
.md-appearance-inline .appearance-style-title,.md-appearance-inline .wallpaper-site-default{display:none!important}
.md-appearance-inline .md-appear-sub{margin:8px 0 5px;font:600 12px/1.2 Arial,sans-serif;color:var(--md-61776f,#61766f)}
.md-appearance-inline .appearance-style-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important}
.md-appearance-inline label.appearance-style-card{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:3px;min-width:0;margin:0;padding:5px 3px 4px;border:1.5px solid #d3e2da;border-radius:9px;background:#fff;cursor:pointer;box-sizing:border-box}
.md-appearance-inline label.appearance-style-card input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.md-appearance-inline label.appearance-style-card.is-selected{border-color:var(--md-00946d,#00946d);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-00946d,#00946d) 25%,transparent)}
.md-appearance-inline label.appearance-style-card.is-disabled{opacity:.5}
.md-appearance-inline .appearance-style-card b{display:block;max-width:100%;font:700 10.5px/1.15 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-appearance-inline .appearance-style-card small{display:none!important}
.md-appearance-inline .appearance-style-preview[data-style="qwebirc"]{background:linear-gradient(#075e54 0 8px,#f4f8fc 8px)!important}
.md-appearance-inline .appearance-style-preview{height:26px!important;max-width:56px!important;width:100%!important;border-radius:6px!important}
.md-appearance-inline .wallpaper-cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin:0!important}
.md-appearance-inline .wallpaper-card{position:relative;display:flex!important;flex-direction:column!important;align-items:center;gap:3px!important;padding:4px 2px!important;border-radius:9px!important;min-width:0;box-sizing:border-box}
.md-appearance-inline .wallpaper-card input:checked+.theme-preview{outline:2px solid var(--md-00946d,#00946d);outline-offset:1px}
.md-appearance-inline .wallpaper-card input[type=radio]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}
.md-appearance-inline .wallpaper-card .theme-preview{display:block;width:100%!important;max-width:40px;height:22px!important;border-radius:6px!important;overflow:hidden}
.md-appearance-inline .wallpaper-card span:not(.theme-preview){font:600 9.5px/1.15 Arial,sans-serif!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.md-room-live{display:none}

/* ===== Mobil modern + qwebirc: son düzeltmeler ===== */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
/* Açık sesli oda için sağ kenardaki yüzen simge kaldırıldı (üstteki sesli oda simgesi yeter) */
html.modern-demo[data-applet-choice="modern"] body .room-restore{display:none!important}
/* Kanal listesi satırlarında açık sesli oda simgesi yeniden gösterilir (PC'deki gibi) */
/* Üst bar: özel mesaj simgesi ile sesli oda simgesi arası açıldı */
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>#modernPrivateBell:not([hidden]){margin-right:12px!important}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>[data-md-media="voiceButton"]{margin-left:6px!important}
/* Özel Mesajlar, Arkadaşlar, Kanallar: zemin temanın çok açık tonunda */
html.modern-demo[data-applet-choice="modern"] body #app#app#app #mobileSection:is([data-section="friends"],[data-section="friend-list"],[data-section="channels"]),html.modern-demo[data-applet-choice="modern"] body #app#app#app #mobileSection:is([data-section="friends"],[data-section="friend-list"],[data-section="channels"]) #mobileSectionContent{background:color-mix(in srgb,var(--md-00946d,#00946d) 5%,#fff)!important}
}

/* ===== Classic qwebirc mobil: üst bar hap sekmeler, kanal kartı, sağda nick listesi paneli ===== */
#qwMembers{display:none}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
/* Üst bar sekmeleri: simge + yazı yan yana hap düğmeler */
/* Kanal hapları: beyaz yuvarlak kart içinde */
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>#mdChannelChips:not([hidden]){margin:0 8px 6px!important;padding:7px!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 2px 10px rgba(0,0,0,.07)!important;border:0!important;box-sizing:border-box!important;width:auto!important}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>#mdChannelChips .md-chip{border-radius:10px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--md-00946d,#00946d) 14%,#e9e9ee)!important}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>#mdChannelChips .md-chip.selected{border:1px solid var(--md-00946d,#00946d)!important;box-shadow:none!important;background:color-mix(in srgb,var(--md-00946d,#00946d) 7%,#fff)!important}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>#mdChannelChips .md-chips-actions>button:not(.md-chips-toggle){border-radius:10px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--md-00946d,#00946d) 14%,#e9e9ee)!important;color:var(--md-00946d,#00946d)!important}
/* Konu çubuğu: üstü yuvarlak beyaz şerit */
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app .chat-panel>#modernTopic{border-radius:14px 14px 0 0!important;background:rgba(255,255,255,.9)!important}

/* Sağdaki nick listesi paneli (kanaldayken; MSN simgesi gizler / açar) */
html.qw-members-on body #app#app#app#app .chat-panel{--qwm-w:clamp(118px,29vw,180px)}
/* Panel, kanal alanıyla aynı ızgarada durur: mesaj satırının yüksekliğini JS ile ölçmeye gerek kalmaz (klavye açılıp
   kapanırken kanal paneline stil yazılıp her şey yeniden hesaplanmıyordu). Sol sütun: konu, mesajlar, uyarı; sağ sütun
   nick listesi; en alt satır mesaj satırı (tam genişlik). */
html.qw-members-on body #app#app#app#app .chat-panel{display:grid!important;grid-template-columns:minmax(0,1fr) var(--qwm-w);grid-template-rows:auto minmax(0,1fr) auto auto;column-gap:4px!important;row-gap:0!important}
html.qw-members-on body #app#app#app#app .chat-panel>*{grid-column:1;min-width:0}
html.qw-members-on body #app#app#app#app .chat-panel>#modernTopic{grid-row:1!important}
html.qw-members-on body #app#app#app#app .chat-panel>#messages{grid-row:2!important;min-height:0!important}
html.qw-members-on body #app#app#app#app .chat-panel>#kickedChannelWarning{grid-row:3!important}
html.qw-members-on body #app#app#app#app .chat-panel>.composer{grid-row:4!important;grid-column:1/-1!important}
html.qw-members-on body #app#app#app#app .chat-panel>#modernTopic,html.qw-members-on body #app#app#app#app .chat-panel>#messages{margin-right:0!important;width:auto!important;min-width:0!important;max-width:none!important}
html.qw-members-on body #app#app#app#app .chat-panel>#qwMembers{display:flex!important;flex-direction:column;position:relative;grid-row:1/4;grid-column:2;min-height:0;width:auto;z-index:6;box-sizing:border-box;padding:7px 4px 4px 6px;border-radius:14px 0 0 0;background:rgba(255,255,255,.9);box-shadow:-2px 0 10px rgba(0,0,0,.06);overflow:hidden;font-family:Arial,Helvetica,sans-serif}
#qwMembers .qwm-head{display:flex;align-items:center;gap:5px;min-height:30px;margin:0 0 6px;color:var(--md-006653,#006653)}
#qwMembers .qwm-head-icon svg{display:block;width:15px;height:15px}
#qwMembers .qwm-title{flex:1;min-width:0;font:700 13px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#qwMembers .qwm-title span{font-weight:400;color:#56606b}
#qwMembers .qwm-close{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.05);color:var(--md-006653,#006653);font:400 18px/1 Arial,Helvetica,sans-serif;cursor:pointer}
#qwMembers .qwm-search{display:flex;align-items:center;gap:4px;flex:0 0 auto;height:30px;overflow:hidden;margin:0 0 6px;padding:0 9px;border-radius:999px;background:#fff;border:1px solid #ececf1;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#9aa1ab;box-sizing:border-box}
#qwMembers .qwm-search svg{flex:0 0 14px;width:14px;height:14px}
#qwMembers .qwm-search input{flex:0 0 auto;min-width:0;width:125%!important;max-width:none!important;height:26px!important;min-height:0!important;padding:0!important;margin:0 -25% 0 0!important;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;font:400 16px/1 Arial,Helvetica,sans-serif!important;color:#25303b;transform:scale(.78);transform-origin:left center}
#qwMembers .qwm-search input::-webkit-search-cancel-button{display:none}
#qwMembers .qwm-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#qwMembers .qwm-list::-webkit-scrollbar{display:none}
#qwMembers .qwm-row{display:flex;align-items:center;gap:4px;min-height:31px;padding:2px 0;cursor:pointer}
#qwMembers .qwm-row[hidden]{display:none}
#qwMembers .qwm-av{position:relative;display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--qwm-c) 12%,#fff);color:var(--qwm-c)}
#qwMembers .qwm-av img{display:block;width:100%;height:100%;object-fit:cover}
#qwMembers .qwm-av svg{display:block!important;position:static!important;width:16px!important;height:16px!important;margin:0!important}
#qwMembers .qwm-av-icon img{object-fit:contain}
#qwMembers .qwm-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#22c55e}
#qwMembers .qwm-busy{background:#f59e0b}#qwMembers .qwm-offline,#qwMembers .qwm-unknown{background:#a3a9b3}
#qwMembers .qwm-name{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;line-height:1.15}
#qwMembers .qwm-nick{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 12.5px/1.2 Arial,Helvetica,sans-serif;color:#1f2933}
#qwMembers .qwm-nick .nick-styled-wrap{max-width:100%;min-width:0}
#qwMembers .qwm-nick .nick-styled-wrap.stacked{display:inline-flex!important;flex-direction:column;align-items:flex-start}
#qwMembers .qwm-nick .nick-styled-wrap>.member-nick{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#qwMembers .qwm-nick .nick-rank-stars{font-size:9px;line-height:1}
#qwMembers .qwm-staff .qwm-nick{color:var(--qwm-c)}
#qwMembers .qwm-name small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 10px/1.2 Arial,Helvetica,sans-serif;color:color-mix(in srgb,var(--qwm-c) 80%,#555)}
#qwMembers .qwm-role{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--qwm-c) 12%,#fff);color:var(--qwm-c)}
#qwMembers .qwm-role svg{display:block!important;position:static!important;width:12px!important;height:12px!important;margin:0!important}
#qwMembers .qwm-more{flex:0 0 12px;width:12px;height:24px;padding:0;margin:0;border:0;background:transparent;color:#5b6470;font:700 15px/1 Arial,Helvetica,sans-serif;cursor:pointer}
#qwMembers .qwm-sep{height:1px;margin:5px 2px;background:#e4e5ea}
#qwMembers .qwm-sep[hidden]{display:none}
/* MSN simgesi: panel açıkken listenin hemen solunda */
html.qw-members-on body #app#app#app#app #mobileMembersButton{right:calc(var(--qwm-w) + 6px)!important;left:auto!important}
}

/* ===== Classic qwebirc mobil: tek satır üst bar (logo · hap sekmeler · ⋮); radyo ⋮ menüsünde ===== */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>.titlebar{height:54px!important;min-height:54px!important;max-height:54px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>.titlebar .brand>div{display:none!important}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>.titlebar .brand-buddies{width:34px!important;height:34px!important}
}

/* qwebirc nick listesi: yetki kategorileri; kanal kartı tema tonunda; logo dar ekranda da görünür */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
#qwMembers .qwm-cat{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:6px 2px 2px;padding:3px 7px;border-radius:7px;background:color-mix(in srgb,var(--qwm-c) 10%,#fff);color:var(--qwm-c);font:700 10.5px/1.2 Arial,Helvetica,sans-serif}
#qwMembers .qwm-cat:first-child{margin-top:0}
#qwMembers .qwm-cat[hidden]{display:none}
#qwMembers .qwm-cat span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#qwMembers .qwm-cat b{flex:0 0 auto;font-weight:700;opacity:.8}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>#mdChannelChips:not([hidden]){margin:0 8px 8px!important;background:color-mix(in srgb,var(--md-00946d,#00946d) 13%,#fff)!important;box-shadow:0 3px 12px color-mix(in srgb,var(--md-00946d,#00946d) 18%,transparent)!important}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>.titlebar .brand-buddies{display:block!important}
}

/* qwebirc kanal ekranı: ⋮ en sağ köşede; Kullanıcılar 'Daha fazlasını göster' */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>.titlebar{padding-right:0!important}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>.titlebar #modernProfileMenu{width:30px!important;min-width:30px!important;margin:0!important;margin-left:auto!important}
#qwMembers .qwm-show-more{display:block;width:calc(100% - 4px);margin:6px 2px 4px;padding:7px 4px;border:0;border-radius:9px;background:color-mix(in srgb,var(--md-00946d,#00946d) 10%,#fff);color:var(--md-00946d,#00946d);font:600 11px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
}
/* qwebirc kanal ekranı: klavye açıkken yalnız kanal hapları gizlenir, üst bar (sekmeler) görünür kalır */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo.md-channels-top.qw-bar.chat-keyboard-open[data-applet-choice="modern"] body #app#app#app#app:not(.md-list-open) #modernDemoTabs#modernDemoTabs{display:flex!important}
/* Admin › Aktif/Pasif "klavye açılınca üst kanallar gizlensin" işaretliyse: kanal şeridi klavye açıkken tamamen gizli.
   İşaretsizken bu kural hiç eşleşmez (mevcut davranış aynen). */
html.modern-demo.md-channels-top.qw-bar.chat-keyboard-open[data-applet-choice="modern"][data-qw-kb-hide-chips="true"] body #app#app#app#app:not(.md-list-open) #mdChannelChips#mdChannelChips{display:none!important}
}

/* Mobil modern + qwebirc: profil kartındaki kapat (×) tema koyu renginde, her zaman görünür */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo[data-applet-choice="modern"] body #userCard#userCard:not(.inline-member-card) #userCardClose{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--md-006653,#006653)!important;background-image:none!important;color:#fff!important;font-size:0!important;box-shadow:0 2px 6px rgba(0,0,0,.18)!important;opacity:1!important}
html.modern-demo[data-applet-choice="modern"] body #userCard#userCard:not(.inline-member-card) #userCardClose>*{display:none!important}
html.modern-demo[data-applet-choice="modern"] body #userCard#userCard:not(.inline-member-card) #userCardClose::before{content:none!important;display:none!important}
html.modern-demo[data-applet-choice="modern"] body #userCard#userCard:not(.inline-member-card) #userCardClose::after{content:'✕'!important;display:block!important;position:static!important;color:#fff!important;font:700 14px/1 Arial,Helvetica,sans-serif!important}
}

/* qwebirc nick listesi: yetki başlıkları nick listesindeki gibi (simge kutusu + ad + sayı) */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
#qwMembers .qwm-cat{gap:6px!important;justify-content:flex-start!important;margin:7px 1px 3px!important;padding:3px 6px 3px 3px!important;border-radius:9px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--qwm-c) 16%,#fff),color-mix(in srgb,var(--qwm-c) 5%,#fff))!important;border:1px solid color-mix(in srgb,var(--qwm-c) 22%,#fff)!important;font:700 11px/1.2 Arial,Helvetica,sans-serif!important}
#qwMembers .qwm-cat-ico{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--qwm-c) 70%,#fff),var(--qwm-c));color:#fff;box-shadow:0 1px 3px color-mix(in srgb,var(--qwm-c) 35%,transparent)}
#qwMembers .qwm-cat-ico svg{display:block!important;position:static!important;width:13px!important;height:13px!important;margin:0!important;color:#fff!important}
#qwMembers .qwm-cat-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#qwMembers .qwm-cat>b{flex:0 0 auto;min-width:18px;padding:1px 5px;border-radius:999px;background:var(--qwm-c);color:#fff;font:700 10px/14px Arial,Helvetica,sans-serif;text-align:center;opacity:1!important;box-sizing:border-box}
}
#qwMembers .qwm-nick .member-nick:not(.nick-styled){font:inherit!important;color:inherit!important}

/* qwebirc kanal ekranı: sekmeler simgeleriyle, iki yanda eşit boşluk; ⋮ yerine yatay 3 çizgili menü simgesi */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>.titlebar #modernProfileMenu>svg{display:none!important}
html.modern-demo.md-channels-top.qw-bar[data-applet-choice="modern"] body #app#app#app#app>.titlebar #modernProfileMenu::before{content:""!important;display:block!important;width:19px;height:14px;margin:auto;background:linear-gradient(currentColor 0 2px,transparent 2px 6px,currentColor 6px 8px,transparent 8px 12px,currentColor 12px 14px)!important;border-radius:1px;color:#fff}
}
/* Mobil modern + qwebirc: kanal ve özelde yazmaya başlayınca resim gönder gizlenir, yerine ataç gelir */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo[data-applet-choice="modern"] body #app#app#app#app .composer-row.md-has-text .message-input-wrap #imageButton{display:none!important}
}

/* ===== Classic qwebirc mobil (tüm ekranlar): üst bar = logo · Özel Mesajlar · radyo · Durumlar · ☰ ===== */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.qw-bar body #app#app#app#app{--qwtab:clamp(58px,17vw,78px)}
html.qw-bar body #app#app#app#app>.titlebar{position:relative!important}
html.qw-bar body #app#app#app#app #modernDemoTabs{display:flex!important;position:relative!important;z-index:3!important;margin-top:-54px!important;height:54px!important;min-height:54px!important;flex:0 0 54px!important;padding:0 34px 0 46px!important;gap:0!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;border:0!important;pointer-events:none!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>button:is([data-md-tab="channels"],[data-md-tab="friend-list"]){display:none!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>button{pointer-events:auto!important;position:relative!important;display:flex!important;flex:0 0 var(--qwtab)!important;width:var(--qwtab)!important;min-width:0!important;height:50px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:0!important;margin:0!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:rgba(255,255,255,.72)!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>button:is(.active,.md-tab-current){color:#fff!important;border-bottom-color:#fff!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>button>svg{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>button>span{display:block!important;font:600 11px/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;overflow:visible!important;margin:0!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>button>b:not([hidden]){position:absolute!important;top:2px!important;left:calc(50% + 6px)!important;right:auto!important;margin:0!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>button>.md-room-live{top:2px!important;left:auto!important;right:calc(50% + 12px)!important}
html.qw-bar body #app#app#app#app>.titlebar #modernHeaderRadio{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;display:flex!important;position:absolute!important;top:50%!important;left:calc(46px + var(--qwtab) + 4px)!important;right:calc(34px + var(--qwtab) + 4px)!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;transform:translateY(-50%)!important;z-index:4!important;box-sizing:border-box!important;justify-content:center!important}
html.qw-bar body #app#app#app#app>.titlebar #modernHeaderRadio #radioPanel{min-width:0!important;flex:1 1 auto!important}
html.qw-bar body #app#app#app#app>.titlebar #modernHeaderRadio .radio-info{min-width:0!important;overflow:hidden!important}
}
/* Mobil modern (WhatsApp + qwebirc): ⋮ yerine yatay 3 çizgili menü simgesi */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo[data-applet-choice="modern"] body #app#app#app#app :is(#modernProfileMenu,#modernChatMenu)>svg{display:none!important}
html.modern-demo[data-applet-choice="modern"] body #app#app#app#app :is(#modernProfileMenu,#modernChatMenu)::before{content:""!important;display:block!important;width:19px;height:14px;margin:auto;background:linear-gradient(currentColor 0 2px,transparent 2px 6px,currentColor 6px 8px,transparent 8px 12px,currentColor 12px 14px)!important;border-radius:1px}
}
/* qwebirc: Özel Mesajlar sayfasında açılır / kapanır Arkadaşlar başlığı */
.qw-friends{margin:8px 6px 6px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.qw-friends>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;list-style:none;cursor:pointer;background:var(--md-006653,#006653);color:#fff;font:700 14px/1.2 Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}
.qw-friends>summary::-webkit-details-marker{display:none}
.qw-friends-ico svg{display:block;width:20px;height:20px}
.qw-friends>summary>b{flex:1;min-width:0;font:inherit;color:#fff}
.qw-friends>summary>small{min-width:22px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;font:700 11px/1.3 Arial,Helvetica,sans-serif;text-align:center}
.qw-friends>summary>em{min-width:18px;padding:1px 6px;border-radius:999px;background:#e73959;color:#fff;font:700 10.5px/1.4 Arial,Helvetica,sans-serif;font-style:normal;text-align:center}
.qw-friends>summary>i{width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.qw-friends[open]>summary>i{transform:rotate(-135deg) translate(-2px,-2px)}
.qw-friends-body{padding:4px 2px 6px}
@media(max-width:400px){
html.qw-bar body #app#app#app#app{--qwtab:clamp(60px,18vw,74px)}
html.qw-bar body #app#app#app#app #modernDemoTabs{padding:0 32px 0 45px!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>button>span{font-size:clamp(9px,2.65vw,11px)!important}
html.qw-bar body #app#app#app#app>.titlebar .brand-buddies{width:30px!important;height:30px!important}
html.qw-bar body #app#app#app#app>.titlebar #modernHeaderRadio{left:calc(45px + var(--qwtab) + 3px)!important;right:calc(32px + var(--qwtab) + 3px)!important}
}

/* / komut penceresi: satırda simge · kalın komut · gri açıklama */
.slash-commands{padding:6px!important;gap:3px!important;border-radius:14px!important;border:1px solid rgba(20,40,50,.08)!important;box-shadow:0 10px 28px rgba(15,30,40,.16)!important}
.slash-commands .slash-commands-title{display:none!important}
.slash-commands button{display:grid!important;grid-template-columns:22px auto minmax(0,1fr)!important;align-items:center!important;column-gap:9px!important;flex-direction:row!important;min-height:34px;padding:6px 10px!important;border-radius:9px!important;background:#f6f6f8!important;color:#20262d!important}
.slash-commands button:nth-child(odd){background:#fbfbfc!important}
.slash-commands button.active,.slash-commands button:hover{background:color-mix(in srgb,var(--md-00946d,var(--form-accent,#00946d)) 10%,#fff)!important}
.slash-commands button>i{display:grid;place-items:center;width:22px;height:22px;color:#4b5560}
.slash-commands button>i svg{width:18px;height:18px;display:block}
.slash-commands button>b{color:#1d232a!important;font:700 13px/1.2 Arial,Helvetica,sans-serif!important;white-space:nowrap}
.slash-commands button>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#7a828c!important;font:400 11.5px/1.2 Arial,Helvetica,sans-serif!important}

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
/* Menü her zaman aynı yerde, sağ kenara dayanmadan */
html.modern-demo[data-applet-choice="modern"] body #modernNavigationMenu{right:10px!important;left:auto!important;max-width:calc(100vw - 20px)!important;box-sizing:border-box!important}
/* NickServ aç/kapa: kanal başlığındaki ok simgesi */
html.modern-demo[data-applet-choice="modern"] body #modernNavigationMenu .md-nav-sub-head::after{content:""!important;width:20px;height:20px;margin-left:auto;padding:0!important;opacity:1!important;transform:none!important;background:url('/images/simgeler/baslik-ac.png') center/18px 18px no-repeat}
html.modern-demo[data-applet-choice="modern"] body #modernNavigationMenu .md-nav-sub-head[aria-expanded="true"]::after{background-image:url('/images/simgeler/baslik-kapat.png');transform:none!important}
/* qwebirc: ☰ her ekranda aynı yerde */
html.qw-bar body #app#app#app#app>.titlebar #modernProfileMenu{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:30px!important;min-width:30px!important;height:40px!important;z-index:5!important}
/* qwebirc radyo: modern varsayılandaki gibi kompakt, iki sekmenin ortasında */
html.qw-bar body #app#app#app#app>.titlebar #modernHeaderRadio{left:50%!important;right:auto!important;width:clamp(124px,38vw,160px)!important;transform:translate(-50%,-50%)!important}
/* qwebirc: sesli oda açıkken MSN (nick listesi) simgesinin altında, tema renginde */
/* (74→75) Mobilde kanal sağındaki sesli oda simgesi kaldırıldı; aktif oda üst barda gösterilir. */
}
.admin-roster-labels{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;align-items:end}
.admin-roster-labels label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12px}
.admin-roster-labels label span{color:#5b6670;font-weight:600}
.admin-roster-labels input{width:100%;min-width:0;box-sizing:border-box}
.admin-roster-labels button{grid-column:1/-1;justify-self:start}

/* Kapat (×) düğmeleri: işaret yuvarlağın tam ortasında (metin düğümü ızgarada ayrı satır oluşturup kaydırıyordu) */
html body dialog#socialDialog#socialDialog#socialDialog:is(.dlg-account,.dlg-nick)>header button,html body #userCard#userCard#userCard:not(.inline-member-card) #userCardClose,html.pc-reference body #socialDialog#socialDialog#socialDialog [data-social-close]{position:relative!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
html body dialog#socialDialog#socialDialog#socialDialog:is(.dlg-account,.dlg-nick)>header button::after,html body #userCard#userCard#userCard:not(.inline-member-card) #userCardClose::after,html.pc-reference body #socialDialog#socialDialog#socialDialog [data-social-close]::after{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;margin:0!important;line-height:1!important;transform:none!important}

/* qwebirc üst bar: soldan sağa Özel Mesajlar · Durumlar · radyo · ☰ (logo yok) */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.qw-bar body #app#app#app#app>.titlebar .brand{display:none!important}
html.qw-bar body #app#app#app#app>.titlebar #modernProfileMenu{right:6px!important;left:auto!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important}
html.qw-bar body #app#app#app#app #modernDemoTabs#modernDemoTabs{justify-content:flex-start!important;padding:0 40px 0 4px!important;gap:2px!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>[data-md-tab="friends"]{order:1!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>[data-md-tab="statuses"]{order:2!important}
html.qw-bar body #app#app#app#app>.titlebar #modernHeaderRadio#modernHeaderRadio{left:calc((100% - 40px + 2 * var(--qwtab) + 6px) / 2)!important;right:auto!important;width:clamp(124px,38vw,160px)!important;max-width:calc(100% - 40px - 2 * var(--qwtab) - 12px)!important;transform:translate(-50%,-50%)!important}
html.modern-demo.qw-bar[data-applet-choice="modern"] body #modernNavigationMenu#modernNavigationMenu{right:10px!important;left:auto!important}
}
/* qwebirc nick listesi: yetkili başlıkları aç/kapa oku; Kullanıcılar sayısı */
#qwMembers .qwm-cat{width:calc(100% - 2px);box-sizing:border-box;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
#qwMembers .qwm-cat-arrow{flex:0 0 auto;width:6px;height:6px;margin-right:4px;border-right:2px solid var(--qwm-c);border-bottom:2px solid var(--qwm-c);transform:rotate(45deg) translate(-1px,-1px);transition:transform .15s}
#qwMembers .qwm-cat[aria-expanded="false"] .qwm-cat-arrow{transform:rotate(-45deg)}
#qwMembers #userCard.inline-member-card.open{width:calc(100% - 2px)!important;margin:6px 1px!important}
/* qwebirc: üst bardaki sesli oda simgesi gizli (kanalın sağındaki oda simgesi yeterli) */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){html.qw-bar body #app#app#app#app #modernDemoTabs .md-room-live{display:none!important}}
html body #app #qwMemberList #userCard#userCard#userCard #userCardClose{display:none!important}

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
/* qwebirc: adı sığmayan kanal hapı iki sütun kaplar */
html.modern-demo.md-channels-top body #app#app#app#app #mdChannelChips .md-chips-list{grid-auto-flow:row dense!important}
html.modern-demo.md-channels-top body #app#app#app#app #mdChannelChips .md-chip.md-chip-tight .md-chip-name{font-size:12px!important;letter-spacing:-.2px}
html.modern-demo.md-channels-top body #app#app#app#app #mdChannelChips .md-chip.md-chip-tighter .md-chip-name{font-size:10.5px!important;letter-spacing:-.3px}
html.modern-demo.md-channels-top body #app#app#app#app #mdChannelChips .md-chip .md-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
/* qwebirc üst bar: radyo biraz menüye, Durumlar biraz radyoya yakın */
html.qw-bar body #app#app#app#app>.titlebar #modernHeaderRadio#modernHeaderRadio{left:calc((100% - 40px + 2 * var(--qwtab) + 6px) / 2 + 8px)!important}
html.qw-bar body #app#app#app#app #modernDemoTabs#modernDemoTabs{gap:10px!important}
/* Kanal konu (topic) şeridi tema renginde (WhatsApp + qwebirc, tüm renkler) */
html.modern-demo[data-applet-choice="modern"] body #app#app#app#app .chat-panel>#modernTopic:not([hidden]){background:color-mix(in srgb,var(--md-00946d,#00946d) 10%,#fff)!important;color:var(--md-006653,#006653)!important;border-bottom:1px solid color-mix(in srgb,var(--md-00946d,#00946d) 22%,#fff)!important}
}

/* Nick listesinde satır altında açılan (inline) profil kartında kapat düğmesi yok */
html body :is(#memberList,#mobileMemberList,#qwMemberList) #userCard#userCard#userCard.inline-member-card #userCardClose{display:none!important}
/* Modern nick listesinde profil kartı açık satırın sağındaki ok: "›" aşağı döner (köşe gibi görünüyordu) */
html.modern-demo[data-applet-choice="modern"] body #mobileDrawer#mobileDrawer .member-row.grouped-member.profile-expanded::after{content:"›"!important;display:block!important;position:static!important;width:auto!important;height:auto!important;margin-left:auto!important;border:0!important;background:none!important;transform:rotate(90deg)!important;font-size:20px!important;line-height:1!important;opacity:1!important}
/* Modern (WhatsApp) mobil üst bar: radyo biraz sola, ☰ sağ kenara yapışık değil */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo[data-applet-choice="modern"]:not(.qw-bar) body #app#app#app#app>.titlebar #modernHeaderRadio{transform:translateX(-14px)!important}
html.modern-demo[data-applet-choice="modern"]:not(.qw-bar) body #app#app#app#app>.titlebar #modernProfileMenu{transform:translateX(-14px)!important}
}

/* Bilgilendirme / uyarı kartı (#socialToast): simge · başlık · metin · × · 5 sn geri sayan çizgi, tema renginde */
html body #socialToast#socialToast#socialToast.st-card{--st-accent:var(--toast-accent,var(--md-006653,#2f7d5b));display:flex;align-items:flex-start;gap:10px;width:min(380px,calc(100vw - 24px))!important;max-width:min(380px,calc(100vw - 24px))!important;box-sizing:border-box!important;padding:12px 12px 15px!important;border:0!important;border-radius:14px!important;background:#fff!important;color:#46545c!important;box-shadow:0 14px 36px rgba(15,30,40,.22)!important;overflow:hidden!important;text-align:left!important;text-decoration:none!important;font:13px/1.35 Arial,Helvetica,sans-serif!important;white-space:normal!important}
html body #socialToast#socialToast#socialToast.st-card.command-success{--st-accent:#2f7d5b}
html body #socialToast#socialToast#socialToast.st-card.command-error{--st-accent:#c5221f}
html body #socialToast#socialToast#socialToast.st-card[hidden]{display:none!important}
#socialToast.st-card .st-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--st-accent);color:#fff;font:800 15px/1 Arial,Helvetica,sans-serif;box-shadow:0 3px 8px color-mix(in srgb,var(--st-accent) 35%,transparent)}
#socialToast.st-card .st-body{flex:1;min-width:0}
#socialToast.st-card .st-body b{display:block;margin:1px 0 2px;color:var(--st-accent);font:700 14px/1.25 Arial,Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#socialToast.st-card .st-body p{margin:0;color:#46545c;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#socialToast.st-card .st-close{flex:0 0 24px;width:24px;height:24px;margin:-2px -2px 0 0;padding:0;border:0;border-radius:50%;background:transparent;color:#7a8890;font:18px/24px Arial,Helvetica,sans-serif;cursor:pointer}
#socialToast.st-card .st-close:hover{background:#f0f3f5}
#socialToast.st-card .st-timer{position:absolute;left:0;right:0;bottom:0;height:4px;background:color-mix(in srgb,var(--st-accent) 15%,#fff)}
#socialToast.st-card .st-timer i{display:block;height:100%;width:100%;background:var(--st-accent);transform-origin:left;animation:st-count 5000ms linear forwards!important}
@keyframes st-count{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html body #socialToast#socialToast#socialToast.st-card{width:min(340px,calc(100vw - 20px))!important;padding:9px 10px 12px!important;gap:8px;border-radius:12px!important;font-size:12px!important}
#socialToast.st-card .st-icon{flex-basis:24px;width:24px;height:24px;font-size:13px}
#socialToast.st-card .st-body b{font-size:12.5px}
}
/* PC: nick listesi profil kartında × sağ üst köşede; kartlardaki Whois satırı kaldırıldı */
html body #userWhoisButton#userWhoisButton{display:none!important}
html.pc-reference body #userCard#userCard#userCard:not(.inline-member-card) #userCardClose{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;margin:0!important}
/* App admin › Uygulama İzinleri: "Sadece Şu Nickler" nick ekleme satırı ve izinli nick listesi */
#adminMediaAccess .admin-access-nicks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 10px;padding:8px;border:1px dashed color-mix(in srgb,var(--op-accent,#1974da) 35%,#ccc);border-radius:10px;background:color-mix(in srgb,var(--op-accent,#1974da) 5%,#fff)}
#adminMediaAccess .admin-access-nicks[hidden]{display:none}
#adminMediaAccess .admin-access-nicks input{flex:1 1 160px;min-width:0;height:34px;box-sizing:border-box}
#adminMediaAccess .admin-access-nicks button{flex:0 0 auto;height:34px;padding:0 14px}
#adminMediaAccess .admin-access-nicks small{flex:1 1 100%;color:#6b7680;font-size:11px}
#adminMediaAccess .admin-access-list{margin:12px 0 10px}
#adminMediaAccess .admin-access-list h4{margin:0 0 6px;font-size:13px}
#adminMediaAccess .admin-access-row .admin-list-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#adminMediaAccess .admin-access-row .admin-list-name small{color:#6b7680;font-weight:400}
/* Arkadaş geçmişi: çevrimdışıyken gönderilen mesajın sonundaki simge */
.message-text .msg-offline{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;margin-left:5px;vertical-align:-2px;color:#8a8f98;opacity:.85;flex:none}
.message-text .msg-offline svg{width:13px;height:13px;display:block}
/* Özel sohbet gün ayracı (Bugün / Dün / gün adı / tarih) */
.chat-day-separator{display:flex;justify-content:center;margin:10px 0 6px;pointer-events:none}
.chat-day-separator span{font-size:12px;line-height:1.4;padding:3px 10px;border-radius:10px;background:rgba(0,0,0,.06);color:#5f6670}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chat-day-separator span{background:rgba(255,255,255,.1);color:#c9ced6}}
/* Arkadaş listeleri: engelle butonu yok; arkadaş (✓) butonu tema rengiyle (PC + mobil, tüm görünümler) */
html body #app#app :is(.md-friend,.social-friend-row)>.friend-button.friend-button{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 34px;width:34px!important;height:34px!important;min-width:34px!important;margin:0 4px 0 0!important;padding:0!important;border-radius:50%!important;border:1.5px solid var(--md-00866c,#00866c)!important;background:color-mix(in srgb,var(--md-00866c,#00866c) 10%,#fff)!important;background-image:none!important;color:var(--md-00866c,#00866c)!important;font:700 16px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer;transition:background-color .15s,color .15s,transform .1s}
html body #app#app :is(.md-friend,.social-friend-row)>.friend-button.friend-button:hover,html body #app#app :is(.md-friend,.social-friend-row)>.friend-button.friend-button:focus-visible{background:var(--md-00866c,#00866c)!important;color:#fff!important}
html body #app#app :is(.md-friend,.social-friend-row)>.friend-button.friend-button:active{transform:scale(.94)}
html body #app#app :is(.md-friend,.social-friend-row)>.friend-button.friend-button::after{content:none!important}
/* Arkadaş bildirimi: üst bilgilendirme kartında arkadaş simgesi */
html body #socialToast#socialToast#socialToast.st-card.st-friend .st-icon{font-size:0}
html body #socialToast#socialToast#socialToast.st-card .st-icon svg{width:18px;height:18px;display:block}
/* Arkadaş sohbeti: "… ile arkadaşsınız" notu */
#messages .conversation-intro .conversation-friend{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 3px;font-weight:700;color:var(--md-00866c,#00866c)}
#messages .conversation-intro .conversation-friend svg{width:16px;height:16px;flex:none}
/* Uygulama İzinleri › Kanallarda / Özellerde grupları */
html body #adminMediaAccess .admin-scope-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
html body #adminMediaAccess .admin-scope-group{margin:0;padding:6px 10px 8px;min-width:0;border:1px solid color-mix(in srgb,var(--form-accent,#00866c) 28%,#d8dee4);border-radius:12px;background:color-mix(in srgb,var(--form-accent,#00866c) 4%,#fff)}
html body #adminMediaAccess .admin-scope-group legend{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--form-accent,#00866c);color:#fff;font:700 12px/1.6 Arial,sans-serif}
html body #adminMediaAccess .admin-scope-group legend span{font-size:12px;opacity:.9}
html body #adminMediaAccess .admin-scope-group label.admin-visibility-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:9px 2px;border-bottom:1px solid color-mix(in srgb,var(--form-accent,#00866c) 12%,#eef1f4);cursor:pointer}
html body #adminMediaAccess .admin-scope-group label.admin-visibility-row:last-child{border-bottom:0}
html body #adminMediaAccess .admin-scope-group label.admin-visibility-row span{font-size:13px;color:#24313b}
html body #adminMediaAccess .admin-scope-group input[type=checkbox],html body #adminHistorySettings input[type=checkbox]{width:18px;height:18px;flex:none;margin:0;accent-color:var(--form-accent,#00866c);cursor:pointer}
html body #adminMediaAccess .admin-scope-note{margin:0;color:#6b7680;font-size:12px}
/* Uygulama İzinleri › Geçmiş Kayıtları */
html body .admin-history-settings{margin:12px 0;border:1px solid color-mix(in srgb,var(--form-accent,#00866c) 28%,#d8dee4);border-radius:12px;background:#fff;overflow:hidden}
html body .admin-history-settings>summary{display:flex;align-items:center;gap:8px;padding:11px 12px;font:700 14px Arial,sans-serif;color:#1f2d33;cursor:pointer;background:color-mix(in srgb,var(--form-accent,#00866c) 6%,#fff);list-style:none}
html body .admin-history-settings>summary::-webkit-details-marker{display:none}
html body .admin-history-settings>summary::after{content:'›';margin-left:auto;font-size:20px;line-height:1;transition:transform .15s}
html body .admin-history-settings[open]>summary::after{transform:rotate(90deg)}
html body #adminHistorySettings{display:grid;gap:8px;padding:10px 12px 12px}
html body #adminHistorySettings>p{margin:0;color:#6b7680;font-size:12px;line-height:1.5}
html body #adminHistorySettings label.admin-visibility-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--form-accent,#00866c) 18%,#e3e8ec);border-radius:9px;background:color-mix(in srgb,var(--form-accent,#00866c) 4%,#fff);cursor:pointer}
html body #adminHistorySettings label.admin-visibility-row small{display:block;color:#6b7680;font-size:11px}
html body #adminHistorySettings .admin-history-clear{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:10px;border-top:1px dashed #d6dee3}
html body #adminHistorySettings .admin-history-clear button{flex:1 1 200px;min-height:36px;padding:0 12px;border:1px solid #e3b4b2;border-radius:9px;background:#fff5f5;color:#b3261e;font:600 13px Arial,sans-serif;cursor:pointer}
html body #adminHistorySettings .admin-history-clear button:hover{background:#fde8e7}
/* Özel sohbet geçmişi yüklenirken mesaj satırının üstündeki küçük gösterge */
.composer>.history-loading{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);z-index:30;display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 2px 10px rgba(0,0,0,.14);color:#4b5963;font:600 12px/1.2 Arial,sans-serif;white-space:nowrap;pointer-events:none}
.composer>.history-loading[hidden]{display:none}
.composer>.history-loading i{width:13px;height:13px;border-radius:50%;border:2px solid color-mix(in srgb,var(--md-00866c,#00866c) 25%,transparent);border-top-color:var(--md-00866c,#00866c);animation:history-spin .8s linear infinite!important}
@keyframes history-spin{to{transform:rotate(360deg)}}
html body dialog.applet-admin-dialog #adminHistorySettings .admin-history-clear button{background:#fff5f5!important;color:#b3261e!important;border:1px solid #e3b4b2!important;box-shadow:none!important;font:600 13px Arial,sans-serif!important}
html body dialog.applet-admin-dialog #adminHistorySettings .admin-history-clear button:hover{background:#fde8e7!important}
/* PC: Özel Mesajlar / Arkadaşlar sekmesinde seçili sohbet yoksa sağdaki boş ekran */
.chat-panel>.pc-empty-pane{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;background:color-mix(in srgb,var(--md-00866c,#00866c) 4%,#fff);border-radius:inherit}
.chat-panel>.pc-empty-pane[hidden]{display:none}
.chat-panel>.pc-empty-pane .pc-empty-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:6px;border-radius:50%;background:color-mix(in srgb,var(--md-00866c,#00866c) 12%,#fff);color:var(--md-00866c,#00866c)}
.chat-panel>.pc-empty-pane .pc-empty-icon svg{width:36px;height:36px}
.chat-panel>.pc-empty-pane b{font:700 19px/1.3 Arial,sans-serif;color:#1f2d33}
.chat-panel>.pc-empty-pane small{max-width:340px;font:14px/1.5 Arial,sans-serif;color:#6b7680}
/* Özel mesaj silme: Benden sil / Herkesten sil (WhatsApp gibi) */
dialog.delete-scope-dialog{width:min(320px,calc(100vw - 32px));padding:18px 18px 12px;border:0;border-radius:16px;background:#fff;color:#1f2d33;box-shadow:0 18px 50px rgba(0,0,0,.25);box-sizing:border-box}
dialog.delete-scope-dialog::backdrop{background:rgba(0,0,0,.35)}
dialog.delete-scope-dialog>b{display:block;margin:0 0 12px;font:700 16px/1.4 Arial,sans-serif}
dialog.delete-scope-dialog .delete-scope-actions{display:flex;flex-direction:column;align-items:stretch;gap:4px}
dialog.delete-scope-dialog .delete-scope-actions button{min-height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--md-00866c,#00866c);font:600 15px Arial,sans-serif;text-align:right;cursor:pointer}
dialog.delete-scope-dialog .delete-scope-actions button:hover,dialog.delete-scope-dialog .delete-scope-actions button:focus-visible{background:color-mix(in srgb,var(--md-00866c,#00866c) 10%,#fff)}
dialog.delete-scope-dialog .delete-scope-actions button[data-scope="all"]{color:#c5221f}
dialog.delete-scope-dialog .delete-scope-actions button[data-scope="all"]:hover{background:#fdecea}
dialog.delete-scope-dialog .delete-scope-actions .delete-scope-cancel{color:#6b7680}
dialog.delete-scope-dialog .delete-scope-actions button{outline:none!important;box-shadow:none!important}
/* App Kullanıcısı rozeti: yeşil = App kullanıcısı, kırmızı = değil (whois kartı + kullanıcı kartı) */
.app-user-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 3px;border-radius:999px;border:1px solid #a8dbb9;background:#e9f7ee;color:#1d6f3b;font:700 11px/1.5 Arial,sans-serif;white-space:nowrap;letter-spacing:.1px}
.app-user-badge i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#22a35a;color:#fff;font:700 10px/1 Arial,sans-serif;font-style:normal}
.app-user-badge.not-app{border-color:#f2b8b5;background:#fdecea;color:#a52a22}
.app-user-badge.not-app i{background:#d93025}
html body dialog .whois-head{position:relative}
html body dialog .whois-head .whois-app-slot{position:absolute;right:10px;top:46px;z-index:2;pointer-events:auto;line-height:0}
html body dialog .whois-head .app-user-badge{padding:1px 7px 1px 2px;font-size:10px;gap:4px}
html body dialog .whois-head .app-user-badge i{width:14px;height:14px;font-size:9px}
html body dialog .whois-head .whois-app-slot:empty{display:none}
#userCard .user-card-app{display:flex;justify-content:center;margin:4px 0 2px}
#userCard .user-card-app:empty{display:none}
/* Durum kartı: avatarın yanında nick + çevrimiçi / çevrimdışı; tepkilerin üstünde ortada Özel Mesaj */
dialog.status-story header .status-story-ident{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 auto;line-height:1.2}
dialog.status-story header .status-story-ident>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
dialog.status-story header .status-story-presence{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font:600 11.5px/1.3 Arial,sans-serif;color:rgba(255,255,255,.7)}
dialog.status-story header .status-story-presence[data-state]:not([data-state=""])::before{content:'';width:8px;height:8px;border-radius:50%;background:#9aa3ab;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
dialog.status-story header .status-story-presence[data-state="online"]{color:#7ee2a0}
dialog.status-story header .status-story-presence[data-state="online"]:not([data-state=""])::before{background:#2fd06b}
dialog.status-story header .status-story-presence[data-state="busy"]{color:#ffb4a8}
dialog.status-story header .status-story-presence[data-state="busy"]:not([data-state=""])::before{background:#e5484d}
dialog.status-story footer .status-story-private-row{display:flex;justify-content:center;flex:1 1 100%;width:100%;margin:2px 0 8px}
dialog.status-story footer .status-story-private{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font:600 14px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(6px);transition:background-color .15s}
dialog.status-story footer .status-story-private:hover,dialog.status-story footer .status-story-private:focus-visible{background:rgba(255,255,255,.22)}
/* Artık mevcut olmayan resim: bozuk resim simgesi yerine sade yazı */
.chat-media-gone{display:inline-block;padding:2px 0;color:#7a858d;font-style:italic;font-size:13px}
/* Özelde arama kaydı (WhatsApp gibi): "📞 Sesli arama · 2 dk 15 sn" / "Cevapsız sesli arama" */
#messages .message.is-call .message-text{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;background:color-mix(in srgb,var(--md-00866c,#00866c) 9%,transparent);color:#24313b;font-weight:600}
#messages .message.is-call.is-missed .message-text{background:#fdecea;color:#b3261e}
/* Modern mobil kanal üst barı: "Arkadaşlar" ve "Özel Mesajlar" — simge üstte, yazı altta (alt menüdeki sekmeler gibi) */
#modernFriendsTab{display:none}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>:is(#modernPrivateBell,#modernFriendsTab).md-head-tab:not([hidden]){display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;order:1!important;width:auto!important;min-width:54px!important;height:auto!important;min-height:44px!important;margin:0 5px!important;padding:2px 4px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#fff!important;box-shadow:none!important;cursor:pointer}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>#modernPrivateBell.md-head-tab:not([hidden]){margin-right:10px!important}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>.md-head-tab:active{background:rgba(255,255,255,.12)!important}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>.md-head-tab .md-head-ico{position:relative;display:inline-flex;width:24px;height:24px}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>.md-head-tab .md-head-ico svg{width:24px!important;height:24px!important;display:block}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>.md-head-tab small{display:block;font:700 10.5px/1.15 Arial,sans-serif!important;color:#fff!important;white-space:nowrap;letter-spacing:.1px}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>.md-head-tab .md-private-badge{position:absolute!important;top:-6px!important;right:-11px!important;left:auto!important;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e5342a;color:#fff;font:700 10px/17px Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px rgba(0,0,0,.08)}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>.md-head-tab .md-private-badge[hidden]{display:none!important}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){#modernFriendsTab{display:none!important}}
#messages .conversation-intro .conversation-keep{display:block;margin-top:3px}
html body dialog .whois-head.has-app-badge{min-height:74px;box-sizing:border-box}
/* ===== WhatsApp tarzı arama ekranı (sesli + görüntülü, gelen / giden) =====
   Mobil: tam ekran. PC: ortada telefon boyutunda pencere (tam ekran değil). */
html body .call-panel.wa-call.wa-call.wa-call{position:fixed!important;z-index:9500!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(390px,calc(100vw - 32px))!important;height:min(740px,calc(100dvh - 40px))!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:26px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box!important;color:#fff!important;background:linear-gradient(165deg,#24485a 0%,#3f6680 42%,#7a7f8c 72%,#9b7d6e 100%)!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;font-family:Arial,sans-serif}
html body .call-panel.wa-call.wa-call.wa-call[hidden]{display:none!important}
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html body .call-panel.wa-call.wa-call.wa-call{left:0!important;top:0!important;transform:none!important;width:100vw!important;height:100dvh!important;border-radius:0!important;box-shadow:none!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important}
}
html body .call-panel.wa-call.video-call:not(.call-awaiting){background:#0b0f12!important}
/* Üst bar: geri (gizle) · arama türü */
html body .call-panel.wa-call .call-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:6px 10px;box-sizing:border-box}
html body .call-panel.wa-call .call-topbar .call-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
html body .call-panel.wa-call .call-topbar .call-back:hover{background:rgba(255,255,255,.12)}
html body .call-panel.wa-call .call-topbar .call-back svg{width:26px;height:26px}
html body .call-panel.wa-call .call-kind{flex:1;text-align:center;font:700 12.5px/1 Arial,sans-serif;letter-spacing:1.4px;opacity:.88}
html body .call-panel.wa-call .call-topbar-end{width:40px}
/* Ad, durum, süre */
html body .call-panel.wa-call>header{position:relative;z-index:3;display:flex!important;flex-direction:column;align-items:center;gap:6px!important;margin:6px 16px 0!important;text-align:center}
html body .call-panel.wa-call .call-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 29px/1.2 Arial,sans-serif;color:#fff}
html body .call-panel.wa-call .call-status{font:400 14px/1.3 Arial,sans-serif!important;color:rgba(255,255,255,.85)}
html body .call-panel.wa-call .call-duration{font:500 16px/1.2 Arial,sans-serif;letter-spacing:.5px;color:#fff;font-variant-numeric:tabular-nums}
html body .call-panel.wa-call.call-live .call-status{display:none}
/* Ortada büyük yuvarlak avatar */
html body .call-panel.wa-call .call-hero{position:relative;z-index:2;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}
html body .call-panel.wa-call .call-avatar{width:clamp(120px,38vw,168px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 12px 40px rgba(0,0,0,.3)}
html body .call-panel.wa-call .call-avatar .social-avatar{width:100%!important;height:100%!important;display:block}
html body .call-panel.wa-call .call-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%!important;border:0!important}
html body .call-panel.wa-call.call-awaiting .call-avatar{animation:wa-call-pulse 1.6s ease-in-out infinite!important}
@keyframes wa-call-pulse{0%,100%{box-shadow:0 0 0 6px rgba(255,255,255,.12),0 12px 40px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 16px rgba(255,255,255,.06),0 12px 40px rgba(0,0,0,.3)}}
/* Görüntüler: görüntülü aramada karşı taraf tam ekran, kendi görüntün sağ altta küçük (dokununca yer değişir) */
html body .call-panel.wa-call .call-videos{display:none!important}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-videos{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;max-height:none!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:0!important;background:#0b0f12!important;overflow:hidden!important}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-videos video{position:absolute!important;margin:0!important;border:0!important;background:#111!important;object-fit:cover!important;max-height:none!important;min-height:0!important}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-videos .call-remote{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:1}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-videos .call-local{right:14px!important;left:auto!important;top:auto!important;bottom:170px!important;width:112px!important;height:160px!important;border-radius:14px!important;z-index:3;touch-action:none;box-shadow:0 6px 20px rgba(0,0,0,.45);outline:2px solid rgba(255,255,255,.85);cursor:pointer;transform:scaleX(-1)}
html body .call-panel.wa-call.video-call.call-swap:not(.call-awaiting) .call-videos .call-local{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;outline:0;z-index:1;cursor:default}
html body .call-panel.wa-call.video-call.call-swap:not(.call-awaiting) .call-videos .call-remote{inset:auto 14px 170px auto!important;touch-action:none;width:112px!important;height:160px!important;border-radius:14px!important;z-index:3;box-shadow:0 6px 20px rgba(0,0,0,.45);outline:2px solid rgba(255,255,255,.85);cursor:pointer}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-hero{visibility:hidden}
html body .call-panel.wa-call.video-call:not(.call-awaiting)>header,html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-topbar{text-shadow:0 1px 4px rgba(0,0,0,.6)}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-title{font-size:22px}
/* Düğmeler: yuvarlak, altında küçük yazı; kırmızı kapat ortada altta */
html body .call-panel.wa-call .call-controls{position:relative;z-index:4;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;gap:30px 34px!important;margin:0!important;padding:18px 18px 34px!important;box-sizing:border-box}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-controls{margin-top:auto!important;background:linear-gradient(transparent,rgba(0,0,0,.55))!important;padding-top:40px!important}
html body .call-panel.wa-call .call-controls button{position:relative;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 60px!important;width:60px!important;height:60px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0 0 18px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:none!important;outline:0!important;font-size:0!important;cursor:pointer;backdrop-filter:blur(6px);transition:background-color .15s,transform .1s;order:1}
html body .call-panel.wa-call .call-controls button:hover{background:rgba(255,255,255,.3)!important}
html body .call-panel.wa-call .call-controls button:active{transform:scale(.94)}
html body .call-panel.wa-call .call-controls button svg{width:26px!important;height:26px!important;display:block}
html body .call-panel.wa-call .call-controls button[hidden]{display:none!important}
html body .call-panel.wa-call .call-controls button[aria-pressed="true"],html body .call-panel.wa-call .call-controls [data-call-ear].active{background:#fff!important;color:#1f2d33!important}
html body .call-panel.wa-call .call-controls button[data-label]:not([data-label=""])::after{content:attr(data-label);position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font:400 12.5px/1 Arial,sans-serif;color:#fff;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.35)}
html body .call-panel.wa-call .call-controls [data-call-end]{order:10;flex:0 0 66px!important;width:66px!important;height:66px!important;margin:10px calc(50% - 33px) 0!important;background:#f3383b!important;color:#fff!important;box-shadow:0 6px 18px rgba(243,56,59,.45)!important}
html body .call-panel.wa-call .call-controls [data-call-end]:hover{background:#e02428!important}
html body .call-panel.wa-call .call-controls [data-call-end] svg{transform:rotate(0deg);width:30px!important;height:30px!important}
html body .call-panel.wa-call .call-controls :is([data-call-expand],[data-call-minimize],[data-call-ear]){display:none!important}
html body .call-panel.wa-call .call-controls [data-call-play]{order:0;flex:0 0 auto!important;width:auto!important;height:36px!important;padding:0 16px!important;border-radius:999px!important;font:600 13px Arial,sans-serif!important;margin:0 calc(50% - 80px) 6px!important;background:#fff!important;color:#1f2d33!important}
html body .call-panel.wa-call .call-controls [data-call-reject-all]{order:20;flex:0 0 100%!important;width:auto!important;height:auto!important;margin:0!important;padding:4px!important;border-radius:8px!important;background:transparent!important;font:600 12.5px Arial,sans-serif!important;color:rgba(255,255,255,.85)!important;text-decoration:underline;backdrop-filter:none}
/* Gelen arama: yeşil kabul + kırmızı reddet yan yana */
html body .call-panel.wa-call.call-incoming .call-controls{gap:30px 92px!important}
html body .call-panel.wa-call.call-incoming .call-controls [data-call-end]{order:2;margin:0 0 18px!important}
html body .call-panel.wa-call.call-incoming .call-controls [data-call-end] svg{transform:rotate(135deg)}
html body .call-panel.wa-call .call-controls [data-call-accept]{order:1;flex:0 0 66px!important;width:66px!important;height:66px!important;background:#25c464!important;box-shadow:0 6px 18px rgba(37,196,100,.45)!important}
html body .call-panel.wa-call .call-controls [data-call-accept] svg{width:30px!important;height:30px!important;transform:rotate(135deg);animation:wa-accept-shake 1.4s ease-in-out infinite!important}
@keyframes wa-accept-shake{0%,70%,100%{transform:rotate(135deg)}75%{transform:rotate(123deg)}85%{transform:rotate(147deg)}}
/* Gizlenmiş arama: dönmek için yeşil telefon düğmesi */
html body .call-restore{z-index:9400!important}

/* Arama düğmeleri tek sırada: (kamera) · mikrofon · kırmızı kapat · gizle */
html body .call-panel.wa-call .call-controls{gap:22px 26px!important;align-items:center!important}
html body .call-panel.wa-call .call-controls [data-call-camera]{order:0}
html body .call-panel.wa-call .call-controls [data-call-mic]{order:1}
html body .call-panel.wa-call .call-controls [data-call-end]{order:2;margin:0 0 18px!important}
html body .call-panel.wa-call .call-controls [data-call-hide]{order:3}
html body .call-panel.wa-call.call-incoming .call-controls [data-call-hide]{display:none!important}
/* Küçük kamera penceresi sürüklenince bıraktığın yerde kalır */
html body .call-panel.wa-call.video-call.pip-moved:not(.call-awaiting):not(.call-swap) .call-videos .call-local,html body .call-panel.wa-call.video-call.pip-moved.call-swap:not(.call-awaiting) .call-videos .call-remote{left:var(--pip-left)!important;top:var(--pip-top)!important;right:auto!important;bottom:auto!important}
/* Karşı taraf konuşurken avatarın çevresi kırmızı */
html body .call-panel.wa-call.remote-speaking .call-avatar{animation:none!important;box-shadow:0 0 0 5px #ff3b3b,0 0 0 11px rgba(255,59,59,.28),0 12px 40px rgba(0,0,0,.3)!important;transition:box-shadow .12s}
/* Gizlenmiş görüşme: sağ kenarda yeşil telefon sekmesi */
html body .call-restore.call-restore{right:0!important;top:42%!important;width:46px!important;height:54px!important;border-radius:16px 0 0 16px!important;background:#25c464!important;color:#fff!important;font-size:24px!important;box-shadow:-4px 6px 18px rgba(0,0,0,.25)!important;animation:wa-restore-pulse 1.8s ease-in-out infinite!important}
@keyframes wa-restore-pulse{0%,100%{box-shadow:-4px 6px 18px rgba(0,0,0,.25),0 0 0 0 rgba(37,196,100,.5)}50%{box-shadow:-4px 6px 18px rgba(0,0,0,.25),0 0 0 9px rgba(37,196,100,0)}}
/* Nick kullanımda → askıdaki nicki geri alma (şifre paneli) */
dialog.nick-result-dialog .nick-ghost-form{display:grid;gap:8px;margin:2px 16px 12px;padding:12px;border:1px solid color-mix(in srgb,var(--md-00866c,#00866c) 25%,#e3e8ec);border-radius:12px;background:color-mix(in srgb,var(--md-00866c,#00866c) 5%,#fff)}
dialog.nick-result-dialog .nick-ghost-note{margin:0;font-size:13px;line-height:1.45;color:#3c4a53}
dialog.nick-result-dialog .nick-ghost-row{display:flex;gap:8px}
dialog.nick-result-dialog .nick-ghost-row input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid #cfd8dd;border-radius:9px;font-size:14px;box-sizing:border-box}
dialog.nick-result-dialog .nick-ghost-row button{flex:none;height:38px;padding:0 14px;border:0;border-radius:9px;background:var(--md-00866c,#00866c);color:#fff;font-weight:700;cursor:pointer}
dialog.nick-result-dialog .nick-ghost-row button:disabled{opacity:.6}
/* ===== qwebirc mobil · Özel Mesajlar sayfası (Arkadaşlar + Özel Mesajlar açılır kartları) =====
   Tema rengine uyumlu açık ton kartlar, beyaz kişi listesi, ince ayraçlar. */
html.qw-bar body #mobileSection[data-section="friends"] #mobileSectionContent{background:color-mix(in srgb,var(--md-006653,#006653) 6%,#fff)!important}
html.qw-bar body #app .qw-friends.qw-friends,html.qw-bar body .qw-friends.qw-friends{margin:10px 12px 12px!important;border:1px solid color-mix(in srgb,var(--md-006653,#006653) 16%,#fff)!important;border-radius:18px!important;overflow:hidden;background:color-mix(in srgb,var(--md-006653,#006653) 7%,#fff)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--md-006653,#006653) 10%,transparent)!important}
html.qw-bar body .qw-friends.qw-friends>summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 14px!important;background:transparent!important;color:color-mix(in srgb,var(--md-006653,#006653) 85%,#000)!important;font:700 16px/1.2 Arial,Helvetica,sans-serif!important}
html.qw-bar body .qw-friends.qw-friends .qw-friends-ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:11px;background:color-mix(in srgb,var(--md-006653,#006653) 13%,#fff);color:var(--md-006653,#006653)}
html.qw-bar body .qw-friends.qw-friends .qw-friends-ico svg{width:20px;height:20px}
html.qw-bar body .qw-friends.qw-friends>summary>b{color:inherit!important;font:inherit!important}
html.qw-bar body .qw-friends.qw-friends>summary>small{min-width:26px;padding:3px 9px!important;border-radius:999px;background:color-mix(in srgb,var(--md-006653,#006653) 14%,#fff)!important;color:color-mix(in srgb,var(--md-006653,#006653) 85%,#000)!important;font:700 12px/1.3 Arial,Helvetica,sans-serif!important}
html.qw-bar body .qw-friends.qw-friends>summary>i{width:8px;height:8px;margin:0 4px 0 2px;border-right:2px solid var(--md-006653,#006653)!important;border-bottom:2px solid var(--md-006653,#006653)!important;transform:rotate(45deg) translate(-2px,-2px)}
html.qw-bar body .qw-friends.qw-friends[open]>summary>i{transform:rotate(-135deg) translate(-2px,-2px)}
html.qw-bar body .qw-friends.qw-friends .qw-friends-body{margin:0 10px 10px;padding:2px 12px!important;border-radius:14px;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.05)}
/* Kişi satırları */
html.qw-bar body #app#app .qw-friends .md-private-list,html.qw-bar body .qw-friends .md-private-list{padding:0!important;margin:0!important;background:transparent!important}
html.qw-bar body .qw-friends .md-private-list>.md-channel.md-channel{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:76px!important;padding:12px 2px!important;margin:0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--md-006653,#006653) 8%,#eef0f2)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left}
html.qw-bar body .qw-friends .md-private-list>.md-channel.md-channel:last-of-type{border-bottom:0!important}
html.qw-bar body .qw-friends .md-private-list>.md-channel .social-avatar{width:54px!important;height:54px!important;flex:none}
html.qw-bar body .qw-friends .md-private-list>.md-channel .social-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;border:2px solid color-mix(in srgb,var(--md-006653,#006653) 28%,#fff)!important;background:color-mix(in srgb,var(--md-006653,#006653) 9%,#fff)!important;box-shadow:none!important}
html.qw-bar body .qw-friends .md-private-list>.md-channel>span{flex:1 1 auto;min-width:0;display:flex!important;flex-direction:column;gap:5px}
html.qw-bar body .qw-friends .md-private-list>.md-channel>span>b{font:700 16px/1.2 Arial,Helvetica,sans-serif!important;color:#1d2328!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.qw-bar body .qw-friends .md-private-list>.md-channel>span>small{font:400 13.5px/1.3 Arial,Helvetica,sans-serif!important;color:#6b747b!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.qw-bar body .qw-friends .md-private-list>.md-channel>em{flex:none;display:flex!important;flex-direction:column;align-items:flex-end;gap:7px;align-self:flex-start;padding-top:2px;font-style:normal}
html.qw-bar body .qw-friends .md-private-list>.md-channel>em>small{font:400 12px/1 Arial,Helvetica,sans-serif!important;color:#8a9298!important}
html.qw-bar body .qw-friends .md-private-list>.md-channel>em>b{min-width:22px;height:22px;padding:0 6px!important;border-radius:999px!important;background:color-mix(in srgb,var(--md-006653,#006653) 82%,#000)!important;color:#fff!important;font:700 11.5px/22px Arial,Helvetica,sans-serif!important;text-align:center;box-shadow:none!important}
html.qw-bar body .qw-friends .md-private-list>.md-empty{padding:16px 4px;color:#8a9298;text-align:center}
/* ===== Mobil emoji paneli (modern WhatsApp + qwebirc): WhatsApp gibi mesaj satırının ALTINDA, klavye yerine =====
   iPhone: alt güvenli alan (home çubuğu) kadar boşluk; panel sabit yükseklikte, ızgara kendi içinde kayar. */
.emoji-toggle-kbd{display:none}
.emoji-dock-handle{display:none}
html body #app#app #emojiPicker#emojiPicker.emoji-dock:not(.open){display:none!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock.open{position:relative!important;inset:auto!important;transform:none!important;order:99!important;flex:none!important;display:flex!important;flex-direction:column!important;width:auto!important;max-width:none!important;height:calc(min(300px,40dvh) + env(safe-area-inset-bottom))!important;max-height:none!important;margin:6px 0 0!important;padding:4px 0 env(safe-area-inset-bottom)!important;box-sizing:border-box!important;border:0!important;border-top:1px solid #e3e7ea!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;z-index:5!important;-webkit-user-select:none;user-select:none;touch-action:manipulation}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-dock-handle{display:block;order:0;width:36px;height:4px;margin:2px auto 6px;border-radius:2px;background:#c8ced3;flex:none}
/* Üst satır: arama kutusu + sil (⌫) */
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-picker-search{order:1!important;display:flex!important;width:auto!important;box-sizing:border-box!important;align-items:center!important;gap:8px!important;flex:none!important;margin:0 10px 4px!important;padding:0!important;border:0!important;background:transparent!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-picker-search>span{display:none!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock #emojiSearch{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;height:34px!important;margin:0!important;padding:0 12px 0 34px!important;border:0!important;border-radius:999px!important;background:#f0f2f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23707a82' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") no-repeat 11px center/16px!important;font-size:16px!important;color:#1f2d33!important;box-shadow:none!important;outline:0!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock #emojiClose{display:none!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-backspace{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:40px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:#54656f;cursor:pointer}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-backspace:active{background:#eef1f3}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-backspace svg{width:24px;height:24px}
/* Başlık + ızgara */
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-picker-title{order:2!important;display:block!important;flex:none!important;margin:0!important;padding:6px 14px 4px!important;border:0!important;background:transparent!important;font:700 13.5px/1.3 Arial,Helvetica,sans-serif!important;color:#54656f!important;text-transform:none!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock #emojiCategoryTitle{font:inherit!important;color:inherit!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-grid{order:3!important;flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(42px,1fr))!important;grid-auto-rows:44px!important;gap:2px!important;align-content:start!important;margin:0!important;padding:0 8px 6px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:transparent!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-grid .emoji-item{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:44px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;font-size:28px!important;line-height:1!important;cursor:pointer}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-grid .emoji-item:active{background:#eef1f3!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-grid .emoji-item .emoji-img{width:30px!important;height:30px!important}
/* Alt kategori çubuğu */
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-categories{order:4!important;flex:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;height:auto!important;margin:0!important;padding:4px 6px 2px!important;border:0!important;border-top:1px solid #eceff1!important;background:#fff!important;overflow:hidden!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button{flex:1 1 0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;opacity:.55;font-size:20px!important;filter:grayscale(.35)}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button.active{opacity:1!important;filter:none;background:color-mix(in srgb,var(--md-006653,#006653) 12%,#fff)!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button .emoji-img{width:22px!important;height:22px!important}
/* Mesaj satırındaki emoji düğmesi panel açıkken klavye simgesi olur */
html.emoji-dock-open body #app#app#app #emojiButton#emojiButton.active .emoji-toggle-close{display:none!important}
html.emoji-dock-open body #app#app#app #emojiButton#emojiButton.active .emoji-toggle-kbd{display:inline-flex!important;align-items:center;justify-content:center;color:#54656f}
html.emoji-dock-open body #app#app#app #emojiButton#emojiButton.active .emoji-toggle-kbd svg{width:24px;height:24px}
/* Emoji paneli (mobil): arama kutusu yok; başlık satırının sağında kapatma X */
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-picker-search{display:none!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-picker-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:2px 8px 4px 14px!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:50%;background:#f0f2f4;color:#54656f;cursor:pointer}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close:active{background:#e3e7ea}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close svg{width:18px;height:18px}
/* Nick arama kutuları: sağda temizle (X); tarayıcının kendi X'i gizli */
.nick-search-wrap{position:relative;display:block;width:100%;min-width:0;box-sizing:border-box}
.qwm-search>.nick-search-wrap{flex:1 1 auto;width:auto}
:is(#memberSearch,#mobileMemberSearch,#sectionMemberSearch,#qwMembers .qwm-search input)::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
:is(#memberSearch,#mobileMemberSearch,#sectionMemberSearch,#qwMembers .qwm-search input){padding-right:34px!important}
html body .nick-search-wrap>.nick-search-clear{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3;display:inline-flex!important;align-items:center;justify-content:center;width:22px!important;height:22px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#9aa4ab!important;color:#fff!important;box-shadow:none!important;cursor:pointer}
html body .nick-search-wrap>.nick-search-clear[hidden]{display:none!important}
html body .nick-search-wrap>.nick-search-clear svg{width:13px;height:13px}
html body .nick-search-wrap>.nick-search-clear:hover{background:#7b868e!important}
/* ===== Mobil kamera (resim gönder): WhatsApp tarzı tam ekran ===== */
dialog.wa-camera{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden;z-index:9600}
dialog.wa-camera::backdrop{background:#000}
dialog.wa-camera video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
dialog.wa-camera.mirror video{transform:scaleX(-1)}
dialog.wa-camera.shot::after{content:'';position:absolute;inset:0;background:#fff;opacity:.75;pointer-events:none}
dialog.wa-camera .wa-cam-msg{position:absolute;left:24px;right:24px;top:40%;transform:translateY(-50%);padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.12);text-align:center;font:500 15px/1.45 Arial,sans-serif}
dialog.wa-camera .wa-cam-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:linear-gradient(rgba(0,0,0,.45),transparent)}
dialog.wa-camera :is(.wa-cam-close,.wa-cam-flash){display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;cursor:pointer}
dialog.wa-camera :is(.wa-cam-close,.wa-cam-flash)[hidden]{display:none}
dialog.wa-camera :is(.wa-cam-close,.wa-cam-flash) svg{width:22px;height:22px}
dialog.wa-camera.flash-on .wa-cam-flash{background:#fff;color:#111}
dialog.wa-camera .wa-cam-bottom{position:absolute;left:0;right:0;bottom:0;padding:18px 22px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.6) 35%)}
dialog.wa-camera .wa-cam-row{display:flex;align-items:center;justify-content:space-between}
dialog.wa-camera :is(.wa-cam-gallery,.wa-cam-flip){display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;backdrop-filter:blur(6px)}
dialog.wa-camera :is(.wa-cam-gallery,.wa-cam-flip) svg{width:26px;height:26px}
dialog.wa-camera .wa-cam-shutter{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;padding:0;border:4px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
dialog.wa-camera .wa-cam-shutter i{display:block;width:60px;height:60px;border-radius:50%;background:#fff;transition:transform .1s}
dialog.wa-camera .wa-cam-shutter:active i{transform:scale(.88)}
dialog.wa-camera .wa-cam-modes{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:16px}
dialog.wa-camera .wa-cam-modes b{padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.18);font:700 14px/1 Arial,sans-serif}
dialog.wa-camera .wa-cam-files{justify-self:start;padding:7px 10px;border:0;background:transparent;color:#fff;font:600 14px/1 Arial,sans-serif;opacity:.9;cursor:pointer}

dialog.wa-camera button{outline:none}
dialog.wa-camera button:focus-visible{box-shadow:0 0 0 2px #fff}
/* ===== Resim gönder önizlemesi: WhatsApp gibi büyük ekran (mobilde tam ekran, PC'de ortada büyük pencere) ===== */
html body dialog.modern-image-confirm.wa-image-preview{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#0b0f12!important;color:#fff!important;box-shadow:none!important;overflow:hidden!important;flex-direction:column!important;z-index:9600}
html body dialog.modern-image-confirm.wa-image-preview[open]{display:flex!important}
html body dialog.modern-image-confirm.wa-image-preview::backdrop{background:rgba(0,0,0,.6)!important}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html body dialog.modern-image-confirm.wa-image-preview{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(560px,92vw)!important;height:min(84vh,780px)!important;border-radius:20px!important;box-shadow:0 30px 80px rgba(0,0,0,.5)!important}
}
html body dialog.wa-image-preview .ip-top{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 8px;flex:none}
html body dialog.wa-image-preview .ip-top .ip-close{display:inline-flex!important;align-items:center;justify-content:center;flex:none!important;width:42px!important;height:42px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:#fff!important;cursor:pointer}
html body dialog.wa-image-preview .ip-top .ip-close svg{width:22px;height:22px}
html body dialog.wa-image-preview .ip-target{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.2 Arial,sans-serif;opacity:.9}
html body dialog.wa-image-preview .ip-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 0}
html body dialog.wa-image-preview .ip-stage img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:0!important;margin:0!important}
html body dialog.wa-image-preview .ip-compose{display:flex;align-items:center;gap:8px;flex:none;margin:0;padding:10px 10px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.35))}
html body dialog.wa-image-preview .ip-caption{flex:1 1 auto;min-width:0;height:46px;padding:0 16px;border:0;border-radius:24px;background:#fff;color:#1f2d33;font-size:16px;box-sizing:border-box;outline:0}
html body dialog.wa-image-preview .ip-send{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 48px!important;width:48px!important;height:48px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--md-00866c,#00866c)!important;color:#fff!important;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3)}
html body dialog.wa-image-preview .ip-send svg{width:22px;height:22px;margin-left:3px}
html body dialog.wa-image-preview .ip-send:disabled{opacity:.6}
html body dialog.wa-image-preview.sending .ip-send svg{animation:history-spin 1s linear infinite!important}
html body dialog.wa-image-preview>.image-send-preview{display:none!important}
/* ===== Sohbette resim: kare, tema renginde ince çerçeveli kart, açıklama altta ===== */
html body #app#app#app#app#app #messages#messages .image-message{display:inline-flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;width:230px!important;max-width:100%!important;margin:4px 0 0!important;padding:4px!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:color-mix(in srgb,var(--md-00866c,#00866c) 16%,#fff)!important;box-shadow:none!important}
html body #app#app#app#app#app #messages#messages .image-message .chat-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;border-radius:10px!important;background:#e9edef;cursor:zoom-in}
html body #app#app#app#app#app #messages#messages .image-message>[data-image-read]{display:flex!important;align-items:center;justify-content:center;width:100%!important;aspect-ratio:1/1;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#e9edef!important;color:#54656f!important;font:600 13px Arial,sans-serif!important}
html body #app#app#app#app#app #messages#messages .image-message .image-caption{padding:6px 6px 2px;font:400 14.5px/1.4 Arial,sans-serif;color:#1f2d33;white-space:pre-wrap;overflow-wrap:anywhere}
html body #app#app#app#app#app #messages#messages .image-message>small{padding:4px 6px 0}
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){html body #app#app#app#app#app #messages#messages .image-message{width:200px!important}}
/* ===== Sesli mesaj oynatıcı (WhatsApp gibi): solda mikrofon rozetli avatar, oynat, nokta çizgili ilerleme, altta süre ===== */
html body #app#app#app#app#app #messages#messages .voice-player{display:grid!important;grid-template-columns:48px 34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:6px!important;row-gap:2px!important;width:260px!important;max-width:100%!important;min-height:0!important;margin:2px 0 0!important;padding:4px 6px 2px 2px!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar{grid-column:1;grid-row:1/3;position:relative;width:48px;height:48px}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar{width:48px!important;height:48px!important;display:block}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;border:0!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic{position:absolute;left:-3px;bottom:-2px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--md-00866c,#00866c);background:transparent}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic svg{width:18px;height:18px;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}
html body #app#app#app#app#app #messages#messages .voice-player .voice-play{grid-column:2;grid-row:1/3;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#54656f!important;font:400 26px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave{grid-column:3;grid-row:1;position:relative;display:block!important;height:16px!important;margin:12px 4px 0 2px!important;background:radial-gradient(circle,#8696a0 1.3px,transparent 1.7px) 0 50%/6px 6px repeat-x!important;overflow:visible!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave i{display:none!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave::before{content:'';position:absolute;left:0;top:50%;width:var(--voice-progress,0%);height:3px;transform:translateY(-50%);border-radius:2px;background:var(--md-00866c,#00866c)}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave::after{content:'';position:absolute;top:50%;left:var(--voice-progress,0%);width:13px;height:13px;transform:translate(-50%,-50%);border-radius:50%;background:var(--md-00866c,#00866c);box-shadow:0 0 0 2px #fff}
html body #app#app#app#app#app #messages#messages .voice-player .voice-time{grid-column:3;grid-row:2;justify-self:start;margin:0 0 0 2px!important;font:400 12px/1.2 Arial,sans-serif!important;color:#667781!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar{border-radius:50%!important;overflow:hidden!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar::after,html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar>:not(img){display:none!important}
html body #app#app#app#app#app #messages#messages .image-message{position:relative!important}
html body #app#app#app#app#app #messages#messages .image-message>[data-channel-media-delete]{position:absolute!important;top:10px!important;right:10px!important;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;width:26px!important;height:26px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.45)!important;color:#fff!important;font:400 16px/1 Arial,sans-serif!important;box-shadow:none!important}
html body #app#app#app#app#app #messages#messages .image-message>[data-media-approve]{margin:6px 4px 2px!important}
html body dialog.wa-image-preview button{outline:none}
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){html body #app#app#app#app#app #messages#messages .image-message{width:180px!important}}
html body #app#app#app#app#app #messages#messages .image-message{width:220px!important}
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){html body #app#app#app#app#app #messages#messages .image-message.image-message{width:180px!important}}

/* Resim üzerinde sağ üstte şık ikonlar: Onayla (✓, yeşil) · Sil (çöp, kırmızı) */
html body #app#app#app#app#app #messages#messages .image-message>.image-tool{position:absolute!important;top:10px!important;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;min-width:0!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%!important;color:#fff!important;font-size:0!important;box-shadow:0 3px 10px rgba(0,0,0,.28)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:transform .12s,filter .12s}
html body #app#app#app#app#app #messages#messages .image-message>.image-tool svg{width:17px;height:17px}
html body #app#app#app#app#app #messages#messages .image-message>.image-tool:hover{filter:brightness(1.08);transform:scale(1.06)}
html body #app#app#app#app#app #messages#messages .image-message>.image-tool:active{transform:scale(.94)}
html body #app#app#app#app#app #messages#messages .image-message>.image-delete{right:10px!important;background:rgba(229,57,53,.88)!important}
html body #app#app#app#app#app #messages#messages .image-message>.image-approve{right:48px!important;background:rgba(37,170,90,.92)!important}


/* Sesli mesaj satırı daha alçak; resim kartı daha kısa (4:3) */
html body #app#app#app#app#app #messages#messages .voice-player{grid-template-columns:38px 30px minmax(0,1fr)!important;column-gap:5px!important;padding:2px 6px 0 0!important;margin:1px 0 0!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar,html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar{width:38px!important;height:38px!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic{width:15px;height:15px;left:-3px;bottom:-2px}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic svg{width:15px;height:15px}
html body #app#app#app#app#app #messages#messages .voice-player .voice-play{width:30px!important;height:30px!important;font-size:22px!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave{height:12px!important;margin:6px 4px 0 2px!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-time{font-size:11px!important;line-height:1.1!important}
html body #app#app#app#app#app #messages#messages .image-message .chat-image,html body #app#app#app#app#app #messages#messages .image-message>[data-image-read]{aspect-ratio:4/3!important}

/* Resim önizlemesi: açıklama kutusunda emoji; emoji paneli açıklama satırının altında */
html body dialog.wa-image-preview .ip-field{flex:1 1 auto;min-width:0;display:flex;align-items:center;height:46px;padding:0 4px 0 2px;border-radius:24px;background:#fff;box-sizing:border-box}
html body dialog.wa-image-preview .ip-field .ip-caption{flex:1 1 auto;height:44px;padding:0 10px 0 4px;border-radius:0;background:transparent}
html body dialog.wa-image-preview .ip-emoji{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 40px!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#54656f!important;cursor:pointer}
html body dialog.wa-image-preview .ip-emoji svg{width:24px;height:24px}
html body dialog.wa-image-preview.emoji-open .ip-emoji{color:var(--md-00866c,#00866c)!important}
html body dialog.wa-image-preview .ip-emoji-host{flex:none;background:#fff}
html body dialog.wa-image-preview.emoji-open .ip-compose{padding-bottom:10px!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock:not(.open){display:none!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock.open{position:relative!important;inset:auto!important;transform:none!important;order:99!important;flex:none!important;display:flex!important;flex-direction:column!important;width:auto!important;max-width:none!important;height:calc(min(300px,40dvh) + env(safe-area-inset-bottom))!important;max-height:none!important;margin:6px 0 0!important;padding:4px 0 env(safe-area-inset-bottom)!important;box-sizing:border-box!important;border:0!important;border-top:1px solid #e3e7ea!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;z-index:5!important;-webkit-user-select:none;user-select:none;touch-action:manipulation}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-dock-handle{display:block;order:0;width:36px;height:4px;margin:2px auto 6px;border-radius:2px;background:#c8ced3;flex:none}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-picker-search{order:1!important;display:flex!important;width:auto!important;box-sizing:border-box!important;align-items:center!important;gap:8px!important;flex:none!important;margin:0 10px 4px!important;padding:0!important;border:0!important;background:transparent!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-picker-search>span{display:none!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock #emojiSearch{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;height:34px!important;margin:0!important;padding:0 12px 0 34px!important;border:0!important;border-radius:999px!important;background:#f0f2f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23707a82' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") no-repeat 11px center/16px!important;font-size:16px!important;color:#1f2d33!important;box-shadow:none!important;outline:0!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock #emojiClose{display:none!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-backspace{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:40px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:#54656f;cursor:pointer}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-backspace:active{background:#eef1f3}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-backspace svg{width:24px;height:24px}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-picker-title{order:2!important;display:block!important;flex:none!important;margin:0!important;padding:6px 14px 4px!important;border:0!important;background:transparent!important;font:700 13.5px/1.3 Arial,Helvetica,sans-serif!important;color:#54656f!important;text-transform:none!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock #emojiCategoryTitle{font:inherit!important;color:inherit!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-grid{order:3!important;flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(42px,1fr))!important;grid-auto-rows:44px!important;gap:2px!important;align-content:start!important;margin:0!important;padding:0 8px 6px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:transparent!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-grid .emoji-item{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:44px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;font-size:28px!important;line-height:1!important;cursor:pointer}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-grid .emoji-item:active{background:#eef1f3!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-grid .emoji-item .emoji-img{width:30px!important;height:30px!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-categories{order:4!important;flex:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;height:auto!important;margin:0!important;padding:4px 6px 2px!important;border:0!important;border-top:1px solid #eceff1!important;background:#fff!important;overflow:hidden!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button{flex:1 1 0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;opacity:.55;font-size:20px!important;filter:grayscale(.35)}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button.active{opacity:1!important;filter:none;background:color-mix(in srgb,var(--md-006653,#006653) 12%,#fff)!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button .emoji-img{width:22px!important;height:22px!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-picker-search{display:none!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-picker-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:2px 8px 4px 14px!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:50%;background:#f0f2f4;color:#54656f;cursor:pointer}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close:active{background:#e3e7ea}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close svg{width:18px;height:18px}

/* Sesli mesaj kartı daha alçak (PC + mobil) */
html body #app#app#app#app#app #messages#messages .message.is-voice.media-only .message-content-line{display:none!important}
html body #app#app#app#app#app #messages#messages .voice-player{grid-template-columns:34px 30px minmax(0,1fr)!important;padding:0 6px 0 0!important;margin:0!important;row-gap:0!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar,html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar{width:34px!important;height:34px!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic,html body #app#app#app#app#app #messages#messages .voice-player .voice-mic svg{width:14px;height:14px}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave{height:10px!important;margin:5px 4px 0 2px!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-time{line-height:1!important}

/* Mobil: play/duraklat radyo play gibi tema renginde; saat sağ altta; nick ile avatar arası dar */
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html body #app#app#app#app#app #messages#messages .voice-player .voice-play,html body #app#app#app#app#app #messages#messages .voice-player .voice-play.is-playing{width:30px!important;height:30px!important;border-radius:50%!important;background:var(--md-00866c,#00866c)!important;color:#fff!important;box-shadow:0 2px 6px var(--md-00866c33,rgba(0,134,108,.2))!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-play svg{width:15px;height:15px;display:block;fill:#fff}
html body #app#app#app#app#app #messages#messages .voice-player .voice-play:not(.is-playing) svg{margin-left:2px}
html body #app#app#app#app#app #messages#messages .voice-player .voice-play:active{transform:scale(.94)}
html body #app#app#app#app#app #messages#messages .message.is-voice .message-body>.classic-end-time{top:auto!important;bottom:7px!important}
html body #app#app#app#app#app #messages#messages .message.is-voice .message-media{margin-top:1px!important}
}
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html body #app#app#app#app#app #messages#messages .message.is-voice .moderated-media{position:relative!important;margin-top:0!important}
html body #app#app#app#app#app #messages#messages .message.is-voice .moderated-media>.admin-media-delete{top:-22px!important;right:4px!important;width:28px!important;height:28px!important;min-width:0!important;min-height:0!important;padding:0!important;font-size:18px!important;line-height:1!important}
}
/* Mobil: play butonu biraz küçük; dalga başındaki yeşil yuvarlakla aynı hizada ve arası açık */
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html body #app#app#app#app#app #messages#messages .voice-player{grid-template-columns:42px 26px minmax(0,1fr)!important;grid-template-rows:26px auto!important;column-gap:0!important;align-items:center!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar{grid-row:1/3!important;align-self:center}
html body #app#app#app#app#app #messages#messages .voice-player .voice-play,html body #app#app#app#app#app #messages#messages .voice-player .voice-play.is-playing{grid-row:1!important;align-self:center!important;width:26px!important;height:26px!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-play svg{width:13px;height:13px}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave{grid-row:1!important;align-self:center!important;height:10px!important;margin:0 6px 0 14px!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-time{grid-row:2!important;margin:1px 0 0 14px!important}
}

/* Mesaj düzenleme: tepki penceresinde X'in solunda kalem; mesaj altında küçük "Düzenlendi" yazısı; düzenleme penceresi */
html body .message-reactions .reaction-edit{display:inline-flex!important;align-items:center;justify-content:center;min-width:24px;height:auto;padding:2px 4px!important;border:0!important;border-radius:7px!important;box-shadow:none!important;background:transparent!important;color:var(--md-00866c,#00866c)!important;line-height:1;cursor:pointer}
html body .message-reactions .reaction-edit svg{width:20px;height:20px;display:block}
html body .message-reactions .reaction-edit[hidden]{display:none!important}
html body #messages .message-text .message-edited{display:inline-block;margin:0 0 0 6px;font:italic 400 10.5px/1.2 Arial,sans-serif;color:#8696a0;white-space:nowrap;vertical-align:baseline;letter-spacing:0}
html body dialog.message-edit-dialog{width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;margin:auto;padding:0;border:0;border-radius:16px;background:#fff;color:#111b21;box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden}
html body dialog.message-edit-dialog::backdrop{background:rgba(0,0,0,.35)}
html body dialog.message-edit-dialog form{display:flex;flex-direction:column;gap:10px;margin:0;padding:12px 14px 14px;min-width:0}
html body dialog.message-edit-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
html body dialog.message-edit-dialog header b{font:600 15px/1.3 Arial,sans-serif;color:var(--md-006653,#006653)}
html body dialog.message-edit-dialog .me-close{width:32px;height:32px;flex:0 0 32px;border:0;border-radius:50%;background:rgba(0,0,0,.06);color:#54656f;font-size:20px;line-height:1;cursor:pointer;padding:0}
html body dialog.message-edit-dialog .me-original{margin:0;padding:8px 10px;border-left:3px solid var(--md-00866c,#00866c);border-radius:8px;background:rgba(0,0,0,.04);font:400 13px/1.35 Arial,sans-serif;color:#54656f;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere;word-break:break-word}
html body dialog.message-edit-dialog .me-row{display:flex;align-items:center;gap:8px;min-width:0}
html body dialog.message-edit-dialog .me-row input{flex:1 1 auto;min-width:0;width:auto;height:44px;box-sizing:border-box;margin:0;padding:0 14px;border:1px solid rgba(0,0,0,.12);border-radius:22px;background:#f0f2f5;color:#111b21;font:400 16px/1.2 Arial,sans-serif;outline:none}
html body dialog.message-edit-dialog .me-row input:focus{border-color:var(--md-00866c,#00866c);background:#fff}
html body dialog.message-edit-dialog .me-save{flex:0 0 44px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--md-00866c,#00866c);color:#fff;cursor:pointer}
html body dialog.message-edit-dialog .me-save svg{width:22px;height:22px}
html body dialog.message-edit-dialog .me-save:disabled{opacity:.6}

/* Yönetim listelerinde YouTube kapağı: dokununca oynatıcı açılır */
html body .youtube-facade{position:relative;display:block;width:160px;max-width:100%;aspect-ratio:16/9;height:auto;margin:6px 0;padding:0;border:0;border-radius:8px;overflow:hidden;background:#000;cursor:pointer}
html body .media-browser-preview .youtube-facade{width:100%;height:80px;aspect-ratio:auto;margin:0}
html body .youtube-facade img{display:block;width:100%;height:100%;object-fit:cover}
html body .youtube-facade span{position:absolute;left:50%;top:50%;width:38px;height:27px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f03;color:#fff;font-size:13px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.35)}

/* Nick listesi (PC, mobil çekmece): avatar ayarı açıkken yetkililerde avatar yerine yetki simgesi */
html body :is(#memberList#memberList#memberList,#mobileMemberList#mobileMemberList#mobileMemberList) .member-row.grouped-member>.roster-profile-avatar.roster-role-avatar{display:grid!important;place-items:center!important;border-radius:50%!important;overflow:hidden!important;background:color-mix(in srgb,var(--group-color,#00946d) 13%,#fff)!important;color:var(--group-color,#00946d)!important;border:0!important;box-shadow:none!important}
html body :is(#memberList#memberList#memberList,#mobileMemberList#mobileMemberList#mobileMemberList) .member-row.grouped-member>.roster-role-avatar>svg.member-group-icon{display:block!important;position:static!important;width:62%!important;height:62%!important;margin:0!important;opacity:1!important;color:var(--group-color,#00946d)!important;transform:none!important}
/* qwebirc yeşil (WhatsApp) zemin: kanal ile nick listesi arasındaki boşlukta bej WhatsApp tonu görünmesin, yeşil ton olsun */
html.qw-bar[data-chat-background="whatsapp"] body #app#app#app#app .chat-panel{background-color:color-mix(in srgb,var(--md-00946d,#00946d) 7%,#fff)!important}
/* PC nick listesi: özel nick yıldızları nickin hemen sağında, tek satırda. Dar ekranda nick kısalır (…), yıldızlar küçülür. */
html.pc-reference body #app#app .member-row .nick-styled-wrap.stacked{flex-direction:row!important;align-items:center!important;gap:3px!important;max-width:100%!important;min-width:0!important}
html.pc-reference body #app#app .member-row .nick-styled-wrap.stacked>.member-nick{order:1;flex:0 1 auto!important;min-width:0!important}
html.pc-reference body #app#app .member-row .nick-styled-wrap.stacked>.nick-rank-stars{order:2;flex:0 0 auto!important;margin:0!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important}
@media(max-width:1180px){html.pc-reference body #app#app .member-row .nick-styled-wrap.stacked>.nick-rank-stars{font-size:7.5px!important;letter-spacing:-.5px}}
/* ===== Applet yönetimi giriş kartı (tema rengine uyumlu; PC'de dar pencere) ===== */
html body dialog.applet-admin-dialog.admin-login-mode.admin-login-mode{--alc:var(--md-00946d,#00946d);--alc-dark:var(--md-006653,#006653);background:linear-gradient(180deg,color-mix(in srgb,var(--alc) 13%,#fff) 0,#fff 150px)!important;border:1px solid color-mix(in srgb,var(--alc) 22%,#fff)!important;color:#22313a!important;overflow:hidden!important}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html body dialog.applet-admin-dialog.applet-admin-dialog.admin-login-mode:not(.media-browser-dialog){width:min(420px,calc(100vw - 48px))!important;max-width:min(420px,calc(100vw - 48px))!important;border-radius:22px!important}
 html body dialog.applet-admin-dialog.applet-admin-dialog.admin-login-mode:not(.media-browser-dialog) .admin-content{display:block!important;padding:4px 30px 26px!important}
}
html body dialog.applet-admin-dialog.admin-login-mode>header{background:transparent!important;border-bottom:0!important;padding:14px 16px 0 22px!important;box-shadow:none!important}
html body dialog.applet-admin-dialog.admin-login-mode>header h2{font-size:13px!important;font-weight:600!important;color:color-mix(in srgb,var(--alc-dark) 75%,#555)!important;letter-spacing:.2px}
html body dialog.applet-admin-dialog.admin-login-mode>header [data-admin-close]{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;border:0!important;background:color-mix(in srgb,var(--alc) 10%,#fff)!important;color:var(--alc-dark)!important;font-size:18px!important;box-shadow:none!important}
html body dialog.applet-admin-dialog.admin-login-mode .admin-content{background:transparent!important}
html body dialog.applet-admin-dialog #appletAdminLogin.admin-login-card{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-hero{display:flex;justify-content:center;margin:2px 0 2px}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--alc,#00946d) 78%,#fff),var(--alc-dark,#006653));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--alc,#00946d) 35%,transparent)}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-badge svg{width:34px;height:34px}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-title{margin:0!important;text-align:center;font:700 21px/1.2 inherit;color:var(--alc-dark,#006653)}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-sub{margin:-4px 0 6px!important;text-align:center;font-size:13px!important;line-height:1.4;color:#66757d!important}
html body dialog.applet-admin-dialog #appletAdminLogin.admin-login-card>label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;font-size:12.5px!important;font-weight:600!important;color:#44535b!important}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-field{position:relative;display:flex;align-items:center}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-field>svg{position:absolute;left:13px;width:18px;height:18px;color:color-mix(in srgb,var(--alc,#00946d) 70%,#667);pointer-events:none}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-field>input{width:100%!important;box-sizing:border-box!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 44px 0 42px!important;border:1.5px solid color-mix(in srgb,var(--alc,#00946d) 20%,#dfe6e3)!important;border-radius:13px!important;background:#fff!important;font-size:15px!important;font-weight:400!important;color:#1f2d33!important;box-shadow:none!important;outline:none!important;transition:border-color .15s,box-shadow .15s}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-field>input::placeholder{color:#9aa7ad}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-field>input:focus{border-color:var(--alc,#00946d)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--alc,#00946d) 18%,transparent)!important}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-eye{position:absolute!important;right:6px;top:50%;transform:translateY(-50%);display:grid!important;place-items:center;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#7f8d93!important;box-shadow:none!important;cursor:pointer}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-eye[aria-pressed="true"]{color:var(--alc,#00946d)!important;background:color-mix(in srgb,var(--alc,#00946d) 10%,#fff)!important}
html body dialog.applet-admin-dialog #appletAdminLogin .admin-login-eye svg{width:19px;height:19px}
html body dialog.applet-admin-dialog.applet-admin-dialog #appletAdminLogin.admin-login-card>.admin-login-submit{width:100%!important;height:46px!important;min-height:46px!important;margin:6px 0 0!important;border-radius:13px!important;background:linear-gradient(135deg,var(--alc,#00946d),var(--alc-dark,#006653))!important;color:#fff!important;font-size:15px!important;font-weight:700!important;letter-spacing:.2px;box-shadow:0 8px 18px color-mix(in srgb,var(--alc,#00946d) 30%,transparent)!important}
html body dialog.applet-admin-dialog.applet-admin-dialog #appletAdminLogin.admin-login-card>.admin-login-submit:disabled{opacity:.7}
html body dialog.applet-admin-dialog #appletAdminLogin.admin-login-card>.admin-error:empty{display:none}
html body dialog.applet-admin-dialog #appletAdminLogin.admin-login-card>.admin-error:not(:empty){margin:0!important;padding:9px 12px;border-radius:10px;background:#fdecec;color:#a33!important;font-size:13px;text-align:center}
/* qwebirc üst bar: radyo daha alçak, Özel Mesajlar / Durumlar sekmeleriyle aynı hizada */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.qw-bar.modern-demo body #app#app#app#app>.titlebar #modernHeaderRadio#modernHeaderRadio{grid-template-rows:30px!important;align-items:center!important;height:36px!important;min-height:0!important;padding:3px 5px!important;top:calc(50% - 1px)!important;border-radius:13px!important}
html.qw-bar.modern-demo body #app#app#app#app>.titlebar #modernHeaderRadio #radioPanel{height:30px!important;grid-template-rows:20px 6px!important;row-gap:2px!important;gap:2px!important;align-self:center!important}
html.qw-bar.modern-demo body #app#app#app#app>.titlebar #modernHeaderRadio :is(#radioPlay,#radioMute,#modernHeaderRadioRefresh){height:22px!important;min-height:22px!important;align-self:center!important}
html.qw-bar.modern-demo body #app#app#app#app>.titlebar #modernHeaderRadio #radioPlay{width:22px!important;min-width:22px!important}
html.qw-bar.modern-demo body #app#app#app#app>.titlebar #modernHeaderRadio #radioTitle{font-size:10.5px!important;line-height:1.1!important}
html.qw-bar.modern-demo body #app#app#app#app>.titlebar #modernHeaderRadio #radioVolume{height:6px!important}
html.qw-bar.modern-demo body #app#app#app#app>.titlebar #modernHeaderRadio .radio-info{height:20px!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;align-self:center!important}
html.qw-bar.modern-demo body #app#app#app#app>.titlebar #modernHeaderRadio .radio-bars{height:6px!important;min-height:0!important;margin:0!important;align-items:center!important}
}
/* qwebirc üst kanal haplarında açık sesli oda simgesi */
html.modern-demo.md-channels-top body #app#app#app#app #mdChannelChips .md-chip .md-chip-room{display:inline-grid;place-items:center;flex:0 0 15px;width:15px;height:15px;margin:0 1px 0 -2px;color:var(--md-00946d,#00946d);pointer-events:none}
html.modern-demo.md-channels-top body #app#app#app#app #mdChannelChips .md-chip .md-chip-room svg{display:block;width:15px;height:15px}
/* Mobil WhatsApp: kanal üst barındaki sesli oda sayısı simgeyi kapatmasın (küçük, sol üstte) */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app #modernHeaderMedia>[data-md-media="voiceButton"]>.room-count-badge{top:-2px!important;left:-6px!important;right:auto!important;min-width:14px!important;height:14px!important;padding:0 3px!important;font:700 9px/14px Arial,Helvetica,sans-serif!important;box-shadow:0 0 0 1.5px #fff!important}
}
/* qwebirc üst bar: aktif sesli oda simgesi Durumlar'ın yanında */
#qwRoomTab{display:none}
/* Oda kapanınca simge tamamen kalkar (sekme düğmelerinin display:flex kuralı [hidden]'ı ezmesin) */
html body #app#app#app#app #modernDemoTabs>#qwRoomTab[hidden],html:not(.qw-bar) body #app#app#app#app #modernDemoTabs>#qwRoomTab{display:none!important}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.qw-bar body #app#app#app#app #modernDemoTabs>#qwRoomTab:not([hidden]){display:grid!important;place-items:center!important;order:3!important;position:relative!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:40px!important;margin:0 0 0 -2px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;overflow:visible!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent}
html.qw-bar body #app#app#app#app #modernDemoTabs>#qwRoomTab>svg{display:block!important;width:23px!important;height:23px!important}
html.qw-bar body #app#app#app#app #modernDemoTabs>#qwRoomTab>.room-count-badge{position:absolute!important;top:4px!important;left:-3px!important;right:auto!important;min-width:14px!important;height:14px!important;padding:0 3px!important;box-sizing:border-box;border-radius:7px;background:#e53935;color:#fff;font:700 9px/14px Arial,Helvetica,sans-serif;text-align:center;box-shadow:0 0 0 1.5px rgba(255,255,255,.9);pointer-events:none}
/* Simge görünürken radyo kalan alanda ortalanır ve gerekirse daralır (taşma yok) */
html.qw-bar.qw-room-on body #app#app#app#app>.titlebar #modernHeaderRadio#modernHeaderRadio{left:calc((100% - 40px + 2 * var(--qwtab) + 50px) / 2 + 2px)!important;width:min(150px,calc(100% - 2 * var(--qwtab) - 108px))!important;max-width:min(150px,calc(100% - 2 * var(--qwtab) - 108px))!important}
}
/* Seslenme / alıntı / tepki bildirimi: turuncu kart; dokununca ilgili mesaj turuncu vurgulanır (PC + mobil, tüm görünümler) */
html body #socialToast#socialToast#socialToast.st-card.st-mention{--st-accent:#f28c18;border-left:4px solid #f28c18!important;background:linear-gradient(90deg,#fff6ea,#fff 60%)!important}
html body #socialToast#socialToast#socialToast.st-card.st-mention .st-timer i{background:#f28c18!important}
html body #messages#messages .mention-highlight :is(.message-body,.bubble,.message-bubble){outline:2px solid #f28c18!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(242,140,24,.18),0 0 14px rgba(242,140,24,.45)!important;transition:box-shadow .2s}
html body #messages#messages .mention-highlight{background:rgba(242,140,24,.10)!important;border-radius:12px}
/* Sohbet resmi yer tutucusu (WhatsApp gibi): bulanık önizleme, ortada indirme işareti ve boyut. Boyutları mevcut
   [data-image-read] kuralları belirler (her görünümde yüklenen resimle aynı yer); burada yalnız iç görünüm var. */
html body #app#app#app#app#app #messages#messages .image-message>.image-placeholder.image-placeholder{position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:94px;background:color-mix(in srgb,var(--md-00946d,#00946d) 14%,#e9edef)!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body #messages .image-message>.image-placeholder>.image-ph-blur{position:absolute!important;inset:-12px!important;width:calc(100% + 24px)!important;height:calc(100% + 24px)!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;filter:blur(10px) saturate(1.1);transform:translateZ(0);pointer-events:none;border-radius:0!important}
html body #messages .image-message>.image-placeholder>.image-ph-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font:600 13px/1 Arial,Helvetica,sans-serif;pointer-events:none}
html body #messages .image-message>.image-placeholder>.image-ph-pill>svg{display:block;width:20px;height:20px;flex:0 0 20px}
html body #messages .image-message>.image-placeholder:disabled>.image-ph-pill{animation:image-ph-pulse 1s ease-in-out infinite alternate}
@keyframes image-ph-pulse{to{opacity:.55}}
@media(prefers-reduced-motion:reduce){html body #messages .image-message>.image-placeholder:disabled>.image-ph-pill{animation:none}}

/* v81 · Çevrimdışı Mesajlar (Arkadaşlar sekmesi / classic Özel Mesajlar › Arkadaşlar): turuncu vurgu, bildirim sayıları */
html body #app#app#app#app [data-md-friend-group="inbox"]>summary::before{content:'✉'!important}
html body #app#app#app#app [data-md-friend-group="inbox"].has-offline-mail>summary{color:#b35c00!important}
html body #app#app#app#app [data-md-friend-group="inbox"].has-offline-mail>summary::before{background:#fff1e0!important;color:#f28c18!important}
html body #app#app#app#app [data-md-friend-group="inbox"].has-offline-mail>summary>span{background:#f28c18!important;color:#fff!important;font-weight:700}
html body #app#app#app#app [data-md-friend-group="inbox"] .md-offline-row>em>b{background:#f28c18!important;color:#fff!important;border-color:#f28c18!important}
html body #app#app#app#app [data-md-friend-group="inbox"] .md-offline-row>span>small{color:#b35c00!important;font-weight:600}
html body #app#app#app#app [data-md-friend-group="inbox"].md-inbox-flash{animation:mdInboxFlash 1.6s ease-out 1}
@keyframes mdInboxFlash{0%,35%{box-shadow:0 0 0 2px #f28c18,0 0 14px rgba(242,140,24,.45)}100%{box-shadow:0 0 0 0 transparent}}
html body #app#app#app#app .mobile-nav-badge.offline-mail,html body #app#app#app#app :is(#modernDemoTabs,.pc-navigation) b.offline-mail{background:#f28c18!important;border-color:#f28c18!important;color:#fff!important}
.qw-friends>summary>em.qw-mail{background:#f28c18}
@media(prefers-reduced-motion:reduce){html body #app#app#app#app [data-md-friend-group="inbox"].md-inbox-flash{animation:none}}
html.pc-reference body #app#app#app#app [data-md-friend-group="inbox"].has-offline-mail>summary>span{padding:1px 8px!important;border-radius:10px!important;min-width:12px;text-align:center;line-height:19px}

/* v82 · Classic mobil nick listesi: başlık kaldırıldı, arama en üstte */
#qwMembers .qwm-head{display:none!important}
/* Daralan listede yetkili başlıkları sığsın: yazı boyutu aynı, yalnız boşluklar ve simge biraz küçük. */
#qwMembers#qwMembers .qwm-cat{gap:4px!important;padding:3px 3px 3px 2px!important}
#qwMembers#qwMembers .qwm-cat-ico{flex:0 0 18px;width:18px;height:18px}
#qwMembers#qwMembers .qwm-cat-ico svg{width:12px!important;height:12px!important}
#qwMembers#qwMembers .qwm-cat-arrow{margin-right:3px}
#qwMembers#qwMembers .qwm-cat>b{min-width:14px;padding:1px 3px;margin-right:1px}
html.qw-members-on body #app#app#app#app .chat-panel>#qwMembers{padding-left:4px!important;padding-right:3px!important}

/* Admin paneli: yazı ayarı formu */
.admin-nl-font{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;align-items:end;margin:8px 0}
.admin-nl-font label{display:flex;flex-direction:column;gap:4px;font:600 12px Arial,sans-serif}
.admin-nl-font select{min-height:34px;border-radius:8px}
.admin-nl-preview{grid-column:1/-1;margin:2px 0;padding:8px 10px;border:1px dashed color-mix(in srgb,var(--md-00946d,#00946d) 45%,#ccc);border-radius:8px;background:#fff;color:#1f2933;font:400 13px Arial,sans-serif}
.admin-nl-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.admin-nl-subtitle{margin:16px 0 4px}

/* v83 · Classic mobil (qwebirc) nick listesi görünümü — admin › Tema Ayarları › Classic mobil.
   Yalnız ayar seçilince eşleşir (öznitelik / sınıf yoksa hiçbir kural çalışmaz). Özel nick stilleri (nick-styled) hariç. */
html[data-nlc-font] body #qwMembers#qwMembers .qwm-nick .member-nick:not(.nick-styled){font-family:var(--nlc-font)!important}
html[data-nlc-size] body #qwMembers#qwMembers .qwm-nick .member-nick:not(.nick-styled){font-size:var(--nlc-size)!important}
html[data-nlc-weight] body #qwMembers#qwMembers .qwm-nick .member-nick:not(.nick-styled){font-weight:var(--nlc-weight)!important}
html[data-nlc-italic] body #qwMembers#qwMembers .qwm-nick .member-nick:not(.nick-styled){font-style:var(--nlc-italic)!important}
/* Yetkili kategorisi: satır nicki + başlık; görünüm genel ayarından önceliklidir. Başlık rengi --qwm-c ile gelir. */
html body #qwMembers#qwMembers#qwMembers .qwm-row.nlr-f .qwm-nick .member-nick:not(.nick-styled),html body #qwMembers#qwMembers#qwMembers .qwm-cat.nlr-f .qwm-cat-label{font-family:var(--nlr-font)!important}
html body #qwMembers#qwMembers#qwMembers .qwm-row.nlr-z .qwm-nick .member-nick:not(.nick-styled),html body #qwMembers#qwMembers#qwMembers .qwm-cat.nlr-z .qwm-cat-label{font-size:var(--nlr-size)!important}
html body #qwMembers#qwMembers#qwMembers .qwm-row.nlr-w .qwm-nick .member-nick:not(.nick-styled),html body #qwMembers#qwMembers#qwMembers .qwm-cat.nlr-w .qwm-cat-label{font-weight:var(--nlr-weight)!important;font-style:var(--nlr-italic)!important}
html body #qwMembers#qwMembers#qwMembers .qwm-row.nlr-c .qwm-nick .member-nick:not(.nick-styled),html body #qwMembers#qwMembers#qwMembers .qwm-cat.nlr-c .qwm-cat-label{color:var(--nlr-color)!important}
#qwMembers .qwm-cat-ico>.nlr-icon,#qwMembers .qwm-av-role>.nlr-icon{display:block}
/* Üst kanallar yazısı (sığmayan kanalda otomatik küçültme korunur: boyut yalnız sıkışmayan haplara) */
html.md-channels-top[data-nlq-font] body #app#app#app#app #mdChannelChips .md-chip .md-chip-name{font-family:var(--nlq-font)!important}
html.md-channels-top[data-nlq-size] body #app#app#app#app #mdChannelChips .md-chip:not(.md-chip-tight) .md-chip-name{font-size:var(--nlq-size)!important}
html.md-channels-top[data-nlq-weight] body #app#app#app#app #mdChannelChips .md-chip .md-chip-name{font-weight:var(--nlq-weight)!important}
html.md-channels-top[data-nlq-italic] body #app#app#app#app #mdChannelChips .md-chip .md-chip-name{font-style:var(--nlq-italic)!important}

/* v83 · Kart / whois: App / App değil etiketi gösterilmiyor; boş yer kaplamasın */
.user-card-app:empty,.whois-app-slot:empty{display:none!important}

/* v83 · Admin › Tema Ayarları › nick listesi görünümü formları (#nlAdminBoost: modern mobilin :is(#…) düğme kuralını geçmek için yalnız özgüllük; böyle bir öğe yok) */
html body .applet-admin-dialog .admin-nl-view h4.admin-nl-subtitle{margin:14px 0 4px;font:700 13px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-role .admin-nl-wide,html body .applet-admin-dialog .admin-nl-role .admin-nl-role-preview{grid-column:1/-1}
html body .applet-admin-dialog .admin-nl-field{display:flex;flex-direction:column;gap:4px;font:600 12px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-color{display:flex;align-items:center;gap:8px;min-height:34px}
html body .applet-admin-dialog .admin-nl-color input[type=color]{width:46px;height:32px;padding:0;border:1px solid #cfdcd6;border-radius:8px;background:#fff}
html body .applet-admin-dialog .admin-nl-check{display:inline-flex;align-items:center;gap:4px;font:400 12px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-label{display:block;margin:2px 0 6px;font:600 12px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-icons{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button{display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;padding:7px!important;border-radius:9px!important;background:#fff!important;border:1px solid #d3e0da!important;color:#355246!important;box-shadow:none!important}
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button[data-nl-icon=""]{width:auto!important;padding:0 10px!important;font:600 12px Arial,sans-serif!important}
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button[aria-pressed="true"]{border:2px solid var(--md-00946d,#00946d)!important;background:color-mix(in srgb,var(--md-00946d,#00946d) 12%,#fff)!important;color:var(--md-00946d,#00946d)!important}
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button>svg,html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button>img{display:block;width:20px;height:20px}
html body .applet-admin-dialog .admin-nl-role small{display:block;margin-top:6px;font:400 11px/1.35 Arial,sans-serif;opacity:.75}
html body .applet-admin-dialog .admin-nl-role-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 11px;border:1px dashed color-mix(in srgb,var(--md-00946d,#00946d) 45%,#ccc);border-radius:8px;background:#fff;font:400 13px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-role-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px}
html body .applet-admin-dialog .admin-nl-role-icon>svg,html body .applet-admin-dialog .admin-nl-role-icon>img{display:block;width:24px;height:24px}
html body .applet-admin-dialog .admin-nl-role-preview>b{font-weight:700}
html body .applet-admin-dialog .admin-nl-noicon{opacity:.5}

/* v83 · Admin › Tema Ayarları › nick listesi görünümü formları (#nlAdminBoost: modern mobilin :is(#…) düğme kuralını geçmek için yalnız özgüllük; böyle bir öğe yok) */
html body .applet-admin-dialog .admin-nl-view h4.admin-nl-subtitle{margin:14px 0 4px;font:700 13px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-role .admin-nl-wide,html body .applet-admin-dialog .admin-nl-role .admin-nl-role-preview{grid-column:1/-1}
html body .applet-admin-dialog .admin-nl-field{display:flex;flex-direction:column;gap:4px;font:600 12px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-color{display:flex;align-items:center;gap:8px;min-height:34px}
html body .applet-admin-dialog .admin-nl-color input[type=color]{width:46px;height:32px;padding:0;border:1px solid #cfdcd6;border-radius:8px;background:#fff}
html body .applet-admin-dialog .admin-nl-check{display:inline-flex;align-items:center;gap:4px;font:400 12px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-label{display:block;margin:2px 0 6px;font:600 12px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-icons{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button{display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;padding:7px!important;border-radius:9px!important;background:#fff!important;border:1px solid #d3e0da!important;color:#355246!important;box-shadow:none!important}
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button[data-nl-icon=""]{width:auto!important;padding:0 10px!important;font:600 12px Arial,sans-serif!important}
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button[aria-pressed="true"]{border:2px solid var(--md-00946d,#00946d)!important;background:color-mix(in srgb,var(--md-00946d,#00946d) 12%,#fff)!important;color:var(--md-00946d,#00946d)!important}
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button>svg,html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button>img{display:block;width:20px;height:20px}
html body .applet-admin-dialog .admin-nl-role small{display:block;margin-top:6px;font:400 11px/1.35 Arial,sans-serif;opacity:.75}
html body .applet-admin-dialog .admin-nl-role-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 11px;border:1px dashed color-mix(in srgb,var(--md-00946d,#00946d) 45%,#ccc);border-radius:8px;background:#fff;font:400 13px Arial,sans-serif}
html body .applet-admin-dialog .admin-nl-role-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px}
html body .applet-admin-dialog .admin-nl-role-icon>svg,html body .applet-admin-dialog .admin-nl-role-icon>img{display:block;width:24px;height:24px}
html body .applet-admin-dialog .admin-nl-role-preview>b{font-weight:700}
html body .applet-admin-dialog .admin-nl-noicon{opacity:.5}


/* v86 · Kanalda mesaj yazanların avatar boyutu (admin › Tema Ayarları, görünüm seçmeli). Yalnız ayar seçilince ve
   yalnız kanal mesajlarında (.in-channel) eşleşir. Kutu yeni boyutta yer kaplar; içerik oranla ölçeklenir. */
html.qw-bar[data-av-classic] body #app#app#app#app #messages .message.in-channel>.message-avatar{flex:0 0 var(--av-classic)!important;width:var(--av-classic)!important;height:var(--av-classic)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;display:grid!important;place-items:center!important;overflow:visible!important}
html.qw-bar[data-av-classic] body #app#app#app#app #messages .message.in-channel>.message-avatar>*{flex:none!important;transform:scale(var(--av-classic-scale,1))!important;transform-origin:center!important}
html.modern-demo:not(.pc-reference):not(.qw-bar)[data-av-modern] body #app#app#app#app #messages .message.in-channel>.message-avatar{flex:0 0 var(--av-modern)!important;width:var(--av-modern)!important;height:var(--av-modern)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;display:grid!important;place-items:center!important;overflow:visible!important}
html.modern-demo:not(.pc-reference):not(.qw-bar)[data-av-modern] body #app#app#app#app #messages .message.in-channel>.message-avatar>*{flex:none!important;transform:scale(var(--av-modern-scale,1))!important;transform-origin:center!important}
html body .applet-admin-dialog .admin-nl-role .admin-nl-span2{grid-column:span 2}
html body .applet-admin-dialog .admin-nl-label2{margin-top:10px!important}
html body .applet-admin-dialog .admin-nl-note{margin:10px 0 0;font:italic 400 12px Arial,sans-serif;opacity:.8}
html body .applet-admin-dialog .admin-nl-role{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
html body .applet-admin-dialog .admin-nl-nick-sample{color:#56606b}.applet-admin-dialog .admin-nl-nick-sample small{opacity:.7}
/* v88 · Nick satırlarında kategori ikonu arka plansız (rozet yalnız başlıkta), kategori renginde */
html body #qwMembers#qwMembers .qwm-av.qwm-av-role.nlr-plain{background:none!important;box-shadow:none!important;border:0!important;color:var(--qwm-c)!important}
html body #qwMembers#qwMembers .qwm-av.qwm-av-role.nlr-plain>svg{color:var(--qwm-c)!important}
html body #qwMembers#qwMembers#qwMembers .qwm-row.nlr-c .qwm-nick .member-nick:not(.nick-styled){color:var(--nlr-color)!important}
/* v88 · Classic mobil: nick listesinden açılan profil kartı yetkili başlığının rengiyle uyumlu (açık ton, koyu değil) */
html body #qwMembers#qwMembers #userCard#userCard.inline-member-card.rank-colored-profile{background:linear-gradient(160deg,color-mix(in srgb,var(--profile-rank-color) 8%,#fff),color-mix(in srgb,var(--profile-rank-color) 17%,#fff))!important;border-color:color-mix(in srgb,var(--profile-rank-color) 38%,#fff)!important}
html body #qwMembers#qwMembers #userCard#userCard.inline-member-card.rank-colored-profile::before{background:color-mix(in srgb,var(--profile-rank-color) 8%,#fff)!important;border-color:color-mix(in srgb,var(--profile-rank-color) 38%,#fff)!important}
html body #qwMembers#qwMembers #userCard#userCard.inline-member-card.rank-colored-profile :is(#userCardNick,.user-card-info h2){color:var(--profile-rank-color)}
/* Admin › Varsayılana dön (en üstte) ve uyarı kartı */
html body .applet-admin-dialog .admin-restore{display:flex;flex-direction:column;gap:10px;margin:0 0 12px;padding:0}
html body dialog.applet-admin-dialog.applet-admin-dialog .admin-restore-btn{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;align-self:flex-start!important;width:auto!important;min-height:38px!important;padding:8px 16px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#d97706,#b45309)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700!important;cursor:pointer;box-shadow:0 2px 8px rgba(180,83,9,.28)!important}
html body .applet-admin-dialog .admin-restore-btn svg{width:18px;height:18px;flex:none}
html body dialog.applet-admin-dialog.applet-admin-dialog .admin-restore-btn:disabled{opacity:.5!important;cursor:not-allowed;box-shadow:none!important}
html body .applet-admin-dialog .admin-restore-warn{box-sizing:border-box;padding:12px 14px;border:1px solid #f5c26b;border-left:5px solid #d97706;border-radius:12px;background:#fff8eb;color:#5b3a06;font-size:13px;line-height:1.45}
html body .applet-admin-dialog .admin-restore-warn>b{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#9a3412;font-size:14px}
html body .applet-admin-dialog .admin-restore-warn>b svg{width:18px;height:18px;flex:none;color:#d97706}
html body .applet-admin-dialog .admin-restore-warn p{margin:0 0 6px;color:#5b3a06}
html body .applet-admin-dialog .admin-restore-warn em{font-style:normal;font-weight:600}
html body .applet-admin-dialog .admin-restore-warn small{display:block;margin-top:4px;padding-top:6px;border-top:1px dashed #f0c27a;color:#7c4a03;font-size:12px}
/* Üç seçenekli onay (Evet / Hayır / İptal): düğmeler alt alta, Evet üstte. */
html body dialog.friend-confirm-dialog.friend-confirm-dialog.confirm-choice>footer{display:flex!important;flex-direction:column-reverse!important;align-items:stretch!important;gap:8px!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog.confirm-choice>footer>button{width:100%!important;max-width:none!important;flex:none!important;white-space:normal!important}
/* iPhone (WebKit): avatar boyutu ayarlıyken ızgara hücresi belirsiz kalınca % boyutlu yetki ikonu (ör. Founder) 0'a çöküyordu. Hücre avatar kutusu kadar sabitlenir. */
html.qw-bar[data-av-classic] body #app#app#app#app #messages .message.in-channel>.message-avatar,html.modern-demo:not(.pc-reference):not(.qw-bar)[data-av-modern] body #app#app#app#app #messages .message.in-channel>.message-avatar{grid-template-columns:100%!important;grid-template-rows:100%!important}
/* ===== Classic mobil (qwebirc) · "Kanal yazı tipi klasik" (admin › Tema Ayarları, data-qw-irc) =====
   Yalnız kanallarda (.in-channel): balonsuz klasik IRC satırı. Avatar ve nick renkleri korunur; saat küçük, satır sonunda;
   tepkiler mesajın sol altında. Özel mesajlar ve işaretsiz durum etkilenmez. */
/* Arka plan: sade, tema rengine uyumlu açık zemin (duvar kâğıdı yok); kanal ve nick listesi aynı zeminde. Avatar ekranın tam solunda. */
html.qw-bar[data-qw-irc]{--qwi-bg:color-mix(in srgb,var(--cz-277bdd,#277bdd) 7%,#fff)}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app .layout:not(.private-chat) #messages#messages{padding-left:0!important;background:var(--qwi-bg)!important;background-image:none!important}
html.qw-bar[data-qw-irc] body #qwMembers#qwMembers,html.qw-bar[data-qw-irc] body #qwMembers#qwMembers .qwm-list{background:var(--qwi-bg)!important;background-image:none!important}
/* Nick listesi satırları bir tık sık. */
html.qw-bar[data-qw-irc] body #qwMembers#qwMembers .qwm-row{min-height:27px!important;padding-top:0!important;padding-bottom:0!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel{display:flex!important;align-items:flex-start!important;gap:0!important;position:relative!important;max-width:none!important;width:auto!important;margin:0!important;padding:1px 6px 1px 2px!important;background:none!important;border:0!important;box-shadow:none!important;font-family:var(--qwi-text-font,Arial,Helvetica,sans-serif)!important;font-size:var(--qwi-text-size,13px)!important;font-weight:var(--qwi-text-weight,400)!important;font-style:var(--qwi-text-italic,normal)!important;color:#111!important;line-height:1.32!important;text-align:left!important;flex-direction:row!important;padding-left:0!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.standard-time{display:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-avatar{display:grid!important;grid-template-columns:100%!important;grid-template-rows:100%!important;place-items:center!important;vertical-align:top!important;align-self:flex-start!important;margin-top:calc((var(--qwi-text-size,13px) * 1.32 - var(--qwi-av,22px)) / 2)!important;width:var(--qwi-av,22px)!important;height:var(--qwi-av,22px)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;flex:none!important;margin-right:2px!important;margin-left:0!important;margin-bottom:0!important;padding:0!important;overflow:visible!important;float:none!important;position:static!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-avatar>*{transform:scale(var(--qwi-av-scale,.74))!important;transform-origin:center!important;flex:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body{display:block!important;flex:1 1 auto!important;position:static!important;max-width:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font:inherit!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body::before,html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body::after{display:none!important;content:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body>div:first-child:not(.x),html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-content-line,html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-text{display:inline!important;position:static!important;margin:0!important;padding:0!important;background:none!important;font:inherit!important;color:inherit!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-name{display:inline!important;margin:0 5px 0 0!important;padding:0!important;font-family:var(--qwi-nick-font,inherit)!important;font-weight:var(--qwi-nick-weight,400)!important;font-style:var(--qwi-nick-italic,normal)!important;font-size:var(--qwi-nick-size,inherit)!important;line-height:inherit!important;white-space:nowrap!important;cursor:pointer}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-name::before{content:"<"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="q"] .message-name::before{content:"<~"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="a"] .message-name::before{content:"<&"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="o"] .message-name::before{content:"<@"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="h"] .message-name::before{content:"<%"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="v"] .message-name::before{content:"<+"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-name::after{content:">"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-time,html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .classic-like{display:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .classic-end-time{display:inline!important;position:static!important;float:none!important;margin:0 0 0 6px!important;padding:0!important;font:10px/1 Arial,Helvetica,sans-serif!important;color:#8b8b8b!important;white-space:nowrap!important;vertical-align:baseline!important;height:auto!important;width:auto!important;transform:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-media:empty{display:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-media:not(:empty){display:block!important;margin:4px 0 0 0!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .reaction-widget{display:block!important;position:static!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;float:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .reaction-counts:not(:empty){display:flex!important;flex-wrap:wrap!important;gap:4px!important;justify-content:flex-start!important;position:static!important;float:none!important;inset:auto!important;width:auto!important;height:auto!important;margin:3px 0 1px 0!important;transform:none!important}
/* Klasik kanal yazısı: yıldızlar nickin hemen üstünde (satır kaymadan, yalnız yıldızlı satıra üstte yer açılır), "Özel Üye" gibi rozetler gizli. */
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body>div:first-child:not(.x){position:relative!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel.has-nick-stars{padding-top:9px!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .nick-rank-stars{display:inline-flex!important;position:absolute!important;left:0!important;bottom:100%!important;top:auto!important;margin:0 0 -2px!important;padding:0!important;font-size:9px!important;line-height:1!important;transform:none!important;white-space:nowrap!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .nick-special-badge-row,html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .msg-badge-full{display:none!important}
/* Klasik kanal yazısı: kendi avatarını / fotoğrafını seçenlerde de avatar satırın solunda, nickle aynı hizada. */
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-avatar .social-avatar{display:block!important;position:relative!important;width:30px!important;height:30px!important;margin:0!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-avatar .social-avatar>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
/* Admin görünüm menüleri: numaralı, açıklamalı bölüm başlıkları */
html body .applet-admin-dialog .admin-view-part{display:flex;align-items:center;gap:8px;margin:16px 0 4px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--cz-277bdd,#277bdd) 10%,#fff);color:#17324a;font-size:14px;font-weight:700;line-height:1.25}
html body .applet-admin-dialog .admin-view-part:first-child{margin-top:4px}
html body .applet-admin-dialog .admin-view-part>b{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--cz-277bdd,#277bdd);color:#fff;font-size:12px}
html body .applet-admin-dialog .admin-view-part-desc{margin:0 0 6px 2px;font-size:12px;color:#55697d}
/* System Logs › Bağlantılar: kopma ayrıntısı */
html body .applet-admin-dialog .conn-detail{display:inline-block;max-width:100%}
html body .applet-admin-dialog .conn-detail>summary{cursor:pointer;list-style:none;display:inline}
html body .applet-admin-dialog .conn-detail>summary::-webkit-details-marker{display:none}
html body .applet-admin-dialog .conn-detail .conn-more{display:inline-block;margin-left:4px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,var(--cz-277bdd,#277bdd) 14%,#fff);color:#1f4466;font-size:11px;font-weight:700}
html body .applet-admin-dialog .conn-detail[open] .conn-more{background:var(--cz-277bdd,#277bdd);color:#fff}
html body .applet-admin-dialog .conn-detail ul{margin:4px 0 2px;padding:6px 8px 6px 22px;border-radius:8px;background:#f6f8fb;border:1px solid #e1e7ef;font-size:11.5px;line-height:1.45;color:#2d3e50;white-space:normal;overflow-wrap:anywhere}
/* Sunucu Ayarları › Varsayılan Reset + Sıfırla */
html body .applet-admin-dialog .admin-restore-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html body dialog.applet-admin-dialog.applet-admin-dialog .admin-restore-clear{appearance:none!important;min-height:38px!important;padding:8px 14px!important;border:1px solid #d97706!important;border-radius:10px!important;background:#fff!important;color:#b45309!important;-webkit-text-fill-color:#b45309!important;font-weight:700!important;cursor:pointer;width:auto!important}
html body dialog.applet-admin-dialog.applet-admin-dialog .admin-restore-clear:disabled{opacity:.5!important;cursor:not-allowed}
html body .applet-admin-dialog [data-category=branding] .admin-restore{margin:6px 0 14px}
/* Admin › Session Kontrol */
html body .applet-admin-dialog .admin-session-control .admin-sc-master{margin:4px 0 6px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--cz-277bdd,#277bdd) 35%,#fff);background:color-mix(in srgb,var(--cz-277bdd,#277bdd) 8%,#fff)}
html body .applet-admin-dialog .admin-session-control .admin-sc-master .admin-visibility-row>span{font-weight:700;font-size:14px}
html body .applet-admin-dialog .admin-session-control .admin-sc-row>span>small,html body .applet-admin-dialog .admin-session-control .admin-sc-select>span>small{display:block;margin-top:3px;font-size:11.5px;font-weight:400;line-height:1.4;opacity:.8}
html body .applet-admin-dialog .admin-session-control .admin-sc-row{align-items:flex-start;gap:12px;padding:8px 0}
html body .applet-admin-dialog .admin-session-control .admin-sc-row input{flex:none;margin-top:3px}
html body .applet-admin-dialog .admin-session-control .admin-sc-select{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px;font-weight:600}
html body .applet-admin-dialog .admin-session-control .admin-sc-select select{max-width:320px}
/* Admin › Özel Nickler */
html body .applet-admin-dialog .admin-nickstyle-cat{display:flex;flex-direction:column;gap:6px;margin:10px 0 4px;padding:10px;border-radius:10px;background:color-mix(in srgb,var(--cz-277bdd,#277bdd) 7%,#fff);border:1px solid color-mix(in srgb,var(--cz-277bdd,#277bdd) 22%,#fff)}
html body .applet-admin-dialog .admin-nickstyle-cat>span{font-weight:700}
html body .applet-admin-dialog .admin-nickstyle-cat small{display:block;margin-top:2px;font-weight:400;font-size:11.5px;opacity:.8;line-height:1.4}
html body .applet-admin-dialog .admin-nickstyle-cat select{max-width:320px}
html body .applet-admin-dialog .admin-sn-cat{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:9px;background:var(--cz-277bdd,#277bdd);color:#fff;font-style:normal;font-size:11px;font-weight:700;vertical-align:middle}
html body .applet-admin-dialog .admin-sn-group h3 small{font-weight:400;opacity:.7}
/* Classic kanal yazısı: profil avatarı kapalıyken normal kullanıcı ikonu, nick listesindeki boyutta */
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel.normal-role-message>.message-avatar>.nl-file-icon{width:22px!important;height:22px!important;max-width:none!important;max-height:none!important}
/* Classic (qwebirc): nick listesi butonu (MSN simgesi + kişi sayısı) daha küçük; altında kanal yazı modu dönüşüm butonu */
html.qw-bar.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton{width:27px!important;min-width:27px!important;max-width:27px!important;height:42px!important;min-height:42px!important;padding:3px 2px!important;gap:1px!important;border-radius:14px!important;transform:translateY(calc(-50% - 17px))!important}
html.qw-bar.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton img{flex:0 0 18px!important;width:18px!important;height:18px!important;max-width:18px!important}
html.qw-bar.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton span{font:600 9.5px/12px Arial,sans-serif!important}
#qwIrcToggle{display:none}
html.qw-bar body #app#app #qwIrcToggle:not([hidden]){display:grid!important;place-items:center!important;position:absolute!important;top:calc(50% + 10px)!important;right:3px!important;left:auto!important;z-index:20!important;box-sizing:border-box!important;width:27px!important;height:27px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:1px solid var(--md-cadcd5,#cadcd5)!important;border-radius:50%!important;background:var(--md-e5f3ed,#e5f3ed)!important;color:var(--md-006653,#006653)!important;box-shadow:0 2px 6px #00000016!important;cursor:pointer}
html.qw-bar body #app#app #qwIrcToggle svg{width:15px!important;height:15px!important;display:block!important}
html.qw-bar.qw-members-on body #app#app #qwIrcToggle{right:calc(var(--qwm-w) + 6px)!important}
/* App Admin › Classic › Nick listesi avatar boyutu */
html.qw-bar[data-nlav-classic] body #qwMembers .qwm-row>.qwm-av{zoom:var(--nlav-classic-scale,1)}
/* Classic kanal yazı modu: tek satırlık art arda mesajlarda avatarlar birbirine değmesin (çok hafif boşluk). */
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel{min-height:calc(var(--qwi-av,22px) + 2px)!important;box-sizing:border-box!important}
/* Classic kanal yazı modu: boyutu verilmiş (px) özel nick ikonu satırı aşağı-yukarı taşmaz; komşu avatarlarla ~2 px boşluk kalır. */
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel.ni-sized{padding-top:calc((var(--qwi-av,22px) - var(--qwi-text-size,13px) * 1.32) / 2 + 2px)!important;min-height:calc(var(--qwi-av,22px) + 6px)!important}
/* Classic qwebirc mobil (baloncuk ve klasik yazı modu, tüm temalar): kanal penceresi ve nick listesi ayrı oval kartlar.
   Konu satırı kanal kartının başlığı gibi üstüne oturur; nick listesi temaya uygun açık tonda.
   Tab butonu nick listesinin tam altında ortalı, mesaj satırının 2px üstünde; nick listesi Tab'ın üstünde biter. */
html.modern-demo.qw-bar.qw-members-on:not(.pc-reference) body #app#app#app#app .chat-panel>#modernTopic{margin:0 0 0 6px!important;border:1px solid var(--md-d1e7df,#d1e7df)!important;border-bottom-color:var(--md-e5f3ed,#e5f3ed)!important;border-radius:14px 14px 0 0!important}
html.modern-demo.qw-bar.qw-members-on:not(.pc-reference) body #app#app#app#app .chat-panel>#messages{margin-left:6px!important;margin-top:0!important;border:1px solid var(--md-d1e7df,#d1e7df)!important;border-top:0!important;border-radius:0 0 14px 14px!important}
html.modern-demo.qw-bar.qw-members-on:not(.pc-reference) body #app#app#app#app .chat-panel>#qwMembers{margin-right:6px!important;margin-bottom:28px!important;border:1px solid var(--md-d1e7df,#d1e7df)!important;border-radius:14px!important;background:var(--md-e5f3ed,#e5f3ed)!important}
html.modern-demo.qw-bar.qw-members-on:not(.pc-reference) body #app#app#app#app #nickTabButton{top:auto!important;bottom:calc(100% + 2px)!important;right:calc((var(--qwm-w,118px) + 6px) / 2 - 32px)!important;left:auto!important;z-index:30!important}
/* v131 · Bilgilendirme kartında emoji simgesi (durum tepkisi / yorumu): emoji kendi rengiyle, açık zeminde */
html body #socialToast#socialToast#socialToast.st-card.st-emoji .st-icon{background:color-mix(in srgb,var(--st-accent) 14%,#fff);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--st-accent) 45%,#fff);color:inherit;font:400 17px/1 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){html body #socialToast#socialToast#socialToast.st-card.st-emoji .st-icon{font-size:14px}}
/* v131 · qwebirc classic teması (yalnız mobil classic qwebirc): tema rengi çok açık mavi olduğu için bilgilendirme kartı
   silik kalıyordu. Simge, başlık ve geri sayan çizgi canlı maviyle çizilir. Başarı / hata / seslenme renkleri aynı kalır. */
html[data-chat-background="msn"] body #socialToast#socialToast#socialToast.st-card:not(.command-success):not(.command-error):not(.st-mention){--st-accent:#1769d2!important;box-shadow:0 14px 36px rgba(15,40,80,.28),0 0 0 1px rgba(23,105,210,.22)!important}
html[data-chat-background="msn"] body #socialToast#socialToast#socialToast.st-card .st-timer{height:5px;background:color-mix(in srgb,var(--st-accent) 24%,#fff)}
html[data-chat-background="msn"] body #socialToast#socialToast#socialToast.st-card .st-body p{color:#2b3944}
html[data-chat-background="msn"] body #socialToast#socialToast#socialToast.st-card .st-close{color:#55636d}

/* ===== Güncelleme 145: mobilde özel mesajlar WhatsApp düzeninde =====
   Yalnız mobil ve yalnız özel mesaj (WhatsApp, qwebirc baloncuklu, qwebirc classic). Avatar ve nick yok; kendi mesajın sağda
   (temanın kendi balon rengi), karşınınki solda; saat ve tikler metnin sonunda sağ altta; art arda mesajlarda sivri uç yalnız ilkinde. */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:flex-start!important;gap:0!important;grid-template-columns:none!important;width:auto!important;max-width:none!important;min-height:0!important;margin:7px 0 0!important;padding:0 13px!important;border:0!important;background:none!important;box-shadow:none!important;position:relative!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message.self{justify-content:flex-end!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message.self+.message.self,html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message:not(.self)+.message:not(.self){margin-top:2px!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message>.standard-time,html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message>.message-avatar,html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-body>div:first-child,html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .classic-like{display:none!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-body{display:block!important;position:relative!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:85%!important;margin:0!important;padding:6px 8px 7px 9px!important;border:0!important;border-radius:8px!important;box-shadow:0 1px .5px rgba(11,20,26,.16),0 0 0 .5px rgba(11,20,26,.05)!important;overflow:visible!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message:not(.self) .message-body{border-top-left-radius:0!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message.self .message-body{border-top-right-radius:0!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-body::before{content:""!important;display:block!important;position:absolute!important;top:0!important;bottom:auto!important;width:8px!important;height:12px!important;margin:0!important;border:0!important;border-radius:0!important;background:inherit!important;box-shadow:none!important;opacity:1!important;transform:none!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message:not(.self) .message-body::before{left:-8px!important;right:auto!important;clip-path:polygon(0 0,100% 0,100% 100%)!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message.self .message-body::before{right:-8px!important;left:auto!important;clip-path:polygon(0 0,100% 0,0 100%)!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message.self+.message.self .message-body,html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message:not(.self)+.message:not(.self) .message-body{border-radius:8px!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message.self+.message.self .message-body::before,html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message:not(.self)+.message:not(.self) .message-body::before{display:none!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-content-line{display:block!important;margin:0!important;padding:0!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-content-line::after{content:""!important;display:inline-block!important;width:40px!important;height:1px!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message.self .message-content-line::after{width:60px!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-text{display:inline!important;margin:0!important;padding:0!important;line-height:20px!important;color:#111b21!important;overflow-wrap:anywhere!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-body>.classic-end-time{display:block!important;position:absolute!important;right:8px!important;bottom:4px!important;top:auto!important;left:auto!important;float:none!important;margin:0!important;padding:0!important;font:11px/15px Arial,Helvetica,sans-serif!important;color:#667781!important;white-space:nowrap!important;text-align:right!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message:not(.self) .classic-end-time .message-receipt{display:none!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .classic-end-time .message-receipt{margin-left:3px!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-media:not(:empty),html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message .message-body>.image-message{display:block!important;margin:0 0 17px!important}
 html body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .message.media-only .message-content-line{display:none!important}
 /* WhatsApp görünümü + yeşil (WhatsApp) tema: özel mesaj zemini açık bej, çizgi desenli (özgün çizim, tek küçük SVG). */
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat .chat-panel{background:var(--wa-zemin-renk,#efe9df) url("/images/wa-zemin.webp") center top/min(100%,470px) auto repeat!important;background-blend-mode:multiply!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages{background:transparent!important;box-shadow:none!important}
 /* Güncelleme 146: aynı ekranda durum şeridi, bilgi kartı, mesaj satırı ve Tab düğmesi bej zemine uyar. */
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #modernTopic{background:#f7f3ec!important;border:0!important;border-bottom:1px solid #e4dbcd!important;box-shadow:none!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #modernTopic,html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #modernTopic *{color:#54656f!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .conversation-intro{background:#f7f3ec!important;border:1px solid #e4dbcd!important;box-shadow:0 1px .5px rgba(11,20,26,.1)!important;color:#54656f!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .conversation-intro *{color:#54656f!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages .conversation-intro :is(b,strong,h3,h4,.conversation-intro-title){color:#008069!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat :is(.composer,.composer-row){background:transparent!important;border:0!important;box-shadow:none!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat .message-input-wrap{box-shadow:0 1px .5px rgba(11,20,26,.13)!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #nickTabButton{background:#fff!important;border:1px solid #e4dbcd!important;color:#54656f!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #nickTabButton *{color:#54656f!important}
 /* Güncelleme 147: mesaj satırı 2 px yukarıda; aynı zemin WhatsApp yeşil görünümde kanal ekranında da kullanılır. */
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat .composer{transform:translateY(-2px)!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat .chat-panel{background:var(--wa-zemin-renk,#efe9df) url("/images/wa-zemin.webp") center top/min(100%,470px) auto repeat!important;background-blend-mode:multiply!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #messages#messages#messages{background:transparent!important;box-shadow:none!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat :is(.composer,.composer-row){background:transparent!important;border:0!important;box-shadow:none!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat .message-input-wrap{box-shadow:0 1px .5px rgba(11,20,26,.13)!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #nickTabButton{background:#fff!important;border:1px solid #e4dbcd!important;color:#54656f!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #nickTabButton *{color:#54656f!important}
 /* Güncelleme 149: kanal ekranında konu şeridi, hoş geldiniz kartı ve nick listesi düğmesi de bej zemine uyar. */
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #modernTopic{background:#f7f3ec!important;border:0!important;border-bottom:1px solid #e4dbcd!important;box-shadow:none!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #modernTopic,html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #modernTopic *{color:#54656f!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #messages#messages#messages .conversation-intro{background:#f7f3ec!important;border:1px solid #e4dbcd!important;box-shadow:0 1px .5px rgba(11,20,26,.1)!important;color:#54656f!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #messages#messages#messages .conversation-intro *{color:#54656f!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #mobileMembersButton{background:#f7f3ec!important;border:1px solid #e4dbcd!important;color:#54656f!important;box-shadow:0 1px 2px rgba(11,20,26,.16)!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #mobileMembersButton *{color:#54656f!important}
 /* qwebirc baloncuklu, kanal mesajları: avatar sol kenara dayalı, balon avatara daha yakın. */
 html.qw-bar:not([data-qw-irc]) body #app#app#app#app#app#app#app#app .layout.msn-channel-chat #messages#messages#messages .message.in-channel{margin-left:-7px!important;gap:5px!important;column-gap:5px!important}
}

/* ===== Güncelleme 146: mini düzenleme düğmesi (✎) ve mini panel — yalnız App admininde çizilir ===== */
.sn-edit{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;margin:0 4px 0 0;border-radius:50%;background:rgba(0,0,0,.07);color:#5b6b76!important;-webkit-text-fill-color:#5b6b76;font:normal 400 11px/1 Arial,sans-serif!important;cursor:pointer;vertical-align:middle;user-select:none;-webkit-user-select:none;opacity:.75;text-shadow:none!important}
.sn-edit:hover,.sn-edit:focus-visible{opacity:1;background:rgba(0,0,0,.16);outline:0}
html body #app#app#app .member-group-heading .sn-edit,html body #app#app#app .qwm-cat .sn-edit{margin:0 0 0 6px!important}
html body #app#app#app#app :is(.member-group-heading,.qwm-cat,.member-row,.qwm-row,.message) .sn-edit{flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.08)!important;font-size:11px!important;line-height:1!important;overflow:visible!important;text-overflow:clip!important;box-shadow:none!important;position:static!important}
dialog.sn-mini-dialog{width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:14px;background:#fff;color:#1c2b33;box-shadow:0 18px 48px rgba(0,0,0,.3);font:14px/1.35 Arial,Helvetica,sans-serif;overflow:auto}
dialog.sn-mini-dialog::backdrop{background:rgba(10,20,30,.45)}
.sn-mini-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--sn-accent,#008069);color:#fff;position:sticky;top:0;z-index:1}
.sn-mini-dialog header b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.sn-mini-dialog header small{display:block;font-size:11.5px;opacity:.9}
.sn-mini-dialog header button{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.sn-mini-form{padding:10px 12px 4px;margin:0}
.sn-mini-form h5,.sn-mini-listhead{margin:10px 0 6px;font-size:12.5px;color:#54656f;font-weight:700}
.sn-mini-form h5:first-child{margin-top:0}
.sn-mini-form h5 small{font-weight:400}
.sn-mini-listhead{padding:0 12px}
.sn-mini-preview{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 0 10px;padding:6px;border-radius:10px;background:#f3f5f6;overflow:hidden}
.sn-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sn-mini-grid label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11.5px;color:#54656f}
.sn-mini-grid select,.sn-mini-grid input[type=color]{width:100%;height:34px;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#1c2b33;font:13px Arial,sans-serif;padding:0 6px}
.sn-mini-grid input[type=color]{padding:2px}
.sn-mini-note{margin:8px 0 0;font-size:11.5px;color:#667781}
.sn-mini-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 0 8px}
.sn-mini-actions button{height:34px;padding:0 16px;border-radius:17px;border:1px solid #cfd8dc;background:#fff;color:#1c2b33;font:600 13px Arial,sans-serif;cursor:pointer}
.sn-mini-actions button[type=submit]{border-color:transparent;background:var(--sn-accent,#008069);color:#fff}
.sn-mini-actions button:disabled{opacity:.6}
.sn-mini-nicks{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 14px}
.sn-mini-nicks p{margin:0;font-size:12px;color:#667781}
.sn-mini-nicks button{height:30px;padding:0 10px;border:1px solid #cfd8dc;border-radius:15px;background:#f7f9fa;color:#1c2b33;font:600 12.5px Arial,sans-serif;cursor:pointer}
.sn-mini-nicks button i{font-style:normal;color:#667781}
.sn-mini-grid input[name=badge]{width:100%;height:34px;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#1c2b33;font:13px Arial,sans-serif;padding:0 8px}
.sn-mini-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:12.5px!important;color:#1c2b33!important;min-height:30px}
.sn-mini-check input{width:18px;height:18px;flex:none;margin:0}
.sn-mini-checks{display:flex;flex-direction:column;gap:2px;margin:0 0 8px}
/* Görünüm düğmesi: PC ve WhatsApp mobilde kanal ekranının sol üstünde; classic'te üst kanalların altındaki kutu. */
#snViewEdit{position:absolute;z-index:6;left:10px;bottom:calc(100% + 8px);width:30px;height:30px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:rgba(255,255,255,.92);color:#54656f;font:400 14px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.18);display:none}
.layout.msn-channel-chat #snViewEdit{display:block}
html.qw-bar #snViewEdit{display:none!important}
html.modern-demo.md-channels-top body #app#app#app #mdChannelChips .sn-view-edit{font-size:13px!important;line-height:24px!important;color:#54656f!important}
.sn-mini-icons{display:flex;flex-wrap:wrap;gap:5px;max-height:132px;overflow:auto;padding:6px;border:1px solid #e3e8eb;border-radius:10px;background:#f7f9fa}
.sn-mini-icons button{width:34px;height:34px;padding:5px;border:1px solid transparent;border-radius:8px;background:#fff;cursor:pointer;display:grid;place-items:center}
.sn-mini-icons button svg{width:22px;height:22px}
.sn-mini-icons .sn-mini-icon-def{width:auto;padding:0 10px;font:600 12px Arial,sans-serif;color:#1c2b33}
.sn-mini-icons button[aria-pressed="true"]{border-color:var(--sn-accent,#008069);box-shadow:0 0 0 2px color-mix(in srgb,var(--sn-accent,#008069) 30%,transparent)}
.sn-mini-new{float:right;height:26px;padding:0 10px;border:0;border-radius:13px;background:var(--sn-accent,#008069);color:#fff;font:600 12px Arial,sans-serif;cursor:pointer}
.sn-mini-grid .sn-mini-span2{grid-column:1/-1}
.sn-mini-grid input[name=nick]{width:100%;height:34px;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#1c2b33;font:13px Arial,sans-serif;padding:0 8px}

/* ===== Güncelleme 150 ===== */
/* ✎ boyutu: WhatsApp mobilde nick listesi uygulama kutusunun dışında (çekmece) çizildiği için kural oraya da uzatıldı. */
html body :is(#app,#mobileDrawer,#socialDialog,#userCard) :is(.member-group-heading,.qwm-cat,.member-row,.qwm-row,.message) .sn-edit.sn-edit.sn-edit{flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.08)!important;font-size:11px!important;line-height:1!important;overflow:visible!important;text-overflow:clip!important;box-shadow:none!important;position:static!important;display:inline-flex!important}
html body :is(#app,#mobileDrawer) :is(.member-group-heading,.qwm-cat) .sn-edit.sn-edit.sn-edit{margin:0 0 0 6px!important}
/* Medya düğmelerindeki ✎ ve "herkese gizli" çizgisi (yalnız admin). */
html body .sn-media-host.sn-media-host{position:relative!important;overflow:visible!important}
html body .sn-media-host>.sn-media-edit.sn-media-edit.sn-media-edit{position:absolute!important;top:-5px!important;right:-5px!important;left:auto!important;bottom:auto!important;z-index:3!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#fff!important;color:#54656f!important;-webkit-text-fill-color:#54656f!important;font:400 10px/1 Arial,sans-serif!important;box-shadow:0 0 0 1px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.25)!important;opacity:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transform:none!important}
html body .sn-media-host>.sn-off-line{position:absolute!important;left:8%!important;right:8%!important;top:50%!important;height:2px!important;margin-top:-1px!important;border-radius:2px!important;background:#e53935!important;box-shadow:0 0 0 1px rgba(255,255,255,.7)!important;pointer-events:none!important;z-index:2!important;display:block!important;width:auto!important}
/* Üst kanallar (classic): okunmamış ve seçili kanal renkleri (görünüm panelinden). */
html.modern-demo.md-channels-top[data-nlq-unread] body #app#app#app#app #mdChannelChips :is(.md-chip.unread .md-chip-name,.md-chip-name.channel-unread){color:var(--nlq-unread)!important}
html.modern-demo.md-channels-top[data-nlq-active] body #app#app#app#app#app #mdChannelChips :is(.md-chip.selected .md-chip-name,.md-chip-name[aria-current="page"]){color:var(--nlq-active)!important}
/* Arkadaş ekle gizliyse (admin hariç) ekleme düğmeleri görünmez; arkadaşlıktan çıkarma düğmesi kalır. */
html[data-ui-friend-add="false"] body :is(#pcFriendAdd:not(.added),#userAddFriend,.friend-button[data-social-friend]:not(.added)){display:none!important}
.sn-mini-nickicons button{font:600 11px Arial,sans-serif;color:#54656f}
.sn-mini-nickicons img{width:26px;height:26px;object-fit:contain}
/* Güncelleme 151: görünüm panelinde "Kanal sıralaması" alt bölümü. */
.sn-mini-sub{margin:12px 0 0;border:1px solid #e3e8eb;border-radius:10px;background:#f7f9fa;padding:0 10px}
.sn-mini-sub>summary{padding:9px 0;font:700 12.5px Arial,sans-serif;color:#54656f;cursor:pointer}
.sn-mini-sub[open]{padding-bottom:10px}
.sn-mini-chrow{display:flex;align-items:center;gap:6px;padding:4px 0;border-top:1px solid #e9eef0}
.sn-mini-chrow b{width:18px;font:700 11px Arial,sans-serif;color:#8696a0;text-align:right}
.sn-mini-chrow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px Arial,sans-serif;color:#1c2b33}
.sn-mini-chrow button,.sn-mini-chadd button{flex:none;width:30px;height:30px;padding:0;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#1c2b33;font:600 14px Arial,sans-serif;cursor:pointer}
.sn-mini-chrow button:disabled{opacity:.35}
.sn-mini-chadd{display:flex;gap:6px;margin-top:8px}
.sn-mini-chadd input{flex:1;min-width:0;height:32px;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:8px;padding:0 8px;font:13px Arial,sans-serif;background:#fff;color:#1c2b33}
.sn-mini-chadd button{width:auto;padding:0 12px;font-size:12.5px}
/* Güncelleme 151: mesaj satırındaki "odayı yazışmaya kapat" kilidi (yalnız admin, yalnız kanalda). */
#snRoomLock{position:absolute;z-index:6;left:46px;bottom:calc(100% + 8px);width:30px;height:30px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:rgba(255,255,255,.92);font:400 14px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.18);display:none}
.layout.msn-channel-chat #snRoomLock{display:block}
html.qw-bar #snRoomLock{left:10px}
#snRoomLock[data-closed="true"]{background:#ffe3e0;border-color:#e53935}

/* ===== Güncelleme 152 ===== */
/* Whois kartındaki "Özel nick ekle / düzenle" düğmesi. */
.whois-sn [data-sn-whois]{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border:0;border-radius:17px;background:var(--op-accent,#008069);color:#fff;font:600 13px Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.whois-sn [data-sn-whois]::before{content:"✎";font-size:13px}
.whois-sn [data-sn-whois]:hover{filter:brightness(1.08)}
/* Mobilde mini pencereler bir kademe küçük. */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 dialog.sn-mini-dialog{width:min(330px,calc(100vw - 32px));font-size:12.5px;border-radius:12px}
 .sn-mini-dialog header{padding:7px 10px}.sn-mini-dialog header b{font-size:13.5px}.sn-mini-dialog header small{font-size:10.5px}.sn-mini-dialog header button{width:26px;height:26px;font-size:17px}
 .sn-mini-form{padding:8px 10px 2px}.sn-mini-form h5,.sn-mini-listhead{margin:8px 0 4px;font-size:11.5px}
 .sn-mini-grid{gap:6px}.sn-mini-grid label{font-size:10.5px;gap:2px}
 .sn-mini-grid select,.sn-mini-grid input[type=color],.sn-mini-grid input[name=badge],.sn-mini-grid input[name=nick]{height:29px;font-size:12px;border-radius:7px}
 .sn-mini-check{font-size:11.5px!important;min-height:25px}.sn-mini-check input{width:16px;height:16px}
 .sn-mini-note{font-size:10.5px;margin-top:6px}.sn-mini-preview{min-height:36px;margin-bottom:8px}
 .sn-mini-actions{margin:9px 0 7px}.sn-mini-actions button{height:30px;padding:0 13px;font-size:12px}
 .sn-mini-icons{max-height:108px;gap:4px;padding:5px}.sn-mini-icons button{width:29px;height:29px;padding:4px}.sn-mini-icons button svg{width:19px;height:19px}
 .sn-mini-nicks{padding:0 10px 10px}.sn-mini-nicks button{height:26px;font-size:11.5px}
 .sn-mini-sub>summary{padding:7px 0;font-size:11.5px}.sn-mini-chrow span{font-size:12px}.sn-mini-chrow button,.sn-mini-chadd button{width:26px;height:26px;font-size:12.5px}.sn-mini-chadd input{height:28px;font-size:12px}.sn-mini-chadd button{width:auto}
 /* WhatsApp yeşil görünüm: kaydırma çubuğu, ataş menüsü ve özel mesajdaki durum şeridi bej tonlarda. */
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) #messages#messages#messages{scrollbar-color:#cdbfa8 #efe9df!important;scrollbar-width:thin!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) #messages#messages#messages::-webkit-scrollbar{width:6px!important;background:#efe9df!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) #messages#messages#messages::-webkit-scrollbar-track{background:#efe9df!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) #messages#messages#messages::-webkit-scrollbar-thumb{background:#cdbfa8!important;border-radius:3px!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) .desktop-composer-toolbar{background:#f7f3ec!important;border:1px solid #e4dbcd!important;box-shadow:0 2px 8px rgba(11,20,26,.14)!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) .desktop-composer-toolbar :is(select,button,input){border-color:#e4dbcd!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) .desktop-composer-toolbar :is(select,.composer-small-button){background-color:#fff!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat #modernTopic{background:#f7f3ec!important;border-bottom:1px solid #e4dbcd!important}
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app#app#app#app#app .layout.private-chat .channel-head-toggle{background-color:transparent!important;color:#54656f!important}
}

/* ===== Güncelleme 153: Bekleyen değişiklikler düğmesi ve penceresi (yalnız admin) ===== */
#snPendingBtn{position:fixed;z-index:40;left:10px;bottom:106px;width:34px;height:34px;padding:0;border:1px solid rgba(0,0,0,.14);border-radius:50%;background:rgba(255,255,255,.94);color:#8696a0;font:700 17px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2);display:grid;place-items:center}
#snPendingBtn.is-empty{opacity:.5;box-shadow:none}
#snPendingBtn.is-preview{background:#37474f!important;border-color:#263238!important;color:#fff!important}
#snPendingBtn:not(.is-empty){background:#ff9800;border-color:#e68900;color:#fff;animation:snPendPulse 1.8s ease-in-out infinite}
#snPendingBtn b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#e53935;color:#fff;font:700 10.5px/17px Arial,sans-serif;text-align:center}
@keyframes snPendPulse{0%,100%{box-shadow:0 1px 4px rgba(0,0,0,.2)}50%{box-shadow:0 0 0 5px rgba(255,152,0,.28)}}
@media(prefers-reduced-motion:reduce){#snPendingBtn:not(.is-empty){animation:none}}
dialog.sn-pend-dialog{width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:12px;background:#fff;color:#1c2b33;box-shadow:0 18px 48px rgba(0,0,0,.3);font:11.5px/1.35 Arial,Helvetica,sans-serif;overflow:hidden;display:none;flex-direction:column}
dialog.sn-pend-dialog[open]{display:flex}
dialog.sn-pend-dialog::backdrop{background:rgba(10,20,30,.45)}
.sn-pend-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#37474f;color:#fff}
.sn-pend-head b{display:block;font-size:12.5px}.sn-pend-head small{display:block;font-size:10.5px;opacity:.85}
.sn-pend-head button{flex:none;width:24px;height:24px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:16px;line-height:1;cursor:pointer}
.sn-pend-list{overflow:auto;min-height:44px;max-height:46vh;padding:2px 0;font-family:ui-monospace,Consolas,"Courier New",monospace;font-size:11px}
.sn-pend-list p{margin:12px;color:#667781;font-family:Arial,sans-serif}
.sn-pend-row{display:flex;align-items:flex-start;gap:6px;padding:5px 8px;border-bottom:1px solid #eef1f3}
.sn-pend-row:nth-child(odd){background:#f8fafb}
.sn-pend-row b{flex:none;width:16px;color:#8696a0;text-align:right;font-weight:400}
.sn-pend-row span{flex:1;min-width:0;overflow-wrap:anywhere}
.sn-pend-row em{display:block;color:#c62828;font-style:normal}
.sn-pend-row.has-error{background:#fff1f0}
.sn-pend-row button{flex:none;width:20px;height:20px;padding:0;border:1px solid #d5dde1;border-radius:5px;background:#fff;color:#c62828;font:700 12px/1 Arial,sans-serif;cursor:pointer}
.sn-pend-note{margin:0;padding:6px 10px;border-top:1px solid #eef1f3;color:#667781;font-size:10.5px}
dialog.sn-pend-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 10px;border-top:1px solid #eef1f3;background:#f7f9fa}
dialog.sn-pend-dialog footer button{height:28px;padding:0 12px;border-radius:14px;border:1px solid #cfd8dc;background:#fff;color:#1c2b33;font:600 11.5px Arial,sans-serif;cursor:pointer}
dialog.sn-pend-dialog footer [data-sn-pend-publish]{border-color:transparent;background:#2e7d32;color:#fff}
dialog.sn-pend-dialog footer button:disabled{opacity:.5;cursor:default}

/* ===== Güncelleme 154: sağ üst menüde satır sıralama / gizleme (yalnız admin) ve marka düzenleme ===== */
#modernNavigationMenu button[data-nav-key]{position:relative}
#modernNavigationMenu .md-nav-edit{margin-left:auto;display:inline-flex;gap:4px;padding-left:8px;flex:none}
#modernNavigationMenu .md-nav-edit i{display:inline-grid!important;place-items:center;flex:0 0 24px!important;width:24px!important;min-width:24px!important;height:24px!important;border-radius:6px;background:rgba(0,0,0,.07);color:#37474f;font:700 13px/1 Arial,sans-serif;font-style:normal;cursor:pointer}
#modernNavigationMenu .md-nav-edit i:active{background:rgba(0,0,0,.18)}
#modernNavigationMenu button.md-nav-off{opacity:.85}
#modernNavigationMenu button.md-nav-off::after{content:"";position:absolute;left:10px;right:96px;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:#e53935;pointer-events:none}
.sn-mini-grid :is(input[name=name],input[name=slogan]){width:100%;height:34px;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#1c2b33;font:13px Arial,sans-serif;padding:0 8px}

/* ===== Güncelleme 155 ===== */
/* "Görünüme göre" ikon boyutu yalnız nick listesinde ve kanal mesajı avatarında uygulanır; özel sohbet başlığı, listeler ve kartlarda ikon bulunduğu yerin boyutunu alır. */
html body :is(.member-row,.qwm-row) img.nick-icon-img[data-ni-auto],html body #messages .message.in-channel>.message-avatar img.nick-icon-img[data-ni-auto]{width:var(--ni-auto)!important;height:var(--ni-auto)!important;min-width:var(--ni-auto)!important;min-height:var(--ni-auto)!important;max-width:none!important;max-height:none!important;flex:none!important;object-fit:contain!important}
/* Düzenle düğmeleri gizliyken (önizleme) hiçbiri çizilmez. */
html.sn-edit-off :is(.sn-edit,#snViewEdit,#snRoomLock,.sn-view-edit,.md-nav-edit,.sn-off-line,.sn-status-edit){display:none!important}
.sn-pend-edit{margin-right:auto}
.sn-status-edit{display:inline-flex;align-items:center;height:28px;margin:8px 10px 4px;padding:0 12px;border:1px solid rgba(0,0,0,.14);border-radius:14px;background:#fff;color:#37474f;font:600 12px Arial,sans-serif;cursor:pointer}
/* Menü düzenleme düğmeleri: satırın sağına sabitlenir (dar menüde kesilmesin), taşınan satır kısa süre vurgulanır. */
html body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu button.md-nav-editing{position:relative!important;padding-right:96px!important;min-width:250px!important;overflow:visible!important}
html body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu button.md-nav-editing>span.md-nav-edit{position:absolute!important;left:auto!important;bottom:auto!important;width:auto!important;height:auto!important;background:none!important;border:0!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;display:inline-flex!important;gap:4px!important}
#modernNavigationMenu button.md-nav-off::after{right:100px}
#modernNavigationMenu button.md-nav-flash{animation:snNavFlash 1.1s ease-out 1}
@keyframes snNavFlash{0%{background:#ffe082}60%{background:#fff3c4}100%{background:transparent}}
/* Tam rozet (yıldız + yazı) listelerde ve başlıkta taşmasın. */
:is([data-mobile-private],#modernIdentity,.status-update-row,#referencePrivateHeader) .nick-special-badge-row{margin:1px 0 2px!important;justify-content:flex-start!important}
:is([data-mobile-private],#modernIdentity,.status-update-row,#referencePrivateHeader,#messages) .nick-special-badge{padding:1px 8px 1px 6px!important;font-size:10.5px!important;gap:5px!important}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){.whois-sn [data-sn-whois]{height:28px;padding:0 12px;font-size:11.5px}.whois-sn [data-sn-whois]::before{font-size:11px}}
#snPendingBtn.in-composer{position:absolute;left:82px;bottom:calc(100% + 6px);z-index:6}
html.qw-bar #snPendingBtn.in-composer{left:46px}
.layout:not(.msn-channel-chat) #snPendingBtn.in-composer{left:10px}
/* Mobil başlıkta rozet nickin yanında (tek satır), "Çevrimiçi" yazısının üstüne binmez. */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 #modernIdentity:has(.nick-special-badge-row){display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:6px!important;align-items:center!important}
 #modernIdentity:has(.nick-special-badge-row)>small{grid-column:1/-1!important}
 #modernIdentity .nick-special-badge-row{margin:0!important}
}
img.nick-icon-img[data-ni-auto]{object-fit:contain!important}

/* ===== Güncelleme 156 ===== */
/* Menü düzenleme: oklar satırın DIŞINDA ayrı kutuda (satırın işlevini tetiklemez). */
#modernNavigationMenu .md-nav-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
#modernNavigationMenu .md-nav-row>.md-nav-sub{grid-column:1/-1;grid-row:2}
#modernNavigationMenu .md-nav-row>.md-nav-edit{grid-column:2;grid-row:1;display:inline-flex;gap:4px;padding:0 8px 0 4px;position:static;transform:none}
#modernNavigationMenu .md-nav-row>.md-nav-edit>button,#modernNavigationMenu .md-nav-row>.md-nav-edit>span{display:inline-grid!important;place-items:center!important;flex:0 0 26px!important;width:26px!important;min-width:26px!important;height:26px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:rgba(0,0,0,.07)!important;color:#37474f!important;font:700 13px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer}
#modernNavigationMenu .md-nav-row>.md-nav-edit>span{background:none!important;cursor:default}
html body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu .md-nav-row>button.md-nav-editing{padding-right:8px!important;min-width:170px!important}
#modernNavigationMenu .md-nav-row>button.md-nav-off::after{right:10px}
#modernNavigationMenu .md-nav-row:has(>button.md-nav-flash){animation:snNavFlash 1.1s ease-out 1}
#modernNavigationMenu button.md-nav-editmode{font-weight:700}
#modernNavigationMenu button.md-nav-editmode::after{content:"Kapalı";margin-left:auto;padding:2px 8px;border-radius:10px;background:rgba(0,0,0,.1);font:700 10.5px/1.4 Arial,sans-serif;color:#54656f}
#modernNavigationMenu button.md-nav-editmode[aria-checked="true"]::after{content:"Açık";background:#2e7d32;color:#fff}
/* Bekleyen değişiklikler düğmesi mobilde sağda, nick listesi (MSN) düğmesinin üstünde. */
#snPendingBtn.on-right{left:auto;right:8px;bottom:150px}
/* Logo ✎'si logonun üstünde. */
html body .titlebar .brand.sn-media-host>.sn-media-edit.sn-media-edit.sn-media-edit{left:20px!important;right:auto!important;top:-4px!important}
.sn-mini-grid input[type=url]{width:100%;height:34px;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#1c2b33;font:13px Arial,sans-serif;padding:0 8px}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 /* WhatsApp yeşil görünüm: yukarı / aşağı kaydırma düğmeleri bej. */
 html[data-mobile-layout="default"][data-chat-background="whatsapp"] body #app#app#app#app :is(.scroll-jump-button,.scroll-bottom-button,.scroll-top-button){background:#f7f3ec!important;color:#54656f!important;border:1px solid #d9cdb9!important;box-shadow:0 1px 3px rgba(11,20,26,.18)!important}
 /* Düzenle ve sil düğmeleri de varken tepki penceresi ekrana sığsın. */
 #messages .reaction-menu.rx-extra .message-reactions{gap:1px!important}
 #messages .reaction-menu.rx-extra .message-reactions button{flex-basis:27px!important;width:27px!important;min-width:27px!important;font-size:20px!important;padding:2px!important}
}

/* Güncelleme 156: qwebirc classic yazı modunda kanal mesajları ✎ düğmesi + saat gizle/göster */
html.qw-bar[data-qw-irc] .layout.msn-channel-chat #snViewEdit{display:block!important}
html.qw-bar[data-qw-irc] #snRoomLock{left:46px}
html.sn-edit-off.qw-bar[data-qw-irc] .layout.msn-channel-chat #snViewEdit{display:none!important}
html.qw-bar[data-qw-irc][data-qwi-time-off] body #app#app#app#app#app#app #messages#messages .message.in-channel .classic-end-time{display:none!important}

/* ===== Güncelleme 158 ===== */
/* Özel mesaj yazısı (admin varsayılanı) app.js içindeki #pmTextCss ile uygulanır. */
/* Mobil özel sohbet: tepki rozeti balonun altında durur ve sonraki mesajı aşağı iter (üstüne binmez). */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html:not(.pc-reference) body #app#app#app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages#messages .message.has-message-reactions{margin-bottom:26px!important}
 /* Özel sohbette sesli mesaj kartı ince: saat ve tikler süre satırında. */
 html:not(.pc-reference) body #app#app#app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages#messages .message.is-voice .message-media:not(:empty){margin:0!important}
 html:not(.pc-reference) body #app#app#app#app#app#app#app#app#app#app .layout.private-chat #messages#messages#messages#messages .message.is-voice .message-body{padding:5px 8px 4px 8px!important}
 /* qwebirc classic yazı modu: özel sohbette gelen mesaj kartı beyaz. */
 html.qw-bar[data-qw-irc] body #app#app#app#app#app#app#app .layout.private-chat #messages#messages .message:not(.self) .message-body{background:#fff!important;background-color:#fff!important}
}
/* Basılı tutma menüsü: yalnız düzenle / sil. */
#messages .reaction-menu.rx-hold :is([data-react-id],.reaction-share){display:none!important}
#messages .reaction-menu.rx-hold .message-reactions{gap:6px!important}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){#messages .message .message-body{-webkit-touch-callout:none}}
/* Sesli mesaj: dalga çizgisi (nokta + çubuk deseni), çalarken soldan sağa renklenir. */
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave{display:flex!important;align-items:center!important;gap:2px!important;background:none!important;background-image:none!important;height:20px!important}
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave i{display:block!important;flex:1 1 0!important;min-width:2px!important;max-width:3px!important;min-height:3px!important;border-radius:2px!important;background:#9aa7ae!important;opacity:1!important}
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave i.played{background:var(--md-00866c,#00866c)!important}
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave::before{display:none!important}
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave::after{width:11px!important;height:11px!important}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 /* Mobil: sesli mesaj kartı ince; saat ve tikler süreyle aynı satırda, gönderendeki X küçük ve kartın sonunda. */
 html:not(.pc-reference) body #app#app#app#app#app#app#app #messages#messages#messages .message.is-voice .message-body{padding-bottom:3px!important;min-height:0!important}
 html:not(.pc-reference) body #app#app#app#app#app#app#app #messages#messages#messages .message.is-voice .message-body>.classic-end-time{bottom:4px!important;top:auto!important}
 html:not(.pc-reference) body #app#app#app#app#app#app#app #messages#messages#messages .message.is-voice .moderated-media>.admin-media-delete{top:-2px!important;right:-2px!important;left:auto!important;width:17px!important;height:17px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(84,101,111,.14)!important;color:#54656f!important;font:400 13px/17px Arial,sans-serif!important;box-shadow:none!important;display:block!important;text-align:center!important}
 html:not(.pc-reference) body #app#app#app#app#app#app#app #messages#messages#messages .message.is-voice .voice-player .voice-wave{margin-top:3px!important}
}
/* Mobil mesaj satırı: emoji · Mesaj · ataş · [⇄ Tab] · mikrofon. Tab artık mesaj kutusunun içinde hap düğme. */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#nickTabButton{position:static!important;inset:auto!important;order:10!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;align-self:center!important;width:auto!important;min-width:0!important;height:28px!important;min-height:0!important;margin:0 3px 0 2px!important;padding:0 9px!important;border:1px solid #e3e6e8!important;border-radius:999px!important;background:#f3f5f6!important;color:#54656f!important;box-shadow:none!important;transform:none!important;z-index:auto!important;overflow:visible!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#nickTabButton[hidden]{display:none!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#nickTabButton>:not(.md-tab-caption):not(.sn-edit){display:none!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#nickTabButton::before,html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#nickTabButton::after{content:none!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#nickTabButton>.md-tab-caption{display:inline-flex!important;align-items:center!important;gap:4px!important;position:static!important;font-size:0!important;line-height:1!important;color:#54656f!important;white-space:nowrap!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#nickTabButton>.md-tab-caption::before{content:"⇄"!important;font:400 15px/1 Arial,sans-serif!important;color:#54656f!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#nickTabButton>.md-tab-caption::after{content:"Tab"!important;font:400 13px/1 Arial,sans-serif!important;color:#54656f!important}
 /* Ataş, Tab'ın solunda. Telefon klavyesi açıkken ya da yazı varken ataş gizlenir (eskiden resim düğmesi gizleniyordu). */
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#modernAttach{order:9!important}
 html.modern-demo.chat-keyboard-open:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .message-input-wrap>#modernAttach,html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .composer-row.md-has-text .message-input-wrap>#modernAttach{display:none!important}
 /* Resim gönder ataş tepsisinde, süpürgenin sağında. */
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton:not([hidden]){display:inline-flex!important;order:0!important;position:static!important}
 html[data-ui-images="false"]:not(.pc-reference) body #app#app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton{display:none!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton{font-size:0!important;width:34px!important;min-width:34px!important;flex:0 0 34px!important;height:34px!important;padding:0!important;align-items:center!important;justify-content:center!important;color:#54656f!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton>:not(.md-control-icon):not(.sn-edit){display:none!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton{background:#fff!important;background-image:none!important;border:1px solid #d9dee1!important;border-radius:8px!important;opacity:1!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton>.md-control-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;color:#54656f!important;opacity:1!important;visibility:visible!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton>.md-control-icon svg{display:block!important;width:22px!important;height:22px!important;stroke:#54656f!important;fill:none!important}
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton::before,html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app#app#app#app .desktop-composer-toolbar>#imageButton::after{content:none!important}
 /* Tepsi oku: ataşın üstünde, tepsiyle aynı renkte (ayrık beyaz baklava görünmez). */
 html.modern-demo:not(.pc-reference) body #app#app#app#app#app#app.md-tools-open .desktop-composer-toolbar::after{right:var(--md-tail-right,13px)!important;background:inherit!important;background-image:none!important;border-color:inherit!important;box-shadow:none!important}
 /* qwebirc: nick listesinin altındaki Tab kalktı; nick listesi kartı kanal kartıyla aynı hizada biter. */
 html.modern-demo.qw-bar.qw-members-on:not(.pc-reference) body #app#app#app#app#app .chat-panel>#qwMembers{margin-bottom:0!important}
}

/* ===== Güncelleme 162 ===== */
.sn-ch-edit{display:inline-flex!important;align-items:center;gap:4px;margin-left:6px;vertical-align:middle}
:is(#app,#mobileSection,#mobileDrawer) .sn-ch-edit .sn-edit{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 22px;width:22px!important;height:22px!important;min-width:0!important;margin:0!important;padding:0!important;font:400 13px/1 Arial,sans-serif!important;border-radius:50%!important}
.sn-ch-edit .sn-ch-arrow.is-off{opacity:.3!important;pointer-events:none}
.sn-ch-edit .sn-ch-init.is-on{background:#ffb300!important;color:#fff!important;border-color:#f59f00!important}
html.sn-edit-off .sn-ch-edit{display:none!important}
#messages .sn-pinfo-edit,#messages .sn-ann-edit{display:inline-flex!important;align-items:center;justify-content:center;position:static!important;width:20px!important;height:20px!important;margin:0 0 0 6px!important;padding:0!important;font:400 12px/1 Arial,sans-serif!important;border-radius:50%!important;vertical-align:middle;cursor:pointer}
.sn-mini-chicons button img{display:block;width:34px;height:34px;border-radius:50%;object-fit:cover}
.sn-mini-chicons button[aria-pressed="true"]{outline:2px solid #1565c0;outline-offset:1px}
.sn-mini-ann details{border:0!important;padding:0!important;margin:0!important}
.sn-mini-ann form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sn-mini-ann form>:is(h4,p,div.admin-nl-icons,.admin-nl-actions,.admin-ann-preview,.admin-nl-wide){grid-column:1/-1;margin:4px 0 0}
.sn-mini-ann form label,.sn-mini-ann form .admin-nl-field{display:flex;flex-direction:column;gap:2px;font:400 12px/1.2 Arial,sans-serif}
.sn-mini-ann form select{width:100%;min-height:30px}
.sn-mini-ann .admin-nl-icons{display:flex;gap:6px;flex-wrap:wrap}
.sn-mini-ann .admin-nl-icons button{width:34px;height:34px;padding:5px;border:1px solid #d0d7de;border-radius:8px;background:#fff;cursor:pointer}
.sn-mini-ann .admin-nl-icons button[aria-pressed="true"]{outline:2px solid #1565c0}
.sn-mini-ann .admin-nl-icons svg{width:100%;height:100%}
.sn-mini-ann .admin-ann-preview{padding:6px 8px;border:1px solid #e3e6e8;border-radius:8px}
.sn-mini-ann .admin-ann-ico svg{width:14px;height:14px;vertical-align:-2px;margin-right:3px}
.sn-mini-ann{padding:10px 12px 12px}
.sn-mini-ann form h4{font:700 12px/1.3 Arial,sans-serif;margin:8px 0 0}
.sn-mini-ann form button[type=submit],.sn-mini-ann form [data-ann-reset]{min-height:32px;padding:0 14px;border-radius:999px;border:1px solid #cfd6db;background:#fff;font:700 13px/1 Arial,sans-serif;cursor:pointer}
.sn-mini-ann form button[type=submit]{background:#1565c0;border-color:#1565c0;color:#fff}
.sn-mini-ann form input[type=color]{width:100%;height:30px;padding:0;border:1px solid #cfd6db;border-radius:6px}
/* PC: kanal sütunu dar; düzenleme düğmeleri kanal adının altında ayrı satırda durur. */
html.pc-reference body .md-channel-list .md-channel[data-mobile-channel]>span>b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html.pc-reference body .md-channel-list .sn-ch-edit{display:flex!important;margin:3px 0 1px!important;gap:3px}
html.pc-reference body :is(#app,#mobileSection) .sn-ch-edit .sn-edit{flex:0 0 18px;width:18px!important;height:18px!important;font-size:11px!important}
/* Duyuru satırındaki ✎ satırı uzatmasın: sağ üst köşede durur. */
#messages .admin-announcement-message{position:relative}
#messages .admin-announcement-message>.sn-ann-edit{position:absolute!important;top:4px;right:4px;margin:0!important}

/* ===== Güncelleme 164: mobil ☰ menü — sade liste (WhatsApp menüsü gibi), satırlar sık, NickServ oklu ===== */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu:not([hidden]){min-width:210px!important;padding:6px 0!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 14px rgba(11,20,26,.26),0 0 0 .5px rgba(11,20,26,.08)!important;max-height:calc(100dvh - 80px)!important;overflow-y:auto!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu button{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:9px 18px 9px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#111b21!important;font:400 15.5px/1.25 Arial,Helvetica,sans-serif!important;text-align:left!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu button:active{background:#f0f2f5!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu button:last-child{border-top:0!important;margin-top:0!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu button>span:first-child{flex:0 0 20px!important;width:20px!important;font-size:17px!important;line-height:1!important;text-align:center!important;color:#54656f!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu button>span.md-nav-svg svg{width:19px!important;height:19px!important}
 /* NickServ: sağda ok. */
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu .md-nav-sub-head::after{content:""!important;flex:none!important;width:0!important;height:0!important;margin-left:auto!important;padding:0!important;background:none!important;border-style:solid!important;border-width:5px 0 5px 7px!important;border-color:transparent transparent transparent #54656f!important;opacity:1!important;transform:none!important}
 /* NickServ görünümü: ana satırlar gizlenir, yalnız NickServ seçenekleri kalır. */
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu.md-nav-subview>:not(.md-nav-sub):not(.md-nav-subhost){display:none!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu.md-nav-subview>.md-nav-subhost{display:block!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu.md-nav-subview>.md-nav-subhost>:not(.md-nav-sub){display:none!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu .md-nav-sub:not([hidden]){display:flex!important;flex-direction:column!important;margin:0!important;border:0!important;padding:0!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu .md-nav-sub>button{font-size:15.5px!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu .md-nav-sub>button.md-nav-back{font-weight:700!important;border-bottom:1px solid #eef0f2!important;margin-bottom:2px!important;padding-top:10px!important;padding-bottom:10px!important}
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu .md-nav-sub>button.md-nav-back>span:first-child{font-size:24px!important;line-height:.8!important;color:#111b21!important}
 /* Düzenleme modu: satır kutusu aynı sıklıkta. */
 html.modern-demo:not(.pc-reference) body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu#modernNavigationMenu .md-nav-row>button.md-nav-editing{min-width:150px!important;padding-right:6px!important}
}

/* ===== Güncelleme 165: admin panelinin en üstünde "Görsel düzenleme" kutusu ===== */
.applet-admin-dialog .admin-edit-mode{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:rgba(255,255,255,.75);cursor:pointer}
.applet-admin-dialog .admin-edit-mode input{flex:0 0 20px;width:20px;height:20px;margin:0}
.applet-admin-dialog .admin-edit-mode span{display:flex;flex-direction:column;gap:2px;min-width:0}
.applet-admin-dialog .admin-edit-mode b{font:700 15px/1.2 Arial,sans-serif}
.applet-admin-dialog .admin-edit-mode small{font:400 12px/1.3 Arial,sans-serif;opacity:.75}

/* ===== Güncelleme 166: nick şifresi penceresi ===== */
.nick-claim-dialog form{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.nick-claim-dialog form p{margin:0}
.nick-claim-dialog input[type=password]{width:auto;margin:0 16px;min-height:42px;padding:0 12px;border:1px solid #cfd6db;border-radius:10px;font:400 16px/1 Arial,sans-serif;box-sizing:border-box}
dialog.nick-claim-dialog input[type=password]{display:block!important;width:calc(100% - 32px)!important;margin:0 16px!important;min-height:44px!important;padding:0 12px!important;border:1px solid #b9c4cb!important;border-radius:10px!important;background:#fff!important;color:#111b21!important;font:400 16px/1 Arial,sans-serif!important;box-sizing:border-box!important}
dialog.nick-claim-dialog form p{padding:0 16px}
dialog.nick-claim-dialog footer button{min-height:42px!important;padding:0 16px!important;font-weight:700!important}

/* ===== Güncelleme 169: Sunucu hataları penceresi ===== */
.sn-errlog{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}
.sn-errlog .sn-err{border:1px solid #e3e6e8;border-radius:8px;padding:7px 9px;background:#fff}
.sn-errlog .sn-err.is-old{opacity:.7}
.sn-errlog .sn-err .sn-err-head{display:flex;justify-content:space-between;gap:8px;font:400 11px/1.3 Arial,sans-serif;color:#54656f}
.sn-errlog .sn-err p{margin:3px 0 0;font:700 12.5px/1.35 Arial,sans-serif;color:#b3261e;word-break:break-word}
.sn-errlog .sn-err pre{margin:4px 0 0;padding:6px;border-radius:6px;background:#f4f6f7;font:400 10.5px/1.35 "Courier New",monospace;white-space:pre-wrap;word-break:break-all;max-height:110px;overflow:auto}
.sn-errlog .sn-errnone{margin:6px 0;text-align:center;color:#54656f;font:400 13px/1.4 Arial,sans-serif}

/* ===== Güncelleme 174 ===== */
/* PC: kanal/özel mesajında özel nick rozeti nickin hemen yanında dursun (eskiden nick ile saat arasında ortada/sağda kalıyordu). */
#messages .message .message-name+.nick-special-badge-row{margin:0 auto 0 0!important;justify-content:flex-start!important;flex:0 1 auto!important;min-width:0!important}

/* ===== Güncelleme 175 — mobil Profil ve Ayarlar (WhatsApp, qwebirc baloncuklu, qwebirc classic) ===== */
/* Üstte temanın sohbet arka planı görünür; altı yuvarlak köşeli beyaz sayfa. */
html.modern-demo[data-applet-choice="modern"]{--mp-wall:url('/images/modern-demo/pattern.webp');--mp-paper:#eeeae1}
html.modern-demo[data-applet-choice="modern"]:is([data-chat-background="modern-blue"],[data-chat-background="msn"]){--mp-wall:url('/images/modern-demo/pattern-blue.webp');--mp-paper:#edf5fc}
html.modern-demo[data-applet-choice="modern"][data-chat-background="pink"]{--mp-wall:url('/images/modern-demo/pattern-pink.webp');--mp-paper:#fbeef4}
html.modern-demo[data-applet-choice="modern"][data-chat-background="purple"]{--mp-wall:url('/images/modern-demo/pattern-purple.webp');--mp-paper:#f5eefb}
html.modern-demo[data-applet-choice="modern"][data-chat-background="black"]{--mp-wall:url('/images/modern-demo/pattern-black.webp');--mp-paper:#eceeef}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"]{background:var(--mp-paper) var(--mp-wall) repeat!important;border-radius:0!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] #mobileSectionContent{background:transparent!important;box-shadow:none!important;padding:0!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2{display:flex!important;flex-direction:column!important;min-height:100%!important;padding:0!important;margin:0!important;gap:0!important;background:transparent!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-hero{display:flex!important;flex-direction:column!important;align-items:center!important;padding:14px 18px 0!important;position:relative!important;z-index:2!important;background:transparent!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about{appearance:none!important;position:relative!important;max-width:min(80%,300px)!important;min-height:0!important;height:auto!important;margin:0 0 10px!important;padding:8px 14px!important;border:0!important;border-radius:16px!important;background:#fff!important;color:#1d2733!important;font:500 13px/1.35 Arial,sans-serif!important;text-align:center!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important;cursor:pointer!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:#fff;transform:rotate(45deg);box-shadow:2px 2px 2px rgba(0,0,0,.08)}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about.is-empty{color:#7b8794!important;font-style:italic!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about[hidden]{display:none!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about-edit{display:flex!important;flex-direction:column!important;gap:6px!important;width:min(88%,320px)!important;margin:0 0 10px!important;padding:8px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about-edit textarea{width:100%!important;box-sizing:border-box!important;min-height:64px!important;padding:8px 10px!important;border:1px solid #cfd8dd!important;border-radius:10px!important;background:#fff!important;color:#1d2733!important;font:16px/1.35 Arial,sans-serif!important;resize:none!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about-edit>div{display:flex!important;justify-content:flex-end!important;gap:8px!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about-edit button{appearance:none!important;min-height:0!important;height:30px!important;padding:0 14px!important;border:0!important;border-radius:15px!important;background:#e9edef!important;color:#1d2733!important;font:600 12.5px/30px Arial,sans-serif!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-about-edit button[type=submit]{background:var(--op-accent,var(--md-00946d,#008069))!important;color:#fff!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-photo{appearance:none!important;position:relative!important;flex:0 0 112px!important;width:112px!important;height:112px!important;margin:0 0 -56px!important;padding:0!important;border:4px solid #fff!important;border-radius:50%!important;background:#fff!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-photo :is(.social-avatar,img){width:104px!important;height:104px!important;min-width:104px!important;max-width:none!important;border:0!important;border-radius:50%!important;object-fit:cover!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-sheet{flex:1 0 auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;margin:0!important;padding:66px 14px 18px!important;border-radius:26px 26px 0 0!important;background:#fff!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-name{appearance:none!important;flex:none!important;display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;text-align:center!important;overflow:hidden!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-name b{display:block!important;text-align:center!important;font:700 20px/1.3 Arial,sans-serif;color:#111b21}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-name .nick-special-badge-row{justify-content:center!important;margin:3px 0 0!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-handle{display:block!important;margin:2px 0 14px!important;text-align:center!important;font:400 13.5px/1.3 Arial,sans-serif!important;color:#667781!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .md-card:not(.mp-old){margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .md-card:not(.mp-old)>h3{margin:0 2px 7px!important;font:700 12px/1.2 Arial,sans-serif!important;letter-spacing:.2px!important;color:#667781!important;text-transform:none!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .md-appearance-inline .appearance-style-title{display:none!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .md-appearance-inline .appearance-style-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows{display:block!important;margin:4px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows .mp-row{appearance:none!important;display:flex!important;align-items:center!important;gap:22px!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:13px 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;text-align:left!important;color:#54656f!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows .mp-row:active{background:#f2f4f5!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows .mp-row .mp-ico{flex:0 0 24px!important;width:24px!important;height:24px!important;color:#54656f!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows .mp-row>span{display:block!important;flex:1!important;min-width:0!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows .mp-row b{display:block!important;font:400 16.5px/1.25 Arial,sans-serif!important;color:#111b21!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows .mp-row small{display:block!important;margin-top:2px!important;font:400 13.5px/1.3 Arial,sans-serif!important;color:#667781!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows .mp-row[data-session-logout]{background:transparent!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-rows .mp-row[data-session-logout] :is(b,.mp-ico){color:#d0342c!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .mp-photo .social-dot{display:none!important}

/* ===== Güncelleme 180 — qwebirc nick paneli: başlıksız, grup ✎ satırın sağında ===== */
/* Satırda yer kaplamaz: grubun ilk nickinin avatarının sağ alt köşesinde küçük rozet. Nickin kendi ✎'sinden ayrı durur. */
html body #qwMembers#qwMembers .qwm-row:has(>.sn-qwm-group),html body #qwMembers#qwMembers .qwm-row{position:relative}
html body #app#app#app#app #qwMembers#qwMembers .qwm-row>.sn-edit.sn-qwm-group{position:absolute!important;left:0!important;top:auto!important;bottom:-1px!important;margin:0!important;flex:none!important;width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important;font-size:9px!important;line-height:15px!important;border-radius:50%!important;z-index:2!important;box-shadow:0 0 0 1.5px #fff!important}

/* ===== Güncelleme 181 ===== */
/* qwebirc (kanallar üstte) nick kartı: özel nick rozetinde yıldızlar üstte, rozet yazısı altta (dar kartta yan yana kesiliyordu). */
html.qw-bar body #userCard#userCard .nick-special-badge{display:inline-flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;max-width:100%!important;padding:3px 7px 4px!important;border-radius:11px!important;line-height:1.15!important}
html.qw-bar body #userCard#userCard .nick-special-badge .nsb-text{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word!important;text-align:center!important;font-size:10px!important;line-height:1.2!important;letter-spacing:-.1px!important}
html.qw-bar body #userCard#userCard .nick-special-badge .nick-rank-stars{font-size:12px!important}
html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app #mobileSection[data-section="chats"] .md-profile-v2 .md-card.mp-old{margin:6px 0 0!important}

/* ===== Güncelleme 185 — özel nick ikon seçicisi: resim + SVG bölümleri ===== */
.admin-nickicons .admin-nickicon-sub{display:block;margin:6px 2px 4px;font-size:11px;font-weight:700;color:#6b7c8a}
.sn-mini-nickicons .sn-mini-icons-sep{flex:0 0 100%;height:0;border-top:1px dashed rgba(0,0,0,.14);margin:3px 0;grid-column:1/-1}

/* ===== Güncelleme 186 ===== */
/* qwebirc profil kartında sabit boyutlu özel nick ikonu kutunun ortasında (sol üstte kalıyordu). */
html body #userCard .user-card-avatar .social-avatar.nick-icon-social{display:grid!important;place-items:center!important}
html body #userCard .user-card-avatar .social-avatar.nick-icon-social>img{grid-area:1/1!important;margin:auto!important}
/* Resim ikon (hazır / yüklenen) seçili özel nick: avatar zemini yok, resim şeffaf görünür. SVG ikonlar zeminli kalır. */
html body #app#app#app#app#app#app #messages .message.nick-img-message>.message-avatar{background:transparent!important;border:0!important;box-shadow:none!important}
html body #app#app#app#app#app#app #messages .message.nick-img-message>.message-avatar img.nick-icon-img{padding:0!important;border-radius:0!important;background:transparent!important}
html body #app#app#app#app#app#app .roster-profile-avatar.nick-icon-imgonly,html body #mobileDrawer .roster-profile-avatar.nick-icon-imgonly{background:transparent!important;border:0!important;box-shadow:none!important}
html body #app#app#app#app#app#app .roster-profile-avatar.nick-icon-imgonly img{background:transparent!important;border-radius:0!important;padding:0!important}
html body #qwMembers#qwMembers .qwm-av.qwm-av-img{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
html body .social-avatar.nick-icon-imgonly,html body .social-avatar.nick-icon-imgonly>img{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
/* Özel nick ikon seçicisi: Resim ikon / SVG ikon sekmeleri */
.nicon-tabs .nicon-tabbar{display:flex;gap:6px;margin:2px 0 8px}
.nicon-tabs .nicon-tabbar button{appearance:none;flex:1;min-height:30px;padding:0 10px;border:1px solid rgba(0,0,0,.12);border-radius:15px;background:#f3f6f9;color:#4b5a68;font:600 12.5px/28px Arial,sans-serif;cursor:pointer}
.nicon-tabs[data-nicon-tab="img"] [data-nicon-show="img"],.nicon-tabs[data-nicon-tab="svg"] [data-nicon-show="svg"]{background:var(--op-accent,#1684df);border-color:transparent;color:#fff}
.nicon-tabs[data-nicon-tab="img"] .nicon-pane-svg,.nicon-tabs[data-nicon-tab="svg"] .nicon-pane-img{display:none!important}
.sn-mini-nickicons .nicon-pane{display:contents}

/* ===== Güncelleme 187 — özel nick mini penceresinde Sil ===== */
.sn-mini-dialog .sn-mini-actions .sn-mini-delete{margin-right:auto!important;background:#fff0f0!important;color:#c52020!important;border:1px solid #f3c4c4!important}

/* ===== Güncelleme 188: bekleme göstergesi (yalnız 4 nokta, açık renkli küçük balon) ===== */
.wait-dots{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:2147483000;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:#f2f2f4;background:color-mix(in srgb,var(--dots-accent,#8a8f98) 13%,#fff);border:1px solid rgba(0,0,0,.06);border-color:color-mix(in srgb,var(--dots-accent,#8a8f98) 24%,#fff);box-shadow:0 1px 4px rgba(0,0,0,.12);pointer-events:none}
.wait-dots[hidden]{display:none}
.wait-dots i{width:6px;height:6px;border-radius:50%;background:#a3a3a8;background:color-mix(in srgb,var(--dots-accent,#8a8f98) 62%,#fff);animation:wait-dots 1.2s ease-in-out infinite}
.wait-dots i:nth-child(2){animation-delay:.15s}.wait-dots i:nth-child(3){animation-delay:.3s}.wait-dots i:nth-child(4){animation-delay:.45s}
@keyframes wait-dots{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.wait-dots i{animation:none;opacity:.7}}
/* Profil kartında özel nick ikonu çerçeveye tam oturur (ikon boyutu ayarı kartı etkilemez). */
html body #userCard .user-card-avatar .social-avatar.nick-icon-social>img{width:100%!important;height:100%!important;object-fit:contain!important}

/* ===== Güncelleme 190 ===== */
/* Kanal ikonu seçicisi: 21 ikon; ikonlar düğmeye tam sığar (üst üste binmez), liste üç satırı gösterir. */
html body .sn-mini-icons.sn-mini-chicons{max-height:210px!important;gap:6px!important}
html body .sn-mini-icons.sn-mini-chicons button:not(.sn-mini-icon-def){width:42px!important;height:42px!important;padding:3px!important;border-radius:50%!important;flex:0 0 42px!important}
html body .sn-mini-icons.sn-mini-chicons button:not(.sn-mini-icon-def) img{width:34px!important;height:34px!important}
html body .sn-mini-icons.sn-mini-chicons .sn-mini-icon-def{height:42px!important}

/* ===== Güncelleme 192: bağlantı göstergeleri (2 / 3 / 4 nokta) aynı yerde ve aynı görünümde ===== */
/* İki ve üç noktalı gösterge (bildirim balonu) dört noktalıyla aynı: açık gri küçük balon, gri noktalar, aynı animasyon. */
html body #socialToast#socialToast#socialToast.connection-dots{display:inline-flex!important;align-items:center!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;padding:6px 10px!important;border-radius:999px!important;background:#f2f2f4!important;background:color-mix(in srgb,var(--dots-accent,#8a8f98) 13%,#fff)!important;background-image:none!important;color:#a3a3a8!important;border:1px solid rgba(0,0,0,.06)!important;border-color:color-mix(in srgb,var(--dots-accent,#8a8f98) 24%,#fff)!important;box-shadow:0 1px 4px rgba(0,0,0,.12)!important;pointer-events:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #socialToast#socialToast#socialToast.connection-dots[hidden]{display:none!important}
html body #socialToast#socialToast#socialToast.connection-dots::before,html body #socialToast#socialToast#socialToast.connection-dots::after{content:none!important;display:none!important}
html body #socialToast#socialToast.connection-dots .connection-dot-row{display:inline-flex!important;gap:4px!important;min-width:0!important;height:auto!important}
html body #socialToast#socialToast.connection-dots .connection-dot-row i{width:6px!important;height:6px!important;background:#a3a3a8!important;background:color-mix(in srgb,var(--dots-accent,#8a8f98) 62%,#fff)!important;animation:wait-dots 1.2s ease-in-out infinite!important}
html body #socialToast#socialToast.connection-dots .connection-dot-row i:nth-child(2){animation-delay:.15s!important}
html body #socialToast#socialToast.connection-dots .connection-dot-row i:nth-child(3){animation-delay:.3s!important}
@media (prefers-reduced-motion:reduce){html body #socialToast#socialToast.connection-dots .connection-dot-row i{animation:none!important;opacity:.7!important}}

/* ===== Güncelleme 196 ===== */
/* PC özel sohbet: "gönderildi / görüldü" tikleri yalnız kendi mesajlarımda görünür (karşının mesajında tik olmaz). */
html.pc-reference body #app#app#app#app#app#app#app#app #messages#messages#messages .message:not(.self) .message-receipt{display:none!important}
/* WhatsApp mobil: kanal açıklaması (topic), özel sohbetteki durum satırı ve sohbet başı bilgi yazısı WhatsApp'ın sarı bilgi balonu renginde. */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html.modern-demo[data-applet-choice="modern"][data-mobile-layout="default"] body #app#app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) #modernTopic:not([hidden]){background:#fdf4c5!important;border:0!important;border-bottom:1px solid #efe2a0!important;box-shadow:none!important}
 html.modern-demo[data-applet-choice="modern"][data-mobile-layout="default"] body #app#app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) #modernTopic:not([hidden]),html.modern-demo[data-applet-choice="modern"][data-mobile-layout="default"] body #app#app#app#app#app#app#app#app#app .layout:is(.private-chat,.msn-channel-chat) #modernTopic:not([hidden]) *{color:#54656f!important}
 html.modern-demo[data-applet-choice="modern"][data-mobile-layout="default"] body #app#app#app#app#app#app#app#app#app .layout.private-chat #messages#messages .conversation-intro{background:#fdf4c5!important;color:#54656f!important;border:0!important;border-radius:8px!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important}
 html.modern-demo[data-applet-choice="modern"][data-mobile-layout="default"] body #app#app#app#app#app#app#app#app#app .layout.private-chat #messages#messages .conversation-intro *{color:#54656f!important}
}

/* ---- 196: form pencereleri (nick kaydet, oper girişi, nick değiştir, kanala katıl, iletişim, identify) — ortak şık görünüm ---- */
/* Başlıkta tema renginde simge rozeti, yumuşak köşeli beyaz kart, belirgin alanlar, dolu ana buton. PC ve mobilde aynı. */
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog{box-sizing:border-box!important;width:min(388px,calc(100vw - 24px))!important;max-width:min(388px,calc(100vw - 24px))!important;min-width:0!important;height:fit-content!important;max-height:calc(100dvh - 28px)!important;margin:auto!important;padding:0!important;overflow:hidden auto!important;border:1px solid color-mix(in srgb,var(--form-accent) 14%,#e6ebee)!important;border-radius:22px!important;background:#fff!important;background-image:none!important;color:var(--form-text)!important;box-shadow:0 28px 70px rgba(15,30,40,.28),0 4px 14px rgba(15,30,40,.10)!important;font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;inset:0!important;transform:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form::backdrop,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog::backdrop{background:rgba(15,25,30,.46)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}
/* Başlık */
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form>header{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:0!important;height:auto!important;margin:0!important;padding:18px 18px 14px 20px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--form-accent) 9%,#fff),#fff)!important;box-shadow:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form>header::before,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form>h3::before{content:""!important;display:block!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:14px!important;background-color:color-mix(in srgb,var(--form-accent) 13%,#fff)!important;background-image:var(--dlg-icon)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important;position:static!important;-webkit-mask:none!important;mask:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form>header :is(h2,h3,b,strong){flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;color:var(--form-text)!important;font:700 18px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.2px!important;text-align:left!important;text-shadow:none!important;background:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button{-webkit-text-fill-color:currentColor!important;opacity:1!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f1f4f6!important;background-image:none!important;color:#5b6770!important;box-shadow:none!important;font-size:0!important;line-height:1!important;position:static!important;cursor:pointer!important;outline:0!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button>*{display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button::before{content:none!important;display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button::after{-webkit-text-fill-color:currentColor!important;content:'✕'!important;display:block!important;position:static!important;color:inherit!important;font:600 14px/1 Arial,sans-serif!important;background:none!important;width:auto!important;height:auto!important;transform:none!important;-webkit-mask:none!important;mask:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button:hover{background:#e6ebee!important;color:var(--form-text)!important}
/* Simge: türe göre (çizgi simgeler, tema renginden bağımsız koyu gri-yeşil) */
html body dialog#socialDialog[data-dlg-kind="register"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.6'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M19 8v6M16 11h6'/%3E%3C/svg%3E")}
html body dialog#socialDialog[data-dlg-kind="oper"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18h16M5 18 3.5 8l5 4L12 5l3.5 7 5-4L19 18'/%3E%3C/svg%3E")}
html body dialog#socialDialog[data-dlg-kind="nick"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16zM13.5 6.5l4 4'/%3E%3C/svg%3E")}
html body dialog#socialDialog[data-dlg-kind="join"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M9 4 7 20M17 4l-2 16M4 9h16M3 15h16'/%3E%3C/svg%3E")}
html body dialog#socialDialog[data-dlg-kind="contact"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
html body dialog.nick-identify-dialog{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='14' r='4'/%3E%3Cpath d='m11 11 9-9M17 5l2 2M15 7l2 2'/%3E%3C/svg%3E")}
/* İçerik */
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form>.social-dialog-content{box-sizing:border-box!important;margin:0!important;padding:4px 20px 20px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form label:not(.contact-attach-btn){display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;color:#4a5961!important;font:600 12.5px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:.1px!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form :is(input:not([type=file]):not([type=checkbox]),textarea),html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form input{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 14px!important;border:1.5px solid #e1e7eb!important;border-radius:14px!important;background:#f8fafb!important;background-image:none!important;color:var(--form-text)!important;box-shadow:none!important;font:400 15px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;outline:0!important;transition:border-color .15s,box-shadow .15s,background-color .15s!important;-webkit-appearance:none!important;appearance:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form textarea[name][maxlength]{height:auto!important;min-height:112px!important;padding:12px 14px!important;resize:vertical!important;line-height:1.45!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form :is(input:not([type=file]):not([type=checkbox]),textarea):focus,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form input:focus{border-color:var(--form-accent)!important;background:#fff!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--form-accent) 15%,transparent)!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form input[readonly]{background:#f1f4f6!important;color:#6b7880!important;border-style:dashed!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form :is(input,textarea)::placeholder{color:#9aa6ad!important}
/* Ana buton */
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form button[type=submit],html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form button[type=submit]{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:48px!important;min-height:48px!important;margin:4px 0 0!important;padding:0 18px!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--form-accent) 88%,#fff),var(--form-accent))!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--form-accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.22)!important;font:700 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:.1px!important;text-shadow:none!important;cursor:pointer!important;transition:filter .12s,transform .12s!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form button[type=submit]:hover,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form button[type=submit]:hover{filter:brightness(1.06)!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form button[type=submit]:active,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form button[type=submit]:active{transform:translateY(1px)!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form button:disabled{opacity:.55!important;cursor:default!important;box-shadow:none!important}
/* Yardımcı metinler */
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form :is(p,small){margin:0!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form #ircAccountForm>p:first-child{font:700 14.5px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--form-text)!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form #ircAccountForm small{display:block!important;padding:10px 12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--form-accent) 6%,#f6f8f9)!important;color:#5b6770!important;font-size:12px!important;line-height:1.5!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form :is(.account-result,small[role=status]):empty{display:none!important}
/* Nick değiştir / kanala katıl: alan ve buton alt alta, tam genişlik */
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form :is(.own-nick-form,.channel-join-form){display:flex!important;flex-direction:column!important;gap:12px!important;width:auto!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form .channel-join-form input{padding-left:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa6ad' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 4 7 20M17 4l-2 16M4 9h16M3 15h16'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:14px center!important;background-size:18px 18px!important}
/* İletişim: resim ekleme çipi */
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form .contact-attach{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form .contact-attach-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;align-self:stretch!important;min-height:44px!important;margin:0!important;padding:0 14px!important;border:1.5px dashed color-mix(in srgb,var(--form-accent) 38%,#cfd8dd)!important;border-radius:14px!important;background:color-mix(in srgb,var(--form-accent) 5%,#fff)!important;color:color-mix(in srgb,var(--form-accent) 80%,#1f2d33)!important;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;cursor:pointer!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form .contact-attach-preview:not([hidden]){position:relative!important;display:block!important;align-self:flex-start!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form .contact-attach-preview img{display:block!important;max-width:100%!important;max-height:140px!important;border-radius:12px!important;border:1px solid #e1e7eb!important}
/* Identify (kayıtlı nick) penceresi */
html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:18px 20px 20px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--form-accent) 9%,#fff),#fff 86px)!important}
html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form>h3{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 2px!important;padding:0!important;color:var(--form-text)!important;font:700 18px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.2px!important;text-align:left!important}
html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;color:#4a5961!important;font:600 12.5px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
html body :is(#socialDialog#socialDialog,dialog.nick-identify-dialog).nick-identify-dialog form [data-nick-cancel][type=button]{background-image:none!important;-webkit-text-fill-color:#4a5961!important;text-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;border:1.5px solid #e1e7eb!important;border-radius:14px!important;background:#fff!important;color:#4a5961!important;font:600 14.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}
html body :is(#socialDialog#socialDialog,dialog.nick-identify-dialog).nick-identify-dialog form [data-nick-cancel][type=button]:hover{background:#f4f7f8!important}

/* ---- 196: tepki verenler penceresi (üstte tepkiler ve sayıları, altta avatar · nick · tepki) ---- */
html body dialog#reactionPeople#reactionPeople.rp-v2{box-sizing:border-box;width:min(360px,calc(100vw - 28px));max-width:min(360px,calc(100vw - 28px));max-height:min(520px,calc(100dvh - 60px));margin:auto;padding:0;overflow:hidden;display:none;flex-direction:column;border:1px solid color-mix(in srgb,var(--form-accent) 14%,#e6ebee);border-radius:20px;background:#fff;color:#1f2d33;box-shadow:0 26px 64px rgba(15,30,40,.28),0 4px 14px rgba(15,30,40,.10);font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html body dialog#reactionPeople#reactionPeople.rp-v2[open]{display:flex}
html body dialog#reactionPeople#reactionPeople.rp-v2::backdrop{background:rgba(15,25,30,.40)}
html body dialog#reactionPeople#reactionPeople.rp-v2>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 14px 6px 18px;background:none;border:0}
html body dialog#reactionPeople#reactionPeople.rp-v2>header b{font:700 17px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2d33}
html body dialog#reactionPeople#reactionPeople.rp-v2>header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f1f4f6;color:#5b6770;font:600 18px/1 Arial,sans-serif;cursor:pointer}
html body dialog#reactionPeople#reactionPeople.rp-v2>header button:hover{background:#e6ebee}
html body dialog#reactionPeople .rp-chips{display:flex;gap:8px;padding:8px 16px 12px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #eef1f3}
html body dialog#reactionPeople .rp-chips::-webkit-scrollbar{display:none}
html body dialog#reactionPeople .rp-chips button{display:inline-flex;align-items:center;gap:6px;flex:none;height:34px;padding:0 13px;border:1.5px solid transparent;border-radius:999px;background:#f1f4f6;color:#1f2d33;font:600 13.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer}
html body dialog#reactionPeople .rp-chips button span{font-size:17px;line-height:1}
html body dialog#reactionPeople .rp-chips button[aria-pressed="true"]{background:color-mix(in srgb,var(--form-accent) 12%,#fff);border-color:color-mix(in srgb,var(--form-accent) 55%,#fff);color:color-mix(in srgb,var(--form-accent) 80%,#1f2d33)}
html body dialog#reactionPeople .rp-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px 8px 10px;margin:0;display:block}
html body dialog#reactionPeople .rp-list .rp-row{display:flex;align-items:center;gap:12px;padding:8px 10px;margin:0;border-radius:12px;background:none}
html body dialog#reactionPeople .rp-list .rp-row:hover{background:#f6f8f9}
html body dialog#reactionPeople .rp-avatar{flex:none;display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#eef1f3}
html body dialog#reactionPeople .rp-avatar .social-avatar{display:block!important;width:40px!important;height:40px!important;border-radius:50%!important;overflow:hidden!important;margin:0!important;position:relative!important}
html body dialog#reactionPeople .rp-avatar .social-avatar>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
html body dialog#reactionPeople .rp-avatar .social-dot{display:none!important}
html body dialog#reactionPeople .rp-row>b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2d33}
html body dialog#reactionPeople .rp-emoji{flex:none;font-size:24px;line-height:1}

/* ===== Güncelleme 197 — emoji penceresi › GIF sekmesi ve mesajda GIF ===== */
/* Mesajdaki GIF küçük açılır. */
#messages .chat-gif,.chat-gif{display:block;width:auto;height:auto;max-width:min(170px,58vw);max-height:150px;border-radius:10px;margin:2px 0;background:transparent}
/* Alt sekmeler: emoji | GIF */
#emojiPicker .emoji-mode-tabs{order:20;display:flex;justify-content:center;gap:0;flex:none;padding:6px 0 8px;border-top:1px solid rgba(0,0,0,.07);background:inherit}
#emojiPicker .emoji-mode-tabs[hidden]{display:none}
#emojiPicker .emoji-mode-tabs button{display:grid!important;place-items:center!important;width:66px!important;min-width:0!important;height:30px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #cfd6da!important;border-radius:0!important;background:#fff!important;background-image:none!important;color:#54656f!important;box-shadow:none!important;font:700 12px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:.3px!important;cursor:pointer!important;-webkit-text-fill-color:currentColor!important}
#emojiPicker .emoji-mode-tabs button:first-child{border-radius:999px 0 0 999px!important;border-right:0!important;font-size:17px!important;font-weight:400!important}
#emojiPicker .emoji-mode-tabs button:last-child{border-radius:0 999px 999px 0!important}
#emojiPicker .emoji-mode-tabs button[aria-pressed="true"]{background:#eef1f3!important;color:#111b21!important}
/* GIF kipi: emoji araması, kategoriler ve emoji ızgarası gizlenir; GIF paneli aynı alanı doldurur. */
html body #emojiPicker#emojiPicker#emojiPicker.gif-mode :is(.emoji-picker-search,#emojiCategories,.emoji-picker-title,#emojiGrid){display:none!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble.gif-mode{height:380px!important;max-height:min(380px,calc(100dvh - 120px))!important}
#emojiPicker .gif-panel{display:flex;flex-direction:column;flex:1 1 0;min-height:0;order:5}
#emojiPicker .gif-panel[hidden]{display:none}
#emojiPicker .gif-search{display:flex;align-items:center;gap:8px;flex:none;margin:8px 10px 6px;padding:0 12px;height:38px;border-radius:999px;background:#f0f2f5}
#emojiPicker .gif-search span{font-size:14px;opacity:.6}
#emojiPicker .gif-search input{flex:1 1 auto;min-width:0;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;outline:0!important;color:#111b21!important;font:14px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
#emojiPicker .gif-search button{display:grid!important;place-items:center!important;flex:none!important;width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:none!important;color:#54656f!important;box-shadow:none!important;font:14px/1 Arial,sans-serif!important;cursor:pointer!important;-webkit-text-fill-color:currentColor!important}
#emojiPicker .gif-grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 10px 10px}
#emojiPicker .gif-grid::after{content:"";flex:10 1 0}
#emojiPicker .gif-item{display:block!important;flex:1 0 auto!important;height:84px!important;min-width:64px!important;max-width:180px!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;overflow:hidden!important;background:#e9edef!important;box-shadow:none!important;cursor:pointer!important}
#emojiPicker .gif-item img{display:block;width:100%;height:100%;min-width:64px;object-fit:cover;border-radius:0}
#emojiPicker .gif-item:hover{filter:brightness(.92)}
#emojiPicker .gif-item:focus-visible{outline:2px solid var(--form-accent,#00866c);outline-offset:1px}
#emojiPicker .gif-empty{flex:1 1 100%;margin:24px 0;text-align:center;color:#667781;font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}

/* ===== Güncelleme 198 — admin paneli › GIF'ler menüsü ===== */
.applet-admin-dialog .admin-gif-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:10px 0 14px}
.applet-admin-dialog .admin-gif-form label{display:flex;flex-direction:column;gap:5px;flex:1 1 220px;min-width:0;font-weight:600;font-size:13px}
.applet-admin-dialog .admin-gif-form :is(input,select){width:100%;box-sizing:border-box}
.applet-admin-dialog .admin-gif-form small{flex:1 1 100%;color:#667781;font-size:12px}
.applet-admin-dialog .admin-gif-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:360px;overflow:auto}
.applet-admin-dialog .admin-gif-row{display:flex;align-items:center;gap:9px;padding:6px 8px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff}
.applet-admin-dialog .admin-gif-row img{flex:none;width:46px;height:46px;border-radius:8px;object-fit:cover;background:#e9edef}
.applet-admin-dialog .admin-gif-row span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.applet-admin-dialog .admin-gif-row button{flex:none}

/* ===== Güncelleme 199 — GIF mesajı balonsuz (WhatsApp çıkartması gibi): zemin şeffaf, çerçeve / gölge / kuyruk yok ===== */
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-body,
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-content,
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-text{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;outline:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-body{border:0!important;padding-left:0!important;padding-right:0!important}
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-body::before,
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-body::after{display:none!important;content:none!important}
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .chat-gif{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
/* Saat (ve tikler) GIF'in altında, zeminsiz durur (beyaz / renkli hiçbir kutu yok). */
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .classic-end-time{display:inline-flex!important;align-items:center!important;gap:3px!important;width:fit-content!important;margin:3px 0 0 auto!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;position:static!important;float:none!important}

/* 201: Mobilde kanal başlığı / durum satırı biraz daraltıldı; satırın alt kenarı sağdaki ok simgesinin alt ucuna denk gelir (tek satırken 26px). */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app#app#app#app#app#app#app #modernTopic:not([hidden]){min-height:26px!important;padding-top:3px!important;padding-bottom:2px!important}
 html.modern-demo[data-applet-choice="modern"]:not(.pc-reference) body #app#app#app#app#app#app#app#app#app #modernTopic:not([hidden])>.channel-head-toggle{top:3px!important;height:22px!important;background-position:center bottom 1px!important}
}

/* ===== Güncelleme 204: durum yükleme ekranı, izleme ekranı (arama penceresi kalıbı), üç nokta menüleri ===== */
/* --- Üç nokta menüsü (Durumum satırı ve izleme ekranı) --- */
.status-more{position:relative;display:inline-flex;flex:0 0 auto}
html body .status-more>.status-more-button{display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#54656f!important;cursor:pointer;box-shadow:none!important}
html body .status-more>.status-more-button:hover,html body .status-more>.status-more-button[aria-expanded="true"]{background:rgba(0,0,0,.08)!important}
html body .status-more>.status-more-button svg{width:22px;height:22px;fill:currentColor}
html body .status-more>.status-more-menu{position:absolute;z-index:60;top:calc(100% + 4px);right:0;display:flex;flex-direction:column;min-width:178px;padding:6px 0;border-radius:10px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.28)}
html body .status-more>.status-more-menu>button{display:block!important;width:100%!important;margin:0!important;padding:11px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#1f2c33!important;font:400 15px/1.3 Arial,sans-serif!important;text-align:left!important;white-space:nowrap;cursor:pointer;box-shadow:none!important;min-height:0!important}
html body .status-more>.status-more-menu>button:hover,html body .status-more>.status-more-menu>button:focus-visible{background:#f0f2f5!important}
.status-own-actions .status-more{margin-left:2px}
/* --- Yükleme satırı: "Durumum" avatarının altında yüzde + İptal --- */
.status-upload-progress{display:flex;align-items:center;gap:10px;margin:-4px 0 6px 4px;padding:0 4px;color:var(--md-00866c,#00866c);font:600 12.5px/1.3 Arial,sans-serif}
.status-upload-progress>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .status-upload-progress>.status-upload-cancel{flex:0 0 auto;margin:0!important;padding:3px 10px!important;min-height:0!important;border:1px solid #d7dfdb!important;border-radius:12px!important;background:#fff!important;color:#c0392b!important;font:600 11.5px/1.3 Arial,sans-serif!important;cursor:pointer;box-shadow:none!important}
dialog.status-update-dialog.status-confirm-dialog>p{margin:0 0 12px}
/* --- Yükleme ekranı: koyu, tam ekran (PC'de ortada telefon biçimli) --- */
html body dialog.status-update-dialog.status-compose{box-sizing:border-box!important;width:min(390px,calc(100vw - 32px))!important;height:min(740px,calc(100dvh - 40px))!important;max-width:none!important;max-height:none!important;margin:auto!important;padding:0!important;border:0!important;border-radius:18px!important;background:#0b141a!important;color:#fff!important;overflow:hidden!important}
html body dialog.status-update-dialog.status-compose[open]{display:flex!important;flex-direction:column!important}
html body dialog.status-update-dialog.status-compose::backdrop{background:rgba(0,0,0,.72)}
html body dialog.status-compose>.status-compose-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px;flex:0 0 auto;min-height:52px;margin:0!important;padding:6px 10px!important;box-sizing:border-box}
html body dialog.status-compose>.status-compose-top>b{flex:1;min-width:0;font:600 15px/1.2 Arial,sans-serif;color:#fff;opacity:.92}
html body dialog.status-compose .status-compose-close{display:inline-flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#fff!important}
html body dialog.status-compose .status-compose-close:hover{background:rgba(255,255,255,.12)!important}
html body dialog.status-compose .status-compose-close svg{width:24px;height:24px}
html body dialog.status-compose>.status-compose-trim{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;margin:0 12px 8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08)}
html body dialog.status-compose .status-compose-range{display:flex;align-items:center;gap:10px;font:500 12.5px/1.2 Arial,sans-serif;color:rgba(255,255,255,.86)}
html body dialog.status-compose .status-compose-range>span{flex:0 0 68px}
html body dialog.status-compose .status-compose-range>input{flex:1 1 auto;min-width:0;width:auto;margin:0;min-height:26px;accent-color:#25d366}
html body dialog.status-compose .status-compose-range>b{flex:0 0 38px;text-align:right;font:600 12.5px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#fff}
html body dialog.status-compose .status-compose-info{margin:2px 0 0;font:400 12px/1.35 Arial,sans-serif;color:rgba(255,255,255,.7)}
html body dialog.status-compose .status-compose-ratio{width:100%;margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#1f2c33;color:#fff;font:14px Arial,sans-serif}
html body dialog.status-compose>.status-compose-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 8px;overflow:hidden}
html body dialog.status-compose>.status-compose-stage>video,html body dialog.status-compose>.status-compose-stage>canvas{display:block;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;border-radius:10px!important;background:#000}
html body dialog.status-compose>.status-compose-bottom{flex:0 0 auto;display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:10px!important;margin:0!important;padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;border:0!important;background:transparent!important}
html body dialog.status-compose .status-compose-caption{flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0 16px;border:0;border-radius:22px;background:#1f2c33;color:#fff;font:15px/1.2 Arial,sans-serif;outline:0;box-sizing:border-box}
html body dialog.status-compose .status-compose-caption::placeholder{color:rgba(255,255,255,.6)}
html body dialog.status-compose .status-compose-send{flex:0 0 46px;display:inline-flex!important;align-items:center;justify-content:center;width:46px!important;height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#25d366!important;color:#fff!important}
html body dialog.status-compose .status-compose-send svg{width:22px;height:22px;margin-left:2px}
html body dialog.status-compose .status-compose-send:disabled{opacity:.45!important}
/* --- İzleme ekranı: arama penceresiyle aynı kalıp (PC'de ortada 390x740, mobilde tam ekran) --- */
html body dialog.status-update-dialog.status-story{box-sizing:border-box!important;width:min(390px,calc(100vw - 32px))!important;height:min(740px,calc(100dvh - 40px))!important;max-width:none!important;max-height:none!important;margin:auto!important;padding:8px 0 0!important;border:0!important;border-radius:18px!important;background:#0b0f12!important;color:#fff!important;overflow:hidden!important}
html body dialog.status-update-dialog.status-story[open]{display:flex!important;flex-direction:column!important}
html body dialog.status-update-dialog.status-story::backdrop{background:rgba(0,0,0,.72)}
html body dialog.status-update-dialog.status-story>.status-story-bars{flex:0 0 auto;padding:0 10px 6px!important}
html body dialog.status-update-dialog.status-story>header{flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-height:48px;margin:0!important;padding:0 6px 6px!important}
html body dialog.status-update-dialog.status-story>header>.status-story-back{order:-2;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#fff!important}
html body dialog.status-update-dialog.status-story>header>.status-story-back:hover{background:rgba(255,255,255,.12)!important}
html body dialog.status-update-dialog.status-story>header>.status-story-back svg{width:24px;height:24px}
html body dialog.status-update-dialog.status-story>header>img{order:-1;flex:0 0 38px;width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover}
html body dialog.status-update-dialog.status-story>header .status-story-sub{display:inline-flex;align-items:center;gap:6px;min-width:0}
html body dialog.status-update-dialog.status-story>header .status-story-when{font:400 11.5px/1.3 Arial,sans-serif;color:rgba(255,255,255,.75)}
html body dialog.status-update-dialog.status-story>header .status-story-presence:not(:empty)+.status-story-when:not(:empty)::before{content:'· '}
html body dialog.status-update-dialog.status-story>header>.status-story-more{flex:0 0 auto;margin-left:auto}
html body dialog.status-update-dialog.status-story>header>.status-story-more[hidden]{display:none!important}
html body dialog.status-update-dialog.status-story>header>.status-viewers+.status-story-more,html body dialog.status-update-dialog.status-story>header>.status-viewers:not([hidden])~.status-story-more{margin-left:0}
html body dialog.status-update-dialog.status-story>header>.status-viewers:not([hidden]){margin-left:auto}
html body dialog.status-update-dialog.status-story>header>.status-viewers:not([hidden])~.status-viewers{margin-left:0}
html body dialog.status-update-dialog.status-story>header .status-more-button{color:#fff!important;width:38px!important;height:38px!important}
html body dialog.status-update-dialog.status-story>header .status-more-button:hover,html body dialog.status-update-dialog.status-story>header .status-more-button[aria-expanded="true"]{background:rgba(255,255,255,.14)!important}
html body dialog.status-update-dialog.status-story>.status-story-stage{flex:1 1 auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000;overflow:hidden}
html body dialog.status-update-dialog.status-story>.status-story-stage :is(img,video){width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;border-radius:0!important}
html body dialog.status-update-dialog.status-story>.status-story-caption{flex:0 0 auto;margin:0!important;padding:10px 16px!important;max-height:5.6em;overflow:auto;background:rgba(0,0,0,.55);color:#fff;font:400 15px/1.4 Arial,sans-serif;text-align:center;overflow-wrap:anywhere}
html body dialog.status-update-dialog.status-story>.status-story-caption[hidden]{display:none!important}
html body dialog.status-update-dialog.status-story>.status-story-nav{flex:0 0 auto;padding:0 6px}
html body dialog.status-update-dialog.status-story>footer{flex:0 0 auto;padding:4px 10px 8px!important}
html body dialog.status-update-dialog.status-story>.status-comment-box{flex:0 0 auto;margin:0 10px calc(10px + env(safe-area-inset-bottom))}
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html body dialog.status-update-dialog.status-story,html body dialog.status-update-dialog.status-compose{width:100vw!important;height:100dvh!important;margin:0!important;border-radius:0!important;padding-top:calc(8px + env(safe-area-inset-top))!important}
 html body dialog.status-update-dialog.status-compose{padding-top:env(safe-area-inset-top)!important}
 /* Durum penceresi (liste) mobilde biraz küçültüldü. */
 html body .status-updates-list{padding:4px 8px 16px!important;font-size:13px!important}
 html body .status-updates-list h3{padding:10px 5px 3px!important;font-size:12px!important}
 html body .status-updates-list .status-update-row{gap:11px!important;padding:8px 4px!important}
 html body .status-updates-list .status-avatar{width:46px!important;height:46px!important;flex-basis:46px!important}
 html body .status-updates-list .status-row-text{gap:3px!important}
 html body .status-updates-list .status-row-text strong{font-size:14px!important}
 html body .status-updates-list .status-row-text small{font-size:11.5px!important}
}
html body dialog.status-update-dialog.status-story>footer .status-story-private-row{flex:0 0 auto!important;margin:2px 0 6px!important}
html body dialog.status-update-dialog.status-story>footer .status-story-private{min-height:36px!important;height:36px!important;flex:0 0 auto!important}

/* ===== Güncelleme 207: durum listesinde satır sonu (tepki özeti + üç nokta) ===== */
.status-update-row>.status-row-side{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:auto}
html body .status-reaction-counts[hidden]{display:none!important}
html body .status-updates-list .status-reaction-counts,html body .status-own-actions .status-reaction-counts{display:inline-flex!important;margin:0!important;flex:0 0 auto!important;flex-wrap:nowrap!important}
html body .status-reaction-counts>.status-reaction-chip{display:inline-flex!important;align-items:center;gap:5px;height:30px!important;min-height:0!important;margin:0!important;padding:0 10px!important;border:1px solid #dfe8e3!important;border-radius:999px!important;background:#f4f7f5!important;color:#1f2c33!important;font:600 12.5px/1 Arial,sans-serif!important;cursor:pointer;box-shadow:none!important;white-space:nowrap}
html body .status-reaction-counts>.status-reaction-chip:hover{background:#e9efec!important}
html body .status-reaction-counts>.status-reaction-chip .status-reaction-chip-emojis{font-size:15px;line-height:1;letter-spacing:-1px}
html body .status-reaction-counts>.status-reaction-chip>b{font-weight:700}

/* ===== Güncelleme 209: "Durumum" satırı mobilde taşmaz (tepki düğmesi, zil ve üç nokta aynı satırda) ===== */
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 html body .status-own-actions{flex-wrap:nowrap!important;gap:6px!important}
 html body .status-own-actions>.status-own{min-width:0!important;flex:1 1 0!important}
 html body .status-own-actions>:not(.status-own){flex-shrink:0!important}
}

/* ===== Güncelleme 210: görenler (göz) düğmesi ve yönetici yorum listesi ===== */
html body .status-eye{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 34px;width:34px!important;height:34px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#54656f!important;cursor:pointer;box-shadow:none!important}
html body .status-eye:hover{background:rgba(0,0,0,.08)!important}
html body .status-eye svg{width:21px;height:21px}
html body .status-eye:disabled{opacity:.5!important}
html body .status-own-actions>.status-eye~.status-bell{margin-left:0!important}
.status-comment-all{margin-top:14px;padding-top:10px;border-top:1px solid #e3ebe6}
.status-comment-all .status-comment-admin{display:flex;align-items:flex-start;gap:10px;padding:8px 6px}
.status-comment-all .status-comment-admin .status-comment-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.status-comment-all .status-comment-admin .status-comment-text small{overflow-wrap:anywhere;color:#5b6b63}
.status-comment-all .status-comment-none{color:#65756e;font-size:13px;padding:6px}

/* ===== Güncelleme 211: göz düğmesinde gören sayısı; izleme ekranı üst barında göz ===== */
html body .status-eye.has-count{width:auto!important;flex:0 0 auto!important;gap:4px;padding:0 9px 0 7px!important;border-radius:999px!important}
html body .status-eye>b{font:700 12.5px/1 Arial,sans-serif;color:inherit}
html body dialog.status-update-dialog.status-story>header>.status-eye{color:#fff!important;background:rgba(255,255,255,.12)!important;height:30px!important;flex:0 0 auto!important}
html body dialog.status-update-dialog.status-story>header>.status-eye:not(.has-count){width:30px!important}
html body dialog.status-update-dialog.status-story>header>.status-eye:hover{background:rgba(255,255,255,.2)!important}
html body dialog.status-update-dialog.status-story>header>.status-viewers:not([hidden])~.status-eye,html body dialog.status-update-dialog.status-story>header>.status-eye~.status-story-more{margin-left:0!important}
html body dialog.status-update-dialog.status-story>header:not(:has(>.status-viewers:not([hidden])))>.status-eye{margin-left:auto!important}

/* ===== 213: büyük resim penceresinin altındaki tepki düğmeleri ===== */
.image-viewer.has-reactions[open]{display:flex;flex-direction:column;gap:8px}
.image-viewer.has-reactions img{flex:1 1 auto;min-height:0;height:auto}
.image-viewer-reactions{flex:0 0 auto;display:flex;justify-content:center;gap:6px;flex-wrap:nowrap;padding:2px 0 calc(2px + env(safe-area-inset-bottom,0px))}
.image-viewer-reactions[hidden]{display:none}
.image-viewer-reactions button{flex:0 0 auto;width:42px;height:42px;padding:0;border:1px solid #ffffff2e;border-radius:50%;background:#ffffff1a;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:transform .12s,background .12s}
.image-viewer-reactions button:hover{background:#ffffff33;transform:scale(1.08)}
.image-viewer-reactions button.selected{background:#2f9bff;border-color:#8fc8ff}
@media (max-width:420px){.image-viewer-reactions{gap:4px}.image-viewer-reactions button{width:38px;height:38px;font-size:20px}}

/* ===== 214: küçük profil kartı (avatara / nicke tıklayınca açılan) — daha sade ve düzenli görünüm.
   Renkler değiştirilmez: arka plan, yazı ve vurgu renkleri seçili temadan / uygulama görünümünden gelir.
   Nick listesinin içinde açılan dar (satır içi) karta dokunulmaz; orada yalnız rozet ve gizli düğme kuralları geçerlidir. ===== */
html body #userCard#userCard#userCard .user-card-actions button[hidden]{display:none!important}
html body #userCard#userCard#userCard:not(.inline-member-card){width:min(318px,calc(100vw - 28px))!important;padding:16px 16px 14px!important;border-radius:20px!important;box-shadow:0 18px 48px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.08)!important}
html body #userCard#userCard#userCard:not(.inline-member-card) #userCardClose{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;margin:0!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;z-index:2!important}
html body #userCard#userCard#userCard:not(.inline-member-card) #userCardContext{margin:0 34px 6px 0!important;padding:0!important;font:600 11.5px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:.2px!important;opacity:.72!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-avatar{width:66px!important;height:66px!important;margin:4px auto 8px!important;border-radius:50%!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--profile-rank-color,currentColor) 38%,transparent),0 4px 12px rgba(0,0,0,.14)!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-avatar :is(.social-avatar,img){border-radius:50%!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-avatar[data-profile-photo]{cursor:zoom-in!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-avatar[data-profile-photo]:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-info h2{margin:2px 0 3px!important;font:700 18px/1.25 Arial,Helvetica,sans-serif!important;overflow-wrap:anywhere!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-info .user-card-online{display:block!important;font-size:12px!important;line-height:1.4!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-info p{margin:2px 0 0!important;font-size:12px!important;line-height:1.4!important}
html body #userCard#userCard#userCard .uc-badge-row{display:flex!important;justify-content:center!important;margin:5px 0 3px!important;max-width:100%!important;min-width:0!important}
html body #userCard#userCard#userCard .uc-badge-row .nick-special-badge{max-width:100%!important;min-width:0!important}
/* Rozet sığmıyorsa: yıldızlar üstte, grup adı altta. */
html body #userCard#userCard#userCard .uc-badge-row.uc-stack .nick-special-badge{flex-direction:column!important;align-items:center!important;gap:2px!important;padding:4px 10px 5px!important;border-radius:12px!important}
html body #userCard#userCard#userCard .uc-badge-row.uc-stack .nsb-text{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;text-align:center!important;line-height:1.25!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-actions{margin-top:12px!important;border-radius:14px!important;overflow:hidden!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-actions button{min-height:46px!important;padding:6px 12px!important;gap:11px!important;font-size:13px!important;text-align:left!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-actions button:last-of-type{border-bottom:0!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-actions button .profile-action-icon{flex:0 0 26px!important;width:26px!important;height:26px!important;min-width:26px!important;object-fit:contain!important;margin:0!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-actions button b{display:block!important;font-size:13.5px!important;line-height:1.3!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-actions button small{display:block!important;margin:0!important;font-size:11px!important;line-height:1.3!important;opacity:.78!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .profile-moderation{margin-top:10px!important;border-radius:12px!important}

/* ===== 215: alıntı kutusu (mesaj yazma alanının üstünde) — nick üstte, mesaj altta, gri şerit, sağda × (kanal ve özel) ===== */
html body #app#app#app#app#app .composer>.reply-preview:not([hidden]){display:flex!important;align-items:flex-start!important;gap:8px!important;padding:6px 6px 7px 10px!important;border:0!important;border-left:4px solid var(--cz-0756b9,#0756b9)!important;border-radius:10px!important;background:#eef0f2!important;background-image:none!important;color:#54656f!important;box-shadow:none!important;min-height:0!important;overflow:hidden!important}
html body #app#app#app#app#app .composer>.reply-preview:not([hidden])>div{display:flex!important;flex-direction:column!important;gap:1px!important;flex:1 1 0!important;min-width:0!important;overflow:hidden!important;text-align:left!important}
html body #app#app#app#app#app .composer>.reply-preview:not([hidden])>div>b{display:block!important;color:var(--cz-0756b9,#0756b9)!important;font:700 13px/1.3 Arial,Helvetica,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app#app#app#app#app .composer>.reply-preview:not([hidden])>div>span{display:block!important;color:#54656f!important;font:400 13px/1.35 Arial,Helvetica,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app#app#app#app#app .composer>.reply-preview:not([hidden])>button{flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;background-image:none!important;color:#667781!important;font:400 18px/22px Arial,Helvetica,sans-serif!important;box-shadow:none!important;cursor:pointer!important}
html body #app#app#app#app#app .composer>.reply-preview:not([hidden])>button:hover{background:rgba(0,0,0,.07)!important}
/* 215: Session Kontrol › mesajları gelecek kanallar kutusu */
html body .applet-admin-dialog .admin-session-control .admin-sc-channels{max-width:520px}
html body .applet-admin-dialog .admin-session-control .admin-sc-channels>span>em{font-style:normal;font-weight:400;opacity:.7}
html body .applet-admin-dialog .admin-session-control .admin-sc-channels .admin-channel-rows>p{margin:0;font-size:12px;font-weight:400;opacity:.75}
html body .applet-admin-dialog .admin-session-control .admin-sc-channels .admin-list-row{display:flex;align-items:center;gap:8px}
html body .applet-admin-dialog .admin-session-control .admin-sc-channels .admin-list-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
html body .applet-admin-dialog .admin-session-control .admin-sc-channels .admin-sc-channel-del{flex:0 0 auto;margin:0;padding:4px 12px;font-size:12px}

/* ===== 217: animasyonlu efektler ===== */
/* Özel sohbette mesaj alanının sağ kenarındaki efekt düğmesi (konumu effects.js ölçerek verir). */
#effectButton.fx-button{position:fixed;z-index:60;display:grid;place-items:center;width:50px;height:50px;margin:0;padding:0;border:2px solid #f4c542;border-radius:50%;background:#16181d;color:#f4c542;box-shadow:0 4px 14px rgba(0,0,0,.32),0 0 0 3px rgba(244,197,66,.22);overflow:visible;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
#effectButton.fx-button[hidden]{display:none}
#effectButton.fx-button:hover{transform:scale(1.06)}
#effectButton.fx-button:active{transform:scale(.95)}
#effectButton.fx-button>img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
#effectButton .fx-button-star{font-size:22px;line-height:1}
#effectButton .fx-button-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e53935;color:#fff;font:700 11px/18px Arial,Helvetica,sans-serif;text-align:center;box-sizing:border-box}
#effectButton .fx-button-wait{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.66);color:#fff;font:700 11px/1 Arial,Helvetica,sans-serif;font-style:normal}
#effectButton.is-waiting{border-color:#8a8f98;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.fx-menu{position:fixed;z-index:61;display:flex;flex-direction:column;gap:4px;max-height:min(360px,70dvh);overflow:auto;padding:6px;border-radius:14px;background:#16181d;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.fx-menu[hidden]{display:none}
.fx-menu>button{display:flex;align-items:center;gap:10px;min-width:150px;margin:0;padding:5px 12px 5px 5px;border:0;border-radius:10px;background:transparent;color:#fff;font:600 13px/1.3 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
.fx-menu>button:hover{background:rgba(255,255,255,.12)}
.fx-menu>button>img,.fx-menu>button>.fx-button-star{flex:0 0 38px;width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:#f4c542}
/* Sahne: efekt oynarken ekran kararır, video ortada oynar. Dokununca kapanır. */
.fx-stage{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:rgba(0,0,0,var(--fx-dim,.82));opacity:0;transition:opacity .22s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;contain:strict}
.fx-stage.is-on{opacity:1}
.fx-stage[data-display="chat"]{inset:auto;border-radius:12px}
.fx-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:var(--fx-o,1);pointer-events:none;background:transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%)}
.fx-stage .fx-caption{position:absolute;left:50%;top:max(14px,env(safe-area-inset-top,0px));transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 90px);margin:0;padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:400 13px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap;overflow:hidden;pointer-events:none}
.fx-stage .fx-caption b{color:#f4c542;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.fx-stage .fx-caption span{opacity:.9;overflow:hidden;text-overflow:ellipsis}
.fx-stage .fx-mute{position:absolute;top:max(13px,calc(env(safe-area-inset-top,0px) + 3px));right:52px;margin:0;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(0,0,0,.45);color:rgba(255,255,255,.82);font:400 11px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;cursor:pointer}
/* "Tekrar gösterme" sağ üstte × düğmesinin solunda durur; üstteki yazı onunla çakışmasın diye bir satır aşağı iner. */
.fx-stage.has-mute .fx-caption{top:max(54px,calc(env(safe-area-inset-top,0px) + 44px));max-width:calc(100% - 24px)}
.fx-stage .fx-alone{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-width:calc(100% - 24px);margin:0;padding:8px 14px;border-radius:12px;background:rgba(0,0,0,.68);color:#ffd9a0;font:600 12.5px/1.35 Arial,Helvetica,sans-serif;text-align:center;pointer-events:none;box-sizing:border-box}
.fx-stage .fx-mute:hover{background:rgba(0,0,0,.7);color:#fff}
.fx-stage .fx-close{position:absolute;top:max(10px,env(safe-area-inset-top,0px));right:10px;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font:400 22px/34px Arial,Helvetica,sans-serif;cursor:pointer}
@media (prefers-reduced-motion:reduce){.fx-stage{transition:none}}
/* Admin paneli › Animasyonlu Efektler */
html body .applet-admin-dialog .fx-admin{display:flex;flex-direction:column;gap:12px}
html body .applet-admin-dialog .fx-admin-settings{display:flex;flex-direction:column;gap:10px}
html body .applet-admin-dialog .fx-admin-settings label{display:flex;flex-direction:column;gap:5px;font-weight:600}
html body .applet-admin-dialog .fx-admin-settings label>span>small{display:block;margin-top:2px;font-size:11.5px;font-weight:400;line-height:1.4;opacity:.8}
html body .applet-admin-dialog .fx-admin-settings select{max-width:320px}
html body .applet-admin-dialog .fx-admin-upload h3{margin:0 0 4px;font-size:14px}
html body .applet-admin-dialog .fx-admin-upload h3 span{font-weight:400;opacity:.7}
html body .applet-admin-dialog .fx-admin-upload p{margin:0 0 6px;font-size:12px;line-height:1.45}
html body .applet-admin-dialog .fx-admin-upload-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html body .applet-admin-dialog .fx-admin-upload-row input[type=text]{flex:1 1 160px;min-width:0;box-sizing:border-box}
html body .applet-admin-dialog .fx-admin-upload-row input[type=file]{flex:1 1 200px;min-width:0;max-width:100%;font-size:12px}
html body .applet-admin-dialog .fx-admin-upload-row button{flex:0 0 auto;margin:0}
html body .applet-admin-dialog .fx-admin-status{min-height:16px;font-weight:600}
html body .applet-admin-dialog .fx-admin-list{display:flex;flex-direction:column;gap:10px}
html body .applet-admin-dialog .fx-admin-item{display:flex;align-items:flex-start;gap:12px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:rgba(255,255,255,.6)}
html body .applet-admin-dialog .fx-admin-cover{position:relative;flex:0 0 64px;width:64px;height:112px;margin:0;padding:0;border:0;border-radius:10px;overflow:hidden;background:#16181d;color:#f4c542;cursor:pointer}
html body .applet-admin-dialog .fx-admin-cover img{width:100%;height:100%;object-fit:cover;display:block}
html body .applet-admin-dialog .fx-admin-cover i{position:absolute;right:4px;bottom:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font:400 10px/20px Arial,Helvetica,sans-serif;font-style:normal;text-align:center}
html body .applet-admin-dialog .fx-admin-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
html body .applet-admin-dialog .fx-admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html body .applet-admin-dialog .fx-admin-row input[type=text]{flex:1 1 120px;min-width:0;box-sizing:border-box}
html body .applet-admin-dialog .fx-admin-row button{flex:0 0 auto;margin:0}
html body .applet-admin-dialog .fx-admin-row label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600}
html body .applet-admin-dialog .fx-admin-row small{font-size:11.5px;opacity:.7}
html body .applet-admin-dialog .fx-admin-check input{width:16px;height:16px;margin:0}
html body .applet-admin-dialog .fx-admin-note,html body .applet-admin-dialog .fx-admin-nicks .admin-channel-rows>p{margin:0;font-size:12px;opacity:.78}
html body .applet-admin-dialog .fx-admin-nicks .admin-list-row{display:flex;align-items:center;gap:8px}
html body .applet-admin-dialog .fx-admin-nicks .admin-list-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
html body .applet-admin-dialog .fx-admin-del{padding:4px 12px;font-size:12px}
/* 217: profil kartındaki efekt (nickin efekti varsa işlemlerin üstünde görünür) */
html body #userCard#userCard#userCard .fx-card{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:58px!important;margin:12px 0 0!important;padding:6px 12px 6px 6px!important;border:1px solid #f4c542!important;border-radius:14px!important;background:linear-gradient(135deg,#1b1d24,#2a2417)!important;background-image:linear-gradient(135deg,#1b1d24,#2a2417)!important;color:#fff!important;box-shadow:0 0 0 3px rgba(244,197,66,.16)!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important}
html body #userCard#userCard#userCard .fx-card>img,html body #userCard#userCard#userCard .fx-card>.fx-button-star{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;border:2px solid #f4c542!important;box-sizing:border-box!important;color:#f4c542!important;margin:0!important}
html body #userCard#userCard#userCard .fx-card>span:not(.fx-button-star){flex:1 1 auto!important;min-width:0!important;display:block!important}
html body #userCard#userCard#userCard .fx-card b{display:block!important;color:#f4c542!important;font:700 13.5px/1.3 Arial,Helvetica,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body #userCard#userCard#userCard .fx-card small{display:block!important;margin:0!important;color:#e6e1d3!important;opacity:.9!important;font:400 11px/1.3 Arial,Helvetica,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body #userCard#userCard#userCard .fx-card>i{flex:0 0 auto!important;font-style:normal!important;font-size:12px!important;color:#f4c542!important}
html body #userCard#userCard#userCard .fx-card:disabled{opacity:.55!important;cursor:default!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card{min-height:0!important;padding:5px 8px 5px 5px!important;gap:7px!important;margin-top:8px!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card>img,html body #userCard#userCard#userCard.inline-member-card .fx-card>.fx-button-star{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card>i{display:none!important}
/* 218: profil kartındaki efekt satırı karta tam sığar (dar kartta yazı küçülür, gerekirse iki satıra iner; taşma yok). */
html body #userCard#userCard#userCard .fx-card{max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}
html body #userCard#userCard#userCard .fx-card small:empty{display:none!important}
html body #userCard#userCard#userCard .fx-card b{font-size:13px!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card{width:100%!important;border-radius:11px!important;box-shadow:none!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card b{font-size:11px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card small{font-size:10px!important;white-space:normal!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card>img,html body #userCard#userCard#userCard.inline-member-card .fx-card>.fx-button-star{flex-basis:26px!important;width:26px!important;height:26px!important;min-width:26px!important;border-width:1px!important}
/* 218: admin › Animasyonlu Efektler › tek satırdan nick'e efekt verme */
html body .applet-admin-dialog .fx-admin-assign h3{margin:0 0 4px;font-size:14px}
html body .applet-admin-dialog .fx-admin-assign h3 span{font-weight:400;opacity:.7}
html body .applet-admin-dialog .fx-admin-assign>p{margin:0 0 6px;font-size:12px;line-height:1.45}
html body .applet-admin-dialog .fx-admin-assign-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px}
html body .applet-admin-dialog .fx-admin-assign-row input[type=text]{flex:1 1 130px;min-width:0;box-sizing:border-box}
html body .applet-admin-dialog .fx-admin-assign-row select{flex:1 1 130px;min-width:0;max-width:100%}
html body .applet-admin-dialog .fx-admin-assign-row button{flex:0 0 auto;margin:0}
html body .applet-admin-dialog .fx-admin-assign .admin-list-row{display:flex;align-items:center;gap:8px}
html body .applet-admin-dialog .fx-admin-assign .admin-list-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
html body .applet-admin-dialog .fx-admin-assign .fx-admin-effect-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;opacity:.85}
html body .applet-admin-dialog .fx-admin-assign .admin-channel-rows>p{margin:0;font-size:12px;opacity:.78}
/* 219: nick listesi içindeki dar profil kartında efekt satırı — kapak üstte, yazı altta, daha küçük yazı */
html body #userCard#userCard#userCard.inline-member-card .fx-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px 6px 7px!important;text-align:center!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card>img,html body #userCard#userCard#userCard.inline-member-card .fx-card>.fx-button-star{flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;border-width:2px!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card>span:not(.fx-button-star){flex:0 0 auto!important;width:100%!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card b{font-size:10px!important;line-height:1.2!important;text-align:center!important}
html body #userCard#userCard#userCard.inline-member-card .fx-card small{font-size:9px!important;text-align:center!important}
/* 219: admin › yeni efekt penceresi (durumlardaki kırpma penceresinin aynısı; başlangıç / bitiş çubukları) */
html body dialog.status-compose.fx-compose .status-compose-range>b{flex-basis:50px}
html body .applet-admin-dialog .fx-admin-upload-row [data-fx-pick]{flex:0 0 auto}
/* 220: efekt düğmesi mobilde küçük (40 px); PC'de eski boyutunda (50 px) kalır */
@media (max-width:760px),(hover:none) and (pointer:coarse){
#effectButton.fx-button{width:40px;height:40px}
#effectButton .fx-button-count{min-width:16px;height:16px;border-radius:8px;font:700 10px/16px Arial,Helvetica,sans-serif}
#effectButton .fx-button-wait{font-size:10px}
#effectButton .fx-button-star{font-size:18px}
}
/* 222: PC'de sohbet kartının içinde oynayan dikey videonun yan boşlukları efektin bulanık kapağıyla dolar */
.fx-stage>.fx-fill{position:absolute;inset:-48px;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(28px) brightness(.55);opacity:var(--fx-o,1);pointer-events:none}
.fx-stage.has-fill>video{inset:0 auto 0 50%;width:auto;max-width:100%;height:100%;transform:translateX(-50%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%)}
html body .applet-admin-dialog .fx-admin-settings label.fx-admin-toggle{flex-direction:row;align-items:flex-start;gap:10px}
html body .applet-admin-dialog .fx-admin-settings label.fx-admin-toggle>input{flex:0 0 auto;width:16px;height:16px;margin:3px 0 0}

/* 224: telefonda efekt videosu ekranı tam doldurur (kenarlarda boşluk kalmaz). Yalnız fark küçükken uygulanır; bkz. effects.js */
.fx-stage:not([data-wide]).is-cover>video{object-fit:cover}

/* 225: efekt düğmesi — uzay küresi simgesi (altın çerçeve ve efekt kapağı yerine). Boyutlar aynı: PC 50 px, mobil 40 px. */
#effectButton.fx-button{border:0;background:transparent;box-shadow:0 3px 10px rgba(20,8,60,.45),0 0 12px rgba(190,70,255,.45)}
#effectButton.fx-button>.fx-orb{width:100%;height:100%;display:block;border-radius:50%;pointer-events:none}
#effectButton .fx-button-count{top:-6px;right:-4px;border:1.5px solid #fff;line-height:15px}
#effectButton.is-waiting{box-shadow:0 3px 10px rgba(0,0,0,.3)}
#effectButton.is-waiting>.fx-orb{filter:grayscale(.75) brightness(.8)}
@media (max-width:760px),(hover:none) and (pointer:coarse){#effectButton .fx-button-count{line-height:13px}}

/* 226: Oper Girişi — "Beni hatırla" satırı, otomatik giriş uyarısı, Aktif oturumlar'da operatör satırı */
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-remember{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:4px;margin:12px 0 4px;text-align:left}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-remember>input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:5px!important;accent-color:#00a884;box-shadow:none!important;appearance:auto!important;-webkit-appearance:checkbox!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-remember>label{display:block!important;margin:0!important;font-weight:700!important;cursor:pointer}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-remember>small{grid-column:1/-1;display:block;font-size:12px;line-height:1.35;opacity:.75}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-note{margin:0 0 10px;padding:9px 11px;border-radius:10px;background:rgba(229,57,53,.1);color:#c62828;font-size:13px;font-weight:600;line-height:1.35}
.active-sessions-dialog .as-oper{display:block;margin-top:2px;font-style:normal;font-size:12px;font-weight:700;color:#b8860b}

/* 227: Oper Girişi › "Nicki düşür" düğmesi ve başarı bilgisi */
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-note.is-ok{background:rgba(0,168,132,.12);color:#00795f}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm button.account-drop{margin-top:8px!important;width:100%!important;min-height:40px!important;border:1px solid rgba(229,57,53,.45)!important;border-radius:12px!important;background:transparent!important;color:#c62828!important;font:700 14px/1 Arial,Helvetica,sans-serif!important;cursor:pointer;box-shadow:none!important}

/* 229: App Admin › Sunucu ayarları › Sunucu yanıt metinleri */
.admin-service-texts{margin:12px 0;padding:10px 12px;border:1px solid rgba(127,127,127,.3);border-radius:10px;display:grid;gap:6px}
.admin-service-texts>legend{padding:0 6px;font-weight:700}
.admin-service-texts textarea{width:100%;box-sizing:border-box;font:13px/1.4 ui-monospace,Menlo,Consolas,monospace;resize:vertical;min-height:44px}
.admin-service-texts>label{display:grid;gap:4px;font-weight:600}

/* 234/235/236: qwebirc mobil üst bar (236: classic ve baloncuklu). Sekmeler: Özel Mesajlar · #Kanallar · Durumlar (235: #Kanallar sekmesi eklendi, WhatsApp mobil gibi).
   Sağda (varsayılan): soldan sağa Özel Mesajlar · #Kanallar · Durumlar · radyo · ☰.  Solda: ☰ · radyo · Durumlar · #Kanallar · Özel Mesajlar.
   Mobil qwebirc'in iki görünümünde (classic ve baloncuklu); WhatsApp ve PC değişmez. */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.qw-bar.md-channels-top body #app#app#app#app#app{--qwtab:clamp(54px,16vw,68px)}
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs#modernDemoTabs{justify-content:flex-start!important;padding:0 40px 0 4px!important;gap:6px!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs>[data-md-tab="channels"]{display:flex!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs>[data-md-tab="friends"]{order:1!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs>[data-md-tab="channels"]{order:2!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs>[data-md-tab="statuses"]{order:3!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs>#qwRoomTab{order:4!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs>button>span{font-size:11.5px!important;letter-spacing:-.2px!important;white-space:nowrap!important}
html.qw-bar.md-channels-top body #app#app#app#app#app>.titlebar #modernHeaderRadio#modernHeaderRadio{left:calc((100% + 3 * var(--qwtab) - 24px) / 2)!important;right:auto!important;width:min(150px,calc(100% - 3 * var(--qwtab) - 66px))!important;max-width:min(150px,calc(100% - 3 * var(--qwtab) - 66px))!important;transform:translate(-50%,-50%)!important}
html.qw-bar.qw-room-on.md-channels-top body #app#app#app#app#app>.titlebar #modernHeaderRadio#modernHeaderRadio{left:calc((100% + 3 * var(--qwtab) - 24px) / 2 + 18px)!important;width:min(150px,calc(100% - 3 * var(--qwtab) - 102px))!important;max-width:min(150px,calc(100% - 3 * var(--qwtab) - 102px))!important}
/* Solda */
html.qw-bar.md-channels-top[data-qw-top-menu="left"] body #app#app#app#app#app>.titlebar #modernProfileMenu#modernProfileMenu{left:6px!important;right:auto!important}
html.qw-bar.md-channels-top[data-qw-top-menu="left"] body #app#app#app#app#app #modernDemoTabs#modernDemoTabs{justify-content:flex-end!important;padding:0 10px 0 40px!important}
html.qw-bar.md-channels-top[data-qw-top-menu="left"] body #app#app#app#app#app #modernDemoTabs>#qwRoomTab{order:0!important;margin:0 -2px 0 0!important}
html.qw-bar.md-channels-top[data-qw-top-menu="left"] body #app#app#app#app#app #modernDemoTabs>[data-md-tab="statuses"]{order:1!important}
html.qw-bar.md-channels-top[data-qw-top-menu="left"] body #app#app#app#app#app #modernDemoTabs>[data-md-tab="channels"]{order:2!important}
html.qw-bar.md-channels-top[data-qw-top-menu="left"] body #app#app#app#app#app #modernDemoTabs>[data-md-tab="friends"]{order:3!important}
html.qw-bar.md-channels-top[data-qw-top-menu="left"] body #app#app#app#app#app>.titlebar #modernHeaderRadio#modernHeaderRadio{left:calc((100% - 3 * var(--qwtab) + 18px) / 2)!important}
html.qw-bar.qw-room-on.md-channels-top[data-qw-top-menu="left"] body #app#app#app#app#app>.titlebar #modernHeaderRadio#modernHeaderRadio{left:calc((100% - 3 * var(--qwtab) + 18px) / 2 - 18px)!important}
html.modern-demo.qw-bar.md-channels-top[data-qw-top-menu="left"][data-applet-choice="modern"] body #modernNavigationMenu#modernNavigationMenu#modernNavigationMenu{left:10px!important;right:auto!important}
/* 237: #Kanallar sekmesinde kaç kanala girildiyse kırmızı sayı rozeti (diğer sekmelerin rozetiyle aynı yer ve boy) */
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs>[data-md-tab="channels"]>i.md-chan-count:not([hidden]){position:absolute!important;top:1px!important;left:calc(50% + 5px)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:16px!important;height:16px!important;padding:0 4px!important;margin:0!important;border-radius:9px!important;font:700 10px/16px Arial,Helvetica,sans-serif!important;font-style:normal!important;background:#e54858!important;color:#fff!important;-webkit-text-fill-color:#fff!important;z-index:2;pointer-events:none}
html.qw-bar.md-channels-top body #app#app#app#app#app #modernDemoTabs>[data-md-tab="channels"]>i.md-chan-count[hidden]{display:none!important}
/* 235: Özel Mesajlar / Arkadaşlar / Durumlar sekmesi açıkken üst kanallar gizli; yalnız o sekme görünür (#Kanallar'a dokununca geri gelir). */
html.modern-demo.qw-bar.md-channels-top body.mobile-section-open #app#app#app#app#app>#mdChannelChips{display:none!important}
/* 235/236: qwebirc nick listesinden açılan profil kartı ekranın ortasında; yetkili başlığının rengine uygun açık tonlu, kompakt kart. */
html body #userCard#userCard#userCard.qw-float-card:not(.inline-member-card){width:min(272px,calc(100vw - 48px))!important;padding:14px 14px 12px!important}
html body #userCard#userCard#userCard.qw-float-card.rank-colored-profile:not(.inline-member-card){background:linear-gradient(160deg,color-mix(in srgb,var(--profile-rank-color) 8%,#fff),color-mix(in srgb,var(--profile-rank-color) 17%,#fff))!important;border:1px solid color-mix(in srgb,var(--profile-rank-color) 38%,#fff)!important}
html body #userCard#userCard#userCard.qw-float-card.rank-colored-profile:not(.inline-member-card) :is(#userCardNick,.user-card-info h2){color:var(--profile-rank-color)!important}
html body #userCard#userCard#userCard.qw-float-card.rank-colored-profile:not(.inline-member-card) #userCardClose{background:var(--profile-rank-color)!important}
/* 235/236/238: qwebirc nick listesi daha dar (kanal mesajlarına daha çok yer) */
html.qw-bar.md-channels-top.qw-members-on body #app#app#app#app#app .chat-panel{--qwm-w:clamp(96px,24vw,150px)}
/* 238: avatar biraz sola (kenar çizgisine değmeden), nick avatara daha yakın */
html.qw-bar.md-channels-top body #app#app#app#app#app #qwMembers#qwMembers{padding-left:2px!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #qwMembers#qwMembers .qwm-row{gap:2px!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #qwMembers#qwMembers .qwm-row>.qwm-av{flex:0 0 22px!important;width:22px!important;height:22px!important}
}

/* 238: yazı, boşluk ve × ekran genişliğine göre ölçeklenir (412 px = tam boy, en az 9 px yazı): her telefonda aynı harfler sığar. */
/* 234/236: üst kanallar "her satırda kaç kanal" (✎ Görünüm ayarları · qwebirc classic ve baloncuklu): Otomatik / 4 / 5.
   4 ve 5'te her telefonda satır başına aynı sayıda kanal: düğmeler eşit genişlikte, yazı kalın ve ince düğme.
   Sığmayan kanal adı "…" ile kısalır; seçili (açık) kanalın adı her zaman tam görünür, gerekirse yandaki yeri de kaplar (app.js measureChips). */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo.md-channels-top[data-qw-chips-row] body #app#app#app#app#app #mdChannelChips .md-chips-list{grid-auto-flow:row!important}
/* 235: kanal düğmeleri ince (22 px) */
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips .md-chips-list{grid-auto-rows:22px!important;max-height:49px!important}
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips .md-chips-list.expanded{max-height:none!important}
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips .md-chip{height:22px!important}
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips :is(.md-chip-name,.md-chip-close){height:20px!important;line-height:20px!important}
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips .md-chips-actions{flex:0 0 22px!important;width:22px!important}
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips :is(.md-chips-toggle,.md-chip-add){width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;line-height:20px!important}
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips .md-chips-toggle{background-size:15px 15px!important}
/* 236: sığmayan ad (seçili kanal hariç) "…" ile kısalır — Otomatik dahil */
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips .md-chip:not(.selected) .md-chip-name{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important}
/* 4 / 5: 8N ince sütun, düğme 8 sütun; seçili kanal gerekirse ~8-10 px'lik adımlarla genişler (× ile ad arasında fazla boşluk kalmaz, yandaki kanallara yer kalır) */
html.modern-demo.md-channels-top[data-qw-chips-row="4"] body #app#app#app#app#app #mdChannelChips .md-chips-list{grid-template-columns:repeat(32,minmax(0,1fr))!important;gap:5px!important}
html.modern-demo.md-channels-top[data-qw-chips-row="5"] body #app#app#app#app#app #mdChannelChips .md-chips-list{grid-template-columns:repeat(40,minmax(0,1fr))!important;gap:4px!important}
/* 238: dar ekranda / büyütülmüş yazıda "#Sohbet" bile sığmıyorsa satırdaki kanal sayısı kendiliğinden azalır (app.js chipFit; ayar "en fazla N") */
html.modern-demo.md-channels-top[data-qw-chips-row][data-qw-chips-eff="4"] body #app#app#app#app#app #mdChannelChips .md-chips-list{grid-template-columns:repeat(32,minmax(0,1fr))!important}
html.modern-demo.md-channels-top[data-qw-chips-row][data-qw-chips-eff="3"] body #app#app#app#app#app #mdChannelChips .md-chips-list{grid-template-columns:repeat(24,minmax(0,1fr))!important}
html.modern-demo.md-channels-top[data-qw-chips-row] body #app#app#app#app#app #mdChannelChips .md-chip{width:auto!important;min-width:0!important;max-width:none!important;gap:0!important;padding:0!important}
html.modern-demo.md-channels-top[data-qw-chips-row] body #app#app#app#app#app #mdChannelChips .md-chip:not([style*="grid-column"]){grid-column:span 8}
html.modern-demo.md-channels-top[data-qw-chips-row] body #app#app#app#app#app #mdChannelChips .md-chip .md-chip-name{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;letter-spacing:0!important;font-weight:var(--nlq-weight,700)!important}
html.modern-demo.md-channels-top[data-qw-chips-row] body #app#app#app#app#app #mdChannelChips .md-chip .md-chip-name::after{display:none!important}
html.modern-demo.md-channels-top[data-qw-chips-row="4"] body #app#app#app#app#app #mdChannelChips .md-chip .md-chip-name{padding:0 0 0 clamp(3px,1.45vw,6px)!important;font-size:min(var(--nlq-size,11px),clamp(9px,2.67vw,11px))!important;letter-spacing:-.2px!important}
html.modern-demo.md-channels-top[data-qw-chips-row="5"] body #app#app#app#app#app #mdChannelChips .md-chip .md-chip-name{padding:0 0 0 clamp(3px,1vw,4px)!important;font-size:min(var(--nlq-size,10.5px),clamp(9px,2.55vw,10.5px))!important;letter-spacing:-.3px!important}
html.modern-demo.md-channels-top[data-qw-chips-row="4"] body #app#app#app#app#app #mdChannelChips .md-chip-close{flex:0 0 clamp(11px,3.4vw,14px)!important;width:clamp(11px,3.4vw,14px)!important;font-size:clamp(10px,2.9vw,12px)!important}
html.modern-demo.md-channels-top[data-qw-chips-row="5"] body #app#app#app#app#app #mdChannelChips .md-chip-close{flex:0 0 clamp(10px,2.9vw,12px)!important;width:clamp(10px,2.9vw,12px)!important;font-size:clamp(9.5px,2.67vw,11px)!important}
}

/* 238: büyük resim penceresindeki × tam ortada (yazı satır yüksekliği yüzünden aşağı kaymış görünüyordu) */
html body dialog.image-viewer .image-viewer-close{display:grid!important;place-items:center!important;padding:0!important;font:400 22px/1 Arial,Helvetica,sans-serif!important;top:8px!important;right:8px!important;box-shadow:0 1px 4px #0005}
/* 238: qwebirc nick listesi kartından avatar büyütme: kart boyunda pencere, avatar ortada büyük, X sol üstte */
dialog.avatar-zoom{width:min(272px,calc(100vw - 48px));max-height:calc(100vh - 40px);box-sizing:border-box;margin:auto;padding:48px 16px 18px;border:1px solid #cfe1f5;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.28);overflow:hidden;text-align:center}
dialog.avatar-zoom::backdrop{background:rgba(10,20,30,.45)}
dialog.avatar-zoom.rank-colored{background:linear-gradient(160deg,color-mix(in srgb,var(--profile-rank-color) 8%,#fff),color-mix(in srgb,var(--profile-rank-color) 17%,#fff));border-color:color-mix(in srgb,var(--profile-rank-color) 38%,#fff)}
dialog.avatar-zoom .avatar-zoom-close{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--profile-rank-color,#1565c0);color:#fff;font:400 22px/1 Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}
dialog.avatar-zoom .avatar-zoom-pic{display:grid;place-items:center;width:min(200px,100%);aspect-ratio:1;margin:0 auto;border-radius:22px;overflow:hidden;background:color-mix(in srgb,var(--profile-rank-color,#1565c0) 8%,#fff)}
dialog.avatar-zoom .avatar-zoom-pic img{display:block;width:100%;height:100%;object-fit:contain}
dialog.avatar-zoom .avatar-zoom-pic>*:not(img){width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;display:grid!important;place-items:center!important;background:transparent!important}
dialog.avatar-zoom .avatar-zoom-pic>*:not(img) :is(img,svg){width:78%!important;height:78%!important;max-width:none!important;max-height:none!important;object-fit:contain}
dialog.avatar-zoom .avatar-zoom-nick{display:block;margin:12px 0 0;font:700 16px/1.25 Arial,Helvetica,sans-serif;color:var(--profile-rank-color,#0a4c9e);overflow-wrap:anywhere}
/* 238: dar qwebirc nick listesinde arama kutusu: "Ara" yazısı kesilmesin (silme düğmesi payı ve iç boşluk küçük) */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.qw-bar.md-channels-top body #app#app#app#app#app #qwMembers#qwMembers .qwm-search{padding:0 5px!important;gap:3px!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #qwMembers#qwMembers .qwm-search input{padding-right:16px!important}
}
dialog.avatar-zoom .avatar-zoom-close:focus:not(:focus-visible){outline:0}
dialog.avatar-zoom .avatar-zoom-close:focus{outline:0}
dialog.avatar-zoom .avatar-zoom-close:focus-visible{outline:2px solid #fff;outline-offset:-4px}
html body dialog.avatar-zoom .avatar-zoom-close{border:0!important;outline:0!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important}
html body dialog.avatar-zoom .avatar-zoom-pic :is(.social-dot,.presence-dot,[class*="status-dot"]){display:none!important}

/* 239: efekt üst yazısı (profil kartından): nickin rozeti yan yana (yıldızlar + şerit yazısı), altında "Nick - X'e sahip" */
html body .fx-stage .fx-caption.fx-caption-badge{flex-direction:column!important;align-items:center!important;gap:5px!important;padding:7px 14px 6px!important;border-radius:16px!important;white-space:normal!important;max-width:calc(100% - 90px)!important}
html body .fx-stage .fx-caption-badge .fx-cap-badge{display:flex;justify-content:center;max-width:100%;opacity:1!important}
html body .fx-stage .fx-caption-badge .nick-special-badge{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;max-width:100%!important;padding:3px 11px 3px 8px!important;border-radius:999px!important;white-space:nowrap!important}
html body .fx-stage .fx-caption-badge .nick-special-badge .nsb-text{opacity:1!important;overflow:hidden;text-overflow:ellipsis}
html body .fx-stage .fx-caption-badge .fx-cap-line{display:flex;align-items:center;justify-content:center;gap:0;max-width:100%;margin:0;white-space:nowrap;overflow:hidden}
html body .fx-stage .fx-caption-badge .fx-cap-line span{white-space:pre}

/* 239: mobil qwebirc üst kanallarda en baştaki "Status" (×'i yok; içinde Status aç/kapa düğmesi) */
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips .md-chip.md-chip-status .md-chip-name{padding-right:6px!important;font-style:italic}
html.modern-demo.md-channels-top body #app#app#app#app#app #mdChannelChips .md-chip.md-chip-status .md-chip-name::after{display:none!important}
/* 239: qwebirc baloncuklu: kanaldaki uzun mesaj balonu sağa doğru biraz daha uzar (kart kenarına dayanmaz, ~8 px boşluk kalır) → satırlar daha az kırılır */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.modern-demo.qw-bar.md-channels-top:not([data-qw-irc]) body #app#app#app#app#app #messages#messages{padding-right:4px!important}
html.modern-demo.qw-bar.md-channels-top:not([data-qw-irc]) body #app#app#app#app#app #messages#messages .message.in-channel:not(.self) .message-body{max-width:calc(100% - 37px)!important}
}
/* 239: mobil qwebirc nick listesi arama kutusu daha ince (30 → 24 px) */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.qw-bar.md-channels-top body #app#app#app#app#app #qwMembers#qwMembers .qwm-search{height:24px!important;min-height:0!important;margin-bottom:5px!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #qwMembers#qwMembers .qwm-search input{height:22px!important}
html.qw-bar.md-channels-top body #app#app#app#app#app #qwMembers#qwMembers .qwm-search svg{flex-basis:12px!important;width:12px!important;height:12px!important}
}

/* 240: Özel Mesajlar / Arkadaşlar listesi (mobil): satır içeriğe göre uzar (özel nick rozeti satırdan taşıp çizgiye binmesin) */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html body #app#app#app#app#app :is(#mobilePrivateMessages,.md-friend-list) .md-channel{height:auto!important;min-height:60px!important;padding-top:6px!important;padding-bottom:6px!important}
html body #app#app#app#app#app :is(#mobilePrivateMessages,.md-friend-list) .md-channel .nick-special-badge-row{margin:2px 0 1px!important}
}
/* 240: listede kendi son mesajım: ✓✓ özel sohbetteki tıkla aynı (gri: gönderildi, mavi: görüldü) */
html body .md-channel small>.md-pm-tick{display:inline-block!important;margin-right:3px!important;font:700 12px/14px Arial!important;font-style:normal!important;letter-spacing:-4px!important;padding-right:4px!important;color:var(--md-74867e,#74867e)!important;-webkit-text-fill-color:currentColor!important;vertical-align:baseline}
html body .md-channel small>.md-pm-tick.is-read{color:#0a84ff!important}
/* 240: profil kartı efekt satırındaki ▶ (çizim) */
html body #userCard .fx-card>i>svg.fx-card-play{display:block}
/* 240: mobil qwebirc: kanalda nick listesi düğmesi (MSN simgesi + sayı) ve altındaki geçiş düğmesi şeffaf: zemin, kenar, yuvarlaklık ve gölge yok */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
html.qw-bar body #app#app#app#app#app :is(#mobileMembersButton,#qwIrcToggle){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
}
/* 240: qwebirc classic (MSN mavi tema): üst bar ile tarayıcının adres çubuğu arasındaki boşluk kalktı; bar en üste dayanır (üst köşeler düz) */
html.modern-demo.qw-bar:not(.pc-reference)[data-qw-irc][data-applet-choice="modern"][data-chat-background="msn"] body #app#app#app#app#app#app>.titlebar{margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:0!important}

/* 241: Sunucu Sahibi başlığı (admin kanal efekti / "Sahip" listesi): üstte avatar + nick + rozet, altında açıklama */
html body .fx-stage .fx-caption.fx-caption-owner{flex-direction:column!important;align-items:center!important;gap:5px!important;padding:7px 14px 7px!important;border-radius:16px!important;white-space:normal!important;max-width:calc(100% - 90px)!important}
html body .fx-stage .fx-caption-owner .fx-cap-who{display:flex!important;align-items:center;justify-content:center;gap:7px;max-width:100%;min-width:0;opacity:1!important;overflow:visible!important}
html body .fx-stage .fx-caption-owner .fx-cap-av{flex:0 0 26px;width:26px;height:26px;border-radius:50%;overflow:hidden;display:grid;place-items:center;opacity:1!important;background:#fff}
html body .fx-stage .fx-caption-owner .fx-cap-av>*{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important}
html body .fx-stage .fx-caption-owner .fx-cap-av img{width:100%;height:100%;object-fit:cover}
html body .fx-stage .fx-caption-owner .fx-cap-nick{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html body .fx-stage .fx-caption-owner .fx-cap-nick:not(.nick-styled){color:#f4c542}
html body .fx-stage .fx-caption-owner .fx-cap-badge{display:flex;opacity:1!important;overflow:visible!important;min-width:0}
html body .fx-stage .fx-caption-owner .nick-special-badge{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;padding:2px 9px 2px 7px!important;border-radius:999px!important;white-space:nowrap!important;font-size:10.5px!important}
html body .fx-stage .fx-caption-owner .fx-cap-line{margin:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 241: Sunucu Sahibi kartı: 3 efekt resmi üst üste, "Sahip" */
html body #userCard#userCard#userCard .fx-card.fx-owner-card>span.fx-owner-thumbs{display:flex!important;flex:0 0 auto!important;align-items:center!important;width:auto!important}
html body #userCard#userCard#userCard .fx-owner-card .fx-owner-thumbs>:is(img,.fx-button-star){flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;object-fit:cover;border:2px solid #f4c542;box-sizing:border-box;margin-left:-12px;background:#222;display:grid;place-items:center;color:#f4c542}
html body #userCard#userCard#userCard .fx-owner-card .fx-owner-thumbs>:first-child{margin-left:0}
/* 241: "Sahip" listesi (kanal efekt menüsü görünümünde), ekranın ortasında */
.fx-menu.fx-owner-menu{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);z-index:2147483000!important;width:min(300px,calc(100vw - 32px));max-height:min(70vh,520px);display:flex;flex-direction:column;padding:0!important;overflow:hidden}
.fx-menu.fx-owner-menu[hidden]{display:none!important}
.fx-owner-menu>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px 7px 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.fx-owner-menu>header b{font:700 14px/1.2 Arial,Helvetica,sans-serif;color:#f4c542}
.fx-owner-menu .fx-owner-close{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font:400 18px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.fx-owner-menu .fx-owner-list{overflow-y:auto;overscroll-behavior:contain;padding:4px}
.fx-owner-menu .fx-owner-list>button.is-seen{opacity:.45}
.fx-owner-menu .fx-owner-list{display:flex;flex-direction:column;gap:4px}
.fx-owner-menu .fx-owner-list>button{display:flex;align-items:center;gap:10px;min-width:150px;margin:0;padding:5px 12px 5px 5px;border:0;border-radius:10px;background:transparent;color:#fff;font:600 13px/1.3 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
.fx-owner-menu .fx-owner-list>button:hover{background:rgba(255,255,255,.12)}
.fx-owner-menu .fx-owner-list>button>img,.fx-owner-menu .fx-owner-list>button>.fx-button-star{flex:0 0 38px;width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:#f4c542}
/* 241: Sunucu Sahibi nicki başlıkta rozet ve yıldız renginde (altın sarısı); nickin kendi rengi kullanılmaz, yazı tipi kalır */
html body .fx-stage .fx-caption-owner .fx-cap-nick,html body .fx-stage .fx-caption-owner .fx-cap-nick *{color:#f4c542!important;-webkit-text-fill-color:#f4c542!important;background:none!important;text-shadow:none!important}