/* assets/tag-input-fix.css — v196 تنسيق حقل الوسوم (Tag Input) في صفحة "صفحتي الشخصية" (partner/landing.php). ملف مستقل بيحتوي فقط على الكلاسات الجديدة (.tag-input, .tag-chip, ...) عشان يسهل رفعه/التأكد منه لوحده بدون الحاجة لدمج أو استبدال ملف style.css/style.min.css الأساسي كله. طريقة التركيب (اختَر واحدة): 1) الأسهل: أضف هذا السطر داخل بملف header.php بعد سطر style.min.css مباشرة: 2) أو: انسخ محتوى هذا الملف بالكامل وألصقه في آخر ملفَي assets/style.css و assets/style.min.css الحاليين عندك على السيرفر، ثم زوّد رقم JS_VER في config.php بواحد لكسر الكاش. يعتمد على متغيرات CSS المعرّفة أصلاً في style.css الرئيسي (--line-2, --indigo, --bg-2, --ink, --radius-sm, --ease, --rej, --rej-bg, --shadow) فلازم يتحمّل في نفس الصفحة معه (مش بديلاً عنه). */ .tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%; padding:8px 10px;border:1.5px solid var(--line-2);border-radius:12px;background:#fdfefe; transition:border-color .15s,box-shadow .15s;cursor:text} .tag-input:focus-within{border-color:var(--indigo);box-shadow:0 0 0 4px rgba(91,75,230,.12)} .tag-chip{display:inline-flex;align-items:center;gap:8px;height:32px; background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink); font-weight:600;font-size:13px;padding:0 6px 0 12px;border-radius:var(--radius-sm); box-shadow:0 1px 2px rgba(11,30,51,.04);transition:.15s var(--ease)} .tag-chip:hover{border-color:var(--indigo);background:#fff;box-shadow:var(--shadow)} .tag-chip-ico{display:flex;flex:0 0 auto;color:var(--indigo)} .tag-chip-ico .icon{width:13px;height:13px} .tag-chip-txt{line-height:1;white-space:nowrap} /* زر الحذف: دائرة حمراء واضحة من أول وهلة (وليس رمادياً باهتاً يعتمد على التمرير لاكتشافه) - نفس منطق أي زر "حذف" فوري التعرّف عليه */ .tag-chip-x{width:22px;height:22px;flex:0 0 auto;border:1.5px solid var(--rej-bg);border-radius:50%; background:var(--rej-bg);color:var(--rej);cursor:pointer;padding:0; display:grid;place-items:center;transition:.15s var(--ease)} .tag-chip-x svg{width:12px;height:12px;display:block;stroke:currentColor} .tag-chip-x:hover,.tag-chip-x:focus-visible{background:var(--rej);border-color:var(--rej);color:#fff;outline:none;transform:scale(1.08)} .tag-input-field{flex:1;min-width:160px;height:32px;border:0;outline:none;background:transparent; font-family:inherit;font-size:14.5px;color:var(--ink);padding:0 4px} @media(max-width:560px){.tag-input-field{min-width:120px}}