/* =====================================================================
   HARIZTALK — النسخة 10: الخصائص الجديدة + ألوان التطبيق + حجم الخط
   ===================================================================== */

/* ---------- ألوان التطبيق (الافتراضي: الملكي الأخضر والذهبي) ---------- */
:root[data-accent="ruby"]{--red:#C8102E;--red2:#7A0010;--red-soft:#FDE3E6;--green-grad:linear-gradient(180deg,#D5172F 0%,#8E0016 100%);
  --royal-bg:radial-gradient(120% 60% at 50% 12%,#D5172F 0%,#9A0019 40%,#55000D 72%,#2A0006 100%);--mine:#FFD6DB;--hover:#FCEDEF;--line:#F0DADD;--bg:#F7F0F0;--chatbg:#F3E9E7}
:root[data-accent="ruby"][data-theme="dark"]{--bg:#1A0B0E;--panel:#240F13;--line:#3A1A1F;--chatbg:#1C0C0F;--mine:#B3121A;--hover:#2E1418;--red-soft:#3A1419;--muted:#C9A5AA}
:root[data-accent="ruby"][data-theme="dark"] #side{background:radial-gradient(120% 50% at 50% 0%,#5A0A16 0%,#300810 45%,#1A0B0E 100%)}
:root[data-accent="ocean"]{--red:#1E5FA8;--red2:#0B2D57;--red-soft:#E1EEFB;--green-grad:linear-gradient(180deg,#2A72C4 0%,#0B2D57 100%);
  --royal-bg:radial-gradient(120% 60% at 50% 12%,#2A72C4 0%,#174A87 40%,#0A2547 72%,#041226 100%);--mine:#D3EAFF;--hover:#EAF2FB;--line:#D9E5F2;--bg:#EEF3F8;--chatbg:#E6EEF6}
:root[data-accent="ocean"][data-theme="dark"]{--bg:#06121F;--panel:#0B1C2E;--line:#15304B;--chatbg:#071626;--mine:#1E5FA8;--hover:#10263D;--red-soft:#12304D;--muted:#9FB8D1}
:root[data-accent="ocean"][data-theme="dark"] #side{background:radial-gradient(120% 50% at 50% 0%,#13406E 0%,#0B2747 45%,#06121F 100%)}
:root[data-accent="violet"]{--red:#6A1B9A;--red2:#2E0A45;--red-soft:#F1E3FA;--green-grad:linear-gradient(180deg,#7B2BAE 0%,#3A0F57 100%);
  --royal-bg:radial-gradient(120% 60% at 50% 12%,#7B2BAE 0%,#521C78 40%,#2E0A45 72%,#160322 100%);--mine:#E9DCFF;--hover:#F4ECFA;--line:#E7DAF0;--bg:#F4F0F7;--chatbg:#EEE7F4}
:root[data-accent="violet"][data-theme="dark"]{--bg:#130A1A;--panel:#1E1027;--line:#33204A;--chatbg:#160C1E;--mine:#6A1B9A;--hover:#271533;--red-soft:#2E1640;--muted:#BBA5CC}
:root[data-accent="violet"][data-theme="dark"] #side{background:radial-gradient(120% 50% at 50% 0%,#4A1670 0%,#2A0D3F 45%,#130A1A 100%)}
:root[data-accent="sunset"]{--red:#E0602B;--red2:#8A3A06;--red-soft:#FDEBDF;--green-grad:linear-gradient(180deg,#EC7438 0%,#9A4209 100%);
  --royal-bg:radial-gradient(120% 60% at 50% 12%,#EC7438 0%,#B9520F 40%,#6A2B05 72%,#311302 100%);--mine:#FFE0CC;--hover:#FCF0E8;--line:#F2E0D4;--bg:#F8F2EE;--chatbg:#F4EAE3}
:root[data-accent="sunset"][data-theme="dark"]{--bg:#1A0E07;--panel:#26150B;--line:#3F2615;--chatbg:#1C1008;--mine:#C2531E;--hover:#301B0E;--red-soft:#3D2212;--muted:#D2B39D}
:root[data-accent="sunset"][data-theme="dark"] #side{background:radial-gradient(120% 50% at 50% 0%,#6A2B05 0%,#3D1A06 45%,#1A0E07 100%)}
:root[data-accent="teal"]{--red:#00897B;--red2:#004D44;--red-soft:#DDF3F0;--green-grad:linear-gradient(180deg,#0F9C8C 0%,#00564C 100%);
  --royal-bg:radial-gradient(120% 60% at 50% 12%,#0F9C8C 0%,#006F63 40%,#003A33 72%,#001A17 100%);--mine:#CFF1EC;--hover:#E7F5F3;--line:#D3E8E5;--bg:#EEF5F4;--chatbg:#E4F0EE}
:root[data-accent="teal"][data-theme="dark"]{--bg:#03201C;--panel:#062B26;--line:#0D423A;--chatbg:#042420;--mine:#00897B;--hover:#0A3630;--red-soft:#0C3A33;--muted:#9FC9C2}
:root[data-accent="teal"][data-theme="dark"] #side{background:radial-gradient(120% 50% at 50% 0%,#075A50 0%,#04362F 45%,#03201C 100%)}
:root[data-accent="midnight"]{--red:#2B3340;--red2:#0B0E13;--red-soft:#E7E9EE;--green-grad:linear-gradient(180deg,#2B3340 0%,#0B0E13 100%);
  --royal-bg:radial-gradient(120% 60% at 50% 12%,#3A4352 0%,#1B1F27 40%,#0B0E13 72%,#000 100%);--mine:#DDE3EB;--hover:#EEF0F3;--line:#DFE2E8;--bg:#F1F2F5;--chatbg:#E9EBEF}
:root[data-accent="midnight"][data-theme="dark"]{--bg:#08090C;--panel:#12151B;--line:#232833;--chatbg:#0B0D11;--mine:#2B3340;--hover:#1A1E26;--red-soft:#1E232C;--muted:#A3AAB8}
:root[data-accent="midnight"][data-theme="dark"] #side{background:radial-gradient(120% 50% at 50% 0%,#252B36 0%,#14171D 45%,#08090C 100%)}
:root[data-accent]:not([data-accent="royal"])[data-theme="dark"] #msgs .m.me .b:not(.sticker){background:linear-gradient(180deg,color-mix(in srgb,var(--mine) 75%,#fff) 0%,var(--mine) 60%,color-mix(in srgb,var(--mine) 80%,#000));box-shadow:0 4px 0 color-mix(in srgb,var(--mine) 60%,#000),0 8px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.3)}

/* ---------- حجم الخط والأزرار الكبيرة ---------- */
:root[data-ui="s"]{font-size:13.5px} :root[data-ui="s"] body{font-size:13.5px}
:root[data-ui="l"] body{font-size:17px} :root[data-ui="l"] input,:root[data-ui="l"] textarea{font-size:17px}
:root[data-ui="xl"] body{font-size:19.5px} :root[data-ui="xl"] input,:root[data-ui="xl"] textarea{font-size:19px}
:root[data-ui="l"] .item .name{font-size:17px} :root[data-ui="xl"] .item .name{font-size:19.5px}
:root[data-ui="l"] .item .last,:root[data-ui="l"] .set-row small{font-size:15px} :root[data-ui="xl"] .item .last,:root[data-ui="xl"] .set-row small{font-size:17px}
:root[data-ui="l"] #msgs{--bfont:17.5px} :root[data-ui="xl"] #msgs{--bfont:20px}
:root[data-big="1"] .icon-btn{width:50px;height:50px}
:root[data-big="1"] svg.i{width:26px;height:26px}
:root[data-big="1"] .send{width:56px;height:56px}
:root[data-big="1"] .tab{padding:15px 0;font-size:1.05em}
:root[data-big="1"] .btn{padding:16px;font-size:18px}
:root[data-big="1"] .mini{padding:10px 16px;font-size:15px}
:root[data-big="1"] .set-row{padding:16px 6px}
:root[data-big="1"] .av{width:56px;height:56px}
:root[data-big="1"] .chip{padding:7px 14px;font-size:15px}

/* ---------- التسجيل: نوع الحساب ---------- */
.acct-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 12px}
.acct-card{border-radius:16px;padding:12px 8px;border:1.5px solid var(--line);background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s}
.acct-card .ai{font-size:28px}
.acct-card b{font-size:15px}
.acct-card small{font-size:11.5px;opacity:.8;line-height:1.5}
.acct-card.on{border-color:var(--gold);background:rgba(233,200,115,.16);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.25)}
#auth .acct-card{color:#fff;border-color:rgba(233,200,115,.4);background:rgba(0,0,0,.22)}
#auth .acct-card.on{background:rgba(233,200,115,.18);border-color:#E9C873}
.org-reg:empty{display:none}

/* ---------- ملاحظاتي ---------- */
.av.av-self{background:var(--gold-grad,#E9C873)!important;color:#3A2600}
.av.av-self svg{width:55%;height:55%}

/* ---------- خلفية البروفايل ---------- */
.cover-hd{height:120px;margin:-6px -6px 0;border-radius:14px;background:var(--royal-bg) center/cover no-repeat;position:relative;overflow:hidden}
.cover-hd:not(.has)::after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(233,200,115,.25) 1.2px,transparent 1.7px) 0 0/18px 18px}
.cover-hd.big{height:150px;margin:-22px -14px 0;border-radius:16px 16px 0 0;cursor:pointer}
.cover-hd.mine{cursor:pointer;margin:0 0 -40px}
.cover-hd .cover-edit{position:absolute;z-index:2;bottom:8px;inset-inline-end:8px;display:flex;gap:6px;align-items:center;background:rgba(0,0,0,.5);color:#fff;border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:700;backdrop-filter:blur(4px)}
.cover-hd .cover-edit svg{width:16px;height:16px}
.cover-av,.with-cover .ipav{position:relative;z-index:1;margin-top:-50px}
.with-cover .ipav .av{box-shadow:0 0 0 4px var(--panel),0 8px 18px rgba(0,0,0,.35)}
.cover-av .av{box-shadow:0 0 0 4px var(--panel),0 8px 18px rgba(0,0,0,.35)}
.cov-stage{border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.25);touch-action:none}
.cov-cv{width:100%;height:auto;display:block;cursor:grab;touch-action:none}
.cov-gal{display:flex;gap:8px;overflow-x:auto;padding:8px 0}
.cov-gal button{flex:none;width:96px;height:42px;border-radius:10px;overflow:hidden;border:2.5px solid transparent;padding:0}
.cov-gal button canvas{width:100%;height:100%;display:block}
.cov-gal button.on{border-color:var(--gold2,#C9962E)}
.cov-gal .cov-add{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--line);font-size:11px;color:var(--muted)}
.cov-gal .cov-add svg{width:18px;height:18px}
.rng{width:100%;accent-color:var(--red);margin:4px 0 8px}

/* ---------- العلامات ✓ ✓✓ ---------- */
.b .ft .tk{opacity:.7}
.b .ft .tk.dlv{opacity:.95}
.b .ft .tk.read{opacity:1;color:#4FC3FF;text-shadow:0 0 1px rgba(0,0,0,.35)}

/* ---------- التراجع عن الإرسال ---------- */
.b.pending-b{opacity:.85;border:1.5px dashed var(--gold2,#C9962E)}
.undo-btn{display:flex;align-items:center;gap:4px;margin-top:6px;background:rgba(0,0,0,.18);color:inherit;border-radius:99px;padding:4px 12px;font-weight:700;font-size:13px}
.undo-btn svg{width:16px;height:16px}
.undo-cnt{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.2);font-weight:800;font-size:11px;margin-inline-end:4px}

/* ---------- الترجمة ---------- */
.trx{margin-top:6px;padding-top:6px;border-top:1px dashed currentColor;border-top-color:rgba(127,127,127,.4)}
.trx .trl{display:flex;align-items:center;gap:4px;opacity:.7;font-size:11.5px;margin-bottom:2px}
.trx .trl svg{width:13px;height:13px}

/* ---------- الردود المقترحة ---------- */
.smart-r{display:flex;gap:6px;overflow-x:auto;padding:6px 12px 0;scrollbar-width:none}
.smart-r::-webkit-scrollbar{display:none}
.smart-r .sr{flex:none;border-radius:99px;padding:7px 14px;font-weight:700;font-size:13.5px;background:var(--panel);border:1.5px solid var(--gold2,var(--red));color:var(--text);box-shadow:0 2px 0 rgba(0,0,0,.12);white-space:nowrap}
.smart-r .sr.ai{background:var(--gold-grad,var(--red));color:#3A2600;border-color:transparent}
:root[data-theme=dark] .smart-r .sr{background:rgba(255,255,255,.06);color:#F3D98C}

/* ---------- الإعلانات ---------- */
.b.ann-b{max-width:min(440px,92%)!important;padding:0!important;overflow:hidden}
.ann{display:flex;flex-direction:column;gap:6px;padding:10px 12px 8px;min-width:240px}
.ann-h{display:flex;align-items:center;gap:6px}
.ann-h small{margin-inline-start:auto;opacity:.7;font-size:11px}
.ann-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--gold-grad,#E9C873);color:#3A2600}
.ann-ic svg{width:18px;height:18px}
.ann-img{width:calc(100% + 24px);margin:2px -12px;max-height:280px;object-fit:cover;cursor:zoom-in}
.ann-t{margin:2px 0;font-size:1.15em;line-height:1.5}
.ann-x{line-height:1.85;white-space:pre-wrap}
.ann-link{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:9px;font-weight:800;text-decoration:none;background:var(--red);color:#fff}
.ann-link svg{width:16px;height:16px}
.ann-ack{border-radius:12px;padding:10px;font-weight:800;background:var(--gold-grad,#E9C873);color:#2A1C00;box-shadow:0 3px 0 #6E4E10}
.ann-ack.done{background:rgba(14,138,92,.15);color:inherit;box-shadow:none}
.ann-stats{border-radius:10px;padding:7px;font-weight:700;font-size:12.5px;background:rgba(0,0,0,.08);color:inherit}
.ann-imgpick{border:2px dashed var(--line);border-radius:14px;padding:14px;text-align:center;color:var(--muted);cursor:pointer;margin-bottom:10px;display:flex;flex-direction:column;gap:8px;align-items:center}
.ann-imgpick img{max-width:100%;max-height:180px;border-radius:10px}

/* ---------- الملصقات ---------- */
#stickers .sgrid.hz{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
#stickers .sgrid .hzb{height:84px}
#stickers .sgrid .hzb img{width:80px;height:80px}
.stk-stage{width:min(320px,80vw);aspect-ratio:1;margin:0 auto;border-radius:18px;overflow:hidden;touch-action:none;
  background:repeating-conic-gradient(#d9d9d9 0% 25%,#f4f4f4 0% 50%) 50%/24px 24px}
.stk-cv{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.stk-maker .seg button{font-size:13px}
.stk-maker .hint{margin:8px 0 4px}

/* ---------- المظهر ---------- */
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:10px;margin:6px 0}
.acc{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:14px;border:2px solid transparent}
.acc i{width:46px;height:46px;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.4)}
.acc small{font-weight:700;font-size:12px}
.acc.on{border-color:var(--gold2,var(--red));background:var(--red-soft)}

/* ---------- المؤسسة ---------- */
.org-hero{text-align:center}
.org-hero h2{margin:8px 0}
.org-ic{width:70px;height:70px;margin:4px auto;border-radius:22px;display:grid;place-items:center;background:var(--gold-grad,var(--red));color:#3A2600;box-shadow:0 5px 0 #6E4E10,0 12px 20px rgba(0,0,0,.3)}
.org-ic svg{width:36px;height:36px}
.org-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 12px;padding-bottom:4px}
.org-tabs button{flex:none;padding:8px 14px;border-radius:99px;font-weight:700;background:var(--panel);border:1px solid var(--line);display:flex;gap:6px;align-items:center}
.org-tabs button.on{background:var(--red);color:#fff;border-color:var(--red)}
.org-tabs .badge{min-width:20px;height:20px;font-size:11px}

/* ---------- التلخيص والبحث ---------- */
.sum-ai{white-space:pre-wrap;line-height:1.9;background:var(--red-soft);border-radius:14px;padding:12px}
.sum-local .lbl{display:block;margin-top:12px}
.sum-line{padding:6px 0;border-bottom:1px solid var(--line);cursor:pointer;line-height:1.7}
.item .last.hl mark{background:rgba(233,200,115,.6);color:inherit;border-radius:3px;padding:0 2px}

/* ---------- المدير: عضو جديد ---------- */
.nm-toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:120;max-width:min(420px,92vw);background:var(--green-grad,#0A5A3C);color:#fff;border:1.5px solid #E9C873;border-radius:16px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 30px rgba(0,0,0,.45);cursor:pointer;animation:nmIn .35s ease-out}
.nm-toast b{color:#F3D98C}
.nm-toast small{opacity:.85}
@keyframes nmIn{from{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%,0)}}
.auto-card{border:1.5px solid var(--red)}

/* ---------- جودة المكالمة ---------- */
#callScr .cq{position:absolute;top:max(14px,env(safe-area-inset-top));inset-inline-start:14px;z-index:6;display:flex;align-items:flex-end;gap:2px;background:rgba(0,0,0,.35);padding:6px 8px;border-radius:10px}
#callScr .cq i{width:4px;border-radius:2px;background:rgba(255,255,255,.35)}
#callScr .cq i:nth-child(1){height:6px}#callScr .cq i:nth-child(2){height:10px}#callScr .cq i:nth-child(3){height:14px}#callScr .cq i:nth-child(4){height:18px}
#callScr .cq[data-q="4"] i,#callScr .cq[data-q="3"] i:nth-child(-n+3),#callScr .cq[data-q="2"] i:nth-child(-n+2),#callScr .cq[data-q="1"] i:nth-child(1){background:#7CFC9A}
#callScr .cq[data-q="2"] i:nth-child(-n+2){background:#FFD54A}
#callScr .cq[data-q="1"] i:nth-child(1){background:#FF5A6E}
#callScr .cq small{color:#fff;font-size:11px;margin-inline-start:6px;align-self:center}