/* أوبتس — هوية 2026-11-12 (فرع claude/brand-web-20261112): أيقونات خطية بدل آخر الرموز النصية بدردشة الويب
 * (▾ ＋ ‹ › ↑ ↻ ✕ بالصفحة، ✓ و⚠ من chat.css، وأيقونات أنواع الملفات ◧ ▤ 🖼 🎞 🎵 📕 📄 ‹› ≡ 📁 و📎 بالمحادثة).
 * ملف إضافي: إذا ما انحمّل يبقى الرمز القديم مثل ما هو. brand-icons.js يحط data-ic على العناصر اللي تنبني بالمحادثة؛
 * عناصر الصفحة الثابتة تنرسم من هنا مباشرة. نفس أسلوب polish.css (قناع SVG بلون currentColor، شبكة 24، خط 1.8). */

/* ---------- 1) عناصر الصفحة الثابتة (index.html) ---------- */
.model-btn > span[aria-hidden="true"] { --ic: var(--ic-chev); }
#newChat > span[aria-hidden="true"]:first-child { --ic: var(--ic-plus); }
#lbPrev { --ic: var(--ic-prev); }
#lbNext { --ic: var(--ic-next); }
#filesUp { --ic: var(--ic-up); }
#filesRefresh { --ic: var(--ic-retry); }
.ib.x[data-close] { --ic: var(--ic-x); }

/* الحاوية: الرمز يختفي (حجم خط 0) وترسمه ::before بالنص */
.model-btn > span[aria-hidden="true"], #newChat > span[aria-hidden="true"]:first-child, #lbPrev, #lbNext, #filesUp, #filesRefresh, .ib.x[data-close],
.fcard .ic[data-ic], .oic[data-ic], .sitebar .sb-ic[data-ic], .frow > span[data-ic], .chip > button[data-ic] {
  font-size: 0 !important; position: relative; }
.model-btn > span[aria-hidden="true"]::before, #newChat > span[aria-hidden="true"]:first-child::before, #lbPrev::before, #lbNext::before,
#filesUp::before, #filesRefresh::before, .ib.x[data-close]::before,
.fcard .ic[data-ic]::before, .oic[data-ic]::before, .sitebar .sb-ic[data-ic]::before, .frow > span[data-ic]::before, .chip > button[data-ic]::before {
  content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; background: currentColor;
  -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }

/* المقاسات */
.model-btn > span[aria-hidden="true"] { display: inline-block; width: 14px; height: 14px; flex: none; }
.model-btn > span[aria-hidden="true"]::before { width: 14px; height: 14px; }
#newChat > span[aria-hidden="true"]:first-child { display: inline-block; width: 18px; height: 18px; flex: none; }
#lbPrev::before, #lbNext::before { width: 28px; height: 28px; }
[dir="rtl"] #lbPrev::before, [dir="rtl"] #lbNext::before { transform: scaleX(-1); }   /* مثل ‹ › اللي تنعكس بالعربي */
.fcard .ic[data-ic]::before { width: 18px; height: 18px; }
.oic[data-ic] { display: inline-block; width: 30px; height: 30px; }
.oic.big[data-ic] { width: 52px; height: 52px; }
.oic[data-ic]::before { width: 100%; height: 100%; }
.sitebar .sb-ic[data-ic] { display: inline-block; width: 16px; height: 16px; flex: none; vertical-align: -3px; }
.sitebar .sb-ic[data-ic]::before { width: 16px; height: 16px; }
.frow > span[data-ic] { display: inline-block; width: 18px; height: 18px; flex: none; color: var(--silver); }
.chip > button[data-ic] { display: inline-block; width: 20px; height: 20px; min-height: 20px; padding: 0; flex: none; }
.chip > button[data-ic]::before { width: 12px; height: 12px; }

/* 📎 قبل اسم الملف برسالة المستخدم: brand-icons.js يشيل الرمز من النص ويحط data-ic="clip" */
.hint[data-ic="clip"]::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-inline-end: 6px; vertical-align: -2px;
  background: currentColor; -webkit-mask: var(--ic-clip) center / contain no-repeat; mask: var(--ic-clip) center / contain no-repeat; }

/* علامة النموذج المختار بقائمة النماذج (كانت ✓ من chat.css) */
.model-menu button.on::after { content: ""; width: 16px; height: 16px; flex: none; background: currentColor;
  -webkit-mask: var(--ic-check) center / contain no-repeat; mask: var(--ic-check) center / contain no-repeat; }
/* عنوان طلب الموافقة الحساس (كان ⚠ من chat.css) */
.ask.ap-del .ap-title span:first-child::before, .ask.ap-net .ap-title span:first-child::before,
.ask.ap-sys .ap-title span:first-child::before, .ask.ap-git .ap-title span:first-child::before {
  content: ""; display: inline-block; width: 15px; height: 15px; margin-inline-end: 6px; vertical-align: -2px; background: currentColor;
  -webkit-mask: var(--ic-warn) center / contain no-repeat; mask: var(--ic-warn) center / contain no-repeat; }

/* ---------- 2) أنواع الملفات (data-ic من brand-icons.js) ---------- */
.fcard .ic[data-ic="img"], .oic[data-ic="img"], .sitebar .sb-ic[data-ic="img"], .frow > span[data-ic="img"] { --ic: var(--ic-img); }
.fcard .ic[data-ic="vid"], .oic[data-ic="vid"], .sitebar .sb-ic[data-ic="vid"], .frow > span[data-ic="vid"] { --ic: var(--ic-vid); }
.fcard .ic[data-ic="aud"], .oic[data-ic="aud"], .sitebar .sb-ic[data-ic="aud"], .frow > span[data-ic="aud"] { --ic: var(--ic-aud); }
.fcard .ic[data-ic="html"], .oic[data-ic="html"], .sitebar .sb-ic[data-ic="html"], .frow > span[data-ic="html"] { --ic: var(--ic-html); }
.fcard .ic[data-ic="pdf"], .oic[data-ic="pdf"], .sitebar .sb-ic[data-ic="pdf"], .frow > span[data-ic="pdf"] { --ic: var(--ic-pdf); }
.fcard .ic[data-ic="doc"], .oic[data-ic="doc"], .sitebar .sb-ic[data-ic="doc"], .frow > span[data-ic="doc"] { --ic: var(--ic-doc); }
.fcard .ic[data-ic="code"], .oic[data-ic="code"], .sitebar .sb-ic[data-ic="code"], .frow > span[data-ic="code"] { --ic: var(--ic-code); }
.fcard .ic[data-ic="text"], .oic[data-ic="text"], .sitebar .sb-ic[data-ic="text"], .frow > span[data-ic="text"] { --ic: var(--ic-text); }
.fcard .ic[data-ic="file"], .oic[data-ic="file"], .sitebar .sb-ic[data-ic="file"], .frow > span[data-ic="file"] { --ic: var(--ic-file); }
.fcard .ic[data-ic="folder"], .oic[data-ic="folder"], .sitebar .sb-ic[data-ic="folder"], .frow > span[data-ic="folder"] { --ic: var(--ic-folder); }
.chip > button[data-ic="x"] { --ic: var(--ic-x); }

/* ---------- 3) الأيقونات ---------- */
:root {
  --ic-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --ic-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  --ic-prev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5.5L8.5 12l6.5 6.5'/%3E%3C/svg%3E");
  --ic-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5.5l6.5 6.5L9 18.5'/%3E%3C/svg%3E");
  --ic-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E");
  --ic-retry: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 10-2.3 5.7'/%3E%3Cpath d='M20 4v7h-7'/%3E%3C/svg%3E");
  --ic-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
  --ic-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2.5'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='M21 16l-5-5-9 9'/%3E%3C/svg%3E");
  --ic-vid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M10 9.5v5l4.5-2.5z'/%3E%3C/svg%3E");
  --ic-aud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V6l10-2v12'/%3E%3Ccircle cx='6.5' cy='18' r='2.5'/%3E%3Ccircle cx='16.5' cy='16' r='2.5'/%3E%3C/svg%3E");
  --ic-html: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2.5'/%3E%3Cpath d='M3 9h18M6.5 6.5h.01M9 6.5h.01'/%3E%3C/svg%3E");
  --ic-pdf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E");
  --ic-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 12.5h6M9 15.5h6M9 18.5h3'/%3E%3C/svg%3E");
  --ic-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 7.5L4 12l4.5 4.5M15.5 7.5L20 12l-4.5 4.5'/%3E%3C/svg%3E");
  --ic-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14M5 12h14M5 17h9'/%3E%3C/svg%3E");
  --ic-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E");
  --ic-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A2.5 2.5 0 015.5 5h3.6l2 2.2h7.4A2.5 2.5 0 0121 9.7v7.8a2.5 2.5 0 01-2.5 2.5h-13A2.5 2.5 0 013 17.5z'/%3E%3C/svg%3E");
  --ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --ic-warn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4L2.8 19.5h18.4z'/%3E%3Cpath d='M12 10v4.5M12 17.2h.01'/%3E%3C/svg%3E");
  --ic-clip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5l-8.3 8.3a5 5 0 01-7.1-7.1l8.6-8.6a3.4 3.4 0 014.8 4.8l-8.4 8.4a1.7 1.7 0 01-2.4-2.4l7.6-7.6'/%3E%3C/svg%3E");
}