/* =====================================================================
   SmileSim themes — 5 ثيمات يختار منها كل مستخدم (من زر 🎨 في الأعلى).
   الثيم "أزرق كلاسيكي" = الألوان الأصلية للموقع.
   حذف هذا الملف يرجع الموقع للألوان القديمة بالكامل.
   ===================================================================== */
html[data-theme="smilesim"],html:not([data-theme]){--t-grad:linear-gradient(135deg,#ff416c 0%,#c42a8f 48%,#6a2bd9 100%);--t-soft:linear-gradient(135deg,rgba(255,65,108,.92) 0%,rgba(196,42,143,.88) 48%,rgba(106,43,217,.90) 100%);--t-header:linear-gradient(120deg,#2a0f5c 0%,#4b1a8f 55%,#9c1f6e 100%);--t-accent:#a12bd1;--t-glow:196,42,143;--t-focus:161,43,209;--t-body:linear-gradient(180deg,#f6f0fb 0%,#faf7fd 50%,#f3eefa 100%);--t-brand:#b0258f;--t-ink:#2a0f5c;--t-banner:rgba(248,236,252,.76);
 --t-o1:radial-gradient(circle,rgba(255,65,108,.30),transparent 65%);--t-o2:radial-gradient(circle,rgba(124,58,237,.26),transparent 65%);--t-o3:radial-gradient(circle,rgba(196,42,143,.24),transparent 65%);--t-o4:radial-gradient(circle,rgba(255,138,101,.20),transparent 65%);
 --t-od1:radial-gradient(circle,rgba(196,42,143,.30),transparent 65%);--t-od2:radial-gradient(circle,rgba(91,33,182,.34),transparent 65%);--t-od3:radial-gradient(circle,rgba(255,65,108,.16),transparent 65%);--t-od4:radial-gradient(circle,rgba(124,58,237,.18),transparent 65%);
 --t-softd:linear-gradient(135deg,rgba(196,42,143,.55),rgba(91,33,182,.55));--t-headerd:linear-gradient(120deg,#160a33 0%,#24104d 60%,#3d0f3a 100%);--t-accentd:#c77dff;--t-brandd:#ff8fb8;--t-bannerd:42,22,78;--t-bgd:#0d0820;
 --navy:#2a0f5c;--blue:#a12bd1;--cyan:#ff3d7a;}
html[data-theme="smilesim"][data-lg][data-lg][data-lg]{--lg-accent:#a12bd1;--lg-accent2:#ff3d7a;--lg-bg:#f3eefa;--lg-text:#1f1438;--lg-muted:#6b5f86;}
html[data-theme="smilesim"][data-lg="dark"][data-lg][data-lg]{--lg-accent:#c77dff;--lg-bg:#0d0820;--lg-text:#f3eefc;--lg-muted:#bfb2d9;--lg-solid:rgba(26,16,48,.94);--lg-flat:linear-gradient(150deg,rgba(48,30,86,.80),rgba(26,16,48,.74));}
html[data-theme="ocean"]{--t-grad:linear-gradient(135deg,#3b82f6 0%,#2a5fd0 100%);--t-soft:linear-gradient(135deg,rgba(59,130,246,.92),rgba(34,180,214,.82));--t-header:linear-gradient(180deg,rgba(58,111,209,.97),rgba(45,94,192,.95));--t-accent:#2f6fde;--t-glow:47,111,222;--t-focus:59,130,246;--t-body:linear-gradient(180deg,#eef4fb 0%,#f7f9fc 48%,#eef5fb 100%);--t-brand:#3b6fd8;--t-ink:#17366f;--t-banner:rgba(236,244,255,.72);
 --t-o1:radial-gradient(circle,rgba(96,165,250,.55),transparent 65%);--t-o2:radial-gradient(circle,rgba(45,212,191,.38),transparent 65%);--t-o3:radial-gradient(circle,rgba(167,139,250,.38),transparent 65%);--t-o4:radial-gradient(circle,rgba(251,146,190,.22),transparent 65%);
 --t-od1:radial-gradient(circle,rgba(37,99,235,.42),transparent 65%);--t-od2:radial-gradient(circle,rgba(13,148,136,.30),transparent 65%);--t-od3:radial-gradient(circle,rgba(124,58,237,.32),transparent 65%);--t-od4:radial-gradient(circle,rgba(236,72,153,.14),transparent 65%);
 --t-softd:linear-gradient(135deg,rgba(37,99,235,.55),rgba(14,116,144,.45));--t-headerd:linear-gradient(180deg,rgba(16,25,45,.97),rgba(13,21,39,.95));--t-accentd:#5b9dff;--t-brandd:#8fb4ff;--t-bannerd:30,41,66;--t-bgd:#070d1b;
 --navy:#17366f;--blue:#2f6fde;--cyan:#21b4d6;}
html[data-theme="ocean"][data-lg][data-lg][data-lg]{--lg-accent:#2f6fde;--lg-accent2:#21b4d6;--lg-bg:#e8eff9;--lg-text:#16243d;--lg-muted:#5f7089;}
html[data-theme="ocean"][data-lg="dark"][data-lg][data-lg]{--lg-accent:#5b9dff;--lg-bg:#070d1b;--lg-text:#eef3fb;--lg-muted:#b3c0d3;--lg-solid:rgba(18,26,44,.94);--lg-flat:linear-gradient(150deg,rgba(34,46,74,.80),rgba(19,27,47,.74));}
html[data-theme="graphite"]{--t-grad:linear-gradient(135deg,#2997ff 0%,#0071e3 100%);--t-soft:linear-gradient(135deg,rgba(29,29,31,.95),rgba(58,58,62,.92));--t-header:linear-gradient(180deg,rgba(29,29,31,.94),rgba(29,29,31,.90));--t-accent:#0071e3;--t-glow:0,113,227;--t-focus:0,113,227;--t-body:linear-gradient(180deg,#f5f5f7 0%,#fbfbfd 60%,#f5f5f7 100%);--t-brand:#0071e3;--t-ink:#1d1d1f;--t-banner:rgba(245,245,247,.85);
 --t-o1:radial-gradient(circle,rgba(0,113,227,.10),transparent 65%);--t-o2:radial-gradient(circle,rgba(134,134,139,.12),transparent 65%);--t-o3:radial-gradient(circle,rgba(0,113,227,.06),transparent 65%);--t-o4:radial-gradient(circle,rgba(255,255,255,.30),transparent 65%);
 --t-od1:radial-gradient(circle,rgba(0,113,227,.12),transparent 65%);--t-od2:radial-gradient(circle,rgba(80,80,85,.18),transparent 65%);--t-od3:radial-gradient(circle,rgba(0,113,227,.06),transparent 65%);--t-od4:radial-gradient(circle,rgba(120,120,128,.08),transparent 65%);
 --t-softd:linear-gradient(135deg,rgba(44,44,46,.92),rgba(28,28,30,.92));--t-headerd:linear-gradient(180deg,rgba(18,18,19,.96),rgba(12,12,13,.94));--t-accentd:#2997ff;--t-brandd:#2997ff;--t-bannerd:28,28,30;--t-bgd:#000000;
 --navy:#1d1d1f;--blue:#0071e3;--cyan:#0a84ff;}
html[data-theme="graphite"][data-lg][data-lg][data-lg]{--lg-accent:#0071e3;--lg-accent2:#0a84ff;--lg-bg:#f5f5f7;--lg-text:#1d1d1f;--lg-muted:#6e6e73;}
html[data-theme="graphite"][data-lg="dark"][data-lg][data-lg]{--lg-accent:#2997ff;--lg-bg:#000000;--lg-text:#f5f5f7;--lg-muted:#a1a1a6;--lg-solid:rgba(28,28,30,.96);--lg-flat:linear-gradient(150deg,rgba(44,44,46,.86),rgba(28,28,30,.80));}
html[data-theme="canva"]{--t-grad:linear-gradient(135deg,#00c4cc 0%,#3a6fe6 50%,#7d2ae8 100%);--t-soft:linear-gradient(135deg,rgba(0,196,204,.92) 0%,rgba(58,111,230,.90) 50%,rgba(125,42,232,.92) 100%);--t-header:linear-gradient(120deg,#00b3c4 0%,#3d5fe0 50%,#7a1fe0 100%);--t-accent:#6b2ee6;--t-glow:91,60,230;--t-focus:125,42,232;--t-body:linear-gradient(180deg,#eef9fb 0%,#f6f5fe 50%,#f2eefd 100%);--t-brand:#5b3ce6;--t-ink:#1b1640;--t-banner:rgba(240,242,255,.82);
 --t-o1:radial-gradient(circle,rgba(0,196,204,.26),transparent 65%);--t-o2:radial-gradient(circle,rgba(125,42,232,.24),transparent 65%);--t-o3:radial-gradient(circle,rgba(58,111,230,.20),transparent 65%);--t-o4:radial-gradient(circle,rgba(0,196,204,.12),transparent 65%);
 --t-od1:radial-gradient(circle,rgba(0,160,170,.22),transparent 65%);--t-od2:radial-gradient(circle,rgba(125,42,232,.28),transparent 65%);--t-od3:radial-gradient(circle,rgba(58,111,230,.14),transparent 65%);--t-od4:radial-gradient(circle,rgba(0,196,204,.08),transparent 65%);
 --t-softd:linear-gradient(135deg,rgba(0,150,160,.55),rgba(100,30,200,.55));--t-headerd:linear-gradient(120deg,#063a46 0%,#1b2a78 55%,#3a0f78 100%);--t-accentd:#a57bff;--t-brandd:#7fe3ea;--t-bannerd:26,22,66;--t-bgd:#0b0a24;
 --navy:#1b1640;--blue:#6b2ee6;--cyan:#00c4cc;}
html[data-theme="canva"][data-lg][data-lg][data-lg]{--lg-accent:#6b2ee6;--lg-accent2:#00c4cc;--lg-bg:#f1f2fd;--lg-text:#1b1640;--lg-muted:#5f5c84;}
html[data-theme="canva"][data-lg="dark"][data-lg][data-lg]{--lg-accent:#a57bff;--lg-bg:#0b0a24;--lg-text:#f1f0fd;--lg-muted:#b4b0d8;--lg-solid:rgba(20,18,52,.95);--lg-flat:linear-gradient(150deg,rgba(38,34,90,.82),rgba(20,18,52,.76));}
html[data-theme="indigo"]{--t-grad:linear-gradient(135deg,#635bff 0%,#7a5cff 50%,#00b4f0 100%);--t-soft:linear-gradient(135deg,rgba(99,91,255,.94) 0%,rgba(167,98,255,.88) 45%,rgba(0,190,240,.82) 100%);--t-header:linear-gradient(120deg,#0a2540 0%,#1a1f71 60%,#4b44d8 100%);--t-accent:#635bff;--t-glow:99,91,255;--t-focus:99,91,255;--t-body:linear-gradient(180deg,#f6f9fc 0%,#fbfcfe 55%,#f2f6fb 100%);--t-brand:#635bff;--t-ink:#0a2540;--t-banner:rgba(242,246,255,.82);
 --t-o1:radial-gradient(circle,rgba(99,91,255,.24),transparent 65%);--t-o2:radial-gradient(circle,rgba(0,212,255,.20),transparent 65%);--t-o3:radial-gradient(circle,rgba(255,89,150,.14),transparent 65%);--t-o4:radial-gradient(circle,rgba(128,233,255,.18),transparent 65%);
 --t-od1:radial-gradient(circle,rgba(99,91,255,.26),transparent 65%);--t-od2:radial-gradient(circle,rgba(0,180,240,.16),transparent 65%);--t-od3:radial-gradient(circle,rgba(255,89,150,.08),transparent 65%);--t-od4:radial-gradient(circle,rgba(99,91,255,.10),transparent 65%);
 --t-softd:linear-gradient(135deg,rgba(76,68,220,.60),rgba(0,140,190,.45));--t-headerd:linear-gradient(120deg,#061a2e 0%,#0d1450 60%,#241f7a 100%);--t-accentd:#8c86ff;--t-brandd:#a5a0ff;--t-bannerd:16,30,60;--t-bgd:#0a1628;
 --navy:#0a2540;--blue:#635bff;--cyan:#00d4ff;}
html[data-theme="indigo"][data-lg][data-lg][data-lg]{--lg-accent:#635bff;--lg-accent2:#00d4ff;--lg-bg:#f6f9fc;--lg-text:#0a2540;--lg-muted:#425466;}
html[data-theme="indigo"][data-lg="dark"][data-lg][data-lg]{--lg-accent:#8c86ff;--lg-bg:#0a1628;--lg-text:#eef2fb;--lg-muted:#adbdcc;--lg-solid:rgba(12,26,48,.95);--lg-flat:linear-gradient(150deg,rgba(26,40,80,.82),rgba(12,26,48,.76));}

/* ---------- القواعد المشتركة (تقرأ من متغيرات الثيم) ---------- */
html[data-lg][data-lg][data-lg] #lgBackdrop .o1{background:var(--t-o1)}html[data-lg][data-lg][data-lg] #lgBackdrop .o2{background:var(--t-o2)}html[data-lg][data-lg][data-lg] #lgBackdrop .o3{background:var(--t-o3)}html[data-lg][data-lg][data-lg] #lgBackdrop .o4{background:var(--t-o4)}
html[data-lg="dark"][data-lg][data-lg] #lgBackdrop .o1{background:var(--t-od1)}html[data-lg="dark"][data-lg][data-lg] #lgBackdrop .o2{background:var(--t-od2)}html[data-lg="dark"][data-lg][data-lg] #lgBackdrop .o3{background:var(--t-od3)}html[data-lg="dark"][data-lg][data-lg] #lgBackdrop .o4{background:var(--t-od4)}
body{background:var(--t-body)!important}
body.dark-mode{background:var(--t-bgd)!important}

header.top,html[data-lg][data-lg][data-lg] header.top,html[data-lg][data-lg][data-lg][data-lg] header.top{background:var(--t-header)!important;border-bottom-color:rgba(255,255,255,.10)!important;box-shadow:0 8px 26px rgba(var(--t-glow),.28)!important}
html[data-lg="dark"][data-lg][data-lg] header.top,html[data-lg="dark"][data-lg][data-lg][data-lg] header.top{background:var(--t-headerd)!important}

.tab.active,html[data-lg][data-lg][data-lg] .tab.active,.period.glass-segment button.active,html[data-lg][data-lg][data-lg] .period.glass-segment button.active,html[data-lg][data-lg][data-lg] .v54-filter.active{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--t-grad)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important;
  box-shadow:0 8px 20px rgba(var(--t-glow),.30),inset 0 1px 0 rgba(255,255,255,.40)!important}
.btn.primary,html[data-lg][data-lg][data-lg] .btn.primary,html[data-lg][data-lg][data-lg] .cloud-auth-btn.login-primary{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--t-grad)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 8px 20px rgba(var(--t-glow),.26),inset 0 1px 0 rgba(255,255,255,.40)!important}

.glass-hero,.dashboard-hero,html[data-lg][data-lg][data-lg] .dashboard-hero{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 50%),var(--t-soft)!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:0 18px 40px rgba(var(--t-glow),.24),inset 0 1px 0 rgba(255,255,255,.40)!important}
html[data-lg="dark"][data-lg][data-lg] .dashboard-hero{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 50%),var(--t-softd)!important;box-shadow:0 18px 40px rgba(0,0,0,.45)!important}

html[data-lg][data-lg][data-lg] input:focus,html[data-lg][data-lg][data-lg] select:focus,html[data-lg][data-lg][data-lg] textarea:focus{border-color:var(--t-accent)!important;box-shadow:0 0 0 4px rgba(var(--t-focus),.16)!important}
.quick-action .pro-icon,html[data-lg][data-lg][data-lg] .quick-action .pro-icon{color:var(--t-accent)!important}
html[data-lg="dark"][data-lg][data-lg] .quick-action .pro-icon{color:var(--t-accentd)!important}
.ss-banner-brand{color:var(--t-brand)!important} body.dark-mode .ss-banner-brand{color:var(--t-brandd)!important}
.ss-banner-track span{color:var(--t-ink)} body.dark-mode .ss-banner-track span{color:#f6f3fb}
.ss-banner{background:linear-gradient(120deg,rgba(255,255,255,.86),var(--t-banner))!important}
body.dark-mode .ss-banner{background:linear-gradient(120deg,rgba(var(--t-bannerd),.86),rgba(var(--t-bannerd),.72))!important}
.rem-progress>div{background:var(--t-grad)!important}

/* ---------- نافذة اختيار الثيم ---------- */
.theme-sheet{position:fixed;inset:0;z-index:2147483200;background:rgba(10,8,20,.45);display:flex;align-items:flex-end;justify-content:center}
.theme-card{width:100%;max-width:560px;background:#fff;color:#1d1a2b;border-radius:26px 26px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.25);animation:themeUp .25s ease}
@keyframes themeUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.theme-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.theme-head b{font-size:18px}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.theme-opt{display:flex;align-items:center;gap:10px;border:2px solid #ece8f3;background:#faf9fc;border-radius:16px;padding:10px;cursor:pointer;font:inherit;font-weight:800;color:inherit;text-align:right}
.theme-opt.on{border-color:var(--t-accent);box-shadow:0 0 0 3px rgba(var(--t-focus),.16)}
.theme-dot{width:40px;height:40px;border-radius:12px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.theme-opt small{display:block;font-weight:600;color:#8a8399;font-size:11px;margin-top:2px}
body.dark-mode .theme-card{background:#16131f;color:#f2eff8}
body.dark-mode .theme-opt{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10)}
.theme-dot.t-smilesim{background:linear-gradient(135deg,#ff416c,#c42a8f 55%,#6a2bd9)}
.theme-dot.t-ocean{background:linear-gradient(135deg,#3b82f6,#2a5fd0 55%,#22b4d6)}
.theme-dot.t-graphite{background:linear-gradient(135deg,#1d1d1f,#86868b 55%,#0071e3)}
.theme-dot.t-canva{background:linear-gradient(135deg,#00c4cc,#3a6fe6 55%,#7d2ae8)}
.theme-dot.t-indigo{background:linear-gradient(135deg,#0a2540,#635bff 55%,#00d4ff)}
/* زر الألوان في الشريط العلوي: مساحة كافية لثلاثة أزرار على الجوال */
.theme-btn{display:inline-flex!important;align-items:center;justify-content:center;color:#fff!important}
@media(max-width:480px){
  header.top .top-side{gap:6px!important}
  header.top .header-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  header.top .brand,header.top .brand span{font-size:15.5px!important;letter-spacing:0!important}
  header.top .logout-text-btn{padding-inline:10px!important;font-size:12px!important}
}
.theme-card{max-height:88vh;overflow:auto}
.theme-sec{font-weight:900;font-size:14px;color:#6b6480;margin:14px 2px 8px}
body.dark-mode .theme-sec{color:#b9b2cc}
[data-push-slot] .push-box{margin:0}