/* ═══════════════════════════════ متغيرات الثيم ═══════════════════════════════ */ :root{ --bg-primary: #0A0A0F; --bg-secondary: #111118; --bg-card: #1A1A24; --bg-card-hover: #22222E; --bg-input: #16161E; --accent: #E8A020; --accent-hover: #D4901A; --accent-light: rgba(232, 160, 32, 0.12); --accent-glow: rgba(232, 160, 32, 0.25); --accent-gradient: linear-gradient(135deg, #E8A020, #C87010); --text-primary: #FFFFFF; --text-secondary: #B0B0C0; --text-muted: #707080; --border: #2A2A3A; --border-light: #33334A; --success: #4CAF50; --danger: #F44336; --warning: #FFC107; --info: #2196F3; --radius-sm: 10px; --radius: 14px; --radius-lg: 18px; --radius-xl: 26px; --nav-height: 62px; --sidebar-width: 220px; --topbar-height: 56px; --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-top: env(safe-area-inset-top, 0px); --shadow: 0 4px 24px rgba(0, 0, 0, 0.5); --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.7); --shadow-glow: 0 4px 20px rgba(232, 160, 32, 0.15); --transition: 0.3s ease; --font: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif; /* لون أيقونات شريط التنقل السفلي (افتراضي للوضع الليلي = أبيض) */ --nav-color: #FFFFFF; }/* ═══════════════════════════════ الوضع النهاري — كريمي دافئ + كحلي + ذهبي تنشيط: أو تلقائياً مع نظام النهار عند theme-auto ═══════════════════════════════ */ body.theme-light{ /* ╔══ النسخة السابقة (للرجوع إن طلب المستخدم "ارجع للسابقة") ══╗ --bg-primary: #FFFFFF; --bg-secondary: #FFFFFF; --bg-card: #FFFFFF; --bg-card-hover: #F4F6FA; --bg-input: #FFFFFF; --nav-bg: rgba(255,255,255,0.94); --nav-color: #1A2456; ╚═════════════════════════════════════════════════════════════╝ */ --bg-primary: #FFFFFF; /* أبيض ناصع 100% */ --bg-secondary: #FFFFFF; --bg-card: #FFFFFF; --bg-card-hover: #FFFFFF; --bg-input: #FFFFFF; --nav-bg: #FFFFFF; --nav-color: #1A2456; /* أيقونات الشريط كحلية */ /* ذهبي أفتح في الوضع النهاري */ --accent: #F4B848; --accent-hover: #E6A638; --accent-light: rgba(244, 184, 72, 0.12); --accent-glow: rgba(244, 184, 72, 0.22); --accent-gradient: linear-gradient(135deg, #F4B848, #E09818); --text-primary: #1A2456; /* كحلي عميق */ --text-secondary: #5A6080; --text-muted: #8A92A8; --border: #E5D6B0; /* قشدي/ذهبي ناعم للحدود */ --border-light: #EFE2BE; --shadow: 0 2px 10px rgba(140, 100, 30, 0.06); --shadow-lg: 0 8px 24px rgba(140, 100, 30, 0.10); --shadow-glow: 0 4px 18px rgba(232, 160, 32, 0.20); }/* تلقائي حسب النظام: لو ما اختار المستخدم يدوياً (theme-auto) ووضع النظام نهاري */ @media (prefers-color-scheme: light){body.theme-auto{ --bg-primary: #FFFFFF; --bg-secondary: #FFFFFF; --bg-card: #FFFFFF; --bg-card-hover: #FFFFFF; --bg-input: #FFFFFF; --nav-bg: #FFFFFF; --nav-color: #1A2456; --accent: #F4B848; --accent-hover: #E6A638; --accent-light: rgba(244, 184, 72, 0.12); --accent-glow: rgba(244, 184, 72, 0.22); --accent-gradient: linear-gradient(135deg, #F4B848, #E09818); --text-primary: #1A2456; --text-secondary: #5A6080; --text-muted: #8A92A8; --border: #E5D6B0; --border-light: #EFE2BE; --shadow: 0 2px 10px rgba(140, 100, 30, 0.06); --shadow-lg: 0 8px 24px rgba(140, 100, 30, 0.10); --shadow-glow: 0 4px 18px rgba(232, 160, 32, 0.20); } }/* ═══════════════════════════════ إعادة التعيين العامة ═══════════════════════════════ */ *, *::before, *::after{ box-sizing: border-box; margin: 0; padding: 0; }html{ font-size: 16px; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }body{ font-family: var(--font); background-color: var(--bg-primary); color: var(--text-primary); direction: rtl; text-align: right; min-height: 100vh; min-height: 100dvh; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }a{ text-decoration: none; color: inherit; }button{ border: none; outline: none; cursor: pointer; font-family: var(--font); font-size: inherit; }img{ max-width: 100%; display: block; }input, select, textarea{ font-family: var(--font); font-size: 1rem; }/* نص إنجليزي داخل سياق عربي */ .en-text{ direction: ltr; unicode-bidi: isolate; display: inline-block; }/* ═══════════════════════════════ الصفحات ═══════════════════════════════ */ .page{ min-height: 100vh; min-height: 100dvh; }.page-container{ max-width: 600px; margin: 0 auto; padding: calc(var(--safe-top) + 24px) 20px 24px; padding-bottom: calc(var(--nav-height) + var(--safe-bottom) + 24px); }/* ═══════════════════════════════ شاشة التحميل ═══════════════════════════════ */ .loading-screen{ position: fixed; inset: 0; z-index: 9999; background: #0A0A0F; display: flex; align-items: center; justify-content: center; transition: opacity 0.4s ease, visibility 0.4s ease; }.loading-screen.hidden{ opacity: 0; visibility: hidden; pointer-events: none; }.loading-content{ text-align: center; animation: ls-fadein .5s ease; } @keyframes ls-fadein {from{ opacity:0; transform:translateY(8px);}to{opacity:1; transform:translateY(0);} }.loading-logo{ font-family: 'Inter', -apple-system, sans-serif; font-weight: 900; font-size: 2.5rem; letter-spacing: 2.5px; margin-bottom: 22px; line-height: 1; }.loading-logo .lg-g{ color: #FFFFFF; }.loading-logo .lg-j{ background: linear-gradient(180deg, #FFE89A 0%, #FFD063 25%, #E8A020 55%, #9C6610 80%, #5C3A06 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.loading-dumb{ font-size: 1.6rem; color: #E8A020; display: inline-block; filter: drop-shadow(0 0 10px rgba(232, 160, 32, .5)); animation: ls-blink 1.2s ease-in-out infinite; } @keyframes ls-blink {0%, 100%{ opacity: .25; }50%{ opacity: 1; filter: drop-shadow(0 0 18px rgba(232, 160, 32, .8)); } } @keyframes spin {to{ transform: rotate(360deg); } }/* ═══════════════════════════════ صفحة الدخول ═══════════════════════════════ */ #page-login{ display: flex; align-items: center; justify-content: center; min-height: 100vh; min-height: 100dvh; padding: 16px; }.login-container{ position: relative; width: 100%; max-width: 420px; }/* نمط الخلفية */ .login-bg-pattern{ position: fixed; inset: 0; z-index: -1; background: radial-gradient(ellipse at 20% 50%, rgba(255, 107, 0, 0.08) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(255, 107, 0, 0.05) 0%, transparent 40%), radial-gradient(ellipse at 50% 100%, rgba(255, 107, 0, 0.06) 0%, transparent 40%); }.login-content{ position: relative; }/* الشعار */ .login-logo-section{ text-align: center; margin-bottom: 18px; }.login-logo{ font-size: 2.7rem; font-weight: 700; letter-spacing: 3px; line-height: 1; margin-bottom: 6px; direction: ltr; display: inline-block; }.logo-gym{ color: var(--text-primary); }.logo-dash{ color: var(--accent); margin: 0 2px; }.logo-jr{ color: var(--accent); }.login-tagline{ color: var(--text-secondary); font-size: 0.9rem; font-weight: 300; }/* أزرار الدخول */ .btn{ display: flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 24px; border-radius: var(--radius); font-size: 1rem; font-weight: 500; transition: all var(--transition); position: relative; overflow: hidden; }.btn:active{ transform: scale(0.97); }/* زر Google */ .btn-google{ background: #FFFFFF; color: #333333; font-weight: 500; }.btn-google:hover{ background: #F5F5F5; box-shadow: 0 2px 12px rgba(255, 255, 255, 0.1); }.btn-google .google-icon{ width: 22px; height: 22px; flex-shrink: 0; }/* زر Apple */ .btn-apple{ background: #000000; color: #FFFFFF; font-weight: 600; }.btn-apple:hover{ background: #1a1a1a; }.btn-apple .apple-icon{ width: 20px; height: 20px; flex-shrink: 0; margin-top: -2px; }/* زر الضيف */ .btn-guest{ background: transparent; color: var(--accent); border: 2px solid var(--accent); }.btn-guest:hover{ background: var(--accent-light); }.btn-guest i{ font-size: 1.1rem; }/* حالة التحميل للأزرار */ .btn.loading{ pointer-events: none; opacity: 0.7; }.btn.loading::after{ content: ''; width: 20px; height: 20px; border: 2px solid transparent; border-top-color: currentColor; border-radius: 50%; animation: spin 0.6s linear infinite; margin-right: 8px; }/* الفاصل */ /* ملاحظة أسفل الأزرار */ /* رسالة الخطأ */ .login-error{ background: rgba(244, 67, 54, 0.1); border: 1px solid rgba(244, 67, 54, 0.3); border-radius: var(--radius); padding: 12px 16px; margin-top: 16px; display: flex; align-items: center; gap: 10px; color: var(--danger); font-size: 0.875rem; animation: fadeIn 0.3s ease; }.login-error i{ flex-shrink: 0; }/* ═══════════════════════════════ بطاقة المصادقة (دخول/إنشاء حساب) ═══════════════════════════════ */ .auth-card{ background: var(--bg-card); border: 1px solid var(--border); border-radius: 24px; padding: 6px 18px 18px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5); position: relative; width: 100%; }.auth-card::before{ content: ''; position: absolute; top: 0; left: 24px; right: 24px; height: 3px; background: linear-gradient(90deg, transparent, var(--accent), transparent); border-radius: 3px; }/* التبويبات */ .auth-tabs{ display: flex; background: var(--bg-input); border-radius: 14px; padding: 5px; gap: 4px; margin: 16px 0; }.auth-tab{ flex: 1; text-align: center; padding: 11px 6px; border-radius: 10px; font-family: inherit; font-size: 0.88rem; font-weight: 700; white-space: nowrap; color: var(--text-secondary); background: none; border: none; cursor: pointer; transition: 0.2s; }.auth-tab.active{ background: var(--accent-gradient); color: #0A0A0F; box-shadow: 0 6px 16px var(--accent-glow); }/* الحقول */ .auth-form{ animation: fadeIn 0.25s ease; }.auth-field{ margin-bottom: 11px; }.auth-field label{ display: block; font-size: 0.78rem; color: var(--text-secondary); font-weight: 600; margin: 0 4px 5px; }.auth-input-wrap{ position: relative; display: flex; align-items: center; }.auth-input-wrap .auth-ic{ position: absolute; right: 14px; color: var(--text-muted); font-size: 0.9rem; pointer-events: none; }.auth-eye{ position: absolute; left: 14px; color: var(--text-muted); font-size: 0.95rem; cursor: pointer; background: none; border: none; padding: 4px; }.auth-eye:hover{ color: var(--accent); }.auth-input{ width: 100%; background: var(--bg-input); border: 1px solid var(--border); border-radius: 13px; padding: 12px 42px 12px 42px; color: var(--text-primary); font-family: inherit; font-size: 0.95rem; }.auth-input::placeholder{ color: var(--text-muted); }.auth-input:focus{ outline: none; border-color: var(--accent); background: var(--bg-input); box-shadow: 0 0 0 3px var(--accent-light); }.auth-forgot{ text-align: left; margin: -2px 4px 12px; }.auth-forgot a{ color: var(--accent); font-size: 0.8rem; font-weight: 600; text-decoration: none; cursor: pointer; }/* زر الإرسال الرئيسي */ .auth-submit{ width: 100%; padding: 13px; border: none; border-radius: 14px; background: var(--accent-gradient); color: #0A0A0F; font-family: inherit; font-size: 1.02rem; font-weight: 800; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 10px 24px var(--accent-glow); }/* فاصل */ .auth-sep{ display: flex; align-items: center; gap: 12px; margin: 14px 0; color: var(--text-muted); font-size: 0.82rem; }.auth-sep::before, .auth-sep::after{ content: ''; flex: 1; height: 1px; background: var(--border); }/* أزرار Google/زائر داخل البطاقة — بعرض وارتفاع موحّد */ .auth-card .btn-google, .auth-card .btn-apple, .auth-card .btn-guest{ width: 100%; box-sizing: border-box; min-height: 50px; padding: 0 24px; }.auth-card .btn-google, .auth-card .btn-apple{ margin-bottom: 10px; }/* ═══════════════════════════════ لوحة حذف الحساب ═══════════════════════════════ */ .set-panel-title.del-title{ color: var(--danger); }.del-warn{ background: rgba(244, 67, 54, 0.08); border: 1px solid rgba(244, 67, 54, 0.3); border-radius: 16px; padding: 20px; margin: 8px 0 16px; text-align: center; }.del-warn-ic{ font-size: 2.4rem; color: var(--danger); margin-bottom: 10px; }.del-warn h3{ font-size: 1.1rem; font-weight: 800; margin-bottom: 8px; }.del-warn p{ font-size: 0.85rem; color: var(--text-secondary); line-height: 1.8; }.del-lose{ list-style: none; margin: 0 0 16px; padding: 0; }.del-lose li{ display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--bg-input); border-radius: 11px; margin-bottom: 7px; font-size: 0.85rem; color: var(--text-secondary); }.del-lose li i{ color: var(--danger); font-size: 0.8rem; flex-shrink: 0; }.del-confirm-label{ display: block; font-size: 0.82rem; color: var(--text-secondary); font-weight: 600; margin: 6px 4px 8px; }.del-confirm-input{ width: 100%; background: var(--bg-input); border: 1px solid var(--border); border-radius: 13px; padding: 14px; color: var(--text-primary); font-family: inherit; font-size: 1rem; text-align: center; margin-bottom: 14px; }.del-confirm-input:focus{ outline: none; border-color: var(--danger); }#btn-delete-account:disabled{ opacity: 0.5; cursor: not-allowed; }.del-tip{ text-align: center; color: var(--text-muted); font-size: 0.74rem; margin-top: 14px; line-height: 1.7; }/* ═══════════════════════════════ شريط التنقل السفلي (جوال) ═══════════════════════════════ */ .bottom-nav{ position: fixed; bottom: 0; right: 0; left: 0; height: calc(var(--nav-height) + max(var(--safe-bottom) - 18px, 4px)); padding-bottom: max(var(--safe-bottom) - 18px, 4px); /* بدون backdrop-filter — كان blur(16px) يكلف GPU مع كل frame تمرير على iOS */ background: var(--nav-bg, rgba(17, 17, 24, 0.97)); border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-around; z-index: 1000; }.nav-item{ display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 6px; color: var(--nav-color, var(--text-muted)); font-size: 0.58rem; font-weight: 400; transition: color var(--transition); position: relative; min-width: 42px; }.nav-item i{ font-size: 0.95rem; transition: transform var(--transition); }.nav-item.active{ color: var(--accent); }.nav-item.active i{ transform: scale(1.05); }/* مؤشر الصفحة النشطة */ .nav-item.active::before{ content: ''; position: absolute; top: -1px; right: 50%; transform: translateX(50%); width: 24px; height: 2px; background: var(--accent); border-radius: 0 0 3px 3px; }/* ═══════════════════════════════ أنيميشن عامة ═══════════════════════════════ */ @keyframes fadeIn{from{ opacity: 0; transform: translateY(8px); }to{ opacity: 1; transform: translateY(0); } } @keyframes slideDown {from{ transform: translateY(-100%); }to{ transform: translateY(0); } } @keyframes fadeInUp {from{ opacity: 0; transform: translateY(20px); }to{ opacity: 1; transform: translateY(0); } }/* ═══════════════════════════════ صفحة الإعداد ═══════════════════════════════ */ .setup-container{ max-width: 540px; margin: 0 auto; padding: calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px); min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }.setup-header{ text-align: center; margin-bottom: 28px; position: relative; }.setup-back-btn{ position: absolute; top: 0; inset-inline-start: 0; width: 38px; height: 38px; border-radius: 12px; background: var(--bg-card); border: 1px solid var(--border); color: var(--text-primary, #fff); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 0.95rem; transition: background .15s, border-color .15s; }.setup-back-btn:hover{ background: var(--bg-input); border-color: var(--accent); }.setup-logo{ font-size: 1.4rem; font-weight: 700; color: var(--accent); letter-spacing: 2px; margin-bottom: 16px; direction: ltr; display: inline-block; }.setup-progress{ max-width: 280px; margin: 0 auto; }.progress-bar{ height: 4px; background: var(--border); border-radius: 4px; overflow: hidden; margin-bottom: 8px; }.progress-fill{ height: 100%; background: var(--accent); border-radius: 4px; transition: width 0.4s ease; }.progress-label{ font-size: 0.75rem; color: var(--text-muted); }/* خطوات الإعداد */ .setup-step{ display: none; animation: fadeIn 0.4s ease; }.setup-step.active{ display: flex; flex-direction: column; flex: 1; justify-content: center; padding-bottom: 140px; }.step-header{ text-align: center; margin-bottom: 28px; }.step-icon{ width: 44px; height: 44px; border-radius: 50%; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; margin: 0 auto 12px; }.step-header h2{ font-size: 1.3rem; font-weight: 600; margin-bottom: 6px; }.step-desc{ color: var(--text-secondary); font-size: 0.9rem; }/* الحقول */ .form-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }.form-group{ display: flex; flex-direction: column; gap: 8px; min-width: 0; }.form-group input, .form-group select, .form-group .input-with-unit{ min-width: 0; max-width: 100%; }.form-group input{ width: 100%; box-sizing: border-box; }.form-group label:first-child{ font-size: 0.85rem; font-weight: 500; color: var(--text-secondary); }.input-with-unit{ display: flex; align-items: center; background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: border-color var(--transition); }.input-with-unit:focus-within{ border-color: var(--accent); }.input-with-unit input{ flex: 1; background: transparent; border: none; outline: none; padding: 12px 14px; color: var(--text-primary); font-size: 1rem; min-width: 0; }.input-with-unit input::placeholder{ color: var(--text-muted); }.input-unit{ padding: 12px 14px; color: var(--text-muted); font-size: 0.85rem; background: var(--bg-card); border-right: 1px solid var(--border); white-space: nowrap; }/* أزرار الراديو — الجنس */ .radio-group{ display: flex; gap: 12px; }.radio-card{ flex: 1; cursor: pointer; }.radio-card input{ display: none; }.radio-content{ display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; background: var(--bg-input); border: 2px solid var(--border); border-radius: var(--radius); transition: all var(--transition); font-size: 0.9rem; }.radio-card input:checked + .radio-content{ border-color: var(--accent); background: var(--accent-light); color: var(--accent); }.day-chip{ cursor: pointer; }.day-chip input{ display: none; }.day-chip span{ display: inline-block; padding: 10px 16px; background: var(--bg-input); border: 2px solid var(--border); border-radius: var(--radius-xl); font-size: 0.85rem; transition: all var(--transition); white-space: nowrap; }.day-chip input:checked + span{ border-color: var(--accent); background: var(--accent); color: white; }.days-count{ font-size: 0.8rem; color: var(--accent); margin-top: 8px; font-weight: 500; }.program-recommended{ font-size: 0.72rem; color: var(--success); font-weight: 600; white-space: nowrap; display: flex; align-items: center; gap: 4px; background: rgba(76, 175, 80, 0.15); padding: 3px 8px; border-radius: 12px; }/* توصية الذكاء الاصطناعي */ .ai-recommendation{ background: var(--bg-card); border: 1px solid var(--accent); border-radius: var(--radius); padding: 14px 16px; margin-bottom: 20px; animation: fadeIn 0.4s ease; }.ai-badge{ display: inline-flex; align-items: center; gap: 6px; background: var(--accent-light); color: var(--accent); padding: 4px 10px; border-radius: 12px; font-size: 0.75rem; font-weight: 600; margin-bottom: 8px; }.ai-recommendation p{ font-size: 0.85rem; color: var(--text-secondary); line-height: 1.6; }/* أزرار التنقل بين الخطوات */ .step-buttons{ display: flex; gap: 12px; margin-top: 28px; }.step-buttons .btn{ flex: 1; }.btn-block{ width: 100%; margin-top: 28px; }/* ═══════════════════════════════ الخطوة 4: التوليد والنجاح ═══════════════════════════════ */ @keyframes pulse-ring{0%{ transform: scale(0.9); opacity: 1; }100%{ transform: scale(1.3); opacity: 0; } }/* الوقت المتوقع */ /* ═══════════════════════════════ صفحة الجلسات ═══════════════════════════════ */ .sessions-page{ padding-bottom: 24px; }.sessions-header{ text-align: center; margin-bottom: 28px; padding-top: 12px; }.sessions-logo{ font-size: 1.2rem; font-weight: 700; color: var(--accent); letter-spacing: 2px; margin-bottom: 12px; direction: ltr; display: inline-block; }.sessions-header h1{ font-size: 1.5rem; font-weight: 700; margin-bottom: 4px; }.sessions-header p{ font-size: 0.85rem; color: var(--text-secondary); }/* بطاقات الجلسات */ .sessions-list{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }.session-card{ display: flex; align-items: center; gap: 14px; padding: 16px; background: var(--bg-card); border: 2px solid var(--border); border-radius: var(--radius); cursor: pointer; transition: all var(--transition); }.session-card:active{ transform: scale(0.98); }.session-card.active{ background: linear-gradient(135deg, #F4B848, #E8A020) !important; border-color: #9C6610 !important; box-shadow: 0 8px 22px rgba(232, 160, 32, 0.30) !important; }.session-card.active .session-card-icon{ background: rgba(14, 14, 24, 0.18) !important; color: #0A0A0F !important; }.session-card.active .session-card-name, .session-card.active .session-card-arrow{ color: #0A0A0F !important; }.session-card.active .session-card-mode{ color: rgba(14, 14, 24, 0.7) !important; }.session-card.active .session-edit-btn, .session-card.active .session-delete-btn{ color: #0A0A0F !important; border-color: rgba(14, 14, 24, 0.20) !important; background: rgba(14, 14, 24, 0.06) !important; }.session-card.active .session-edit-btn:hover{ background: rgba(14, 14, 24, 0.14) !important; }.session-card.active .session-delete-btn:hover{ background: rgba(244, 67, 54, 0.20) !important; color: #B91C1C !important; }.session-card-icon{ width: 36px; height: 36px; border-radius: var(--radius-sm); background: var(--bg-input); display: flex; align-items: center; justify-content: center; font-size: 0.95rem; flex-shrink: 0; }.session-card-info{ flex: 1; min-width: 0; }.session-card-name{ font-size: 0.95rem; font-weight: 600; margin-bottom: 2px; }.session-card-mode{ font-size: 0.75rem; color: var(--text-muted); }.session-card-actions{ display: flex; align-items: center; gap: 8px; }.session-delete-btn{ width: 32px; height: 32px; border-radius: 50%; background: transparent; color: var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 0.8rem; transition: all var(--transition); }.session-delete-btn:hover{ color: var(--danger); background: rgba(244, 67, 54, 0.1); }.session-edit-btn{ width: 32px; height: 32px; border-radius: 50%; background: transparent; color: var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 0.8rem; border: none; cursor: pointer; transition: all var(--transition); }.session-edit-btn:hover{ color: var(--accent); background: var(--accent-light); }.session-card-arrow{ color: var(--text-muted); font-size: 0.8rem; }.btn-add-session{ font-size: 1rem; padding: 16px; gap: 10px; border-radius: var(--radius-lg); }/* نوافذ الجلسات */ .session-overlay{ position: fixed; inset: 0; z-index: 2000; background: rgba(0, 0, 0, 0.7); display: flex; align-items: flex-end; justify-content: center; animation: fadeIn 0.2s ease; }.session-overlay-content{ background: var(--bg-secondary); border-radius: var(--radius-xl) var(--radius-xl) 0 0; padding: 24px 20px; width: 100%; max-width: 540px; max-height: 90vh; overflow-y: auto; animation: slideUp 0.3s ease; } @keyframes slideUp {from{ transform: translateY(100%); }to{ transform: translateY(0); } }/* شريط علوي للمعالج: العودة للرئيسية + إغلاق */ .wizard-topbar{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--border); }.wizard-home-link{ display: flex; align-items: center; gap: 6px; background: none; border: none; color: var(--text-secondary, #B0B0C0); font-family: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; padding: 4px 2px; }.wizard-home-link i{ color: var(--accent); }.wizard-home-link:hover{ color: var(--text-primary, #fff); }.wizard-close-sm{ width: 30px; height: 30px; border-radius: 50%; background: var(--bg-card); color: var(--text-secondary); display: flex; align-items: center; justify-content: center; font-size: 0.85rem; border: none; cursor: pointer; }.session-overlay-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }.session-overlay-header h2{ font-size: 1.2rem; font-weight: 700; }.session-overlay-close{ width: 36px; height: 36px; border-radius: 50%; background: var(--bg-card); color: var(--text-secondary); display: flex; align-items: center; justify-content: center; font-size: 1rem; }/* بطاقات الأوضاع */ .mode-cards{ display: flex; flex-direction: column; gap: 10px; }.mode-card{ display: flex; align-items: center; gap: 14px; padding: 16px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); cursor: pointer; transition: all var(--transition); }.mode-card:hover{ border-color: var(--accent); }.mode-card:active{ transform: scale(0.98); }.mode-icon{ width: 36px; height: 36px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 0.95rem; flex-shrink: 0; }.mode-info{ flex: 1; }.mode-info strong{ display: block; font-size: 0.92rem; margin-bottom: 2px; }.mode-info span{ font-size: 0.78rem; color: var(--text-secondary); }.mode-arrow{ color: var(--text-muted); font-size: 0.8rem; }/* بناء الجدول اليدوي */ .manual-builder-content{ max-height: 95vh; }/* طريقة إدخال الجدول */ .manual-input-method{ margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }.manual-method-btns{ display: flex; gap: 8px; }.method-btn{ flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); color: var(--text-secondary); font-size: 0.75rem; font-family: var(--font); cursor: pointer; transition: all var(--transition); text-align: center; }.method-btn:hover{ border-color: var(--accent); color: var(--text-primary); }.method-btn.active{ border-color: var(--accent); background: var(--accent-light); color: var(--accent); }.method-btn i{ font-size: 0.85rem; }.manual-ai-loading{ text-align: center; padding: 30px 0; }.manual-ai-loading p{ color: var(--text-secondary); font-size: 0.85rem; margin-top: 12px; }.manual-days-section{ margin-bottom: 20px; }.manual-days-section label{ display: block; font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 10px; }.manual-days-grid{ display: flex; flex-wrap: wrap; gap: 6px; }.manual-day-btn{ padding: 8px 14px; border-radius: var(--radius-xl); background: var(--bg-card); border: 1px solid var(--border); color: var(--text-muted); font-size: 0.78rem; font-family: var(--font); transition: all var(--transition); }.manual-day-btn.active{ background: var(--accent); border-color: var(--accent); color: white; }.manual-day-editor{ animation: fadeIn 0.3s ease; }.manual-day-title h3{ font-size: 1rem; font-weight: 600; margin-bottom: 12px; color: var(--accent); }.manual-exercises-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }.manual-exercises-header label{ font-size: 0.85rem; color: var(--text-secondary); }.btn-add-ex{ background: var(--accent-light); color: var(--accent); padding: 6px 12px; border-radius: var(--radius-sm); font-size: 0.78rem; font-weight: 600; font-family: var(--font); display: flex; align-items: center; gap: 4px; border: none; cursor: pointer; transition: all var(--transition); }.btn-add-ex:hover{ background: var(--accent); color: white; }.manual-ex-header-btns{ display: flex; gap: 6px; align-items: center; }.btn-copy-day{ background: rgba(33, 150, 243, 0.12); color: #2196F3; }.btn-copy-day:hover{ background: #2196F3; color: white; }/* قائمة اختيار يوم للنسخ */ .copy-day-list{ display: flex; flex-direction: column; gap: 8px; max-height: 50vh; overflow-y: auto; }.copy-day-item{ display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); color: var(--text-primary); cursor: pointer; transition: all var(--transition); font-family: var(--font); text-align: right; }.copy-day-item:hover{ border-color: var(--accent); background: var(--accent-light); }.copy-day-item:active{ transform: scale(0.98); }.copy-day-info{ display: flex; flex-direction: column; gap: 2px; align-items: flex-start; }.copy-day-info strong{ font-size: 0.95rem; font-weight: 600; color: var(--text-primary); }.copy-day-label{ font-size: 0.78rem; color: var(--accent); }.copy-day-count{ font-size: 0.72rem; color: var(--text-muted); }.copy-day-item i{ color: var(--text-muted); font-size: 0.8rem; }.manual-exercises-list{ display: flex; flex-direction: column; gap: 8px; }.manual-ex-item{ display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); }.manual-ex-num{ width: 24px; height: 24px; border-radius: 50%; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; flex-shrink: 0; }.manual-ex-info{ flex: 1; min-width: 0; }.manual-ex-info strong{ display: block; font-size: 0.85rem; font-weight: 600; }.manual-ex-info span{ font-size: 0.72rem; color: var(--text-muted); }.manual-ex-btns{ display: flex; gap: 4px; }.manual-ex-edit, .manual-ex-del{ width: 28px; height: 28px; border-radius: 50%; background: transparent; color: var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-family: var(--font); }.manual-ex-del:hover{ color: var(--danger); }.manual-ex-edit:hover{ color: var(--accent); }/* نموذج التمرين */ .manual-exercise-form{ margin-top: 16px; padding: 16px; background: var(--bg-card); border: 1px solid var(--accent); border-radius: var(--radius); animation: fadeIn 0.3s ease; }.manual-exercise-form h4{ font-size: 0.9rem; margin-bottom: 12px; color: var(--accent); }/* شارة الجلسة النشطة — مخفية (الشريط العلوي يحل محلها) */ .session-badge{ display: none !important; }.session-badge-link{ display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-size: 0.8rem; font-weight: 500; }.session-badge-link i{ font-size: 0.7rem; }/* تعويض للصفحات عن الشريط العلوي */ #page-home .page-container, #page-today .page-container, #page-schedule .page-container, #page-scanner .page-container, #page-progress .page-container, #page-settings .page-container, #page-edit-session .page-container{ padding-top: calc(var(--safe-top) + 16px); }/* ═══════════════════════════════ صفحة الرئيسية (تصميم C — لوحة تحكم سريعة) ═══════════════════════════════ */ /* شريط المستخدم */ .home-user-bar{ display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }.home-avatar-sm{ width: 40px; height: 40px; border-radius: 50%; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; overflow: hidden; }.home-avatar-sm img{ width: 100%; height: 100%; object-fit: cover; }.home-user-text{ flex: 1; min-width: 0; }.home-user-text h2{ font-size: 1.05rem; font-weight: 600; margin-bottom: 2px; }.home-user-meta{ font-size: 0.78rem; font-weight: 600; color: var(--text-secondary); }.home-cog-btn{ width: 38px; height: 38px; border-radius: 50%; background: var(--bg-card); color: var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 0.9rem; flex-shrink: 0; transition: all var(--transition); border: 1px solid var(--border); }.home-cog-btn:hover{ color: var(--accent); border-color: var(--accent); }/* زر CTA الكبير */ .home-cta{ display: block; padding: 26px 20px; background: var(--accent-gradient); border-radius: var(--radius-lg); margin-bottom: 16px; text-align: center; box-shadow: 0 8px 24px rgba(232, 160, 32, 0.25); cursor: pointer; transition: transform var(--transition); text-decoration: none; color: var(--bg-primary); }.home-cta:active{ transform: scale(0.98); }.home-cta-icon{ font-size: 2.2rem; color: var(--bg-primary); margin-bottom: 8px; }.home-cta-title{ font-size: 1.25rem; font-weight: 700; color: var(--bg-primary); margin-bottom: 4px; }.home-cta-sub{ font-size: 0.82rem; color: rgba(10, 10, 15, 0.7); }/* شبكة الاختصارات السريعة */ .home-quick-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }/* بانر إضافة جدول */ .home-add-banner{ width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: linear-gradient(135deg, rgba(232,160,32,.15), rgba(232,160,32,.04)); border: 1px solid rgba(232,160,32,.4); border-radius: 14px; color: inherit; cursor: pointer; font-family: inherit; text-align: right; margin-bottom: 18px; transition: all var(--transition); box-shadow: 0 4px 12px rgba(0,0,0,.30), 0 14px 32px rgba(232,160,32,.10); }.home-add-banner:hover{ background: linear-gradient(135deg, rgba(232,160,32,.22), rgba(232,160,32,.07)); }.home-add-banner-icon{ width: 46px; height: 46px; border-radius: 14px; background: var(--accent); color: #0A0A0F; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; }.home-add-banner-body{ flex: 1; min-width: 0; }.home-add-banner-title{ font-size: 0.95rem; font-weight: 700; color: var(--accent); margin-bottom: 2px; }.home-add-banner-sub{ font-size: 0.7rem; color: var(--text-secondary, #B0B0C0); }.home-add-banner-arrow{ color: var(--accent); font-size: 0.85rem; }.home-quick-card{ padding: 16px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); cursor: pointer; transition: all var(--transition); text-decoration: none; color: inherit; display: block; }.home-quick-card:hover{ border-color: var(--accent); transform: translateY(-2px); }.home-quick-card:active{ transform: scale(0.98); }.home-quick-icon{ width: 38px; height: 38px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; font-size: 1rem; }/* أيقونات الرئيسية — تدرّج خفيف يعطي عمق ناعم بدون مبالغة */ .home-quick-blue{ background: linear-gradient(160deg, rgba(33, 150, 243, 0.20), rgba(33, 150, 243, 0.10)); color: #2196F3; box-shadow: 0 1px 2px rgba(33,150,243,.10), inset 0 1px 0 rgba(255,255,255,.06); }.home-quick-green{ background: linear-gradient(160deg, rgba(76, 175, 80, 0.20), rgba(76, 175, 80, 0.10)); color: #4CAF50; box-shadow: 0 1px 2px rgba(76,175,80,.10), inset 0 1px 0 rgba(255,255,255,.06); }.home-quick-purple{ background: linear-gradient(160deg, rgba(156, 39, 176, 0.22), rgba(156, 39, 176, 0.10)); color: #9C27B0; box-shadow: 0 1px 2px rgba(156,39,176,.10), inset 0 1px 0 rgba(255,255,255,.06); }.home-quick-orange{ background: linear-gradient(160deg, rgba(232, 160, 32, 0.22), rgba(232, 160, 32, 0.10)); color: var(--accent); box-shadow: 0 1px 2px rgba(232,160,32,.10), inset 0 1px 0 rgba(255,255,255,.06); }.home-quick-title{ font-size: 0.88rem; font-weight: 600; margin-bottom: 2px; }.home-quick-sub{ font-size: 0.7rem; color: var(--text-muted); }/* بطاقة الحساب (قديم — متروك للتوافق) */ .home-avatar{ width: 48px; height: 48px; border-radius: 50%; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; overflow: hidden; }.home-avatar img{ width: 100%; height: 100%; object-fit: cover; }/* إحصائيات سريعة */ /* شريط التقدم */ .home-progress-pct{ font-size: 1rem; font-weight: 700; color: var(--accent); }.home-progress-fill{ height: 100%; background: var(--accent-gradient); border-radius: 6px; transition: width 0.6s ease; }/* قسم الجلسات */ .home-sessions-list{ display: flex; flex-direction: column; gap: 8px; }.home-session-card{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); cursor: pointer; transition: all var(--transition); }.home-session-card:active{ transform: scale(0.98); }.home-session-card.active{ border-color: var(--accent); background: var(--accent-light); }.home-session-icon{ width: 34px; height: 34px; border-radius: var(--radius-sm); background: var(--bg-input); display: flex; align-items: center; justify-content: center; font-size: 0.85rem; flex-shrink: 0; }.home-session-info{ flex: 1; min-width: 0; }.home-session-name{ font-size: 0.88rem; font-weight: 600; margin-bottom: 1px; }.home-session-meta{ font-size: 0.68rem; color: var(--text-muted); }.home-session-arrow{ color: var(--text-muted); font-size: 0.7rem; }/* أزرار تعديل وحذف الجلسة */ .home-session-actions{ display: flex; gap: 4px; flex-shrink: 0; }.home-session-edit-btn, .home-session-delete-btn{ width: 30px; height: 30px; border-radius: 50%; background: transparent; border: none; display: flex; align-items: center; justify-content: center; font-size: 0.72rem; cursor: pointer; transition: all var(--transition); color: var(--text-muted); }.home-session-edit-btn:hover{ color: var(--accent); background: var(--accent-light); }.home-session-delete-btn:hover{ color: var(--danger); background: rgba(244, 67, 54, 0.1); }/* ═══════════════════════════════ صفحة تعديل الجلسة ═══════════════════════════════ */ .edit-session-header{ display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }.edit-back-btn{ width: 40px; height: 40px; border-radius: 50%; background: var(--accent-light); color: var(--accent); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1rem; cursor: pointer; transition: all var(--transition); flex-shrink: 0; }.edit-back-btn:hover{ background: var(--accent); color: white; }.edit-session-header h1{ font-size: 1.2rem; font-weight: 700; }.edit-section{ margin-bottom: 24px; }.edit-section-title{ font-size: 0.9rem; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }.edit-section-title i{ color: var(--accent); }.edit-days-grid{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }.edit-day-btn{ padding: 8px 14px; border-radius: var(--radius-xl); background: var(--bg-card); border: 1px solid var(--border); color: var(--text-muted); font-size: 0.78rem; font-family: var(--font); cursor: pointer; transition: all var(--transition); }.edit-day-btn.active{ background: var(--accent); border-color: var(--accent); color: white; }/* اليوم قيد التعديل — أخضر مميّز */ .edit-day-btn.is-editing, .edit-day-btn.is-editing.active{ background: var(--success, #4CAF50); border-color: var(--success, #4CAF50); color: #fff; box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.28), 0 6px 16px rgba(76, 175, 80, 0.4); transform: scale(1.06); }.edit-day-title h4{ font-size: 0.95rem; font-weight: 600; color: var(--accent); margin-bottom: 12px; }.edit-exercises-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }.edit-exercises-header label{ font-size: 0.82rem; color: var(--text-secondary); }/* ═══════════════════════════════ صفحة الإعدادات ═══════════════════════════════ */ .settings-header{ margin-bottom: 20px; }.settings-header h1{ font-size: 1.4rem; font-weight: 700; }/* بطاقة المستخدم */ .settings-user-card{ display: flex; align-items: center; gap: 14px; padding: 18px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); margin-bottom: 24px; }.settings-avatar{ width: 52px; height: 52px; border-radius: 50%; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; overflow: hidden; }.settings-avatar img{ width: 100%; height: 100%; object-fit: cover; }.settings-user-info h3{ font-size: 1rem; font-weight: 600; margin-bottom: 2px; }.settings-email{ font-size: 0.78rem; color: var(--text-muted); }/* الأقسام */ .settings-section{ margin-bottom: 24px; }.settings-section-title{ font-size: 0.9rem; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }.settings-section-title i{ color: var(--accent); font-size: 0.85rem; }/* النماذج */ .settings-form{ display: flex; flex-direction: column; gap: 10px; }.settings-row{ display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); }.settings-row label{ font-size: 0.88rem; color: var(--text-secondary); }.settings-input{ width: 100px; padding: 8px 10px; background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text-primary); text-align: center; font-size: 0.95rem; font-family: var(--font); }.settings-input:focus{ border-color: var(--accent); outline: none; }/* خيارات الراديو */ .settings-options{ display: flex; flex-direction: column; gap: 8px; }.settings-option{ display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); cursor: pointer; transition: all var(--transition); }.settings-option:has(input:checked){ border-color: var(--accent); background: var(--accent-light); }.settings-option input{ accent-color: var(--accent); width: 18px; height: 18px; }.settings-option span{ font-size: 0.88rem; }/* القيم الحالية */ .settings-desc{ font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 12px; line-height: 1.6; }.settings-hint{ font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; }/* زر الخطر */ .btn-danger{ background: rgba(244, 67, 54, 0.15); color: var(--danger); border: 1px solid rgba(244, 67, 54, 0.3); }.btn-danger:hover{ background: rgba(244, 67, 54, 0.25); }/* الإصدار */ .settings-version{ text-align: center; font-size: 0.75rem; color: var(--text-muted); padding: 16px 0 4px; }.settings-made-in{ text-align: center; font-size: 0.66rem; letter-spacing: 1px; color: var(--text-muted); opacity: 0.65; padding: 0 0 18px; font-family: 'Inter', -apple-system, sans-serif; }/* ═══════════════════════════════ الإعدادات — تصميم القائمة (drill-in) ═══════════════════════════════ */ .set-hero{ border-right: 4px solid var(--accent); }.set-group{ background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }.set-row{ display: flex; align-items: center; gap: 13px; padding: 15px 16px; cursor: pointer; border-bottom: 1px solid var(--border); -webkit-tap-highlight-color: transparent; }.set-row:last-child{ border-bottom: none; }.set-row:active{ background: var(--bg-input); }.set-row-ic{ width: 34px; height: 34px; border-radius: var(--radius-sm); background: linear-gradient(160deg, rgba(232, 160, 32, 0.22), rgba(232, 160, 32, 0.10)); box-shadow: 0 1px 2px rgba(232, 160, 32, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.06); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 0.85rem; flex-shrink: 0; }.set-row-b{ flex: 1; min-width: 0; }.set-row-t{ font-size: 0.9rem; font-weight: 600; color: var(--text-primary); }.set-row-v{ font-size: 0.68rem; color: var(--text-muted); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.set-row-chev{ color: var(--text-muted); font-size: 0.78rem; }.set-row.danger .set-row-ic{ background: linear-gradient(160deg, rgba(244, 54, 54, 0.22), rgba(244, 54, 54, 0.10)); box-shadow: 0 1px 2px rgba(244, 54, 54, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.06); color: var(--danger); }.set-row.danger .set-row-t{ color: var(--danger); }/* لوحات التفاصيل */ .set-panel{ animation: setPanelIn 0.18s ease; } @keyframes setPanelIn {from{ opacity: 0; transform: translateX(-12px); }to{ opacity: 1; transform: translateX(0); } }.set-panel-head{ display: flex; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 16px; border-bottom: 1px solid var(--border); }.set-back{ background: none; border: none; color: var(--text-secondary); font-family: inherit; font-size: 0.85rem; font-weight: 600; cursor: pointer; padding: 4px 0; flex-shrink: 0; }.set-back i{ color: var(--accent); margin-left: 4px; }.set-panel-title{ font-size: 1.05rem; font-weight: 700; color: var(--text-primary); }/* صف فيه مفتاح داخلي (أصوات التنبيهات) — لا يفتح لوحة */ /* مفتاح التبديل داخل القائمة */ .set-switch{ position: relative; width: 44px; height: 25px; flex-shrink: 0; cursor: pointer; }.set-switch input{ opacity: 0; width: 0; height: 0; position: absolute; }.set-switch-slider{ position: absolute; inset: 0; background: var(--border); border-radius: 25px; transition: background 0.2s ease; }.set-switch-slider::before{ content: ''; position: absolute; width: 19px; height: 19px; top: 3px; right: 3px; background: #fff; border-radius: 50%; transition: transform 0.2s ease; }.set-switch input:checked + .set-switch-slider{ background: var(--accent); }.set-switch input:checked + .set-switch-slider::before{ transform: translateX(-19px); }/* في الوضع الإنجليزي (LTR) يتحرك المقبض لليمين */ body.lang-en .set-switch-slider::before{ right: auto; left: 3px; }body.lang-en .set-switch input:checked + .set-switch-slider::before{ transform: translateX(19px); }/* نص السياسة والخصوصية */ .privacy-body{ max-height: 60vh; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-left: 4px; }.privacy-h{ font-size: 0.92rem; font-weight: 700; color: var(--accent); margin: 14px 0 6px; }.privacy-h:first-child{ margin-top: 0; }.privacy-body p{ font-size: 0.82rem; line-height: 1.7; color: var(--text-secondary); margin: 0; }/* ═══════════════════════════════ صفحة التقدم ═══════════════════════════════ */ .progress-header{ margin-bottom: 20px; }.progress-header-row{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }.progress-header h1{ font-size: 1.4rem; font-weight: 700; }.progress-session-name{ font-size: 0.78rem; color: var(--accent); margin-top: 4px; }.btn-clear-progress{ display: flex; align-items: center; gap: 6px; background: rgba(244, 67, 54, 0.1); color: var(--danger); border: 1px solid rgba(244, 67, 54, 0.3); padding: 6px 12px; border-radius: var(--radius-sm); font-size: 0.78rem; font-family: var(--font); cursor: pointer; transition: all var(--transition); }.btn-clear-progress:hover{ background: rgba(244, 67, 54, 0.2); border-color: var(--danger); }.btn-clear-progress i{ font-size: 0.75rem; }/* بطاقات الملخص */ /* ═══════════════════════════════ تقدمي — تصميم B (حلقة إنجاز) ═══════════════════════════════ */ .prog-clr-ico{ background: none !important; border: none !important; color: var(--text-tertiary, #707080) !important; padding: 6px !important; }.prog-clr-ico .prog-clr-txt{ display: none; }/* خط الرحلة الزمني */ .prog-tl{ background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; padding: 20px; margin-bottom: 14px; position: relative; overflow: hidden; }.prog-tl::before{ content: ''; position: absolute; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); }/* بطاقة موحّدة: أيام تمرّنت + الالتزام */ .prog-stats-duo{ display: flex; background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 14px; margin-bottom: 10px; position: relative; overflow: hidden; }.prog-stats-duo::before{ content: ''; position: absolute; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); }.ps-half{ flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4px 6px; }.ps-sep{ width: 1px; background: var(--border); margin: 6px 4px; }/* جانب أيام تمرّنت */ .ps-days .ps-ic{ width: 34px; height: 34px; border-radius: 10px; background: rgba(76,175,80,.14); color: #4CAF50; display: flex; align-items: center; justify-content: center; font-size: .9rem; margin: 2px auto 6px; }.ps-num{ font-size: 1.6rem; font-weight: 900; line-height: 1; color: #4CAF50; margin-bottom: 4px; font-variant-numeric: tabular-nums; }.ps-num .of{ font-size: .7rem; color: var(--text-tertiary, #707080); font-weight: 600; }/* جانب الالتزام (الحلقة) */ .ps-ring{ width: 66px; height: 66px; margin: 2px auto 6px; position: relative; display: flex; align-items: center; justify-content: center; }.ps-ring svg{ position: absolute; inset: 0; width: 100%; height: 100%; }.ps-pct{ font-size: 1rem; font-weight: 900; color: var(--accent); line-height: 1; position: relative; z-index: 1; }/* تسميات داخل النصفين */ .ps-lbl-main{ font-size: .8rem; font-weight: 800; margin-bottom: 1px; }.ps-lbl-sub{ font-size: .62rem; color: var(--text-tertiary, #707080); }/* سطر الملخّص تحت الصندوق */ .prog-summary{ text-align: center; color: var(--text-secondary, #B0B0C0); font-size: .82rem; margin: 0 0 22px; line-height: 1.7; }.prog-summary b{ color: var(--accent); }.prog-tl-row{ display: flex; align-items: center; gap: 0; }.prog-tl-node{ display: flex; justify-content: center; flex: 0 0 14px; }.prog-tl-dot{ width: 14px; height: 14px; border-radius: 50%; background: var(--accent); }.prog-tl-dot.now{ box-shadow: 0 0 0 5px var(--accent-light); }.prog-tl-line{ flex: 1; height: 3px; background: linear-gradient(90deg, var(--accent), rgba(232,160,32,.3)); }.prog-tl-labels{ display: flex; justify-content: space-between; margin-top: 10px; }.prog-tl-lb{ text-align: center; }.prog-tl-lb .d{ font-size: 0.72rem; font-weight: 800; }.prog-tl-lb .s{ font-size: 0.6rem; color: var(--text-tertiary, #707080); margin-top: 2px; display: inline-flex; align-items: center; gap: 5px; }.prog-tl-edit-btn{ background: rgba(232,160,32,.14); color: var(--accent); border: none; border-radius: 50%; width: 20px; height: 20px; font-size: .6rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; }.prog-tl-edit-btn:hover{ background: rgba(232,160,32,.28); }.prog-tl-center{ text-align: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); }.prog-tl-center .big{ font-size: 1.6rem; font-weight: 900; color: var(--accent); }.prog-tl-center .sub{ font-size: 0.7rem; color: var(--text-secondary, #B0B0C0); margin-top: 2px; }.prog-tl-empty{ border-style: dashed; border-color: var(--accent); text-align: center; }.prog-tl-btn{ background: var(--accent); color: #0A0A0F; border: none; border-radius: 12px; padding: 11px 18px; font-family: inherit; font-weight: 800; font-size: 0.85rem; cursor: pointer; }.prog-ring-card{ background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 22px; margin-bottom: 14px; display: flex; align-items: center; gap: 20px; }.prog-ring-arc, #prog-ring-arc{ transition: stroke-dasharray .6s ease; }.prog-duo{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }.prog-pr{ display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; margin-bottom: 8px; cursor: pointer; transition: border-color 0.15s, background 0.15s; }.prog-pr:hover{ border-color: var(--border-light); }.prog-pr.active{ border-color: var(--accent); background: linear-gradient(135deg, var(--bg-card), rgba(232, 160, 32, 0.07)); }.prog-pr-rk{ width: 26px; text-align: center; font-size: 1rem; font-weight: 900; color: var(--text-tertiary, #707080); }.prog-pr-rk.gold{ color: #FFD700; }.prog-pr-b{ flex: 1; min-width: 0; }.prog-pr-nm{ font-size: 0.88rem; font-weight: 700; }.prog-pr-dt{ font-size: 0.64rem; color: var(--text-tertiary, #707080); }.prog-pr-w{ font-size: 1.1rem; font-weight: 900; color: var(--accent); white-space: nowrap; }/* الرسم البياني */ .progress-chart-card{ background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; margin-bottom: 20px; }.chart-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }.chart-header h3{ font-size: 0.95rem; font-weight: 600; }.chart-ex-name{ color: var(--accent); font-weight: 700; margin-inline-start: 6px; }.level-delta{ background: rgba(76,175,80,.15); color: #5DCAA5; font-size: 0.72rem; font-weight: 700; padding: 4px 9px; border-radius: 9px; display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }.level-delta.down{ background: rgba(244,67,54,.12); color: #F08585; }.level-today{ display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px; }.level-today-num{ font-size: 1.7rem; font-weight: 900; color: var(--accent); font-variant-numeric: tabular-nums; }.level-today-unit{ font-size: 0.8rem; color: var(--text-muted, #707080); }.chart-select{ background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text-primary); padding: 6px 10px; font-size: 0.78rem; font-family: var(--font); max-width: 160px; }.chart-container{ position: relative; height: 200px; }.chart-container canvas{ width: 100% !important; height: 100% !important; }/* رسالة لا بيانات */ .no-data-msg{ text-align: center; padding: 28px 16px; color: var(--text-muted); }.no-data-msg i{ font-size: 2rem; margin-bottom: 10px; display: block; opacity: 0.4; }.no-data-msg p{ font-size: 0.85rem; }/* أقسام التقدم */ .progress-section{ margin-bottom: 20px; }.section-title{ font-size: 0.95rem; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }.section-title i{ color: var(--accent); }/* الأرقام القياسية */ .pr-list{ display: flex; flex-direction: column; gap: 8px; }.session-card{ display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); }.session-date-badge{ width: 44px; text-align: center; flex-shrink: 0; }.session-date-badge .day-num{ display: block; font-size: 1.2rem; font-weight: 700; color: var(--accent); line-height: 1; }.session-date-badge .day-name{ font-size: 0.65rem; color: var(--text-muted); }.session-info{ flex: 1; min-width: 0; }.session-label{ font-size: 0.88rem; font-weight: 600; margin-bottom: 2px; }.session-meta{ font-size: 0.72rem; color: var(--text-muted); display: flex; gap: 10px; }.session-meta i{ color: var(--accent); margin-left: 3px; }/* ═══════════════════════════════ صفحة السكانر ═══════════════════════════════ */ .scanner-header{ margin-bottom: 24px; }.scanner-header h1{ font-size: 1.4rem; font-weight: 700; margin-bottom: 4px; }.scanner-header p{ font-size: 0.85rem; color: var(--text-secondary); }/* منطقة التصوير */ .scanner-capture-area{ margin-bottom: 20px; }.scanner-default{ text-align: center; padding: 40px 20px; background: var(--bg-card); border: 2px dashed var(--border-light); border-radius: var(--radius-lg); }/* ═══════════════════════════════ السكانر — تصميم B (إطار كاميرا) ═══════════════════════════════ */ .scn-default{ padding: 0 !important; background: none !important; border: none !important; text-align: right !important; }.scn-frame{ position: relative; height: 54vh; min-height: 290px; max-height: 460px; border-radius: 22px; background: radial-gradient(circle at 50% 40%, #15151d, #0c0c12); border: 1px solid var(--border); overflow: hidden; margin-bottom: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; }.scn-corner{ position: absolute; width: 34px; height: 34px; border: 3px solid var(--accent); }.scn-corner.tl{ top: 18px; right: 18px; border-left: none; border-bottom: none; border-radius: 0 12px 0 0; }.scn-corner.tr{ top: 18px; left: 18px; border-right: none; border-bottom: none; border-radius: 12px 0 0 0; }.scn-corner.bl{ bottom: 18px; right: 18px; border-left: none; border-top: none; border-radius: 0 0 0 12px; }.scn-corner.br{ bottom: 18px; left: 18px; border-right: none; border-top: none; border-radius: 0 0 12px 0; }.scn-ic{ width: 70px; height: 70px; border-radius: 50%; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.8rem; margin-bottom: 14px; }.scn-txt{ font-size: 1.05rem; font-weight: 800; color: #FFFFFF; }.scn-sub{ font-size: 0.76rem; color: rgba(255,255,255,0.7); margin-top: 4px; }.scn-line{ position: absolute; left: 18px; right: 18px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); animation: scnScan 2.6s ease-in-out infinite; } @keyframes scnScan {0%, 100%{ top: 60px; }50%{ top: calc(100% - 60px); } }.scn-actions{ display: flex; gap: 10px; }.scn-btn{ flex: 1; }.scn-tip{ display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 12px 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; }.scn-tip i{ color: var(--accent); }.scn-tip span{ font-size: 0.76rem; color: var(--text-secondary, #B0B0C0); }.scanner-default h3{ font-size: 1.1rem; margin-bottom: 6px; }.scanner-default p{ font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 24px; }/* الكاميرا المباشرة */ .camera-preview{ position: relative; border-radius: 22px; overflow: hidden; background: #000; height: 54vh; min-height: 290px; max-height: 460px; }.camera-preview video{ width: 100%; height: 100%; display: block; border-radius: 22px; object-fit: cover; }.btn-capture{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 64px; height: 64px; border-radius: 50%; background: white; color: var(--bg-primary); font-size: 1.5rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); transition: transform 0.2s; }.btn-capture:active{ transform: translateX(-50%) scale(0.9); }.btn-close-camera{ position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); color: white; display: flex; align-items: center; justify-content: center; font-size: 1rem; }/* معاينة الصورة */ .photo-preview{ position: relative; border-radius: var(--radius-lg); overflow: hidden; }.photo-preview img{ width: 100%; display: block; border-radius: var(--radius-lg); max-height: 42vh; object-fit: cover; }.btn-retake{ position: absolute; bottom: 12px; right: 12px; background: rgba(0, 0, 0, 0.6); color: white; padding: 8px 14px; border-radius: var(--radius); font-size: 0.8rem; display: flex; align-items: center; gap: 6px; }/* زر التحليل */ .btn-analyze{ font-size: 1.05rem; padding: 14px; gap: 10px; margin-bottom: 20px; }/* حالة التحميل */ .scanner-loading{ text-align: center; padding: 40px 0; }.scanner-loading p{ color: var(--text-secondary); margin-top: 16px; font-size: 0.9rem; }/* نتائج التحليل */ .equipment-card{ display: flex; align-items: center; gap: 16px; padding: 18px; background: linear-gradient(135deg, var(--bg-card), rgba(255, 107, 0, 0.08)); border: 1px solid var(--accent); border-radius: var(--radius-lg); margin-bottom: 20px; }.equipment-icon{ width: 42px; height: 42px; border-radius: var(--radius-sm); background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }.equipment-info h2{ font-size: 1.1rem; font-weight: 700; margin-bottom: 4px; }.equipment-info p{ font-size: 0.82rem; color: var(--text-secondary); line-height: 1.5; }.results-section-title{ font-size: 1rem; font-weight: 600; margin-bottom: 12px; }/* قائمة تمارين السكانر */ .scanner-exercises-list{ display: flex; flex-direction: column; gap: 10px; }.scanner-exercise-card{ background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; transition: all var(--transition); }.scanner-ex-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }.scanner-ex-name{ font-size: 0.92rem; font-weight: 600; }.scanner-ex-level{ font-size: 0.7rem; padding: 2px 8px; border-radius: 10px; }.scanner-ex-level.easy{ background: rgba(76, 175, 80, 0.15); color: #4CAF50; }.scanner-ex-level.medium{ background: rgba(255, 193, 7, 0.15); color: #FFC107; }.scanner-ex-level.hard{ background: rgba(244, 67, 54, 0.15); color: #F44336; }.scanner-ex-muscle{ font-size: 0.78rem; color: var(--text-primary); margin-bottom: 6px; }.scanner-ex-meta{ display: flex; gap: 12px; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 8px; }.scanner-ex-meta i{ color: var(--accent); margin-left: 3px; }.scanner-ex-video{ display: inline-flex; align-items: center; gap: 6px; color: #FF0000; font-size: 0.78rem; font-weight: 500; padding: 4px 0; }.scanner-ex-video i{ font-size: 0.9rem; }/* تذييل بطاقة تمرين السكانر: شرح + أضف للجدول */ .scanner-ex-foot{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--border); }.scanner-ex-add{ display: inline-flex; align-items: center; gap: 6px; background: var(--accent-light); color: var(--accent); border: 1px solid var(--accent); border-radius: 10px; padding: 7px 14px; font-family: inherit; font-size: 0.78rem; font-weight: 700; cursor: pointer; }.scanner-ex-add:active{ background: var(--accent); color: #0A0A0F; }/* نافذة اختيار اليوم */ .scn-day-modal{ position: fixed; inset: 0; background: rgba(0,0,0,.6); display: flex; align-items: flex-end; justify-content: center; z-index: 1200; }.scn-day-sheet{ width: 100%; max-width: 420px; background: var(--bg-secondary, #13131A); border-radius: 22px 22px 0 0; padding: 20px 18px 28px; animation: slideUp .3s ease; }.scn-day-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }.scn-day-head h3{ font-size: 1rem; font-weight: 700; }.scn-day-head span{ color: var(--accent); }.scn-day-close{ width: 32px; height: 32px; border-radius: 50%; background: var(--bg-card); color: var(--text-secondary); border: none; cursor: pointer; }.scn-day-list{ display: flex; flex-direction: column; gap: 8px; }.scn-day-btn{ display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; font-family: inherit; color: var(--text-primary, #fff); cursor: pointer; }.scn-day-btn.has{ border-color: var(--accent); }.scn-day-nm{ font-size: 0.92rem; font-weight: 700; }.scn-day-meta{ font-size: 0.7rem; color: var(--text-tertiary, #707080); }.scn-day-btn.has .scn-day-meta{ color: var(--accent); }/* وضع المتابعة الحرة */ .free-mode-content{ text-align: center; padding: 40px 0; }.free-mode-icon{ font-size: 3.5rem; margin-bottom: 16px; }.free-mode-content h2{ font-size: 1.3rem; margin-bottom: 6px; }.free-mode-desc{ color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 28px; }/* المتابعة الحرة — قائمة التمارين مع الأوزان */ #free-mode-view .free-mode-content{ padding: 24px 0 40px; }#free-mode-view .btn-primary{ margin-bottom: 26px; }#free-ex-section{ text-align: right; }.free-ex-head{ display: flex; align-items: center; justify-content: space-between; margin: 0 2px 12px; }.free-ex-head h3{ font-size: 1rem; font-weight: 800; }.free-ex-count{ font-size: 0.78rem; color: var(--text-muted); }.free-ex-card{ display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; margin-bottom: 10px; cursor: pointer; transition: 0.15s; }.free-ex-card:hover{ border-color: var(--accent); }.free-ex-ic{ width: 46px; height: 46px; border-radius: 13px; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }.free-ex-body{ flex: 1; min-width: 0; text-align: right; }.free-ex-name{ font-size: 1rem; font-weight: 700; }.free-ex-muscle{ font-size: 0.75rem; color: var(--text-muted); margin-top: 2px; }.free-ex-weights{ display: flex; flex-direction: column; align-items: flex-start; gap: 3px; flex-shrink: 0; text-align: left; }.free-ex-last-lbl{ font-size: 0.66rem; color: var(--text-muted); }.free-ex-last{ font-size: 1.15rem; font-weight: 900; color: var(--accent); line-height: 1; }.free-ex-last .u{ font-size: 0.7rem; font-weight: 600; color: var(--text-muted); }.free-ex-max{ font-size: 0.68rem; color: var(--success); font-weight: 700; }.free-empty{ text-align: center; padding: 28px 16px; color: var(--text-muted); }.free-empty i{ font-size: 2rem; margin-bottom: 10px; opacity: 0.5; display: block; }.free-empty p{ font-size: 0.85rem; line-height: 1.8; }/* نموذج التسجيل الحر المبسّط */ .free-log-header{ justify-content: flex-start; margin-bottom: 8px; }.free-log-two{ display: flex; gap: 12px; }.free-log-two .form-group{ flex: 1; }/* تسميات أوضح (غير باهتة) */ #free-log-modal .form-group label, #free-log-modal .form-group label:first-child{ color: var(--text-primary); font-weight: 700; }/* ═══════════════════════════════ صفحة جدولي ═══════════════════════════════ */ /* تبويبات الأسبوع */ .schedule-week-tabs{ display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 20px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }.schedule-week-tabs::-webkit-scrollbar{ display: none; }.week-tab{ flex-shrink: 0; padding: 8px 14px; border-radius: var(--radius-xl); background: var(--bg-card); border: 1px solid var(--border); color: var(--text-muted); font-size: 0.78rem; font-weight: 500; transition: all var(--transition); white-space: nowrap; }.week-tab.training-day{ border-color: var(--accent); color: var(--text-secondary); }.week-tab.active{ background: var(--accent); border-color: var(--accent); color: white; }/* محتوى اليوم */ /* بطاقات التمارين */ /* ملخص اليوم */ /* ═══════════════════════════════ جدولي — تصميم A (بطاقات نظيفة) ═══════════════════════════════ */ .sched-hdr{ margin-bottom: 18px; }.sched-hdr h1{ font-size: 1.4rem; font-weight: 800; margin-bottom: 3px; }.sched-hdr-desc{ font-size: 0.78rem; color: var(--text-tertiary, #707080); }/* أيام الأسبوع بنقطة */ .sched-day{ display: flex !important; flex-direction: column; align-items: center; gap: 4px; padding: 9px 13px !important; border-radius: 14px !important; }.sched-day-dot{ width: 5px; height: 5px; border-radius: 50%; background: transparent; }.sched-day.training-day .sched-day-dot{ background: var(--accent); }.sched-day.active .sched-day-dot{ background: #0A0A0F; }/* كرت Hero لليوم */ .sched-hero{ background: linear-gradient(135deg, var(--bg-card) 0%, rgba(232,160,32,.08) 100%); border: 1px solid var(--border); border-right: 4px solid var(--accent); border-radius: 18px; padding: 16px 18px; margin-bottom: 14px; }.sched-hero-top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }.sched-hero-top h2{ font-size: 1.3rem; font-weight: 800; color: var(--accent); }.sched-hero-badge{ font-size: 0.65rem; background: var(--accent-light); color: var(--accent); padding: 4px 10px; border-radius: 12px; font-weight: 700; }.sched-hero-sub{ font-size: 0.74rem; color: var(--text-secondary, #B0B0C0); }.sched-hero-meta{ display: flex; gap: 14px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border); font-size: 0.72rem; color: var(--text-secondary, #B0B0C0); flex-wrap: wrap; }.sched-hero-meta i{ color: var(--accent); margin-left: 4px; }/* بطاقات تمارين نظيفة */ .sched-ex-list{ display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }.sched-ex{ display: flex; align-items: center; gap: 12px; padding: 13px 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; transition: border-color var(--transition); }.sched-ex:active, .sched-ex:hover{ border-color: var(--accent); }.sched-ex-n{ width: 30px; height: 30px; border-radius: 10px; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 800; flex-shrink: 0; }.sched-ex-b{ flex: 1; min-width: 0; }.sched-ex-nm{ font-size: 0.92rem; font-weight: 700; }.sched-ex-sb{ font-size: 0.68rem; color: var(--text-tertiary, #707080); margin-top: 2px; }.sched-ex-tg{ font-size: 0.7rem; color: var(--accent); font-weight: 700; white-space: nowrap; }.sched-ex-cv{ color: var(--text-tertiary, #707080); font-size: 0.75rem; }/* زر ابدأ */ .sched-start-btn{ width: 100%; padding: 15px; background: linear-gradient(135deg, var(--accent), #C87010); color: #0A0A0F; border: none; border-radius: 16px; font-family: inherit; font-size: 1rem; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; box-shadow: 0 10px 24px rgba(232,160,32,.3); }/* يوم راحة */ .sched-rest-day{ text-align: center; padding: 48px 20px; }.sched-rest-icon{ font-size: 3rem; margin-bottom: 12px; }.sched-rest-day h3{ font-size: 1.2rem; margin-bottom: 4px; }.sched-rest-day p{ color: var(--text-secondary); font-size: 1rem; margin-bottom: 12px; }.sched-rest-hint{ display: inline-block; background: var(--accent-light); color: var(--accent); padding: 6px 14px; border-radius: var(--radius-xl); font-size: 0.8rem; }/* ═══════════════════════════════ صفحة اليوم ═══════════════════════════════ */ .today-header{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 24px; }.today-date h1{ font-size: 1.5rem; font-weight: 700; margin-bottom: 4px; }.today-date-details{ display: flex; align-items: center; gap: 8px; font-size: 0.82rem; color: var(--text-secondary); }.date-separator{ color: var(--border-light); }/* يوم الراحة */ .rest-day-view{ text-align: center; padding: 40px 0; }.rest-day-icon{ font-size: 4rem; margin-bottom: 16px; }.rest-day-view h2{ font-size: 1.5rem; margin-bottom: 8px; }.rest-day-msg{ color: var(--text-secondary); font-size: 0.95rem; margin-bottom: 24px; }.rest-day-tip{ display: inline-flex; align-items: center; gap: 8px; background: var(--accent-light); color: var(--accent); padding: 10px 18px; border-radius: var(--radius-xl); font-size: 0.85rem; margin-bottom: 24px; }.rest-day-next{ background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 18px; display: inline-flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--text-secondary); }.rest-day-next strong{ color: var(--accent); }/* زر بدء التمرين */ .btn-start-workout{ padding: 16px; font-size: 1.1rem; font-weight: 600; gap: 10px; border-radius: var(--radius-lg); margin-bottom: 20px; }/* ═══════════════════════════════ نافذة التمرين النشط ═══════════════════════════════ */ .active-workout-overlay{ position: fixed; inset: 0; z-index: 2000; background: var(--bg-primary); overflow-y: auto; animation: fadeIn 0.3s ease; }.active-workout-container{ max-width: 540px; margin: 0 auto; padding: 16px 20px; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }/* ترويسة التمرين النشط */ .active-workout-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }.aw-close{ width: 36px; height: 36px; border-radius: 50%; background: var(--bg-card); color: var(--text-secondary); display: flex; align-items: center; justify-content: center; font-size: 1rem; }.aw-timer-section{ text-align: center; }.aw-timer-label{ display: block; font-size: 0.7rem; color: var(--text-muted); }.aw-session-timer{ font-size: 1.3rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--accent); }.aw-finish-btn{ background: var(--success); color: white; padding: 8px 16px; border-radius: var(--radius-sm); font-size: 0.85rem; font-weight: 600; }/* التمرين الحالي */ .aw-current-exercise{ flex: 1; }.aw-exercise-progress{ text-align: center; font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px; }.aw-exercise-name{ text-align: center; font-size: 1.3rem; font-weight: 700; margin-bottom: 4px; }.aw-exercise-muscle{ text-align: center; font-size: 0.85rem; color: var(--accent); margin-bottom: 24px; }/* المجموعات */ .aw-sets-section{ margin-bottom: 24px; }.aw-sets-header{ display: grid; grid-template-columns: 60px 1fr 1fr 44px; gap: 8px; padding: 8px 12px; font-size: 0.75rem; color: var(--text-muted); text-align: center; }.aw-sets-list{ display: flex; flex-direction: column; gap: 8px; }.aw-set-row{ display: grid; grid-template-columns: 60px 1fr 1fr 44px; gap: 8px; align-items: center; padding: 10px 12px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); }.aw-set-row.completed{ border-color: var(--success); background: rgba(76, 175, 80, 0.08); }.aw-set-number{ text-align: center; font-weight: 600; font-size: 0.9rem; }.aw-set-input{ width: 100%; padding: 8px; background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text-primary); text-align: center; font-size: 0.95rem; font-family: var(--font); }.aw-set-input:focus{ border-color: var(--accent); outline: none; }.aw-set-check{ width: 36px; height: 36px; border-radius: 50%; background: var(--bg-input); border: 2px solid var(--border); color: var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 0.9rem; margin: 0 auto; transition: all var(--transition); }.aw-set-check.checked{ background: var(--success); border-color: var(--success); color: white; }/* عداد الراحة */ .aw-rest-timer{ text-align: center; padding: 20px; animation: fadeIn 0.3s ease; }.rest-timer-circle{ position: relative; width: 140px; height: 140px; margin: 0 auto 16px; }.rest-timer-circle svg{ width: 100%; height: 100%; transform: rotate(-90deg); }.rest-bg{ fill: none; stroke: var(--border); stroke-width: 4; }.rest-progress{ fill: none; stroke: var(--accent); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 283; stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; }.rest-countdown{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--accent); }.aw-rest-timer p{ font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 12px; }.btn-sm{ padding: 8px 16px; font-size: 0.8rem; }/* التنقل */ .aw-nav{ display: flex; gap: 12px; padding: 16px 0; padding-bottom: calc(16px + var(--safe-bottom)); border-top: 1px solid var(--border); margin-top: auto; }.aw-nav .btn{ flex: 1; }/* ═══════════════════════════════ أزرار مشتركة ═══════════════════════════════ */ .btn-primary{ background: var(--accent-gradient); color: white; box-shadow: var(--shadow-glow); }.btn-primary:hover{ filter: brightness(1.1); box-shadow: 0 6px 28px rgba(232, 160, 32, 0.25); }.btn-secondary{ background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--border); }.btn-secondary:hover{ background: var(--bg-card-hover); border-color: var(--border-light); }/* ═══════════════════════════════ الشريط العلوي ═══════════════════════════════ */ .top-bar{ display: none !important; position: fixed; top: 0; right: 0; left: 0; height: var(--topbar-height); background: rgba(17, 17, 24, 0.95); border-bottom: 1px solid var(--border); z-index: 900; backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2); }.top-bar-content{ display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 20px; }.top-bar-logo{ font-size: 1.1rem; font-weight: 700; color: var(--accent); letter-spacing: 2px; direction: ltr; }.top-bar-date{ color: var(--text-secondary); font-size: 0.82rem; font-weight: 500; }.top-bar-logout{ width: 36px; height: 36px; border-radius: 50%; background: var(--bg-card); color: var(--text-muted); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 0.9rem; cursor: pointer; transition: all var(--transition); }.top-bar-logout:hover{ background: rgba(244, 67, 54, 0.15); color: var(--danger); border-color: rgba(244, 67, 54, 0.4); }/* ═══════════════════════════════ الاستجابة — شاشات أكبر (داشبورد) ═══════════════════════════════ */ @media (min-width: 768px){.login-content{ padding: 56px 40px 48px; }.login-logo{ font-size: 3.8rem; }/* الشريط العلوي */ .top-bar{ right: var(--sidebar-width); }/* القائمة الجانبية */ .bottom-nav{ position: fixed; top: 0; bottom: 0; right: 0; left: auto; width: var(--sidebar-width); height: 100vh; height: 100dvh; flex-direction: column; align-items: stretch; justify-content: flex-start; padding: 80px 0 24px; gap: 2px; background: var(--bg-secondary); border-top: none; border-left: 1px solid var(--border); border-radius: 0; }.bottom-nav::before{ content: 'القائمة'; display: block; padding: 0 20px 14px; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); letter-spacing: 1px; border-bottom: 1px solid var(--border); margin-bottom: 8px; position: absolute; top: 24px; right: 0; left: 0; }.nav-item{ flex-direction: row; justify-content: flex-start; gap: 12px; padding: 11px 20px; font-size: 0.82rem; font-weight: 500; color: var(--text-secondary); min-width: auto; margin: 0 10px; border-radius: var(--radius-sm); transition: background var(--transition), color var(--transition); }.nav-item:hover{ background: var(--bg-card); color: var(--text-primary); }.nav-item i{ font-size: 1rem; width: 22px; text-align: center; }.nav-item span{ font-size: 0.82rem; }.nav-item.active{ background: var(--accent-light); color: var(--accent); }.nav-item.active::before{ top: 50%; right: 0; left: auto; transform: translateY(-50%); width: 3px; height: 20px; border-radius: 3px 0 0 3px; }/* إزاحة الصفحات */ .page{ margin-right: var(--sidebar-width); }.page-container{ max-width: 900px; padding-bottom: 24px; }#page-login{ margin-right: 0; }#page-setup, #page-sessions{ margin-right: 0; }#page-login .page-container{ max-width: 600px; padding-top: 24px; }.home-sessions-list{ display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }} @media (max-width: 360px) {.login-content{ padding: 36px 20px 32px; }.login-logo{ font-size: 2.6rem; }.btn{ padding: 12px 18px; font-size: 0.9rem; } }/* ═══════════════════════════════ صفحة المراجعة (الإعداد) ═══════════════════════════════ */ .setup-review-content{ background: var(--bg-card); border-radius: var(--radius); padding: 20px; margin-bottom: 24px; }.review-items{ display: flex; flex-direction: column; gap: 12px; }.review-item{ display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--bg-secondary); border-radius: var(--radius-sm); border: 1px solid var(--border); }.review-label{ color: var(--text-muted); font-size: 0.85rem; }.review-value{ color: var(--accent); font-weight: 600; font-size: 0.95rem; }/* ═══════════════════════════════ شريط تقدم الإنشاء (الجلسات) ═══════════════════════════════ */ .create-progress{ margin-bottom: 20px; }.create-progress-bar{ height: 4px; background: var(--bg-input); border-radius: 4px; overflow: hidden; margin-bottom: 8px; }.create-progress-fill{ height: 100%; background: var(--accent-gradient); border-radius: 4px; transition: width 0.4s ease; }.create-step-label{ font-size: 0.78rem; color: var(--text-muted); }.create-step{ animation: fadeInUp 0.3s ease; }.create-section-title{ font-size: 0.95rem; margin-bottom: 14px; color: var(--text-primary); }.create-days-grid{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }/* بطاقة محددة (selected) */ .mode-card.selected{ border-color: var(--accent); background: var(--accent-light); box-shadow: var(--shadow-glow); }.create-goal-card.selected, .create-level-card.selected, .create-program-card.selected, .create-type-card.selected{ border-color: var(--accent); background: var(--accent-light); box-shadow: var(--shadow-glow); }/* شارة الموصى به (البرنامج) */ .program-recommended{ display: inline-flex; align-items: center; gap: 4px; background: var(--accent); color: var(--bg-primary); font-size: 0.72rem; font-weight: 700; padding: 3px 8px; border-radius: 12px; flex-shrink: 0; }.ai-recommendation{ background: var(--accent-light); border: 1px solid rgba(232, 160, 32, 0.3); border-radius: var(--radius); padding: 14px 16px; margin-bottom: 16px; }.ai-badge{ display: flex; align-items: center; gap: 6px; color: var(--accent); font-size: 0.8rem; font-weight: 600; margin-bottom: 6px; }.ai-recommendation p{ color: var(--text-secondary); font-size: 0.82rem; line-height: 1.5; }/* ═══════════════════════════════ الصفحة الرئيسية — الحالة الفارغة ═══════════════════════════════ */ .home-empty-state{ text-align: center; padding: 40px 20px; }.home-empty-emoji{ font-size: 3rem; margin-bottom: 12px; }.home-empty-state h3{ font-size: 1.3rem; color: var(--text-primary); margin-bottom: 8px; }.home-empty-state p{ color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 4px; }.home-empty-sub{ color: var(--text-muted) !important; font-size: 0.82rem !important; margin-bottom: 24px !important; }.btn-home-create{ max-width: 280px; margin: 0 auto; font-size: 1rem; padding: 14px 24px; }/* ═══════════════════════════════ الصفحة الرئيسية — معلومات الحساب ═══════════════════════════════ */ .home-account-info{ background: var(--bg-card); border-radius: var(--radius); padding: 4px 0; border: 1px solid var(--border); }.home-account-row{ display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--border); }.home-account-row:last-child{ border-bottom: none; }.home-account-label{ color: var(--text-muted); font-size: 0.82rem; }.home-account-value{ color: var(--text-primary); font-weight: 500; font-size: 0.88rem; }/* ═══════════════════════════════ تفاصيل التمرين (النافذة) ═══════════════════════════════ */ .exercise-detail-overlay{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--bg-primary); z-index: 1000; overflow-y: auto; -webkit-overflow-scrolling: touch; }/* ═══════════════════════════════ ملخص نهاية الجلسة ═══════════════════════════════ */ .finish-summary-overlay{ position: fixed; inset: 0; z-index: 3000; background: rgba(0, 0, 0, 0.85); display: flex; align-items: center; justify-content: center; padding: 16px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: fadeIn 0.3s ease; }.finish-summary-content{ background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px 20px; max-width: 420px; width: 100%; max-height: 90vh; overflow-y: auto; text-align: center; box-shadow: var(--shadow-lg); }.finish-summary-icon{ font-size: 3rem; margin-bottom: 12px; }.finish-summary-content h2{ font-size: 1.3rem; margin-bottom: 18px; color: var(--text-primary); }.finish-summary-total{ background: var(--accent-light); border: 1px solid var(--accent); border-radius: var(--radius); padding: 14px; margin-bottom: 20px; }.finish-total-label{ font-size: 0.78rem; color: var(--text-secondary); margin-bottom: 4px; }.finish-total-value{ font-size: 1.4rem; font-weight: 700; color: var(--accent); font-variant-numeric: tabular-nums; }.finish-summary-title{ font-size: 0.9rem; font-weight: 600; color: var(--text-secondary); margin-bottom: 10px; text-align: right; }.finish-summary-list{ display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; max-height: 300px; overflow-y: auto; }.finish-summary-item{ display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-sm); }.finish-ex-name{ font-size: 0.85rem; font-weight: 500; color: var(--text-primary); }.finish-ex-time{ font-size: 0.78rem; color: var(--accent); font-variant-numeric: tabular-nums; }.exd-name-ar{ font-size: 1.4rem; font-weight: 700; color: var(--text-primary); margin-bottom: 4px; }.exd-name-en{ font-size: 0.88rem; color: var(--text-muted); margin-bottom: 12px; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }/* رابط يوتيوب */ .exd-youtube-btn{ display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 0, 0, 0.12); color: #FF4444; padding: 10px 20px; border-radius: var(--radius-sm); font-size: 0.88rem; font-weight: 600; text-decoration: none; transition: var(--transition); border: 1px solid rgba(255, 0, 0, 0.2); }.exd-youtube-btn:hover{ background: rgba(255, 0, 0, 0.2); }.exd-youtube-btn i{ font-size: 1.2rem; }/* نافذة مشغل فيديو يوتيوب المدمج */ .exd-video-modal{ position: fixed; inset: 0; z-index: 5000; background: rgba(0, 0, 0, 0.92); display: flex; align-items: center; justify-content: center; padding: 16px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: fadeIn 0.2s ease; }.exd-video-modal-content{ background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); width: 100%; max-width: 560px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; }.exd-video-modal-header{ display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--border); }.exd-video-modal-header h3{ font-size: 1rem; font-weight: 600; }.exd-video-close{ width: 32px; height: 32px; border-radius: 50%; background: var(--bg-card); color: var(--text-secondary); border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 0.9rem; transition: all var(--transition); }.exd-video-close:hover{ background: var(--danger); color: white; }.exd-video-frame{ position: relative; width: 100%; padding-bottom: 56.25%; /* نسبة 16:9 */ background: #000; }.exd-video-frame iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }.exd-video-actions{ padding: 12px 16px; border-top: 1px solid var(--border); text-align: center; }.exd-video-yt-link{ display: inline-flex; align-items: center; gap: 6px; color: #FF0000; font-size: 0.82rem; font-weight: 500; text-decoration: none; }.exd-video-yt-link:hover{ text-decoration: underline; }/* شريط التنقل — 6 عناصر: تعديلات طفيفة */ /* ═══════════════════════════════ الجولة التعريفية — إعادة تصميم (العنصر يطفو + كابشن ملتصق + شريط كبسولة) ═══════════════════════════════ */ /* طبقة تظليل عامة + ثقب على شكل مستطيل حول العنصر (clip-path) */ #tour-dim{ position: fixed; inset: 0; z-index: 9000; background: rgba(8, 8, 12, .55); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); transition: clip-path .35s ease, background .25s ease; pointer-events: auto; }/* الحلقة الذهبية حول العنصر — تطفو وتنبض */ #tour-ring{ position: fixed; z-index: 9005; border: 2.5px solid var(--accent); border-radius: 14px; pointer-events: none; box-shadow: 0 0 0 4px rgba(232,160,32,.18), 0 14px 36px rgba(232,160,32,.25), 0 0 30px rgba(232,160,32,.25); transition: all .35s cubic-bezier(.4,0,.2,1); animation: tourFloat 2.4s ease-in-out infinite; } @keyframes tourFloat {0%, 100%{ transform: translateY(0); box-shadow: 0 0 0 4px rgba(232,160,32,.18), 0 14px 36px rgba(232,160,32,.3), 0 0 24px rgba(232,160,32,.25); }50%{ transform: translateY(-3px); box-shadow: 0 0 0 8px rgba(232,160,32,.1), 0 18px 40px rgba(232,160,32,.42), 0 0 36px rgba(232,160,32,.45); } }/* الكابشن الصغير الملتصق بالعنصر */ #tour-cap{ position: fixed; z-index: 9010; background: linear-gradient(180deg, #1A1A24, #0F0F16); border: 1px solid rgba(232,160,32,.4); border-radius: 14px; padding: 11px 13px; box-shadow: 0 10px 26px rgba(0,0,0,.6); display: flex; align-items: flex-start; gap: 10px; max-width: min(300px, calc(100vw - 32px)); transition: top .35s cubic-bezier(.4,0,.2,1), left .35s cubic-bezier(.4,0,.2,1), opacity .25s; }#tour-cap .tour-cap-num{ background: linear-gradient(135deg, var(--accent), #C8881A); color: #0A0A0F; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .7rem; font-weight: 800; flex-shrink: 0; margin-top: 1px; }#tour-cap .tour-cap-body{ flex: 1; min-width: 0; }#tour-cap .tour-cap-title{ font-size: .8rem; font-weight: 800; color: var(--accent); line-height: 1.3; margin-bottom: 3px; }#tour-cap .tour-cap-desc{ font-size: .78rem; font-weight: 500; color: #FFFFFF; line-height: 1.65; }#tour-cap::after{ content: ''; position: absolute; width: 10px; height: 10px; background: #1A1A24; border-right: 1px solid rgba(232,160,32,.4); border-bottom: 1px solid rgba(232,160,32,.4); }#tour-cap.below::after{ top: -6px; left: 50%; transform: translateX(-50%) rotate(-135deg); }#tour-cap.above::after{ bottom: -6px; left: 50%; transform: translateX(-50%) rotate(45deg); }/* شريط التنقّل العائم — بشكل كبسولة */ #tour-bar{ position: fixed; z-index: 9020; bottom: 18px; left: 50%; transform: translateX(-50%); background: rgba(15,15,22,.96); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(232,160,32,.32); border-radius: 50px; padding: 6px; display: flex; align-items: center; gap: 4px; box-shadow: 0 14px 32px rgba(0,0,0,.55); }#tour-bar .tour-bar-info{ color: var(--text-secondary, #B0B0C0); font-size: .72rem; font-weight: 700; padding: 0 12px; direction: ltr; }#tour-bar .tour-bar-info b{ color: var(--accent); }#tour-bar button{ border: none; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .78rem; cursor: pointer; font-family: inherit; }#tour-bar .tour-bar-back{ background: #22222C; color: #D0D0D8; }#tour-bar .tour-bar-next{ background: linear-gradient(135deg, var(--accent), #C8881A); color: #0A0A0F; }#tour-bar .tour-bar-skip{ background: transparent; color: var(--text-tertiary, #707080); font-size: .85rem; }#tour-bar .tour-bar-back:disabled{ opacity: .35; cursor: not-allowed; }/* أمان: ما نسوي شي للجسم */ body.tour-active{ overflow: hidden; }/* أثناء الجولة: نوقف التفاعل مع عناصر التطبيق (المستخدم يستخدم شريط الجولة فقط) الاستثناء: عناصر الجولة نفسها تبقى تفاعلية */ body.tour-active > *:not(#tour-dim):not(#tour-ring):not(#tour-cap):not(#tour-bar):not(#tour-welcome){ pointer-events: none !important; }/* ═══════════════════════════════════════════════ صفحة اليوم — شبكة التمارين + خانة نشطة مدمجة (إعادة تصميم) namespaced: tdy-g* / tdy-active-slot / exd-inline / expro-time* ═══════════════════════════════════════════════ */ /* عنوان الشبكة */ .tdy-grid-title{ font-size: .78rem; color: var(--text-muted, #707080); margin-bottom: 10px; padding-right: 2px; }/* شريط: تتمرّن تمارين يوم مختلف */ .tdy-alt-banner{ display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgba(232,160,32,.18), rgba(232,160,32,.08)); border: 1px solid rgba(232,160,32,.45); color: var(--accent, #E8A020); padding: 11px 14px; border-radius: 12px; font-size: .88rem; font-weight: 700; margin: 0 0 14px; }.tdy-alt-banner .fa-calendar-day{ font-size: 1rem; }.tdy-alt-banner #tdy-alt-day-text{ flex: 1; }.tdy-alt-cancel{ background: transparent; border: none; color: var(--accent, #E8A020); cursor: pointer; padding: 4px 6px; border-radius: 6px; font-size: .85rem; opacity: .75; transition: opacity .15s; }.tdy-alt-cancel:hover{ opacity: 1; }/* شبكة التمارين (عمودان) */ .tdy-ex-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }.tdy-gcard{ background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 13px; cursor: pointer; position: relative; transition: .15s; }.tdy-gcard:hover{ border-color: var(--accent); }.tdy-gcard.active{ border-color: var(--accent); background: linear-gradient(160deg, var(--bg-card), rgba(232,160,32,.08)); }.tdy-gcard.done{ opacity: .6; }.tdy-gcard-top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }.tdy-gcard-num{ width: 24px; height: 24px; border-radius: 8px; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 800; }.tdy-gcard.active .tdy-gcard-num{ background: var(--accent); color: #0A0A0F; }.tdy-gcard.done .tdy-gcard-num{ background: var(--success); color: #fff; }.tdy-gcard-now{ font-size: .55rem; color: var(--accent); font-weight: 700; }.tdy-gcard-name{ font-size: .85rem; font-weight: 700; line-height: 1.25; margin-bottom: 4px; color: var(--text-primary, #fff); }.tdy-gcard-meta{ font-size: .66rem; color: var(--text-muted, #707080); }.tdy-gcard-meta b{ color: var(--accent); font-weight: 800; font-size: .78rem; }/* الخانة النشطة (مربع البداية أو التمرين النشط) */ .tdy-active-slot{ margin-bottom: 6px; }/* ── التمرين النشط المدمج (overlay يصبح inline داخل الخانة) ── */ .exercise-detail-overlay.exd-inline{ position: static; top: auto; left: auto; right: auto; bottom: auto; background: transparent; z-index: auto; overflow: visible; }.expro-body.expro-body-inline{ min-height: 0; padding: 0; max-width: none; display: block; }/* المربع النشط — نفس حجم مربع البداية تقريباً */ .expro-card{ border: 1px solid var(--accent); border-radius: 18px; padding: 14px 16px; background: linear-gradient(160deg, var(--bg-card) 0%, rgba(232,160,32,.06) 100%); box-shadow: 0 8px 20px rgba(232,160,32,.12); }.expro-card.is-rest{ background: linear-gradient(160deg, rgba(232,160,32,.10), var(--bg-card)); }/* ارتفاع ثابت للمنطقة المتغيّرة (steppers/راحة) حتى لا تقفز الصفحة بين المجموعة والراحة */ .exd-inline #expro-mid-zone{ min-height: 110px; display: flex; flex-direction: column; justify-content: center; }/* ترويسة المربع: اسم بالذهبي + أيقونات */ .exd-inline .expro-mini-head{ margin-bottom: 10px; }.exd-inline .expro-hero-name{ font-size: 1.05rem; font-weight: 800; color: var(--accent); display: flex; align-items: center; gap: 8px; margin: 0; }.exd-inline .expro-mh-actions{ display: flex; gap: 5px; }.exd-inline .expro-mh-icon{ width: 30px; height: 30px; border-radius: 9px; background: var(--bg-primary); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: .78rem; cursor: pointer; }.exd-inline .expro-mh-icon.yt{ background: rgba(255,0,0,.1); border-color: rgba(255,0,0,.25); color: #FF4444; }.exd-inline .expro-mh-icon.finish-i{ color: var(--success); }.exd-inline .expro-mh-finish{ display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 10px; border-radius: 9px; background: rgba(255,0,0,.1); border: 1px solid rgba(255,0,0,.25); color: #FF4444; font-size: .72rem; font-weight: 700; cursor: pointer; font-family: inherit; line-height: 1; }.exd-inline .expro-mh-finish:hover{ background: rgba(255,0,0,.18); }.exd-inline .expro-mh-finish i{ font-size: .72rem; }/* مربع البداية لما يكون التمرين المعروض مكتمل */ .tdy-current-card.is-done{ border-color: var(--success, #4CAF50); background: linear-gradient(160deg, var(--bg-card) 0%, rgba(76,175,80,.10) 100%); box-shadow: 0 8px 20px rgba(76,175,80,.10); }.tdy-current-card.is-done .tdy-current-pill{ background: var(--success, #4CAF50); color: #fff; }.tdy-current-card.is-done #btn-start-workout{ background: rgba(76,175,80,.18); color: var(--success, #4CAF50); border: 1px solid rgba(76,175,80,.45); cursor: not-allowed; opacity: 1; }.tdy-current-card.is-done #btn-start-workout i{ color: var(--success, #4CAF50); }/* رقم الـ stepper قابل للضغط */ .expro-step-val{ cursor: pointer; transition: background .15s; }.expro-step-val:hover{ background: rgba(232,160,32,.1); }.expro-step-val:active{ transform: scale(.97); }/* لوحة الأرقام */ .exd-numpad-modal{ position: fixed; inset: 0; background: rgba(0,0,0,0.72); z-index: 10001; display: flex; align-items: center; justify-content: center; padding: 16px; }.exd-numpad-card{ background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; padding: 20px; max-width: 340px; width: 100%; box-shadow: 0 20px 50px rgba(0,0,0,.5); }.exd-numpad-title{ font-size: .95rem; font-weight: 700; text-align: center; color: var(--text-muted, #8a8a99); margin: 0 0 10px; }.exd-numpad-display{ text-align: center; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; padding: 14px; font-size: 2rem; font-weight: 900; color: var(--accent, #E8A020); margin-bottom: 14px; font-variant-numeric: tabular-nums; min-height: 30px; }.exd-numpad-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 14px; direction: ltr; }.exd-np-btn{ padding: 16px 0; border-radius: 11px; border: 1px solid var(--border); background: var(--bg-primary); color: var(--text-primary, #fff); font-size: 1.25rem; font-weight: 700; cursor: pointer; font-family: inherit; transition: background .08s, transform .05s; touch-action: manipulation; -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none; }.exd-np-btn:hover{ background: var(--bg-card); }.exd-np-btn:active{ transform: scale(.95); }.exd-np-btn[disabled]{ opacity: .35; cursor: not-allowed; }.exd-numpad-actions{ display: flex; gap: 8px; }.exd-np-action{ flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px; border-radius: 11px; border: none; font-weight: 700; font-size: .92rem; font-family: inherit; cursor: pointer; }.exd-np-action.primary{ background: var(--accent, #E8A020); color: #0a0a0f; }.exd-np-action.ghost{ background: transparent; color: var(--text-muted, #8a8a99); border: 1px solid var(--border); }.exd-np-action.ghost:hover{ color: var(--text-primary, #fff); }/* علامة نجمة الحقل الإلزامي */ .required-mark{ color: #ff5757; font-weight: 700; margin-inline-start: 2px; } /* مفتاح تشغيل/إيقاف (Toggle Switch) */ .switch { position: relative; display: inline-block; width: 50px; height: 28px; flex-shrink: 0; } .switch input { opacity: 0; width: 0; height: 0; } .switch .slider { position: absolute; cursor: pointer; inset: 0; background: var(--bg-input, #2a2a36); border: 1px solid var(--border); border-radius: 28px; transition: .2s; } .switch .slider:before { content: ''; position: absolute; height: 20px; width: 20px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: .2s; } .switch input:checked + .slider { background: var(--accent, #E8A020); border-color: var(--accent, #E8A020); } .switch input:checked + .slider:before { transform: translateX(22px); }/* نصيحة AI مخصصة في بطاقات السكانر */ .scanner-ex-tip{ margin-top: 8px; padding: 8px 10px; background: rgba(232,160,32,.08); border: 1px solid rgba(232,160,32,.25); border-radius: 8px; color: var(--text-primary); font-size: .78rem; line-height: 1.55; }.scanner-ex-tip i{ margin-inline-end: 4px; }/* شاشة تحميل تصميم الجدول بالذكاء الاصطناعي */ .ai-build-overlay{ position: fixed; inset: 0; background: rgba(8,10,14,0.92); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); z-index: 10500; display: flex; align-items: center; justify-content: center; padding: 24px; }.ai-build-card{ background: linear-gradient(160deg, var(--bg-card, #1A1A24) 0%, rgba(232,160,32,.10) 100%); border: 1px solid var(--accent, #E8A020); border-radius: 22px; padding: 32px 24px; text-align: center; max-width: 340px; box-shadow: 0 20px 50px rgba(0,0,0,.5); }.ai-build-spinner{ width: 56px; height: 56px; border: 4px solid rgba(232,160,32,.2); border-top-color: var(--accent, #E8A020); border-radius: 50%; margin: 0 auto 18px; animation: aiBuildSpin .9s linear infinite; } @keyframes aiBuildSpin {to{ transform: rotate(360deg); } }.ai-build-title{ font-size: 1.05rem; font-weight: 800; margin: 0 0 8px; color: var(--text-primary, #fff); }/* الوضع النهاري: خلفية + نص واضحين */ body.theme-light .ai-build-overlay{ background: rgba(232,236,242,0.86); }body.theme-light .ai-build-card{ background: linear-gradient(160deg, #FFFFFF 0%, rgba(244,184,72,.12) 100%); border-color: #F4B848; box-shadow: 0 12px 40px rgba(15,20,30,.15); }body.theme-light .ai-build-title{ color: #1A2456; }body.theme-light .ai-build-spinner{ border-color: rgba(244,184,72,.25); border-top-color: #E8A020; } @media (prefers-color-scheme: light) {body.theme-auto .ai-build-overlay{ background: rgba(232,236,242,0.86); }body.theme-auto .ai-build-card{ background: linear-gradient(160deg, #FFFFFF 0%, rgba(244,184,72,.12) 100%); border-color: #F4B848; box-shadow: 0 12px 40px rgba(15,20,30,.15); }body.theme-auto .ai-build-title{ color: #1A2456; }body.theme-auto .ai-build-spinner{ border-color: rgba(244,184,72,.25); border-top-color: #E8A020; } }/* أزرار الراحة: تراجع + تخطّي */ .expro-rest-actions{ display: flex; gap: 8px; }.expro-rest-actions .expro-rest-skip{ flex: 1; }.expro-rest-undo{ flex: 0 0 auto; padding: 0 16px; border-radius: 11px; background: transparent; border: 1px solid var(--border); color: var(--text-muted, #8a8a99); font-weight: 700; font-size: .88rem; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }.expro-rest-undo:hover{ color: var(--text-primary, #fff); border-color: var(--text-muted, #8a8a99); }.expro-rest-undo[disabled]{ opacity: .4; cursor: not-allowed; }.expro-rest-undo[disabled]:hover{ color: var(--text-muted, #8a8a99); border-color: var(--border); }/* صف الأزرار في الوضع العادي: تراجع + أكملت المجموعة */ .expro-input-actions{ display: flex; gap: 8px; align-items: stretch; }.expro-input-actions .expro-complete-btn{ flex: 1; }.expro-input-actions .expro-rest-undo{ flex: 0 0 auto; }/* نافذة تأكيد إنهاء التمرين */ .exd-finish-modal{ position: fixed; inset: 0; background: rgba(0,0,0,0.72); z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; }.exd-finish-card{ background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; padding: 24px 20px; max-width: 380px; width: 100%; box-shadow: 0 20px 50px rgba(0,0,0,.5); }.exd-finish-title{ font-size: 1.1rem; font-weight: 800; text-align: center; margin: 0 0 8px; color: var(--text-primary, #fff); }.exd-finish-meta{ text-align: center; color: var(--text-muted, #8a8a99); font-size: .88rem; margin-bottom: 18px; }.exd-finish-btn{ display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 13px; border-radius: 12px; border: none; font-weight: 700; font-size: .95rem; font-family: inherit; cursor: pointer; margin-bottom: 8px; }.exd-finish-btn:last-child{ margin-bottom: 0; }.exd-finish-btn.primary{ background: var(--accent, #E8A020); color: #0a0a0f; }.exd-finish-btn.primary:hover{ filter: brightness(1.05); }.exd-finish-btn.danger{ background: transparent; color: #ff8080; border: 1px solid rgba(232,90,74,.4); }.exd-finish-btn.danger:hover{ background: rgba(232,90,74,.1); }.exd-finish-btn.ghost{ background: transparent; color: var(--text-muted, #8a8a99); border: 1px solid var(--border); }.exd-finish-btn.ghost:hover{ color: var(--text-primary, #fff); }/* كتلة الوقت + خط تقدّم المجموعات */ .expro-time-block{ text-align: center; margin: 2px 0 10px; }.expro-time-lbl{ font-size: .52rem; color: var(--text-muted, #707080); letter-spacing: 1px; display: flex; align-items: center; justify-content: center; gap: 5px; margin-bottom: 2px; }.expro-time-lbl .dot{ width: 5px; height: 5px; border-radius: 50%; background: var(--accent); animation: expro-pulse 1.5s infinite; }.expro-time-val{ font-size: 1.7rem; font-weight: 900; color: var(--accent); line-height: 1; font-variant-numeric: tabular-nums; margin-bottom: 9px; }.expro-time-val .unit{ font-size: 1rem; color: var(--text-muted, #707080); font-weight: 600; }.expro-sets-bar{ display: flex; gap: 4px; margin-bottom: 5px; }.expro-sets-bar .seg{ flex: 1; height: 5px; border-radius: 3px; background: var(--border); }.expro-sets-bar .seg.done{ background: var(--success); }.expro-sets-bar .seg.current{ background: var(--accent); }.expro-sets-lbl{ font-size: .6rem; color: var(--text-secondary, #B0B0C0); }/* المربع النشط في حالة الراحة: وقت أكبر */ .expro-card.is-rest .expro-time-val{ font-size: 1.7rem; }.expro-card.is-rest .expro-sets-bar{ margin-top: 5px; }/* steppers مدمجة */ .exd-inline .expro-stepper-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 9px; }.exd-inline .expro-stepper{ background: var(--bg-primary); border: 1px solid var(--border); border-radius: 11px; padding: 6px 8px; }.exd-inline .expro-step-label{ font-size: .54rem; color: var(--text-muted, #707080); text-align: center; margin-bottom: 3px; }.exd-inline .expro-step-controls{ display: flex; align-items: center; justify-content: space-between; }.exd-inline .expro-step-btn{ width: 24px; height: 24px; border-radius: 50%; background: var(--bg-card); border: 1px solid var(--border); color: var(--accent); font-size: .82rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; font-family: inherit; }.exd-inline .expro-step-btn:hover{ background: var(--accent); color: #0A0A0F; }.exd-inline .expro-step-val{ font-size: 1rem; font-weight: 800; color: var(--text-primary, #fff); font-variant-numeric: tabular-nums; }/* زر إكمال المجموعة مدمج */ .exd-inline .expro-complete-btn{ width: 100%; padding: 12px; background: linear-gradient(135deg, var(--success), #2E7D32); color: #fff; border: none; border-radius: 12px; font-family: inherit; font-size: .88rem; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; box-shadow: 0 6px 14px rgba(76,175,80,.25); margin-bottom: 0; }/* حالة الراحة داخل المربع */ .expro-rest-next{ font-size: .72rem; color: var(--text-secondary, #B0B0C0); margin: 4px 0 14px; text-align: center; }.expro-rest-next b{ color: var(--accent); }.expro-rest-skip{ width: 100%; padding: 12px; background: var(--accent); color: #0A0A0F; border: none; border-radius: 12px; font-family: inherit; font-size: .9rem; font-weight: 800; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; }/* ═══════════════════════════════ عارض صورة الحساب ═══════════════════════════════ */ .home-avatar-sm{ cursor: pointer; }.avatar-viewer{ position: fixed; inset: 0; background: rgba(0, 0, 0, 0.92); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1200; }.avatar-viewer-close{ position: absolute; top: 18px; left: 18px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #fff; border: none; font-size: 1rem; cursor: pointer; }.avatar-viewer-img{ width: 80%; max-width: 320px; aspect-ratio: 1; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6); }.avatar-viewer-img img{ width: 100%; height: 100%; object-fit: cover; }.avatar-viewer-name{ margin-top: 18px; font-size: 1.1rem; font-weight: 700; }.avatar-viewer-actions{ display: flex; gap: 10px; margin-top: 20px; }.avatar-viewer-btn{ padding: 10px 18px; border-radius: 12px; background: var(--bg-card, #1A1A24); border: 1px solid var(--border); color: var(--text-primary, #fff); font-family: inherit; font-size: 0.85rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 7px; }.avatar-viewer-btn i{ color: var(--accent); }/* ═══════════════════════════════ ترحيب قبل الجولة التعريفية ═══════════════════════════════ */ .tour-welcome{ position: fixed; inset: 0; background: rgba(8, 10, 14, 0.96); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 9100; padding: 24px; }.tour-welcome-box{ background: linear-gradient(160deg, var(--bg-card, #1A1A24) 0%, rgba(232,160,32,.10) 100%); border: 1px solid var(--accent); border-radius: 24px; padding: 30px 22px; text-align: center; max-width: 340px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); animation: tourWelcomePop .4s ease; } @keyframes tourWelcomePop {0%{ transform: scale(.8); opacity: 0; }100%{ transform: scale(1); opacity: 1; } }.tour-welcome-emoji{ font-size: 3.2rem; margin-bottom: 14px; }.tour-welcome-box h2{ font-size: 1.4rem; font-weight: 900; margin-bottom: 10px; }.tour-welcome-box p{ font-size: 0.9rem; color: var(--text-secondary, #B0B0C0); line-height: 1.8; margin-bottom: 22px; }/* في الوضع النهاري: نص كحلي ليكون واضحاً على الخلفية الفاتحة */ body.theme-light .tour-welcome{ background: rgba(232,236,242,0.92); }body.theme-light .tour-welcome-box h2{ color: #1A2456; }body.theme-light .tour-welcome-box p{ color: #2A3460; }body.theme-light .tour-welcome-skip{ color: #1A2456; } @media (prefers-color-scheme: light) {body.theme-auto .tour-welcome{ background: rgba(232,236,242,0.92); }body.theme-auto .tour-welcome-box h2{ color: #1A2456; }body.theme-auto .tour-welcome-box p{ color: #2A3460; }body.theme-auto .tour-welcome-skip{ color: #1A2456; } }.tour-welcome-box p b{ color: var(--accent); }.tour-welcome-actions{ display: flex; flex-direction: column; gap: 10px; }.tour-welcome-start{ width: 100%; padding: 15px; background: linear-gradient(135deg, var(--accent), #C87010); color: #0A0A0F; border: none; border-radius: 14px; font-family: inherit; font-size: 1.05rem; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; box-shadow: 0 10px 24px rgba(232,160,32,.3); }.tour-welcome-skip{ background: none; border: none; color: var(--text-secondary, #707080); font-family: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; padding: 6px; }/* ═══════════════════════════════ تعدد اللغات (i18n) — زر الكرة الأرضية + اتجاه LTR ═══════════════════════════════ */ /* زر الكرة الأرضية الثابت */ .lang-globe-btn{ position: fixed; top: 10px; inset-inline-start: 10px; width: 32px; height: 32px; border-radius: 50%; background: var(--bg-card); border: 1px solid var(--accent); color: var(--accent); display: none; align-items: center; justify-content: center; cursor: pointer; font-size: 0.82rem; z-index: 950; padding: 0; box-shadow: 0 4px 12px rgba(0,0,0,.35); }.lang-globe-btn > i{ pointer-events: none; }/* القائمة المنبثقة لاختيار اللغة */ .lang-pop{ position: absolute; top: 40px; inset-inline-start: 0; background: var(--bg-card); border: 1px solid var(--accent); border-radius: 12px; padding: 5px; width: 132px; box-shadow: 0 12px 30px rgba(0,0,0,.5); z-index: 20; display: none; text-align: start; }.lang-pop.open{ display: block; }.lang-row{ display: flex; align-items: center; justify-content: space-between; padding: 8px 11px; border-radius: 8px; cursor: pointer; }.lang-row:hover{ background: var(--bg-primary); }.lang-row.active{ background: var(--accent-light); }.lang-name{ font-size: 0.74rem; font-weight: 700; color: var(--text-primary); }.lang-row.active .lang-name{ color: var(--accent); }.lang-check{ color: var(--accent); font-size: 0.7rem; visibility: hidden; }.lang-row.active .lang-check{ visibility: visible; }/* ─── اللغة الإنجليزية: الاتجاه والخط ─── */ body.lang-en{ direction: ltr; text-align: left; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }body.lang-en .top-bar-logo{ direction: ltr; }/* أسهم الرجوع/التالي: في LTR نقلب الأسهم الأفقية */ body.lang-en .wizard-home-link .fa-arrow-right, body.lang-en .set-back .fa-chevron-right, body.lang-en .edit-back-btn .fa-arrow-right, body.lang-en .set-row-chev.fa-chevron-left, body.lang-en .home-add-banner-arrow.fa-chevron-left, body.lang-en .mode-arrow.fa-chevron-left{ transform: scaleX(-1); }/* الحقول التي كانت text-align:right اليدوية → تصير start في الإنجليزية */ body.lang-en .settings-input[style*="text-align:right"], body.lang-en .settings-input[style*="text-align: right"]{ text-align: left !important; }/* بطاقة التمرين الحالي: حد جانبي يتبع الاتجاه */ body.lang-en .expro-hero{ border-right: 1px solid var(--border); border-left: 4px solid var(--accent); }/* النص الإنجليزي للتمرين: في الوضع الإنجليزي يحاذى لليسار */ body.lang-en .tdy-current-en, body.lang-en .expro-hero-en{ text-align: left; }/* عناوين القوائم الصغيرة كانت padding-right */ body.lang-en .tdy-mini-list-title{ padding-right: 0; padding-left: 4px; }/* القائمة الجانبية على الشاشات الكبيرة في الإنجليزية تصير يسار */ @media (min-width: 768px){body.lang-en .top-bar{ right: 0; left: var(--sidebar-width); }body.lang-en .bottom-nav{ right: auto; left: 0; border-left: none; border-right: 1px solid var(--border); }body.lang-en .bottom-nav::before{ content: 'Menu'; } }/* زر الكرة الأرضية وزر المظهر — مدمجَين في شريط المستخدم */ .lang-globe-inline, #theme-toggle-btn{ position: relative; width: 32px !important; height: 32px !important; font-size: 0.82rem !important; background: transparent !important; border: 1px solid rgba(176,176,192,.25) !important; color: var(--text-muted, #707080) !important; padding: 0; cursor: pointer; }.lang-globe-inline > i, #theme-toggle-btn > i{ pointer-events: none; }.lang-globe-inline .lang-pop{ top: 38px; inset-inline-start: auto; inset-inline-end: 0; }/* أيقونة المظهر — SVG داخلي (شمس بأشعة / هلال فضي بتدرّج) */ #theme-toggle-btn .theme-ic{ display: inline-flex; align-items: center; justify-content: center; line-height: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)); }#theme-toggle-btn .theme-ic svg{ display: block; }#theme-toggle-btn:hover{ border-color: var(--accent) !important; }/* ═══════════════════════════════ حالة: لا يوجد جدول (صفحة اليوم + الجدول) ═══════════════════════════════ */ .no-sched-card{ background: linear-gradient(160deg, var(--bg-card, #1A1A24), rgba(232,160,32,.06)); border: 1px solid var(--border); border-radius: 24px; padding: 28px 22px; text-align: center; margin-top: 10px; }.no-sched-ic{ font-size: 2.6rem; color: var(--accent); margin-bottom: 12px; }.no-sched-card h2{ font-size: 1.25rem; font-weight: 900; margin-bottom: 6px; }.no-sched-card > p{ font-size: 0.82rem; color: var(--text-secondary, #B0B0C0); margin-bottom: 20px; }.no-sched-steps{ display: flex; justify-content: space-between; gap: 8px; margin-bottom: 22px; }.no-sched-step{ flex: 1; }.no-sched-step .ic{ width: 42px; height: 42px; border-radius: 50%; background: var(--accent-light, rgba(232,160,32,.12)); color: var(--accent); display: flex; align-items: center; justify-content: center; margin: 0 auto 6px; font-size: 0.95rem; }.no-sched-step .tx{ font-size: 0.62rem; color: var(--text-tertiary, #707080); }.no-sched-btn{ width: 100%; padding: 15px; background: linear-gradient(135deg, var(--accent), #C87010); color: #0A0A0F; border: none; border-radius: 14px; font-family: inherit; font-size: 1rem; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; box-shadow: 0 10px 24px rgba(232,160,32,.3); }/* ═══════════════════════════════ قائمة نغمات التنبيه ═══════════════════════════════ */ .snd-list{ display: flex; flex-direction: column; gap: 8px; }.snd{ display: flex; align-items: center; gap: 12px; padding: 13px 14px; background: var(--bg-card, #1A1A24); border: 1px solid var(--border); border-radius: 14px; cursor: pointer; }.snd.active{ border-color: var(--accent); background: linear-gradient(135deg, var(--bg-card,#1A1A24), rgba(232,160,32,.07)); }.snd-play{ width: 38px; height: 38px; border-radius: 50%; background: var(--accent-light, rgba(232,160,32,.12)); color: var(--accent); border: none; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; cursor: pointer; flex-shrink: 0; }.snd.off .snd-play{ background: rgba(232,64,64,.12); color: var(--danger, #E84040); }.snd-name{ flex: 1; font-size: 0.9rem; font-weight: 700; }.snd-check{ width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: transparent; font-size: 0.7rem; }.snd.active .snd-check{ background: var(--accent); border-color: var(--accent); color: #0A0A0F; }/* ═══════════════════════════════ اختيار المظهر (نهاري/ليلي/تلقائي) ═══════════════════════════════ */ .theme-opts{ display: flex; flex-direction: column; gap: 10px; padding: 4px; }.theme-opt{ background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 14px; display: flex; align-items: center; gap: 12px; cursor: pointer; font-family: inherit; color: var(--text-primary); transition: all .2s; text-align: right; width: 100%; }.theme-opt:hover{ border-color: var(--accent); }.theme-opt.active{ border-color: var(--accent); background: var(--accent-light); }.theme-opt-ic{ width: 42px; height: 42px; border-radius: 12px; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }.theme-opt.active .theme-opt-ic{ background: var(--accent); color: #0A0A0F; }.theme-opt-b{ flex: 1; }.theme-opt-t{ font-size: .92rem; font-weight: 800; margin-bottom: 2px; }.theme-opt-v{ font-size: .72rem; color: var(--text-secondary); }.theme-opt-ck{ width: 24px; height: 24px; border-radius: 50%; background: var(--bg-card-hover); color: transparent; display: flex; align-items: center; justify-content: center; font-size: .7rem; flex-shrink: 0; }.theme-opt.active .theme-opt-ck{ background: var(--accent); color: #0A0A0F; }/* ═══════════════════════════════ تعديلات الوضع النهاري — تطبيق اللون الكحلي على CTA والبانر ═══════════════════════════════ */ body.theme-light .home-cta-title, body.theme-light .home-cta-icon, body.theme-auto .home-cta-title, body.theme-auto .home-cta-icon{ color: #1A2456 !important; }body.theme-light .home-cta-sub, body.theme-auto .home-cta-sub{ color: rgba(26, 36, 86, 0.65) !important; }body.theme-light .home-add-banner-title, body.theme-light .home-add-banner-arrow, body.theme-auto .home-add-banner-title, body.theme-auto .home-add-banner-arrow{ color: #1A2456 !important; }/* تطبيق نفس الستايل في الوضع التلقائي فقط مع نظام نهاري */ @media (prefers-color-scheme: dark){body.theme-auto .home-cta-title, body.theme-auto .home-cta-icon{ color: var(--bg-primary) !important; }body.theme-auto .home-cta-sub{ color: rgba(10, 10, 15, 0.7) !important; }body.theme-auto .home-add-banner-title, body.theme-auto .home-add-banner-arrow{ color: var(--accent) !important; } }/* ═══════════════════════════════ فرض الخلفية البيضاء الناصعة في الوضع النهاري على جميع الحاويات ═══════════════════════════════ */ body.theme-light, body.theme-light .home-page, body.theme-light main{ background-color: #FFFFFF !important; }body.theme-light .home-add-banner{ background: linear-gradient(135deg, rgba(244,184,72,.06), rgba(244,184,72,.02)) !important; border: 1px solid rgba(244,184,72,.30) !important; box-shadow: 0 4px 10px rgba(15,20,30,.06), 0 14px 32px rgba(15,20,30,.14) !important; } @media (prefers-color-scheme: light) {body.theme-auto, body.theme-auto .home-page, body.theme-auto main{ background-color: #FFFFFF !important; }body.theme-auto .home-add-banner{ background: linear-gradient(135deg, rgba(244,184,72,.06), rgba(244,184,72,.02)) !important; border: 1px solid rgba(244,184,72,.30) !important; box-shadow: 0 4px 10px rgba(15,20,30,.06), 0 14px 32px rgba(15,20,30,.14) !important; } }/* صفحة تسجيل الدخول في الوضع النهاري — خلفية بيضاء ناصعة بدون تدرّجات */ body.theme-light .login-bg-pattern{ background: #FFFFFF !important; } @media (prefers-color-scheme: light) {body.theme-auto .login-bg-pattern{ background: #FFFFFF !important; } }/* فرض بياض كامل لبطاقة المصادقة في الوضع النهاري */ body.theme-light .auth-card, body.theme-auto .auth-card{ background: #FFFFFF !important; border: 1px solid #EAEAEC !important; box-shadow: 0 8px 24px rgba(15, 20, 30, 0.08) !important; }body.theme-light .auth-input, body.theme-auto .auth-input, body.theme-light .auth-tabs, body.theme-auto .auth-tabs{ background: #FFFFFF !important; border-color: #EAEAEC !important; } @media (prefers-color-scheme: dark) {body.theme-auto .auth-card{ background: var(--bg-card) !important; border: 1px solid var(--border) !important; box-shadow: 0 24px 60px rgba(0,0,0,.5) !important; }body.theme-auto .auth-input, body.theme-auto .auth-tabs{ background: var(--bg-input) !important; border-color: var(--border) !important; } }/* بطاقات الرئيسية في الوضع النهاري — بارزة بظل واضح */ body.theme-light .home-quick-card, body.theme-auto .home-quick-card{ background: #FFFFFF !important; border: 1px solid #E8EAEE !important; box-shadow: 0 2px 6px rgba(15, 20, 30, 0.05), 0 8px 22px rgba(15, 20, 30, 0.08) !important; }body.theme-light .home-quick-card:hover, body.theme-auto .home-quick-card:hover{ border-color: #DCE0E6 !important; box-shadow: 0 4px 12px rgba(15, 20, 30, 0.08), 0 14px 32px rgba(15, 20, 30, 0.12) !important; } @media (prefers-color-scheme: dark) {body.theme-auto .home-quick-card{ background: var(--bg-card) !important; border: 1px solid var(--border) !important; box-shadow: none !important; }body.theme-auto .home-quick-card:hover{ border-color: var(--accent) !important; box-shadow: none !important; } }/* ═══════════════════════════════ بطاقات بارزة في الوضع النهاري — تطبيق موحّد على كل الصفحات ═══════════════════════════════ */ body.theme-light .tdy-gcard, body.theme-light .sched-hero, body.theme-light .session-card, body.theme-light .home-session-card, body.theme-light .prog-ring-card, body.theme-light .progress-chart-card, body.theme-light .scanner-exercise-card, body.theme-light .free-ex-card, body.theme-light .equipment-card, body.theme-light .expro-card, body.theme-light .mode-card, body.theme-light .create-goal-card, body.theme-light .create-level-card, body.theme-light .create-program-card, body.theme-light .create-type-card, body.theme-light .settings-user-card, body.theme-light .no-sched-card, body.theme-light .manual-ex-item, body.theme-light .review-item, body.theme-light .finish-summary-item, body.theme-light .home-account-row{ background: #FFFFFF !important; border: 1px solid #E8EAEE !important; box-shadow: 0 2px 6px rgba(15, 20, 30, 0.05), 0 8px 22px rgba(15, 20, 30, 0.08) !important; }/* hover */ body.theme-light .tdy-gcard:hover, body.theme-light .session-card:hover, body.theme-light .home-session-card:hover, body.theme-light .scanner-exercise-card:hover, body.theme-light .mode-card:hover{ border-color: #DCE0E6 !important; box-shadow: 0 4px 12px rgba(15, 20, 30, 0.08), 0 14px 32px rgba(15, 20, 30, 0.12) !important; }/* تكرار نفسه للوضع التلقائي حسب نظام النهار */ @media (prefers-color-scheme: light){body.theme-auto .tdy-gcard, body.theme-auto .sched-hero, body.theme-auto .session-card, body.theme-auto .home-session-card, body.theme-auto .prog-ring-card, body.theme-auto .progress-chart-card, body.theme-auto .scanner-exercise-card, body.theme-auto .free-ex-card, body.theme-auto .equipment-card, body.theme-auto .expro-card, body.theme-auto .mode-card, body.theme-auto .create-goal-card, body.theme-auto .create-level-card, body.theme-auto .create-program-card, body.theme-auto .create-type-card, body.theme-auto .settings-user-card, body.theme-auto .no-sched-card, body.theme-auto .manual-ex-item, body.theme-auto .review-item, body.theme-auto .finish-summary-item, body.theme-auto .home-account-row{ background: #FFFFFF !important; border: 1px solid #E8EAEE !important; box-shadow: 0 2px 6px rgba(15, 20, 30, 0.05), 0 8px 22px rgba(15, 20, 30, 0.08) !important; } }/* بطاقات صفحة تقدمي — تطبيق البروز */ body.theme-light .prog-duo, body.theme-light .prog-stats-duo, body.theme-light .prog-tl, body.theme-light .prog-pr{ background: #FFFFFF !important; border: 1px solid #E8EAEE !important; box-shadow: 0 2px 6px rgba(15, 20, 30, 0.05), 0 8px 22px rgba(15, 20, 30, 0.08) !important; } @media (prefers-color-scheme: light) {body.theme-auto .prog-duo, body.theme-auto .prog-stats-duo, body.theme-auto .prog-tl, body.theme-auto .prog-pr{ background: #FFFFFF !important; border: 1px solid #E8EAEE !important; box-shadow: 0 2px 6px rgba(15, 20, 30, 0.05), 0 8px 22px rgba(15, 20, 30, 0.08) !important; } }/* ═══════════════════════════════ Modal مخصص (يستبدل alert/confirm) ═══════════════════════════════ */ #modal-root{ position: fixed; inset: 0; z-index: 11000; pointer-events: none; }#modal-root > *{ pointer-events: auto; }.mdl-overlay{ position: fixed; inset: 0; background: rgba(0,0,0,.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; padding: 18px; opacity: 0; transition: opacity .2s; }.mdl-overlay.open{ opacity: 1; }.mdl-box{ background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 18px 15px 14px; width: 100%; max-width: 300px; box-shadow: 0 24px 60px rgba(0,0,0,.45); text-align: center; transform: translateY(8px) scale(.96); transition: transform .25s cubic-bezier(.4,0,.2,1); }.mdl-overlay.open .mdl-box{ transform: translateY(0) scale(1); }.mdl-ic{ width: 48px; height: 48px; border-radius: 50%; background: var(--accent-light); color: var(--accent); display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; font-size: 1.2rem; }.mdl-box.mdl-danger .mdl-ic{ background: rgba(244, 67, 54, 0.12); color: #F44336; }.mdl-title{ font-size: 1.05rem; font-weight: 800; color: var(--text-primary); margin-bottom: 6px; }.mdl-text{ font-size: .85rem; color: var(--text-secondary); line-height: 1.65; margin-bottom: 18px; }.mdl-btns{ display: flex; flex-direction: row-reverse; gap: 8px; }.mdl-btn{ flex: 1; border: none; padding: 12px; border-radius: 12px; font-family: inherit; font-size: .88rem; font-weight: 800; cursor: pointer; transition: transform .15s; }.mdl-btn:active{ transform: scale(.97); }.mdl-cancel{ background: var(--bg-card-hover); color: var(--text-secondary); border: 1px solid var(--border); }.mdl-ok{ background: var(--accent-gradient); color: #0A0A0F; }.mdl-btn-danger{ background: linear-gradient(135deg, #EF4444, #B91C1C); color: #FFFFFF; }/* في الوضع النهاري */ body.theme-light .mdl-box{ background: #FFFFFF; border-color: #E8EAEE; }body.theme-light .mdl-ok{ color: #1A2456; }/* Toast */ .mdl-toast{ position: fixed; bottom: calc(20px + var(--safe-bottom, 0px)); left: 50%; transform: translateX(-50%) translateY(20px); background: var(--bg-card); border: 1px solid var(--border); color: var(--text-primary); padding: 12px 18px; border-radius: 50px; font-size: .82rem; font-weight: 700; box-shadow: 0 14px 30px rgba(0,0,0,.4); opacity: 0; transition: opacity .25s, transform .25s; max-width: calc(100vw - 32px); text-align: center; }.mdl-toast.open{ opacity: 1; transform: translateX(-50%) translateY(0); }/* ═══════════════════════════════ لوحة اتصل بنا (Contact) ═══════════════════════════════ */ .contact-email-card{ display: flex; align-items: center; gap: 14px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 16px; margin: 12px 4px; box-shadow: 0 2px 8px rgba(0,0,0,.12); }.contact-email-icon{ width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(160deg, rgba(232,160,32,.22), rgba(232,160,32,.10)); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 1px 2px rgba(232,160,32,.12), inset 0 1px 0 rgba(255,255,255,.06); }.contact-email-text{ flex: 1; min-width: 0; }.contact-email-lbl{ font-size: .7rem; color: var(--text-secondary); margin-bottom: 3px; }.contact-email-val{ font-size: .92rem; font-weight: 800; color: var(--text-primary); direction: ltr; text-align: right; word-break: break-all; }.contact-actions{ display: flex; gap: 10px; padding: 4px; margin: 14px 4px 18px; }.contact-btn{ flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 14px; border-radius: 12px; border: none; font-family: inherit; font-weight: 800; font-size: .85rem; cursor: pointer; text-decoration: none; transition: transform var(--transition); }.contact-btn:active{ transform: scale(.97); }.contact-btn-primary{ background: linear-gradient(135deg, var(--accent), var(--accent-hover)); color: #0A0A0F; box-shadow: 0 6px 18px rgba(232,160,32,.25); }.contact-btn-ghost{ background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--border); }.contact-btn-ghost.copied{ background: rgba(76,175,80,.18); color: #4CAF50; border-color: #4CAF50; }.contact-hint{ font-size: .78rem; color: var(--text-secondary); text-align: center; padding: 0 14px; line-height: 1.7; }/* ═══════════════════════════════ تبويبات السياسة والشروط ═══════════════════════════════ */ .legal-tabs{ display: flex; gap: 8px; padding: 6px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; margin: 12px 4px 14px; }.legal-tab{ flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 8px; border-radius: 10px; background: transparent; border: none; color: var(--text-secondary); font-family: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; transition: all .2s; }.legal-tab i{ font-size: .85rem; }.legal-tab.active{ background: var(--accent); color: #0A0A0F; box-shadow: 0 2px 6px rgba(232,160,32,.25); }.legal-tab:not(.active):hover{ color: var(--text-primary); }/* ═══════════════════════════════ نافذة الموافقة على السياسة والشروط ═══════════════════════════════ */ .consent-overlay{ position: fixed; inset: 0; z-index: 99999; background: rgba(5, 5, 10, .85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; padding: 16px; animation: cFadeIn .3s ease; } @keyframes cFadeIn {from{ opacity: 0; }to{ opacity: 1; } }.consent-modal{ background: linear-gradient(180deg, #1A1A24, #0E0E16); border: 1px solid rgba(232,160,32,.3); border-radius: 22px; max-width: 420px; width: 100%; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 30px 80px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.04) inset; animation: cPop .35s cubic-bezier(.34,1.56,.64,1); } @keyframes cPop {from{ transform: scale(.9); opacity: 0; }to{ transform: scale(1); opacity: 1; } }/* قارئ النص داخل النافذة */ .consent-modal-reader{ max-width: 460px; }.consent-reader-head{ padding: 14px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.07); }.consent-reader-back{ background: none; border: none; color: #F4B848; font-size: 1rem; padding: 6px 8px; cursor: pointer; }.consent-reader-title{ font-size: 1.05rem; font-weight: 800; color: #fff; flex: 1; }.consent-reader-body{ padding: 16px 18px 22px; overflow-y: auto; color: rgba(255,255,255,.9); font-size: .85rem; line-height: 1.8; }.consent-reader-body h4{ color: #F4B848; margin: 14px 0 6px; font-size: .92rem; }.consent-reader-body p{ margin-bottom: 8px; }/* ═══════════════════════════════ مربع الموافقة في صفحة الدخول ═══════════════════════════════ */ .auth-consent{ display: flex; align-items: flex-start; gap: 9px; margin: 14px 0 4px; padding: 10px 12px; background: rgba(232,160,32,.04); border: 1px solid rgba(232,160,32,.15); border-radius: 11px; cursor: pointer; user-select: none; transition: all .2s; }.auth-consent input[type="checkbox"]{ position: absolute; opacity: 0; pointer-events: none; }.auth-consent-box{ flex-shrink: 0; width: 20px; height: 20px; border-radius: 6px; background: var(--bg-input); border: 1.5px solid var(--border); display: inline-flex; align-items: center; justify-content: center; color: transparent; font-size: .7rem; transition: all .15s; margin-top: 1px; }.auth-consent input:checked + .auth-consent-box{ background: var(--accent); border-color: var(--accent); color: #0A0A0F; box-shadow: 0 2px 6px rgba(232,160,32,.3); }.auth-consent-text{ flex: 1; font-size: .78rem; line-height: 1.6; color: var(--text-secondary); }.auth-consent-text a{ color: var(--accent); font-weight: 700; text-decoration: none; border-bottom: 1px dashed rgba(232,160,32,.4); }.auth-consent-text a:active{ color: var(--accent-hover); }/* اهتزاز عند المحاولة بدون تأشير */ .auth-consent.shake{ animation: cShake .55s ease; border-color: #F44336 !important; background: rgba(244,67,54,.06) !important; } @keyframes cShake {0%, 100%{ transform: translateX(0); }20%, 60%{ transform: translateX(-6px); }40%, 80%{ transform: translateX(6px); } }/* ═══════════════════════════════ الجدول النشط في الوضع النهاري — يفرض الخلفية الذهبية فوق override الـ light theme ═══════════════════════════════ */ body.theme-light .session-card.active, body.theme-auto .session-card.active{ background: linear-gradient(135deg, #F4B848, #E8A020) !important; border: 1px solid #9C6610 !important; box-shadow: 0 8px 22px rgba(232,160,32,.30) !important; }body.theme-light .session-card.active .session-card-icon, body.theme-auto .session-card.active .session-card-icon{ background: rgba(14,14,24,.18) !important; color: #0A0A0F !important; }body.theme-light .session-card.active .session-card-name, body.theme-light .session-card.active .session-card-arrow, body.theme-auto .session-card.active .session-card-name, body.theme-auto .session-card.active .session-card-arrow{ color: #0A0A0F !important; }body.theme-light .session-card.active .session-card-mode, body.theme-auto .session-card.active .session-card-mode{ color: rgba(14,14,24,.7) !important; }body.theme-light .session-card.active .session-edit-btn, body.theme-light .session-card.active .session-delete-btn, body.theme-auto .session-card.active .session-edit-btn, body.theme-auto .session-card.active .session-delete-btn{ color: #0A0A0F !important; background: rgba(14,14,24,.08) !important; border-color: rgba(14,14,24,.20) !important; }