/* ===== Sohbet (R33: mesajlaşma platformu) ===== */
.chat{display:grid;grid-template-columns:320px minmax(0,1fr);flex:1;min-height:0;height:100%;position:relative}
.chat.panel-open{grid-template-columns:320px minmax(0,1fr) 340px}
@media (max-width:1180px){.chat.panel-open{grid-template-columns:280px minmax(0,1fr) 300px}.chat{grid-template-columns:280px minmax(0,1fr)}}
/* ---- sol: sohbet listesi ---- */
.chat-list{border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0}
.chat-list .head{padding:10px 10px 8px 14px;display:flex;align-items:center;gap:4px}
.chat-list .head h3{font-size:17px;flex:1;font-family:Barlow,sans-serif;font-weight:600}
.baglanti{width:8px;height:8px;border-radius:50%;background:var(--ink-3);opacity:.5;margin-right:4px}
.baglanti.on{background:var(--good);opacity:1}
.baglanti.off{background:var(--warn);opacity:1;animation:yanip 1.2s infinite}
@keyframes yanip{50%{opacity:.3}}
.chat-ara{padding:0 12px 8px}
.chat-ara input{width:100%;box-sizing:border-box;font:inherit;font-size:13px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);outline:none}
.chat-ara input:focus{border-color:var(--accent);background:var(--surface)}
.chat-filtre{display:flex;gap:4px;padding:0 12px 8px;overflow-x:auto;scrollbar-width:none}
.chat-filtre::-webkit-scrollbar{display:none}
.chat-filtre button{flex:none;font:inherit;font-size:11.5px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}
.chat-filtre button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.chat-list .scroll{overflow-y:auto;flex:1;border-top:1px solid var(--line-2)}
.chan{display:flex;gap:10px;align-items:center;padding:9px 10px 9px 14px;cursor:pointer;border-bottom:1px solid var(--line-2);position:relative;user-select:none;-webkit-user-select:none}
.chan:hover{background:var(--surface-2)}
.chan.active{background:var(--accent-soft)}
.chan:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.chan .t{flex:1;min-width:0}
.chan .t b{display:block;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chan .t small{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chan .t small .tik{font-size:11px}
.chan.unread .t b{font-weight:600}
.chan.unread .t small{color:var(--ink-2)}
.chan .r{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;color:var(--ink-3);min-width:34px}
.chan .r .rozetler{display:flex;gap:3px;align-items:center;min-height:18px}
.chan .r .ikon{font-size:11px;opacity:.7}
.chan .menu-ac{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;opacity:0;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.chan:hover .menu-ac,.chan:focus-within .menu-ac{opacity:1}
.chan .mini{font-size:11px;opacity:.7}
.chat-sep{padding:10px 14px 4px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.yaziyor{color:var(--accent-ink);font-style:normal;font-weight:500}
.cevrimici{color:var(--good)}
.avatar.md{width:36px;height:36px;font-size:14px}
.avatar.grp{font-size:15px}
.avatar .dot{border-color:var(--surface)}
.chan.active .avatar .dot{border-color:var(--accent-soft)}
mark{background:rgba(237,161,0,.35);color:inherit;border-radius:2px;padding:0 1px}
.empty.small{padding:14px;font-size:12.5px}
.list-sade .chan{cursor:default}
.list-sade .chan.hit,.list-sade .chan.uye{cursor:pointer}
.list-sade .dik{width:26px;display:inline-grid;place-items:center;color:var(--ink-3)}
.list-sade .dik svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
/* ---- orta: konuşma ---- */
.conv{display:flex;flex-direction:column;min-height:0;background:var(--bg);position:relative}
.conv-bos{margin:auto;text-align:center;color:var(--ink-3);padding:30px;max-width:420px}
.conv-bos .bos-ikon{font-size:44px;margin-bottom:8px}
.conv-bos h3{color:var(--ink-2);font-size:18px;margin-bottom:6px}
.conv-bos p{font-size:13px;line-height:1.6}
.conv .head{padding:6px 10px 6px 8px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:4px;min-height:54px}
.head-kisi{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:transparent;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:4px 6px;border-radius:10px}
.head-kisi:hover{background:var(--surface-2)}
.head-kisi .hb{min-width:0}
.conv .head h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.conv .head small{display:block;font-size:12px;color:var(--ink-3);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kopuk-serit{display:none;background:rgba(250,178,25,.18);color:#8a5d00;font-size:11.5px;padding:3px 12px;text-align:center}
.chat.kopuk .kopuk-serit{display:block}
.sabit-serit{display:flex;align-items:center;gap:4px;background:var(--surface);border-bottom:1px solid var(--line);padding:4px 8px 4px 10px}
.sabit-ic{flex:1;min-width:0;display:flex;gap:8px;align-items:center;background:transparent;border:0;font:inherit;color:inherit;cursor:pointer;text-align:left;padding:2px 4px;border-left:3px solid var(--accent);border-radius:2px}
.sabit-ic .sabit-metin{min-width:0;display:flex;flex-direction:column}
.sabit-ic b{font-size:11.5px;color:var(--accent-ink)}
.sabit-ic span span{font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msgs-wrap{flex:1;min-height:0;position:relative;display:flex}
.msgs{flex:1;overflow-y:auto;padding:10px 18px 8px;display:flex;flex-direction:column;gap:1px;overscroll-behavior:contain}
.msg-bosluk{margin-top:auto;flex:none}
.day-sep{position:sticky;top:4px;z-index:2;align-self:center;margin:8px 0 6px;pointer-events:none}
.day-sep span{font-size:11px;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 10px;box-shadow:var(--shadow)}
.unread-line{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--s2);margin:8px 0;font-weight:500}
.unread-line::before,.unread-line::after{content:"";flex:1;height:1px;background:var(--s2);opacity:.6}
.msg{display:flex;gap:8px;padding:2px 0;max-width:min(78%,820px);position:relative;align-items:flex-end}
.msg.cont{padding-top:0}
.msg .av-bos{width:26px;flex:none}
.msg .avatar{margin-bottom:2px}
.msg .b{min-width:0;max-width:100%;position:relative}
.msg .n{font-size:12px;font-weight:600;margin:2px 0 1px 4px}
.msg.mine{flex-direction:row-reverse;align-self:flex-end}
.bubble{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px 10px 5px;font-size:13.5px;box-shadow:0 1px 1px rgba(0,0,0,.03);min-width:60px;max-width:100%;overflow-wrap:anywhere}
.msg:not(.mine):not(.cont) .bubble{border-top-left-radius:4px}
.msg.mine .bubble{background:var(--accent-soft);border-color:transparent}
.msg.mine:not(.cont) .bubble{border-top-right-radius:4px}
.msg.gonderiliyor .bubble{opacity:.7}
.msg.hatali .bubble{border-color:var(--critical)}
.bubble .txt{white-space:pre-wrap;word-break:break-word;line-height:1.45}
.bubble .txt.emoji-buyuk{font-size:34px;line-height:1.2}
.bubble .txt code{font-family:"IBM Plex Mono",monospace;font-size:12.5px;background:rgba(127,127,127,.15);padding:1px 4px;border-radius:4px}
.bubble .txt pre{font-family:"IBM Plex Mono",monospace;font-size:12.5px;background:rgba(127,127,127,.12);padding:8px 10px;border-radius:8px;margin:4px 0;overflow:auto;white-space:pre-wrap}
.bubble .txt a{word-break:break-all}
.bubble .txt.deleted{color:var(--ink-3);font-style:italic}
.bubble .mention{color:var(--accent-ink);font-weight:600;cursor:pointer}
.bubble .mention.ben{background:rgba(237,161,0,.25);border-radius:4px;padding:0 3px}
.bubble .iletildi{font-size:11px;color:var(--ink-3);font-style:italic;margin-bottom:2px}
.bubble .quote{border-left:3px solid var(--accent);background:rgba(127,127,127,.1);border-radius:6px;padding:4px 8px;margin:0 0 5px;font-size:12.5px;cursor:pointer;display:flex;flex-direction:column;max-width:min(420px,100%);box-sizing:border-box}
.bubble .quote b{font-size:11.5px}
.bubble .quote span{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bubble .meta{float:right;margin:6px -2px -2px 10px;font-size:10.5px;color:var(--ink-3);display:inline-flex;gap:4px;align-items:center;white-space:nowrap;line-height:1}
.bubble .meta i{font-style:normal;opacity:.9}
.tik{color:var(--ink-3);letter-spacing:-2px;font-size:11px}
.tik.okundu{color:#1e9fdc}
.tik.kismi{color:var(--ink-2)}
.tik.hata{color:var(--critical);font-weight:700;letter-spacing:0}
.tik.bekliyor{letter-spacing:0}
.msg.sys{align-self:center;max-width:90%;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:11.5px;color:var(--ink-3);margin:6px 0;display:inline-block;text-align:center}
.msg.sys small{opacity:.7;margin-left:4px}
.msg.vurgu .bubble{animation:vurgu 2.2s ease-out}
@keyframes vurgu{0%,60%{box-shadow:0 0 0 3px var(--warn)}100%{box-shadow:none}}
/* ekler */
.att{display:block;margin:2px 0 4px}
.att.img img{max-width:320px;max-height:280px;border-radius:8px;display:block;cursor:zoom-in;background:var(--surface-2)}
.att-grid{display:grid;gap:3px;margin:2px 0 4px}
.att-grid.n1{grid-template-columns:1fr}
.att-grid.n2,.att-grid.n4{grid-template-columns:1fr 1fr}
.att-grid.n3{grid-template-columns:1fr 1fr 1fr}
.att-grid:not(.n1) .att.img img{width:150px;height:150px;object-fit:cover}
.att-grid .att{margin:0}
.att.dosya{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;background:rgba(127,127,127,.1);border-radius:8px;padding:6px 10px;max-width:100%}
.att.dosya .dik{width:28px;height:28px;display:grid;place-items:center;color:var(--accent-ink)}
.att.dosya .dik svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.att.dosya .dad{display:flex;flex-direction:column;min-width:0}
.att.dosya b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.att.dosya small{font-size:11px;color:var(--ink-3)}
.att.ses{display:flex;align-items:center;gap:6px}
.att.ses audio{width:240px;height:36px;max-width:100%}
.att.vid video{max-width:320px;max-height:260px;border-radius:8px;display:block;background:#000}
/* tepkiler */
.tepkiler{display:flex;flex-wrap:wrap;gap:4px;margin:3px 4px 2px}
.msg.mine .tepkiler{justify-content:flex-end}
.tepki{font:inherit;font-size:12px;padding:1px 7px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:inline-flex;gap:4px;align-items:center;line-height:1.5}
.tepki span{font-size:11px;color:var(--ink-2);font-weight:500}
.tepki.me{border-color:var(--accent);background:var(--accent-soft)}
.tepki:hover{filter:brightness(.97)}
/* balon üstü eylemler */
.msg .acts{position:absolute;top:-4px;right:-2px;display:none;gap:1px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:1px;z-index:3}
.msg.mine .acts{right:auto;left:-2px}
.msg:hover .acts,.msg:focus-within .acts{display:flex}
.msg .acts button{background:transparent;border:0;width:28px;height:26px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--ink-2)}
.msg .acts button:hover{background:var(--surface-2)}
@media (hover:none){.msg .acts{display:none!important}}
/* aşağı düğmesi ve yazıyor */
.asagi{position:absolute;right:16px;bottom:12px;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;font-size:16px;color:var(--ink-2);z-index:4}
.asagi .badge{position:absolute;top:-8px;right:-6px}
.yazma-cubugu{padding:2px 18px 4px;font-size:12px;color:var(--ink-3);min-height:0;display:flex;align-items:center;gap:6px;background:var(--bg)}
.yazma-cubugu .noktalar{display:inline-flex;gap:3px}
.yazma-cubugu .noktalar i{width:5px;height:5px;border-radius:50%;background:var(--ink-3);display:inline-block;animation:zipla 1.2s infinite}
.yazma-cubugu .noktalar i:nth-child(2){animation-delay:.2s}
.yazma-cubugu .noktalar i:nth-child(3){animation-delay:.4s}
@keyframes zipla{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}
/* besteci */
.composer-wrap{background:var(--surface);border-top:1px solid var(--line);padding:6px 10px 8px;position:relative}
.ust-serit{display:flex;align-items:center;gap:6px;padding:4px 4px 6px}
.ust-serit .serit-ic{flex:1;min-width:0;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:6px;padding:4px 8px;display:flex;flex-direction:column;font-size:12.5px}
.ust-serit .serit-ic b{font-size:11.5px;color:var(--accent-ink)}
.ust-serit .serit-ic span{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ekler{display:flex;gap:6px;flex-wrap:wrap;padding:2px 4px 6px}
.ekler .ek{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:4px 6px 4px 8px;font-size:12px;max-width:260px}
.ekler .ek img{width:34px;height:34px;object-fit:cover;border-radius:5px}
.ekler .ek .dik{width:22px;display:inline-grid;place-items:center;color:var(--ink-3)}
.ekler .ek .dik svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.ekler .ek .ad{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.ekler .ek small{color:var(--ink-3);white-space:nowrap}
.ekler .ek.yukleniyor{opacity:.7}
.ekler .ek.hata{border-color:var(--critical)}
.ekler .ek .iconbtn{width:22px;height:22px}
.composer{display:flex;gap:4px;align-items:flex-end}
.composer .iconbtn{flex:none;height:38px;width:36px;font-size:18px;color:var(--ink-2)}
.composer textarea{flex:1;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);color:var(--ink);resize:none;min-height:38px;max-height:180px;line-height:1.4;box-sizing:border-box}
.composer textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--surface)}
.composer .send{flex:none;width:38px;height:38px;padding:0;border-radius:50%;justify-content:center;opacity:.55}
.composer .send.hazir{opacity:1}
.composer .send svg{width:16px;height:16px}
.kayit{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:13px}
.kayit .kirmizi{width:10px;height:10px;border-radius:50%;background:var(--critical);animation:yanip 1s infinite}
.kayit .spacer{flex:1}
.mention-box{position:absolute;left:12px;bottom:calc(100% - 2px);background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:220px;overflow:auto;min-width:240px;z-index:5;padding:4px}
.mention-box div[data-i]{padding:5px 8px;cursor:pointer;font-size:13px;border-radius:6px;display:flex;gap:8px;align-items:center}
.mention-box div.on,.mention-box div[data-i]:hover{background:var(--accent-soft)}
.birak{position:absolute;inset:0;background:rgba(13,110,122,.12);border:3px dashed var(--accent);z-index:6;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--accent-ink);font-weight:600;pointer-events:none}
/* ---- sağ: bilgi paneli ---- */
.chat-info{border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0}
.chat-info .head{padding:10px 8px 10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;min-height:54px}
.chat-info .head h3{flex:1;font-size:14px}
.chat-info .scroll{overflow-y:auto;flex:1}
.chat-info .kimlik{padding:18px 14px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.chat-info .kimlik h3{font-size:16px;margin:4px 0 0}
.chat-info .kimlik small{color:var(--ink-3);font-size:12px;line-height:1.5}
.ayar-satir{display:flex;flex-direction:column;gap:6px;padding:8px 14px 10px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);font-size:13px}
.ayar-satir label{display:flex;gap:8px;align-items:center;cursor:pointer}
.sekmeler{display:flex;gap:2px;padding:8px 10px 0;border-bottom:1px solid var(--line)}
.sekmeler button{font:inherit;font-size:12.5px;padding:6px 8px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ink-2);cursor:pointer}
.sekmeler button.on{color:var(--accent-ink);border-bottom-color:var(--accent);font-weight:600}
.panel-alt{padding:14px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line-2);margin-top:8px}
.medya-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px}
.medya-grid a{aspect-ratio:1;display:block;overflow:hidden;border-radius:6px;background:var(--surface-2)}
.medya-grid img{width:100%;height:100%;object-fit:cover;display:block}
.medya-grid .vid{display:grid;place-items:center;font-size:24px;text-decoration:none}
.ilet-liste{max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:10px}
.ilet-liste .chan{border-bottom:1px solid var(--line-2);cursor:pointer}
.ilet-liste label.chan input{margin:0 2px 0 0}
.renkler{display:flex;gap:6px;flex-wrap:wrap}
.renk{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer}
.renk.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface)}
/* ---- menüler (açılır ve alt sayfa) ---- */
.popmenu-bg{position:fixed;inset:0;z-index:70}
.popmenu{position:fixed;min-width:230px;max-width:320px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px -8px rgba(0,0,0,.35);padding:5px;z-index:71;animation:tin .12s ease-out}
.popmenu button[role=menuitem],.sheet button[role=menuitem]{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;font:inherit;font-size:13.5px;color:var(--ink);padding:8px 10px;border-radius:8px;cursor:pointer}
.popmenu button[role=menuitem]:hover,.sheet button[role=menuitem]:hover{background:var(--surface-2)}
.popmenu button .mi,.sheet button .mi{width:22px;text-align:center;flex:none;font-size:14px}
.popmenu button small,.sheet button small{margin-left:auto;color:var(--ink-3);font-size:11px}
.popmenu button.tehlike,.sheet button.tehlike{color:var(--critical)}
.popmenu .ayrac,.sheet .ayrac{height:1px;background:var(--line);margin:4px 6px}
.hizli-tepki{display:flex;gap:2px;padding:4px 4px 6px;justify-content:space-between}
.hizli-tepki button{font-size:20px;background:transparent;border:0;cursor:pointer;width:36px;height:36px;border-radius:50%}
.hizli-tepki button:hover{background:var(--surface-2);transform:scale(1.15)}
.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:70;display:flex;align-items:flex-end;justify-content:center}
.sheet{width:min(560px,100%);background:var(--surface);border-radius:16px 16px 0 0;padding:6px 8px calc(10px + env(safe-area-inset-bottom));max-height:75vh;overflow:auto;animation:sheetin .18s ease-out}
.sheet-cizgi{width:40px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 8px}
@keyframes sheetin{from{transform:translateY(30px)}to{transform:none}}
.sheet button[role=menuitem]{padding:11px 12px;font-size:14.5px}
/* emoji paneli */
.emoji-panel{width:330px;padding:6px}
.emoji-sekme{display:flex;gap:2px;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:4px}
.emoji-sekme button{flex:1;font-size:16px;background:transparent;border:0;border-radius:6px;padding:4px 0;cursor:pointer;opacity:.6}
.emoji-sekme button.on{background:var(--surface-2);opacity:1}
.emoji-liste{display:flex;flex-wrap:wrap;max-height:230px;overflow:auto;align-content:flex-start}
.emoji-liste .chat-sep{width:100%;padding:4px 6px}
.emoji-liste button{width:36px;height:36px;font-size:21px;background:transparent;border:0;border-radius:8px;cursor:pointer;line-height:1}
.emoji-liste button:hover{background:var(--surface-2);transform:scale(1.15)}
.sheet.emoji-panel{width:min(560px,100%)}
.sheet .emoji-liste{max-height:45vh}
/* ışık kutusu */
.lightbox{position:fixed;inset:0;background:rgba(5,10,14,.92);z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px}
.lightbox img{max-width:96vw;max-height:84vh;border-radius:6px;object-fit:contain;cursor:zoom-out}
.lb-bar{display:flex;gap:10px;align-items:center;color:#fff;font-size:13px}
/* ---- mobil ---- */
@media (max-width:860px){
  .chat,.chat.panel-open{grid-template-columns:minmax(0,1fr)}
  .chat.conv-open .chat-list{display:none}
  .chat:not(.conv-open) .conv{display:none}
  .chat.panel-open .chat-info{position:fixed;inset:0;z-index:45;border:0}
  .chat:not(.panel-open) .chat-info{display:none}
  .back-btn{display:inline-grid}
  .msg{max-width:88%}
  .msgs{padding:8px 10px 6px}
  .att.img img{max-width:240px;max-height:240px}
  .att-grid:not(.n1) .att.img img{width:120px;height:120px}
  .att.ses audio{width:200px}
  .composer .iconbtn{width:32px}
  .chan .menu-ac{display:none}
  .head-kisi{padding:2px}
}