/* ============================================ Soulmate — الوضع الوردي داخل شاشة المحادثة ============================================ */ /* إعادة تعريف متغيرات "الذهبي" بلمسة وردية-حمراء — يُعيد تلوين كل عنصر في شاشة المحادثة (الهيدر، الشارات، الفقاعات) تلقائياً من غير أي تعديل لكل عنصر على حدة. مُعرَّف على لا .chat-main فقط — مودالات المسح/القص (crop، confirm-preview، scanner) تعيش كأخوة مباشرة تحت خارج .chat-main، فتحتاج النطاق الأعلى لترث المتغيرات نفسها. */ body.soulmate-mode { --gold: #e85d75; --gold-rgb: 232, 93, 117; --gold-light: #f28fa3; --gold-dark: #b83b52; --gold-glow: rgba(232, 93, 117, 0.25); --border-gold: rgba(232, 93, 117, 0.22); --border-gold-strong: rgba(232, 93, 117, 0.38); } /* Header logo swaps to a heart (theme-colored) only while soulmate mode is active — reverts to the normal app logo everywhere else. */ .header-symbol-heart { display: none; width: 32px; height: 32px; } body.soulmate-mode .header-symbol-img { display: none; } body.soulmate-mode .header-symbol-heart { display: block; color: var(--gold); } .soulmate-tabbar { display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: rgba(17, 17, 17, 0.88); border-bottom: 1px solid var(--border-gold); flex-shrink: 0; } .soulmate-back { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--border-gold); background: rgba(232, 93, 117, 0.06); color: var(--gold); display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: var(--transition); } .soulmate-back:hover { border-color: var(--border-gold-strong); } html[dir="rtl"] .soulmate-back svg { transform: scaleX(-1); } .soulmate-tab { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 6px 10px; border-radius: 999px; border: 1px solid var(--border-gold); background: transparent; color: var(--white-dim); font-family: var(--font-ui); font-size: 13px; font-weight: 600; cursor: pointer; transition: var(--transition); } .soulmate-tab.active { color: #000; background: linear-gradient(135deg, var(--gold-light), var(--gold)); border-color: var(--gold); box-shadow: 0 4px 16px var(--gold-glow); } /* اللوحة المضمّنة (بدل المودال) — نفس بطاقة scanner-modal-container البصرية، لكن بدون التموضع الثابت وطبقة الخلفية fixed overlay */ .soulmate-inline-panel { position: static; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; animation: none; width: 100%; display: flex; justify-content: center; margin-top: 18px; }