/* Dosya tabanlı simgeler: her satıra SVG ağacı gömmek yerine /images/icons/ altındaki
   dosyalar bir kez indirilip önbellekten maske olarak kullanılır. Renk yine currentColor. */
.ico{display:block;width:100%;height:100%;flex:none;background-color:currentColor;
 -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;pointer-events:none}
.ico-box{display:inline-block;width:1em;height:1em;flex:none;line-height:0;aspect-ratio:1/1}
/* Eski <svg> gibi kare oran: temalar genişliği % ile verdiğinde (bot/VIP mesaj avatarı) kutu 0'a çökmesin */
.ico-box{min-width:0}
.ico-grup-owner{--ico:url("/images/icons/grup-owner.svg")}
.ico-grup-services{--ico:url("/images/icons/grup-services.svg")}
.ico-grup-coadmin{--ico:url("/images/icons/grup-coadmin.svg")}
.ico-grup-technical{--ico:url("/images/icons/grup-technical.svg")}
.ico-grup-root{--ico:url("/images/icons/grup-root.svg")}
.ico-grup-staff{--ico:url("/images/icons/grup-staff.svg")}
.ico-grup-vip{--ico:url("/images/icons/grup-vip.svg")}
.ico-grup-q{--ico:url("/images/icons/grup-q.svg")}
.ico-grup-a{--ico:url("/images/icons/grup-a.svg")}
.ico-grup-o{--ico:url("/images/icons/grup-o.svg")}
.ico-grup-h{--ico:url("/images/icons/grup-h.svg")}
.ico-grup-v{--ico:url("/images/icons/grup-v.svg")}
.ico-grup-bot{--ico:url("/images/icons/grup-bot.svg")}
.ico-grup-gamebot{--ico:url("/images/icons/grup-gamebot.svg")}
.ico-grup-rootadmin{--ico:url("/images/icons/grup-rootadmin.svg")}
.ico-grup-gensor{--ico:url("/images/icons/grup-gensor.svg")}
.ico-grup-gensoryrd{--ico:url("/images/icons/grup-gensoryrd.svg")}
.ico-grup-sales{--ico:url("/images/icons/grup-sales.svg")}
.ico-grup-radio{--ico:url("/images/icons/grup-radio.svg")}
.ico-grup-chanserv{--ico:url("/images/icons/grup-chanserv.svg")}
.ico-grup-nickserv{--ico:url("/images/icons/grup-nickserv.svg")}
.ico-grup-help{--ico:url("/images/icons/grup-help.svg")}
.ico-grup-normal{--ico:url("/images/icons/grup-normal.svg")}
.ico-rutbe-crown{--ico:url("/images/icons/rutbe-crown.svg")}
.ico-rutbe-swords{--ico:url("/images/icons/rutbe-swords.svg")}
.ico-rutbe-shield{--ico:url("/images/icons/rutbe-shield.svg")}
.ico-rutbe-voice{--ico:url("/images/icons/rutbe-voice.svg")}
.ico-begen{--ico:url("/images/icons/begen.svg")}
.ico-paylas{--ico:url("/images/icons/paylas.svg")}
/* Eski <svg> boyutlarının karşılıkları */
.classic-like .ico-begen{width:13px;height:13px}
.reaction-share .ico-paylas{width:23px;height:23px}
html[data-message-style="classic"] #messages .reaction-menu .ico{width:17px;height:17px}
/* Profil penceresinde yetki rozeti */
.social-profile-hero .profile-role{display:flex;width:fit-content;align-items:center;justify-content:center;gap:6px;margin:3px auto 4px!important;align-self:center;padding:3px 11px 3px 8px;border-radius:999px;font-size:13px;font-weight:700;line-height:18px;color:var(--role-color);background:color-mix(in srgb,var(--role-color) 13%,transparent);border:1px solid color-mix(in srgb,var(--role-color) 30%,transparent)}
.social-profile-hero .profile-role .member-group-icon{width:16px;height:16px;color:var(--role-color);position:static;opacity:1;transform:none}
.social-profile-hero .profile-role-channel{font-size:12px;font-weight:600;padding:2px 9px 2px 7px}
.social-profile-hero .profile-role{max-width:100%}
/* Mesaj tepkileri (balonun altındaki sayaçlar) — yalnız PC: biraz büyütüldü ve kullanıcının yazı boyutuyla orantılı.
   Varsayılan yazı 14 px; kullanıcı büyütüp küçültünce tepkiler de aynı oranda değişir.
   Balonun alt boşluğu da aynı ölçüyle büyür; mesaj satırı ve kaydırma kurallarına dokunulmaz. */
html{--rk:var(--chat-text-size,14px)}
/* PC (pc-reference): bir tık daha büyük */
html.pc-reference body #app#app#app#app #messages .message .reaction-counts button{height:calc(var(--rk)*1.79)!important;min-height:calc(var(--rk)*1.79)!important;padding:0 calc(var(--rk)*.43)!important;font-size:calc(var(--rk)*1.07)!important;line-height:calc(var(--rk)*1.65)!important;gap:3px!important}
html.pc-reference body #app#app#app#app #messages .message .message-body.has-reactions{margin-bottom:calc(var(--rk)*1.79 + 7px)!important}
html.pc-reference body #app#app#app#app #messages .message .reaction-counts button b{font-size:.82em!important;line-height:inherit!important}