/* ============================================================
   zangi.css — ثيم chatGC مستوحى من Zangi (03/10/2026)
   ألوان مستخرجة من تطبيق Zangi: أزرق #5294d0 · أقسام #dbe7f3
   ============================================================ */
:root{
  --bg:#ffffff; --panel:#ffffff; --panel2:#dbe7f3; --line:#e3edf7;
  --txt:#12314e; --mut:#6f8ba0; --green:#5294d0; --green-d:#3f7fbd;
  --bub-me:#e1fec8; --bub-you:#ffffff; --chatbg:#eef5fc;
  --blue:#5294d0; --tick:#3f9ae0; --tabbar:#ffffff; --bar:#ffffff;
  --chip:#eaf2fb; --chip-on:#d6e6f7; --fab:#5294d0;
  --shadow:0 1px 2px rgba(18,49,78,.10);
}
/* عنوان الأقسام زي Zangi */
.panehead{color:var(--green);letter-spacing:.2px}
/* الهيدر بشريط أزرق رفيع زي Zangi */
#list header.bar, #chat header.bar{border-bottom:2px solid var(--green)}
/* الشرائح (chips) */
.chip{border:0}
.chip.on{background:var(--chip-on);color:var(--green-d)}
/* فقاعة رسالتي */
.msgs .m.me .bub, .msgs .bub.me{background:var(--bub-me)}
/* حقول الإعدادات المشابهة لـZangi */
.setwrap .setrow{border-bottom:1px solid var(--line)}
.setcard{background:var(--panel2)}
/* شاشة البداية الفارغة زي Zangi */
.zempty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 22px;text-align:center}
.zempty .av.big{width:88px;height:88px;font-size:34px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.zempty .av.big img{width:100%;height:100%;object-fit:cover}
.zempty .zname{font-size:18px;color:var(--txt)}
.zempty .zstart{padding:12px 34px;border-radius:26px;font-size:16px}
.zempty .zshare{max-width:300px;line-height:1.6}
.zempty .znum{font-size:24px;font-weight:700;letter-spacing:2px;color:var(--green-d);background:var(--panel2);padding:8px 18px;border-radius:12px}
.zempty .zacts{display:flex;gap:8px;margin-top:6px}
/* رقمك الخاص (زي Zangi) */
.zpriv{background:var(--panel2);border-radius:14px;padding:14px;margin:6px 2px 12px;text-align:center}
.zprivlbl{font-size:13px;color:var(--mut)}
.zprivnum{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}
.zprivnum b{color:var(--green-d);font-size:22px;font-weight:700;letter-spacing:2px}
/* لون التطبيق */
.wallscolors{display:flex;gap:9px;padding:8px 14px;flex-wrap:wrap}
.csw{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}
.zcalls .zico{font-size:46px}
.zcontacts{padding-bottom:6px}
/* الوضع الداكن بألوان Zangi (بدل ألوان واتساب) */
body.dark{
  --bg:#0e1621; --panel:#152030; --panel2:#1b2a3d; --line:#243447;
  --txt:#e8eef6; --mut:#8ea6bf; --green:#5294d0; --green-d:#3f7fbd;
  --bub-me:#1f4d78; --bub-you:#1b2a3d; --chatbg:#0e1621;
  --blue:#5294d0; --tick:#6fb0e6; --tabbar:#152030; --bar:#152030;
  --chip:#1b2a3d; --chip-on:#24486e; --fab:#5294d0;
  --shadow:0 1px 1px rgba(0,0,0,.35);
}
/* بياناتي الشخصية */
.profcard{align-items:stretch;gap:6px}
.profcard>b{text-align:center}
.profrow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);font-size:14px}
.profrow>b{color:var(--green-d)}
.profout{margin-top:12px;background:#e53935 !important;color:#fff !important;border-radius:10px}
/* إصلاح شريط الكتابة — زر الإرسال يفضل ظاهر (لا يتقص) */
html,body{max-width:100%;overflow-x:hidden}
#chat{overflow:hidden}
.composer{overflow:hidden;flex-wrap:nowrap}
.composer input{min-width:0;flex:1 1 0%}
.composer .ico2,.composer .mic,.composer .send{flex:0 0 auto}
.send{min-width:46px;min-height:46px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(82,148,208,.4)}
.mic{min-width:46px;min-height:46px;display:flex;align-items:center;justify-content:center}
/* كارت البروفايل في الإعدادات */
.setinfo .uidline{display:block;margin:2px 0}
.setinfo #openProfile{margin-top:6px}