:root{
  --bg:#0b141a; --bg2:#111b21; --panel:#1f2c33; --panel2:#2a3942;
  --txt:#e9edef; --dim:#8696a0; --accent:#00a884; --accent2:#06cf9c;
  --me:#005c4b; --you:#1f2c33; --err:#f15c6d; --ring:#233138;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Kufi Arabic",sans-serif;font-size:15px;overflow:hidden}
.hide{display:none!important}
#app{height:100dvh;display:flex;flex-direction:column}
.screen{height:100%;display:flex;flex-direction:column}

/* ===== تسجيل الدخول ===== */
#auth{align-items:center;justify-content:center;padding:20px;background:
  radial-gradient(1200px 600px at 50% -10%,#0a2a22 0%,var(--bg) 55%)}
.authbox{width:100%;max-width:380px;background:var(--panel);border-radius:16px;padding:26px 22px;
  box-shadow:0 12px 40px rgba(0,0,0,.45)}
.logo{font-size:24px;font-weight:800;text-align:center}
.sub{color:var(--dim);text-align:center;font-size:13px;margin:6px 0 18px}
.tabs{display:flex;background:var(--bg2);border-radius:10px;padding:4px;margin-bottom:16px}
.tab{flex:1;border:none;background:transparent;color:var(--dim);padding:9px;border-radius:8px;
  font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
.tab.on{background:var(--accent);color:#fff}
.inp{width:100%;background:var(--bg2);border:1px solid var(--ring);color:var(--txt);
  padding:12px 14px;border-radius:10px;font-size:15px;margin-bottom:12px;outline:none;font-family:inherit}
.inp:focus{border-color:var(--accent)}
.btn{width:100%;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;
  cursor:pointer;font-family:inherit}
.btn.ok{background:var(--accent);color:#fff}
.err{color:var(--err);font-size:13px;margin-top:10px;text-align:center}

/* ===== الهيدر ===== */
.top{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel);flex:0 0 auto}
.titles{flex:1;min-width:0}
.myname{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.myid{color:var(--dim);font-size:12px}
.icobtn{background:transparent;border:none;color:var(--txt);font-size:20px;width:40px;height:40px;
  border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.icobtn:active{background:var(--panel2)}
.icobtn.big{font-size:24px}
.tbtns{display:flex;gap:4px}

/* ===== البحث ===== */
.searchrow{position:relative;padding:10px 12px;background:var(--panel);border-top:1px solid var(--ring)}
.srcres{position:absolute;top:56px;right:12px;left:12px;background:var(--panel2);border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);max-height:60vh;overflow:auto;z-index:40}
.srcitem{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;border-bottom:1px solid var(--ring)}
.srcitem:last-child{border-bottom:none}
.srcitem:active{background:var(--bg2)}
.srcempty{padding:16px;text-align:center;color:var(--dim)}

/* ===== قائمة المحادثات ===== */
.chatlist{flex:1;overflow-y:auto}
.chat{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--ring);cursor:pointer}
.chat:active{background:var(--bg2)}
.chat.unread{background:#0f201b}
.cav{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;
  font-size:20px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cinfo{flex:1;min-width:0}
.cname{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clast{color:var(--dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cside{text-align:left;flex:0 0 auto}
.ct{color:var(--dim);font-size:12px}
.cun{background:var(--accent2);color:#04211a;font-size:12px;font-weight:800;border-radius:12px;
  padding:2px 7px;margin-top:4px;display:inline-block}
.empty{color:var(--dim);text-align:center;padding:40px 20px;font-size:14px;line-height:1.7}

/* ===== المحادثة ===== */
.msgs{flex:1;overflow-y:auto;padding:14px 10px;display:flex;flex-direction:column;gap:6px;background:
  radial-gradient(900px 400px at 50% 0%,#10211b 0%,var(--bg) 60%)}
.bub{max-width:78%;padding:7px 10px;border-radius:12px;position:relative;align-self:flex-start}
.bub.me{align-self:flex-end;background:var(--me)}
.bub.you{background:var(--you)}
.bub.sending{background:var(--me);opacity:.65;font-size:13px}
.tx{white-space:pre-wrap;word-break:break-word;line-height:1.45}
.t{display:block;font-size:10.5px;color:var(--dim);margin-top:3px;text-align:left}
.imgwrap{position:relative}
.thumb{max-width:230px;max-height:300px;border-radius:10px;display:block;cursor:pointer;background:var(--bg2)}
.fcard{display:flex;align-items:center;gap:10px}
.fi{font-size:26px}
.fn{font-weight:600;word-break:break-word}
.fs{color:var(--dim);font-size:12px}
.fdl{background:var(--panel2);border:none;color:var(--txt);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:16px}

/* ===== الموسّع (composer) ===== */
.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 10px;background:var(--panel);flex:0 0 auto}
.txt{flex:1;background:var(--bg2);border:1px solid var(--ring);color:var(--txt);border-radius:20px;
  padding:11px 16px;font-size:15px;resize:none;max-height:160px;outline:none;font-family:inherit;line-height:1.4}
.txt:focus{border-color:var(--accent)}
.send{width:auto;flex:0 0 auto;padding:11px 18px}

/* ===== عارض الصور ===== */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:flex;flex-direction:column}
.lbbar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);flex:0 0 auto}
.lbbar span{flex:1;color:var(--dim);font-size:13px}
.lb img{flex:1;object-fit:contain;min-height:0;width:100%}
.minibtn{background:var(--panel2);border:none;color:var(--txt);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px;font-weight:600}

/* ===== Toast ===== */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111b21ee;color:var(--txt);
  padding:12px 20px;border-radius:12px;font-size:14px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.5);max-width:88%;text-align:center}