/* 277: Özel mesaj grupları */
#dmBox .gav{position:relative;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--gc,#7b5cff),color-mix(in srgb,var(--gc,#7b5cff) 55%,#000));color:#fff;flex:none;overflow:visible}
#dmBox .gav img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
#dmBox .gav b{font-size:21px;font-weight:800;line-height:1}
#dmBox .gav i{position:absolute;right:-3px;bottom:-3px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-style:normal;background:#2563eb;border:2px solid var(--p,#14122e)}
#dmBox .gav.big{width:104px;height:104px}#dmBox .gav.big b{font-size:42px}#dmBox .gav.big i{width:30px;height:30px;font-size:15px;right:2px;bottom:2px}
#dmBox .dmr.gro .dmn small .glw{color:var(--tx,#ece9ff);opacity:.85}
#dmBox .dmr.gro .gcl{font-style:normal;color:#22c55e;font-weight:700}
#dmBox .dmr.gro .gmu{font-style:normal;font-size:12px;opacity:.7}
#dmBox .dmt em.mu{background:#ffffff38!important;color:inherit!important}
#dmBox .gfm2{position:absolute;right:18px;bottom:92px;z-index:5;min-width:210px;padding:6px;border-radius:16px;background:var(--p2,#1b1840);border:1px solid var(--ln,#2d2a5e);box-shadow:0 14px 36px #000a;display:flex;flex-direction:column;animation:gfin .16s ease}
#dmBox .gfm2 button{display:flex;align-items:center;gap:8px;padding:13px 14px;border-radius:11px;font-weight:700;font-size:15px;color:var(--tx,#ece9ff);text-align:left}
#dmBox .gfm2 button:hover,#dmBox .gfm2 button:focus-visible{background:#ffffff12}
#dmBox .gfm2 button i{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:6px;background:color-mix(in srgb,var(--dmc,#e0a84a) 20%,transparent);color:var(--dmc,#e0a84a)}
@keyframes gfin{from{opacity:0;transform:translateY(6px)}}
/* ortak başlık */
#dmBox .gmh{display:flex;align-items:center;gap:10px;padding:12px 12px 10px;border-bottom:1px solid var(--ln,#2d2a5e);flex:none}
#dmBox .gmh .gmbk{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;flex:none}
#dmBox .gmh svg,#dmBox .gih .ib svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dmBox .gmh .gmt{flex:1;min-width:0;display:flex;flex-direction:column}
#dmBox .gmh .gmt b{font-size:18px;font-weight:800}
#dmBox .gmh .gmt small{font-size:13px;color:var(--mu,#9b97c9)}
/* üye seç */
#dmBox .gpk{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 90px}
#dmBox .gsel{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}
#dmBox .gch{display:flex;flex-direction:column;align-items:center;gap:4px;width:58px;flex:none}
#dmBox .gch .gca{position:relative;display:block}
#dmBox .gch .gca i{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:#555a70;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center;border:2px solid var(--p,#14122e)}
#dmBox .gch small{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--mu,#9b97c9)}
#dmBox .gsq{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:14px;background:#ffffff10;border:1.5px solid color-mix(in srgb,var(--dmc,#e0a84a) 55%,transparent);color:var(--mu,#9b97c9)}
#dmBox .gsq svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
#dmBox .gsq input{flex:1;min-width:0;background:transparent!important;border:0!important;outline:0;box-shadow:none!important;color:var(--tx,#ece9ff);font-size:16px;padding:0}
#dmBox .gsec{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--mu,#9b97c9);margin:16px 2px 6px}
#dmBox .grw{display:flex;align-items:center;gap:12px;padding:9px 2px;width:100%;text-align:left;color:inherit}
#dmBox .grw .dmn{flex:1;min-width:0;display:flex;flex-direction:column}
#dmBox .grw .dmn b{font-size:15.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dmBox .grw .dmn small{font-size:13px;color:var(--mu,#9b97c9)}
#dmBox .grw .avs{position:relative;flex:none}
#dmBox .grw .avs .av,#dmBox .grw .avs img.av{width:44px;height:44px}
#dmBox .gbd{flex:none;font-size:13px;font-weight:800;padding:8px 13px;border-radius:10px}
#dmBox .gbd.add{background:linear-gradient(135deg,#f6d58a,var(--dmc,#e0a84a));color:#1a1204}
#dmBox .gbd.ok{background:#16a34a2e;color:#4ade80}
#dmBox .gbd.in{background:#ffffff10;color:var(--mu,#9b97c9);font-weight:600}
#dmBox .gbd.adm{font-size:11px;padding:4px 8px;border-radius:7px;background:#16a34a26;color:#4ade80;border:1px solid #16a34a55}
#dmBox .ghint{font-size:13.5px;line-height:1.5;color:var(--mu,#9b97c9);margin:16px 2px}
#dmBox .ghint b{color:var(--dmc,#e0a84a)}
#dmBox .gnx{position:absolute;right:18px;bottom:18px;z-index:3;height:54px;padding:0 24px;border-radius:99px;font-weight:800;font-size:16px;background:linear-gradient(135deg,#f6d58a,var(--dmc,#e0a84a));color:#1a1204;box-shadow:0 8px 22px #0009}
/* form */
#dmBox .gfm{flex:1;min-height:0;overflow-y:auto;padding:18px 16px 20px;display:flex;flex-direction:column;gap:12px}
#dmBox .gph{align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--dmc,#e0a84a);font-weight:700}
#dmBox .gph small{font-size:13.5px}
#dmBox .gphc{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;border:2px dashed color-mix(in srgb,var(--dmc,#e0a84a) 60%,transparent);background:#ffffff08}
#dmBox .gphc svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.8}
#dmBox .gphx{align-self:center;font-size:12.5px;color:var(--mu,#9b97c9);text-decoration:underline}
#dmBox .gfl{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:var(--mu,#9b97c9)}
#dmBox .gfl input,#dmBox .gfl textarea{width:100%;box-sizing:border-box;background:#ffffff10!important;border:1px solid var(--ln,#2d2a5e)!important;border-radius:13px;padding:13px 14px;color:var(--tx,#ece9ff)!important;font:inherit;font-size:16px;font-weight:500;resize:vertical}
#dmBox .gfl input:focus,#dmBox .gfl textarea:focus{border-color:var(--dmc,#e0a84a)!important;outline:0}
#dmBox .gtg{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:13px;background:#ffffff0a;border:1px solid var(--ln,#2d2a5e);cursor:pointer}
#dmBox .gtg span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#dmBox .gtg b{font-size:14.5px;font-weight:700}
#dmBox .gtg small{font-size:12.5px;color:var(--mu,#9b97c9)}
#dmBox .gtg input{position:absolute;opacity:0;pointer-events:none}
#dmBox .gtg i{flex:none;width:44px;height:26px;border-radius:99px;background:#ffffff26;position:relative;transition:background .2s}
#dmBox .gtg i::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
#dmBox .gtg input:checked+i{background:#22c55e}#dmBox .gtg input:checked+i::after{transform:translateX(18px)}
#dmBox .gtg input:focus-visible+i{outline:2px solid var(--dmc,#e0a84a);outline-offset:2px}
#dmBox .gsum{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;background:#ffffff0a;font-size:14px;color:var(--mu,#9b97c9)}
#dmBox .gst{display:flex}#dmBox .gst>*{width:28px!important;height:28px!important;margin-right:-8px;border:2px solid var(--p,#14122e);border-radius:50%}
#dmBox .gst{margin-right:8px}
#dmBox .gfb{padding:12px 16px 16px;flex:none}
#dmBox .gok{width:100%;height:54px;border-radius:16px;font-weight:800;font-size:16.5px;background:linear-gradient(135deg,#f6d58a,var(--dmc,#e0a84a));color:#1a1204;box-shadow:0 8px 22px #0006}
#dmBox .gok:disabled{opacity:.6}
/* sohbet */
#dmBox.gth .gmhd .avs{cursor:pointer}#dmBox.gth .gmhd .tn{cursor:pointer;flex:1;min-width:0}
#dmBox.gth .gmhd .tn small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dmBox.gth .gmhd .gav{width:42px;height:42px}#dmBox.gth .gmhd .gav b{font-size:17px}#dmBox.gth .gmhd .gav i{width:17px;height:17px;font-size:9px}
#dmBox.gth .gcb i svg,#dmBox.gth .gmo svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dmBox.gth .gcb i{font-style:normal;display:grid;place-items:center}
#dmBox .gcs{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#16a34a;color:#fff;font-weight:700;font-size:14px;flex:none}
#dmBox .gcs>span:first-child{flex:1;min-width:0}
#dmBox .gcs .gcw{display:flex}#dmBox .gcs .gcw>*{width:24px!important;height:24px!important;margin-left:-7px;border:2px solid #16a34a;border-radius:50%}
#dmBox .gcs button{flex:none;background:#fff;color:#15803d;font-weight:800;padding:7px 16px;border-radius:99px}
#dmBox.gth #gmMsgs{flex:1;min-height:0;display:flex;flex-direction:column}
#dmBox .gsys{align-self:center;max-width:86%;text-align:center;margin:5px 0}
#dmBox .gsys span{display:inline-block;font-size:12.5px;padding:5px 11px;border-radius:9px;background:#fff9e8d9;color:#5d5340;box-shadow:0 1px 1px #0000000f;line-height:1.35}
#dmBox .gsys.gcal span{background:#e7f6ec;color:#166534;font-weight:600}
#dmBox.gth .bb.ot.gb{padding-left:36px;position:relative}
#dmBox.gth .bb.ot .gma{position:absolute;left:0;top:0;width:30px;height:30px;cursor:pointer}
#dmBox.gth .bb.ot .gma>*{width:30px!important;height:30px!important}
#dmBox.gth .bb.gcont{margin-top:1px}
#dmBox.gth .gnm{display:block;font-size:13px;font-weight:800;margin:0 0 2px;cursor:pointer}
#dmBox.gth .gat2{font-weight:700;color:#2563eb}#dmBox.gth .gat2.meat{color:#c2410c}
#dmBox.gth .rpq{border-left-color:var(--rc,#7b5cff)!important}#dmBox.gth .rpq b{color:var(--rc,#7b5cff)}
#dmBox.gth .gmMo{display:inline-grid;place-items:center;margin-left:6px;padding:0 4px;font-size:14px;line-height:1;opacity:.55;color:inherit}
#dmBox.gth .gmMo:hover{opacity:1}
#dmBox.gth .tk.r{color:#34a7f0}#dmBox.gth .tk.s{color:#8a8576}
#dmBox.gth .bb.gfl .bin{animation:dmfl 1.2s ease}
#dmBox.gth .gat{font-weight:800;font-size:18px}
#dmBox .gmen{margin:0 10px 6px;border-radius:14px;background:#fff;box-shadow:0 6px 20px #0003;overflow:hidden;max-height:220px;overflow-y:auto}
#dmBox .gmen button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;color:#211a0c;text-align:left}
#dmBox .gmen button:hover,#dmBox .gmen button:first-child{background:#f4efe2}
#dmBox .gmen .avs>*{width:30px!important;height:30px!important}
#dmBox .gemo{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;margin:0 10px 6px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 6px 20px #0003;max-height:200px;overflow-y:auto}
#dmBox .gemo button{font-size:24px;height:40px;border-radius:8px}#dmBox .gemo button:hover{background:#f4efe2}
/* mesaj seçenekleri */
.gact{position:fixed;z-index:10050;min-width:170px;padding:5px;border-radius:14px;background:#fff;color:#211a0c;box-shadow:0 10px 30px #0004;display:flex;flex-direction:column}
.gact button{text-align:left;padding:11px 12px;border-radius:9px;font-weight:600;font-size:14.5px;color:inherit}
.gact button:hover{background:#f4efe2}
/* bilgi */
#dmBox .ginf{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 24px}
#dmBox .gtop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0 6px;text-align:center}
#dmBox .gtop h3{margin:8px 0 0;font-size:22px;font-weight:800}
#dmBox .gtop small{color:var(--mu,#9b97c9);font-size:14px}
#dmBox .gqa{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px}
#dmBox .gqa button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:14px;border:1px solid var(--ln,#2d2a5e);background:#ffffff08;color:var(--dmc,#e0a84a)}
#dmBox .gqa button.on{background:color-mix(in srgb,var(--dmc,#e0a84a) 16%,transparent)}
#dmBox .gqa svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dmBox .gqa small{font-size:12.5px;color:var(--tx,#ece9ff)}
#dmBox .gdsc{padding:13px 14px;border-radius:13px;background:#ffffff0a;margin:4px 0}
#dmBox .gdsc p{margin:0 0 6px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
#dmBox .gdsc small{font-size:12px;color:var(--mu,#9b97c9)}
#dmBox .gmed{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
#dmBox .gmed img{width:74px;height:74px;border-radius:10px;object-fit:cover;flex:none;cursor:zoom-in}
#dmBox .gadd .gpl{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--dmc,#e0a84a) 18%,transparent);color:var(--dmc,#e0a84a);flex:none}
#dmBox .gadd b{color:var(--dmc,#e0a84a)}
#dmBox .gmr{border-radius:12px}#dmBox .gmr:hover{background:#ffffff08}
#dmBox .grw .avs .sd{position:absolute;right:0;bottom:0}
#dmBox .gend{display:flex;flex-direction:column;gap:4px;margin-top:18px;padding-top:10px;border-top:1px solid var(--ln,#2d2a5e)}
#dmBox .gred{color:#f87171!important;font-weight:700;text-align:left;padding:12px 2px;font-size:15px}
/* alt sayfa */
#dmBox .gsh{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end}
#dmBox .gshb{position:absolute;inset:0;background:#0008;opacity:0;transition:opacity .2s}
#dmBox .gshp{position:relative;max-height:80%;overflow-y:auto;background:var(--p2,#1b1840);color:var(--tx,#ece9ff);border-radius:20px 20px 0 0;padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .22s ease}
#dmBox .gsh.on .gshb{opacity:1}#dmBox .gsh.on .gshp{transform:none}
#dmBox .gshh{display:block;width:40px;height:4px;border-radius:9px;background:#ffffff40;margin:2px auto 10px}
#dmBox .gsht{font-weight:800;font-size:16px;margin:0 2px 6px}
#dmBox .gsi{display:block;width:100%;text-align:left;padding:14px 4px;font-weight:700;font-size:15px;color:inherit;border-top:1px solid #ffffff10}
#dmBox .gshu{border-bottom:0;padding-bottom:12px}
.dmin #gmI{flex:1;min-width:0;border-radius:99px;padding:11px 16px;background:#1a1730;border:1px solid color-mix(in srgb,var(--dmc) 40%,transparent);font-size:15px}
.dmin #gmI:focus{border-color:var(--dmc);box-shadow:0 0 14px -2px var(--dmc);outline:0}
#gmMsgs .bb{touch-action:pan-y;transition:transform .18s ease;position:relative}
#gmMsgs .bb.swp{transition:none}
#gmMsgs .bb.swp::before{content:'↩';position:absolute;left:-34px;top:50%;margin-top:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:15px;opacity:.7}
#gmMsgs .bb.me.swp::before{left:-34px}
#gmMsgs .bb.swr::before{background:var(--dmc,#e0a84a);color:#000;opacity:1;transform:scale(1.12)}
#gmMsgs .bb.fl .bin{animation:dmfl 1.2s ease}
#dmBox .dmin #gmI{border-color:#ffffff26}
#gmMsgs .bvo{-webkit-touch-callout:none;user-select:none}
#gmMsgs{touch-action:pan-y}
#gmMsgs{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#gmMsgs .bb.hasrx{margin-bottom:14px}
#dmBox.hasbgc .dmin #gmI{background:color-mix(in srgb,var(--dmbgc) 70%,#fff 14%)!important}
#dmBox.hastc .dmin #gmI{color:var(--dmtc)!important}
#dmBox.hastc .dmin #gmI.ce-e::before{color:var(--dmtc);opacity:.55}
#gmMsgs .bb.hasrx{margin-bottom:14px}
#dmBox.dmth #gmMsgs .bb.swp::before{background:#00000018;color:#5a4a28}
#dmBox.dmth .dmpl #gmI{flex:1;min-width:0;height:44px;background:transparent!important;border:0!important;box-shadow:none!important;outline:0;color:#211a0c;font-size:16px;padding:0 4px;border-radius:0}
#dmBox.dmth .dmpl #gmI.ce-e::before{color:#8a8576;opacity:1}
:root[data-tv=navy] .dmin #gmI{background:#162331}
div#gmI{display:block;resize:none;overflow-y:hidden;line-height:20px;max-height:128px;font-family:inherit;box-sizing:border-box;margin:0;white-space:pre-wrap;word-break:break-word}
.dmin div#gmI{height:auto;min-height:44px;padding:11px 16px;border-radius:22px}
#dmBox.dmth .dmpl div#gmI{height:auto;min-height:44px;padding:12px 4px;line-height:20px}
div#gmI.ce-in{white-space:pre-wrap;word-break:break-word;overflow-y:auto;max-height:128px;color:inherit}
.dmin div#gmI.ce-in{height:auto;min-height:44px;line-height:20px;padding:11px 16px}
#dmBox.dmth .dmpl div#gmI.ce-in{height:auto;min-height:44px;padding:12px 4px;line-height:20px;color:#211a0c}
#dmBox.dmth .dmpl div#gmI.ce-e::before{color:#8a8576;opacity:1}/* 277: grup araması — 5+ kişide 3 sütun (en fazla 8 kişi) */
.callui.gn:not(.mini) .cgrid:has(.ctile:nth-child(5)) .ctile{flex-basis:calc(33.333% - 6px);max-width:calc(33.333% - 4px);min-width:0;min-height:0}
.callui.gn.voi:not(.mini) .cgrid:has(.ctile:nth-child(5)) .ctile{height:108px}
.callui.gn.vid:not(.mini) .cgrid:has(.ctile:nth-child(5)) .ctile{aspect-ratio:4/5;max-height:none}
.callui.gn:not(.mini) .cgrid:has(.ctile:nth-child(5)) .ctile .cav2 .av{transform:scale(.8)}