/* R69: sohbet kutuları (sağ alt köşede "Mesajlaşma" çubuğu, açık konuşma penceresi ve küçültülmüş pencereler) */
.sk{position:fixed;right:16px;bottom:0;z-index:45;display:flex;align-items:flex-end;gap:8px;pointer-events:none;max-width:calc(100vw - 32px)}
.sk>*{pointer-events:auto}
.sk-pencereler{display:flex;align-items:flex-end;gap:8px}
.sk-kucukler{display:flex;align-items:flex-end;gap:8px}
.sk-pencere{background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -6px 28px -8px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;animation:skGel .16s ease-out}
@keyframes skGel{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
/* açık pencere */
.sk-acik{width:372px;height:min(560px,calc(100vh - 72px));min-height:320px}
.sk-bas{display:flex;align-items:center;gap:2px;padding:6px 6px 6px 8px;border-bottom:1px solid var(--line);background:var(--surface);min-height:46px;flex:none}
.sk-bas-kisi{flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:transparent;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:3px 6px;border-radius:9px}
.sk-bas-kisi:hover{background:var(--surface-2)}
.sk-bas-ad{min-width:0;display:flex;flex-direction:column}
.sk-bas-ad b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-bas-ad small{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:14px}
.sk-bas .iconbtn{width:28px;height:28px;font-size:16px;color:var(--ink-2)}
.sk-bas .iconbtn svg{width:16px;height:16px}
/* Chat'in konuşma kabı kutu içinde: liste ve bilgi paneli yok, başlık kutunun kendisinde */
.sk .chat.kutu{display:flex;flex-direction:column;flex:1;min-height:0;height:auto;grid-template-columns:none}
.sk .chat.kutu .conv{flex:1;min-height:0}
.sk .chat.kutu .conv>.head{display:none}
.sk .chat.kutu .msgs{padding:8px 10px 6px}
.sk .chat.kutu .msg{max-width:90%}
.sk .chat.kutu .bubble{font-size:13px;padding:5px 9px 4px}
.sk .chat.kutu .bubble .quote{max-width:100%}
.sk .chat.kutu .asagi{right:10px;bottom:8px;width:30px;height:30px;font-size:14px}
.sk .chat.kutu .yazma-cubugu{padding:2px 10px 3px;font-size:11.5px}
.sk .chat.kutu .composer-wrap{padding:4px 6px 6px}
.sk .chat.kutu .composer{gap:2px}
.sk .chat.kutu .composer .iconbtn{width:30px;height:34px;font-size:16px}
.sk .chat.kutu .composer textarea{font-size:13.5px;padding:7px 10px;min-height:34px;max-height:120px;border-radius:16px}
.sk .chat.kutu .composer .send{width:34px;height:34px}
.sk .chat.kutu .composer .send svg{width:14px;height:14px}
.sk .chat.kutu .ekler .ek{max-width:200px}
.sk .chat.kutu .mention-box{left:8px}
.sk .chat.kutu .conv-bos{padding:18px}
/* küçültülmüş pencere: yalnız başlık */
.sk-kucuk{width:196px;height:42px;flex-direction:row;align-items:center;gap:8px;padding:0 4px 0 10px;cursor:pointer;user-select:none}
.sk-kucuk:hover{background:var(--surface-2)}
.sk-kucuk:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sk-kucuk b{flex:1;min-width:0;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-kucuk.unread b{font-weight:600}
.sk-kucuk .iconbtn{width:26px;height:26px;color:var(--ink-3);flex:none}
.sk-kucuk .iconbtn svg{width:14px;height:14px}
/* çubuk: kapalıyken tek satır, açıkken sohbet listesi */
.sk-cubuk{width:232px;background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -6px 28px -8px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;transition:width .15s ease}
.sk-cubuk.acik{width:336px;height:min(520px,calc(100vh - 72px))}
.sk-cubuk-bas{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;min-height:44px;background:transparent;border:0;font:inherit;color:inherit;cursor:pointer;text-align:left;width:100%;flex:none}
.sk-cubuk-bas:hover{background:var(--surface-2)}
.sk-cubuk-bas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sk-cubuk-bas b{flex:1;min-width:0;font-family:var(--font-head);font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-cubuk-bas .sk-ok{color:var(--ink-3);font-size:14px;width:20px;text-align:center}
.sk-cubuk.acik .sk-cubuk-bas{border-bottom:1px solid var(--line)}
.sk-liste{display:flex;flex-direction:column;flex:1;min-height:0}
.sk-liste-bas{display:flex;align-items:center;gap:2px;padding:8px 6px 0 0}
.sk-liste-bas .chat-ara{flex:1;min-width:0;padding:0 0 8px 12px}
.sk-liste-bas .iconbtn{color:var(--ink-2);margin-bottom:8px}
.sk-satirlar{overflow-y:auto;flex:1;min-height:0;border-top:1px solid var(--line-2);overscroll-behavior:contain}
.sk-satirlar a.chan{color:inherit;text-decoration:none}
.sk-satirlar button.chan{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-2);font:inherit;color:inherit;text-align:left}
.sk-satirlar .chan:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sk-alt{display:block;text-align:center;padding:9px;font-size:13px;font-weight:600;border-top:1px solid var(--line);color:var(--accent-ink);text-decoration:none;flex:none}
.sk-alt:hover{background:var(--surface-2)}
/* kutu varken bildirim balonları sol altta (sol menünün yanında): çubuğun, listenin ve açık pencerenin üstüne gelmez */
body.sk-var .toasts{left:var(--sk-toast-sol,16px);right:auto}
@media (max-width:860px){.sk{display:none}}
@media print{.sk{display:none}}