/* Чати онлайн — ранг ва ҳуруфот аз assets/style.css (--ac, --line, --panel, --tx, --mut) */
body.gdc-pad{padding-bottom:96px}

.gdc-fab{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:8;width:58px;height:58px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--ac),#3f8fa0);color:#08211d;box-shadow:0 10px 28px #000a}
.gdc-fab:focus-visible,.gdc-x:focus-visible,.gdc-ic:focus-visible,.gdc-send:focus-visible,.gdc-btn:focus-visible,.gdc-form textarea:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.gdc-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#f0555a;color:#fff;font:700 12px/22px Inter,system-ui,sans-serif;text-align:center;border:2px solid var(--bg)}
.gdc-badge[hidden]{display:none}

.gdc-ov{position:fixed;inset:0;z-index:29;background:#000a;opacity:0;pointer-events:none;transition:opacity .2s}
.gdc-ov.on{opacity:1;pointer-events:auto}

.gdc-panel{position:fixed;z-index:30;left:0;right:0;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#0b0c14;color:var(--tx);font:16px/1.45 Inter,system-ui,sans-serif}
.gdc-panel[hidden]{display:none}
@media(min-width:700px){
  .gdc-panel{left:16px;right:auto;top:auto;bottom:16px;width:380px;height:min(620px,calc(100vh - 32px));height:min(620px,calc(100dvh - 32px));border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px #000c;overflow:hidden}
  .gdc-ov{display:none}
}
@media(max-width:699px){html.gdc-lock{overflow:hidden}}

.gdc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line)}
.gdc-head b{display:block;font-size:20px}
.gdc-head small{display:block;color:var(--mut);font-size:14px}
.gdc-x{background:0;border:0;color:var(--mut);font-size:22px;line-height:1;padding:8px;cursor:pointer;border-radius:10px}
.gdc-sec{display:flex;gap:10px;align-items:flex-start;padding:10px 18px;background:#0f2a2a;border-bottom:1px solid #1d4a42;color:#9be8d8;font-size:13px}

.gdc-thread{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.gdc-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:16px 14px}
.gdc-empty{margin:auto;text-align:center;color:var(--mut);max-width:26ch}
.gdc-day{align-self:center;background:#171728;color:var(--mut);font-size:13px;font-weight:600;padding:6px 16px;border-radius:99px;margin:6px 0}

.gdc-m{max-width:86%;padding:10px 14px;border-radius:18px;overflow-wrap:anywhere}
.gdc-m .gdc-t{white-space:pre-wrap}
.gdc-m a{text-decoration:underline;text-underline-offset:2px}
.gdc-m time{display:block;margin-top:4px;font-size:11px;opacity:.65}
.gdc-m.me{align-self:flex-end;background:var(--ac);color:#08211d;border-bottom-right-radius:6px}
.gdc-m.me time{text-align:right}
.gdc-m.ot{align-self:flex-start;background:#1b1b30;border:1px solid var(--line);border-bottom-left-radius:6px}
.gdc-m.sys{align-self:stretch;max-width:none;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:14px 16px}
.gdc-who{font-size:12px;font-weight:700;color:var(--ac);margin-bottom:2px}
.gdc-img{display:block;margin:0 0 6px}
.gdc-img img{display:block;max-width:100%;max-height:260px;border-radius:12px;background:#1b1b30}

.gdc-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 12px 8px;padding:8px 12px;background:#171728;border:1px solid var(--line);border-radius:12px;font-size:14px}
.gdc-chip[hidden]{display:none}
.gdc-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gdc-chip button{background:0;border:0;color:var(--mut);font-size:18px;cursor:pointer;padding:2px 6px}
.gdc-err{margin:0 12px 8px;padding:8px 12px;border-radius:12px;background:#2a1416;border:1px solid #6b2a2e;color:#f87171;font-size:14px}
.gdc-err[hidden]{display:none}

.gdc-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.gdc-form textarea{flex:1;min-width:0;resize:none;max-height:120px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:var(--tx);font:inherit;font-size:16px;line-height:1.35}
.gdc-form textarea::placeholder{color:var(--mut)}
.gdc-ic,.gdc-send{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;cursor:pointer;padding:0}
.gdc-ic{background:var(--panel);border:1px solid var(--line);color:var(--mut)}
.gdc-send{background:var(--ac);border:0;color:#08211d}
.gdc-send:disabled{opacity:.5;cursor:not-allowed}

.gdc-login{flex:1;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;text-align:center;color:var(--mut)}
.gdc-btn{display:inline-block;background:var(--ac);color:#08211d;font-weight:700;padding:12px 24px;border-radius:14px}

/* Дар панели админ (саҳифаи admin_chat.php) */
.gdc-inline{display:flex;height:min(64vh,560px);min-height:360px;background:#0b0c14;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:16px}
.gdc-qr{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.gdc-qr button{background:var(--panel);border:1px solid var(--line);color:var(--tx);border-radius:12px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer}

@media(prefers-reduced-motion:reduce){.gdc-ov{transition:none}}