/* Homdorong Settings Pro v1 — رتوش پنل تنظیمات: کشوی منو، پنجرهٔ پروفایل، پنجرهٔ ظاهر، صفحهٔ /settings
   فقط CSS (به‌علاوهٔ یک اسکریپت کوچک)؛ باید بعد از glass-pro بیاید. برگشت: خط link را حذف کنید. */
:root{--sp-teal:#1fa392;--sp-teal-d:#0f6b61;--sp-brass:#f0cd7a;--sp-glass:rgba(7,28,30,.8);--sp-edge:rgba(255,255,255,.14)}

/* ============ ۱) کشوی منو (دکمهٔ همبرگر / تب تنظیمات) ============ */
/* JS (hamdrang-settings-pro.js) کشو را با data-hd-drawer علامت می‌زند؛ خود کشو و ردیف‌های تزریق‌شده را مرتب و یکدست می‌کند */
html body [data-hd-drawer]{
 width:min(88vw,330px)!important;background:var(--sp-glass)!important;color:#fff;
 -webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);
 border-inline-start:1px solid var(--sp-edge);box-shadow:-18px 0 50px -12px rgba(0,0,0,.55)!important;
 z-index:4000!important;animation:sp-slide .24s cubic-bezier(.2,.8,.2,1);overflow:hidden;
}
@keyframes sp-slide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
html body .hd-sp-scrim{background:rgba(3,14,16,.58)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3999!important}
/* سربرگ */
html body [data-hd-drawer]>div:first-child{
 flex:none;background:linear-gradient(150deg,rgba(31,163,146,.6),rgba(10,70,66,.85))!important;padding:calc(24px + env(safe-area-inset-top)) 22px 18px!important;
 border-bottom:1px solid var(--sp-edge)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
html body [data-hd-drawer]>div:first-child>button{color:#fff!important;width:36px;height:36px;border-radius:50%!important;background:rgba(255,255,255,.16)!important;display:grid;place-items:center;left:14px!important;top:calc(14px + env(safe-area-inset-top))!important}
html body [data-hd-drawer]>div:first-child>button:hover{background:rgba(255,255,255,.28)!important}
html body [data-hd-drawer]>div:first-child>div:nth-of-type(1){
 width:70px!important;height:70px!important;border:3px solid rgba(255,255,255,.55)!important;box-shadow:0 8px 20px -8px rgba(0,0,0,.6);overflow:hidden;
 background:linear-gradient(145deg,var(--sp-teal),var(--sp-teal-d))!important;
}
html body [data-hd-drawer]>div:first-child h2{font-size:19px!important;font-weight:800;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}
html body [data-hd-drawer]>div:first-child p{color:rgba(255,255,255,.9)!important;font-size:13px!important;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;margin-top:2px!important}
/* فهرست: ستون flex با ترتیب (order) و تیتر بخش‌ها */
html body [data-hd-drawer]>div:nth-child(2){flex:1;min-height:0;display:flex!important;flex-direction:column;padding:6px 10px 10px!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
html body [data-hd-drawer] .hd-sp-h{margin:16px 6px 6px;font-size:11.5px;font-weight:800;letter-spacing:0;color:var(--sp-brass);opacity:.95}
/* ردیف‌های ساده (React + اسکریپت‌ها) */
html body [data-hd-drawer]>div:nth-child(2)>button,html body [data-hd-drawer]>button#hd29-menuitem{
 display:flex!important;align-items:center;gap:13px!important;padding:9px 10px!important;margin:2px 0!important;width:100%;border:0!important;border-radius:14px!important;
 background:transparent!important;color:#f2faf8!important;font:600 15px/1.5 inherit!important;text-align:start!important;direction:rtl;transition:background .15s,transform .1s;cursor:pointer;
}
html body [data-hd-drawer]>div:nth-child(2)>button:hover,html body [data-hd-drawer]>button#hd29-menuitem:hover{background:rgba(255,255,255,.12)!important}
html body [data-hd-drawer]>div:nth-child(2)>button:active{transform:scale(.98)}
html body [data-hd-drawer] button>svg{width:38px!important;height:38px!important;padding:9px;border-radius:12px;flex:none;box-sizing:border-box;background:rgba(31,163,146,.22);color:#8ae8d8;border:1px solid rgba(255,255,255,.1)}
html body [data-hd-drawer] button strong{font-size:15px;font-weight:700;color:#f6fbfa}
html body [data-hd-drawer] button small{font-size:11.5px!important;color:#b9d3ce!important;font-weight:500}
html body [data-hd-drawer] button[style*="var(--danger)"]{color:#ff9aa5!important}
html body [data-hd-drawer] button[style*="var(--danger)"]>svg{background:rgba(255,120,135,.16);color:#ff9aa5}
/* آیکون ردیف‌های تزریق‌شده */
html body [data-hd-drawer]>div:nth-child(2)>button[id^="hd1"]::before,html body [data-hd-drawer]>div:nth-child(2)>button#hd23-call-check::before,html body [data-hd-drawer]>button#hd29-menuitem::before{
 content:"";width:38px;height:38px;border-radius:12px;flex:none;border:1px solid rgba(255,255,255,.1);
 background-color:rgba(31,163,146,.22);background-repeat:no-repeat;background-position:center;background-size:20px;
}
html body [data-hd-drawer] #hd14-settings-entry::before{display:none}
html body [data-hd-drawer] #hd16-storage::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ae8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%225%22%20rx%3D%229%22%20ry%3D%223%22/%3E%3Cpath%20d%3D%22M3%205v14a9%203%200%200%200%2018%200V5%22/%3E%3Cpath%20d%3D%22M3%2012a9%203%200%200%200%2018%200%22/%3E%3C/svg%3E"),none}
html body [data-hd-drawer] #hd16-install::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ae8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5%22/%3E%3Cpath%20d%3D%22M12%2015V3%22/%3E%3C/svg%3E"),none}
html body [data-hd-drawer] #hd16-about::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ae8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M12%2016v-4M12%208h.01%22/%3E%3C/svg%3E"),none}
html body [data-hd-drawer] #hd17-diagnostics::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ae8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-4l-3%209L9%203l-3%209H2%22/%3E%3C/svg%3E"),none}
html body [data-hd-drawer] #hd17-backup::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ae8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%208v13H3V8%22/%3E%3Cpath%20d%3D%22M1%203h22v5H1z%22/%3E%3Cpath%20d%3D%22M10%2012h4%22/%3E%3C/svg%3E"),none}
html body [data-hd-drawer] #hd18-restore-settings::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ae8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%204v6h6%22/%3E%3Cpath%20d%3D%22M3.51%2015a9%209%200%201%200%202.13-9.36L1%2010%22/%3E%3C/svg%3E"),none}
html body [data-hd-drawer] #hd23-call-check::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ae8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6A19.79%2019.79%200%200%201%202.12%204.18%202%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.91.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z%22/%3E%3C/svg%3E"),none}
html body [data-hd-drawer] #hd29-menuitem::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ae8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.55a11%2011%200%200%201%2014.08%200%22/%3E%3Cpath%20d%3D%22M1.42%209a16%2016%200%200%201%2021.16%200%22/%3E%3Cpath%20d%3D%22M8.53%2016.11a6%206%200%200%201%206.95%200%22/%3E%3Cpath%20d%3D%22M12%2020h.01%22/%3E%3C/svg%3E"),none}

/* جستجوی منو */
html body [data-hd-drawer] #hd19-menu-search{padding:4px 2px 8px;order:0;display:grid;gap:6px}
html body [data-hd-drawer] #hd19-menu-search input{width:100%;box-sizing:border-box;min-height:44px;border-radius:14px;border:1px solid var(--sp-edge);background:rgba(255,255,255,.1);color:#fff;padding:0 14px;font:500 14px inherit}
html body [data-hd-drawer] #hd19-menu-search input::placeholder{color:#b9d3ce}
html body [data-hd-drawer] #hd19-menu-search input:focus{outline:0;border-color:var(--sp-brass);box-shadow:0 0 0 3px rgba(240,205,122,.18)}
html body [data-hd-drawer] .hd19-count{font-size:11.5px;color:#b9d3ce;padding:0 4px}
html body [data-hd-drawer] .hd19-clear{justify-self:start;border:0;background:none;color:var(--sp-brass);font:700 12px inherit;cursor:pointer;padding:2px 4px}
/* اندازهٔ نوشته */
html body [data-hd-drawer] #hd21-text-size-control{padding:2px 2px 6px}
html body [data-hd-drawer] #hd21-text-size-control .hd21-title{font-size:13px;font-weight:700;color:#e4f1ee;margin:4px 4px 8px}
html body [data-hd-drawer] #hd21-text-size-control .hd21-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid var(--sp-edge)}
html body [data-hd-drawer] #hd21-text-size-control button{border:0!important;border-radius:10px!important;background:transparent!important;color:#e4f1ee!important;font:600 13px inherit!important;min-height:38px;cursor:pointer}
html body [data-hd-drawer] #hd21-text-size-control button[aria-pressed=true]{background:linear-gradient(145deg,var(--sp-teal),var(--sp-teal-d))!important;color:#fff!important;box-shadow:0 6px 14px -8px rgba(0,0,0,.7)}
/* کاهش حرکت: سوییچ */
html body [data-hd-drawer] #hd20-motion-toggle{padding:10px!important;margin:2px 0!important;border:0!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;color:#f2faf8!important;font:600 14px inherit!important}
html body [data-hd-drawer] #hd20-motion-toggle span:last-child{min-width:52px;text-align:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:700}
html body [data-hd-drawer] #hd20-motion-toggle[aria-pressed=true] span:last-child{background:var(--sp-teal);color:#fff}
/* ابزارهای پیام‌رسان */
html body [data-hd-drawer] #hd-v7-settings-tools{display:flex!important;flex-wrap:wrap;gap:8px;padding:12px!important;margin:8px 0 2px!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important;border:1px solid var(--sp-edge)!important}
html body [data-hd-drawer] #hd-v7-settings-tools strong{flex:0 0 100%;font-size:12.5px;font-weight:800;color:var(--sp-brass)!important}
html body [data-hd-drawer] #hd-v7-settings-tools button{flex:1 1 130px;min-height:42px;border-radius:12px!important;border:1px solid var(--sp-edge)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font:700 13px inherit!important;cursor:pointer}
html body [data-hd-drawer] #hd-v7-settings-tools button:hover{background:rgba(255,255,255,.18)!important}
/* زنگ تماس */
html body [data-hd-drawer] [data-hd31-ring]{display:flex!important;gap:8px;padding:6px 2px!important}
html body [data-hd-drawer] [data-hd31-ring] button{flex:1;min-height:42px;border-radius:12px!important;border:1px solid var(--sp-edge)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font:600 13px inherit!important;cursor:pointer}
/* پایین کشو: خروج + آزمون شبکه */
html body [data-hd-drawer]>div:nth-child(3){flex:none;padding:8px 10px calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--sp-edge)!important}
html body [data-hd-drawer]>div:nth-child(3) button{display:flex!important;align-items:center;gap:13px;width:100%;padding:9px 10px;border:0;border-radius:14px;background:rgba(255,120,135,.1);font:700 15px inherit;cursor:pointer;text-align:start!important}
html body [data-hd-drawer]>button#hd29-menuitem{flex:none;width:calc(100% - 20px)!important;margin:0 10px 12px!important;color:#cfe6e2!important;font-size:13.5px!important}

/* ============ ۲) پنجره‌های پروفایل / ظاهر ============ */
/* پنجره باید بالاتر از نوار پایین بنشیند تا دکمهٔ ذخیره زیرش نماند */
html body .modal-backdrop{z-index:3000!important;align-items:center}
html body:has(.modal-backdrop) div[style*="border-radius: 24px"][style*="z-index: 50"],
html body:has(.modal-backdrop) #hd-jalali-date,
html body:has(#hd52-dialog:not([hidden])) #hd-jalali-date{display:none!important}
html body .profile-card{
 padding:22px 20px calc(20px + env(safe-area-inset-bottom))!important;border-radius:26px!important;width:min(100%,440px);
 box-shadow:0 30px 70px -20px rgba(0,0,0,.6)!important;scroll-padding-top:12px;
}
html body .profile-card .modal-close{
 position:absolute;top:14px;left:14px;right:auto;inset-inline-start:auto;width:38px;height:38px;border-radius:50%!important;display:grid;place-items:center;
 background:var(--panel-2,#f1f4f3)!important;color:var(--muted,#667781)!important;border:0!important;z-index:2;
}
html body .profile-card .modal-close:hover{background:color-mix(in srgb,var(--sp-teal) 14%,var(--panel-2,#f1f4f3))!important;color:var(--text)!important}
html body .profile-card .eyebrow{font-size:12px;font-weight:800;color:var(--sp-teal-d,#0f6b61)!important;margin:2px 0 0!important}
html body .profile-card h2{font-size:23px!important;font-weight:800;margin:2px 0 6px!important}
/* بخش‌ها: کارت‌های ملایم */
html body .profile-card .hd-theme-switch{
 margin:12px 0 4px!important;padding:14px!important;border-radius:18px;background:var(--panel-2,#f4f7f5);border:1px solid var(--line,#dce6e0);
}
html body .profile-card .hd-theme-switch .seg{background:var(--panel,#fff)!important;border-radius:14px!important}
html body .profile-card .hd-theme-switch button[aria-checked=true]{
 background:linear-gradient(145deg,var(--sp-teal),var(--sp-teal-d))!important;color:#fff!important;box-shadow:0 6px 14px -8px rgba(15,107,97,.9)!important;
}
html body .profile-card .modal-label{display:grid;gap:7px;font-size:13px;font-weight:700;color:var(--muted,#667781);margin-top:14px}
html body .profile-card .modal-label input{
 min-height:50px;border-radius:14px!important;border:1px solid var(--line,#dce6e0)!important;background:var(--panel-2,#f7faf8)!important;color:var(--text)!important;
 padding:0 14px!important;font-size:15.5px;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s;
}
html body .profile-card .modal-label input:focus{border-color:var(--sp-teal)!important;background:var(--panel,#fff)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sp-teal) 18%,transparent)!important;outline:0}
html body .profile-card p.tiny.muted{
 display:flex;align-items:center;gap:8px;margin:12px 0 4px!important;padding:10px 12px;border-radius:12px;background:var(--panel-2,#f4f7f5);
 direction:ltr;justify-content:flex-end;font-size:13px;color:var(--muted,#667781)!important;overflow-wrap:anywhere;
}
html body .profile-card p.tiny.muted::after{content:"✉";font-size:15px;opacity:.7;order:2}
html body .profile-card .alert.error{border-radius:12px;margin:10px 0 0}
html body .profile-card .primary.full{
 min-height:52px;border-radius:15px!important;font-size:16px;font-weight:800;margin-top:14px;
 background:linear-gradient(145deg,var(--sp-teal),var(--sp-teal-d))!important;box-shadow:0 12px 24px -14px rgba(15,107,97,.95)!important;color:#fff!important;border:0!important;
}
html body .profile-card .primary.full:disabled{opacity:.5;box-shadow:none!important}
/* پنجرهٔ «ظاهر برنامه» */
html body #hd52-dialog{z-index:5000!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html body #hd52-dialog .card{border-radius:24px!important;padding:20px!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.6)}
html body #hd52-dialog .hd-theme-switch{padding:0}
html body #hd52-dialog .hd-theme-switch .seg{background:var(--panel-2,#f4f7f5)!important;border-radius:14px!important}
html body #hd52-dialog .hd-theme-switch button[aria-checked=true]{background:linear-gradient(145deg,var(--sp-teal),var(--sp-teal-d))!important;color:#fff!important}
html body #hd52-dialog .x{border-radius:50%!important;width:38px;height:38px;padding:0!important;display:grid;place-items:center}
/* پنجره‌های منوی v16/v18 (تشخیص، پشتیبان و…) */
html body #hd16-dialog,html body #hd18-restore-dialog{z-index:5000!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html body #hd16-dialog .hd16-card,html body #hd18-restore-dialog .hd18-card{border-radius:24px!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.6)}

/* ============ ۳) صفحهٔ /settings («تنظیمات حساب») ============ */
html body main[style*="min-height: 100vh"][style*="padding: 20px"]{
 background:
  radial-gradient(520px 420px at 100% 0%,rgba(31,163,146,.22),transparent 70%),
  radial-gradient(460px 460px at 0% 100%,rgba(214,178,94,.16),transparent 70%),
  var(--panel-2,#eef2f0)!important;
}
html body main[style*="min-height: 100vh"]>div>div[style*="border-radius: 20px"]{
 border:1px solid var(--line,#dce6e0);border-radius:22px!important;box-shadow:0 14px 34px -22px rgba(10,40,38,.5)!important;
}
html body main[style*="min-height: 100vh"] h1{font-size:23px!important;font-weight:800!important}
html body main[style*="min-height: 100vh"] input[type=text]{min-height:50px;border-radius:14px!important;background:var(--panel-2,#f7faf8);color:var(--text);font-family:inherit}
html body main[style*="min-height: 100vh"] input[type=text]:focus{outline:0;border-color:var(--sp-teal)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sp-teal) 18%,transparent)}
html body main[style*="min-height: 100vh"] button[style*="background: var(--accent)"],
html body main[style*="min-height: 100vh"] label[style*="background: var(--accent)"]{background:linear-gradient(145deg,var(--sp-teal),var(--sp-teal-d))!important;box-shadow:0 10px 22px -14px rgba(15,107,97,.95)}
html body main[style*="min-height: 100vh"] button[style*="var(--danger)"]{border-radius:16px!important}

@media (prefers-reduced-motion:reduce){html body [data-hd-drawer]{animation:none}}

html body [data-hd-drawer]>div:nth-child(2)>button.hd-sp-hide,html body [data-hd-drawer]>div:nth-child(2)>.hd-sp-h[style*="display: none"]{display:none!important}

/* ---- اصلاحات تکمیلی: تم روشن و تیره ---- */
:root{--sp-glass:rgba(7,28,30,.93)}
html body [data-hd-drawer] #hd19-menu-search{background:transparent!important;border:0!important;box-shadow:none!important;color:#b9d3ce!important}
html body [data-hd-drawer] #hd19-menu-search .hd19-count{color:#b9d3ce!important}
[data-theme=dark] html body .profile-card .eyebrow,html body[data-theme=dark] .profile-card .eyebrow{color:#5fe0cc!important}
[data-theme=dark] .profile-card .eyebrow{color:#5fe0cc!important}
[data-theme=dark] .hd-pp-link{color:#5fe0cc!important}
[data-theme=dark] .profile-card .modal-close{background:rgba(255,255,255,.1)!important;color:#e6f2ef!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .profile-card .eyebrow{color:#5fe0cc!important}:root:not([data-theme=light]) .hd-pp-link{color:#5fe0cc!important}}
/* Homdorong Light Fix v1 — حالت روشن واقعاً روشن باشد.
   فقط وقتی فعال است که ظاهر «روشن» انتخاب شده یا «خودکار» و دستگاه در حالت روشن است. حالت تیره دست‌نخورده می‌ماند.
   باید آخرین CSS در index.html باشد. برگشت: خط link را حذف کنید. */

/* ---- متغیرها ---- */
html[data-theme=light]{
 --gl-bg-a:#f4faf8;--gl-bg-b:#e4f1ee;
 --gl-panel:rgba(255,255,255,.78);
 --gl-fill:rgba(255,255,255,.82);--gl-fill-hover:#ffffff;--gl-fill-active:#ffffff;
 --gl-edge:rgba(12,111,99,.22);--gl-edge-soft:rgba(12,111,99,.13);
 --gl-shine:inset 0 1px 0 rgba(255,255,255,.95);
 --gl-ink:#0f2a26;--gl-muted:#4a6762;
 --pl-brass:#9a6f0a;--sp-brass:#9a6f0a;
 --hp-side:#f1f7f5;--hp-side-ink:#0f2a26;--hp-side-muted:#4a6762;
 --hp-side-line:rgba(12,111,99,.15);--hp-side-hover:rgba(12,111,99,.07);--hp-side-active:rgba(12,111,99,.12);
 --sp-glass:rgba(250,253,252,.96);--sp-edge:rgba(12,111,99,.2);
}
/* ---- تالار گفتگو ---- */
html[data-theme=light] body .app-shell{
 background:
  radial-gradient(520px 420px at 100% 0%,rgba(31,174,150,.20),transparent 70%),
  radial-gradient(460px 460px at 90% 100%,rgba(201,163,79,.16),transparent 70%),
  linear-gradient(160deg,var(--gl-bg-a),var(--gl-bg-b))!important}
html[data-theme=light] body .sidebar{background:var(--gl-panel)!important;color:var(--gl-ink)!important}
html[data-theme=light] body .sidebar-header{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.55))!important}
html[data-theme=light] body .conversation-item{background:#ffffff!important;box-shadow:0 1px 2px rgba(15,42,38,.06)!important}
html[data-theme=light] body .conversation-item:hover{background:#f3faf8!important}
html[data-theme=light] body .conversation-item.active{
 background:linear-gradient(120deg,rgba(31,163,146,.20),rgba(255,255,255,.9))!important;
 border-color:rgba(31,163,146,.6)!important}
html[data-theme=light] body .conversation-item .row-top strong{color:var(--gl-ink)!important;text-shadow:none!important}
html[data-theme=light] body .conversation-item .avatar{box-shadow:0 0 0 2px #fff,0 4px 10px -4px rgba(15,42,38,.35)!important}
html[data-theme=light] body .hd2-tile{background:#ffffff!important;box-shadow:0 1px 2px rgba(15,42,38,.06)!important}
html[data-theme=light] body .hd2-tile.on{background:rgba(31,163,146,.16)!important}
html[data-theme=light] body .hd2-tile.on .hd2-ic{color:#0c6f63}
html[data-theme=light] body #hd-v12-search-toggle{background:rgba(31,163,146,.16)!important;color:#0c5a50!important}
html[data-theme=light] body #hd-jalali-date{background:#ffffff!important}
html[data-theme=light] body .sidebar .search-box input{color:var(--gl-ink)!important}
/* نوار پایین */
html[data-theme=light] body div[style*="border-radius: 24px"][style*="z-index: 50"]{
 background:rgba(255,255,255,.92)!important;border:1px solid var(--gl-edge)!important;
 box-shadow:0 10px 28px -12px rgba(15,42,38,.3)!important}
html[data-theme=light] body div[style*="border-radius: 24px"][style*="z-index: 50"] button{color:#5b7772!important}
html[data-theme=light] body div[style*="border-radius: 24px"][style*="z-index: 50"] button[style*="var(--accent)"],
html[data-theme=light] body div[style*="border-radius: 24px"][style*="z-index: 50"] button[style*="#10b981"]{color:#0c6f63!important}
html[data-theme=light] body .fab-menu{background:rgba(255,255,255,.96)!important;box-shadow:0 14px 34px -12px rgba(15,42,38,.35)!important}
/* ---- کشوی منو ---- */
html[data-theme=light] body [data-hd-drawer]{background:var(--sp-glass)!important;color:#0f2a26!important;box-shadow:-14px 0 40px -14px rgba(15,42,38,.35)!important}
html[data-theme=light] body .hd-sp-scrim{background:rgba(15,42,38,.38)!important}
html[data-theme=light] body [data-hd-drawer]>div:first-child{background:linear-gradient(150deg,#1fa392,#0e7a68)!important}
html[data-theme=light] body [data-hd-drawer]>div:nth-child(2)>button,
html[data-theme=light] body [data-hd-drawer]>button#hd29-menuitem{color:#0f2a26!important}
html[data-theme=light] body [data-hd-drawer]>div:nth-child(2)>button:hover,
html[data-theme=light] body [data-hd-drawer]>button#hd29-menuitem:hover{background:rgba(12,111,99,.09)!important}
html[data-theme=light] body [data-hd-drawer] button>svg{background:#0f7a6b;color:#d9fff7;border-color:transparent}
html[data-theme=light] body [data-hd-drawer]>div:nth-child(2)>button[id^="hd1"]::before,
html[data-theme=light] body [data-hd-drawer]>div:nth-child(2)>button#hd23-call-check::before,
html[data-theme=light] body [data-hd-drawer]>button#hd29-menuitem::before{background-color:#0f7a6b;border-color:transparent}
html[data-theme=light] body [data-hd-drawer] button strong{color:#0f2a26}
html[data-theme=light] body [data-hd-drawer] button small{color:#4a6762!important}
html[data-theme=light] body [data-hd-drawer] button[style*="var(--danger)"]{color:#c62839!important}
html[data-theme=light] body [data-hd-drawer] button[style*="var(--danger)"]>svg{background:#c62839;color:#fff}
html[data-theme=light] body [data-hd-drawer] #hd19-menu-search input{background:#ffffff;color:#0f2a26;border-color:rgba(12,111,99,.25)}
html[data-theme=light] body [data-hd-drawer] #hd19-menu-search input::placeholder{color:#5b7772}
html[data-theme=light] body [data-hd-drawer] #hd19-menu-search small{color:#4a6762!important}

/* خودکار + دستگاه روشن */
@media (prefers-color-scheme:light){

/* ---- متغیرها ---- */
html:not([data-theme]){
 --gl-bg-a:#f4faf8;--gl-bg-b:#e4f1ee;
 --gl-panel:rgba(255,255,255,.78);
 --gl-fill:rgba(255,255,255,.82);--gl-fill-hover:#ffffff;--gl-fill-active:#ffffff;
 --gl-edge:rgba(12,111,99,.22);--gl-edge-soft:rgba(12,111,99,.13);
 --gl-shine:inset 0 1px 0 rgba(255,255,255,.95);
 --gl-ink:#0f2a26;--gl-muted:#4a6762;
 --pl-brass:#9a6f0a;--sp-brass:#9a6f0a;
 --hp-side:#f1f7f5;--hp-side-ink:#0f2a26;--hp-side-muted:#4a6762;
 --hp-side-line:rgba(12,111,99,.15);--hp-side-hover:rgba(12,111,99,.07);--hp-side-active:rgba(12,111,99,.12);
 --sp-glass:rgba(250,253,252,.96);--sp-edge:rgba(12,111,99,.2);
}
/* ---- تالار گفتگو ---- */
html:not([data-theme]) body .app-shell{
 background:
  radial-gradient(520px 420px at 100% 0%,rgba(31,174,150,.20),transparent 70%),
  radial-gradient(460px 460px at 90% 100%,rgba(201,163,79,.16),transparent 70%),
  linear-gradient(160deg,var(--gl-bg-a),var(--gl-bg-b))!important}
html:not([data-theme]) body .sidebar{background:var(--gl-panel)!important;color:var(--gl-ink)!important}
html:not([data-theme]) body .sidebar-header{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.55))!important}
html:not([data-theme]) body .conversation-item{background:#ffffff!important;box-shadow:0 1px 2px rgba(15,42,38,.06)!important}
html:not([data-theme]) body .conversation-item:hover{background:#f3faf8!important}
html:not([data-theme]) body .conversation-item.active{
 background:linear-gradient(120deg,rgba(31,163,146,.20),rgba(255,255,255,.9))!important;
 border-color:rgba(31,163,146,.6)!important}
html:not([data-theme]) body .conversation-item .row-top strong{color:var(--gl-ink)!important;text-shadow:none!important}
html:not([data-theme]) body .conversation-item .avatar{box-shadow:0 0 0 2px #fff,0 4px 10px -4px rgba(15,42,38,.35)!important}
html:not([data-theme]) body .hd2-tile{background:#ffffff!important;box-shadow:0 1px 2px rgba(15,42,38,.06)!important}
html:not([data-theme]) body .hd2-tile.on{background:rgba(31,163,146,.16)!important}
html:not([data-theme]) body .hd2-tile.on .hd2-ic{color:#0c6f63}
html:not([data-theme]) body #hd-v12-search-toggle{background:rgba(31,163,146,.16)!important;color:#0c5a50!important}
html:not([data-theme]) body #hd-jalali-date{background:#ffffff!important}
html:not([data-theme]) body .sidebar .search-box input{color:var(--gl-ink)!important}
/* نوار پایین */
html:not([data-theme]) body div[style*="border-radius: 24px"][style*="z-index: 50"]{
 background:rgba(255,255,255,.92)!important;border:1px solid var(--gl-edge)!important;
 box-shadow:0 10px 28px -12px rgba(15,42,38,.3)!important}
html:not([data-theme]) body div[style*="border-radius: 24px"][style*="z-index: 50"] button{color:#5b7772!important}
html:not([data-theme]) body div[style*="border-radius: 24px"][style*="z-index: 50"] button[style*="var(--accent)"],
html:not([data-theme]) body div[style*="border-radius: 24px"][style*="z-index: 50"] button[style*="#10b981"]{color:#0c6f63!important}
html:not([data-theme]) body .fab-menu{background:rgba(255,255,255,.96)!important;box-shadow:0 14px 34px -12px rgba(15,42,38,.35)!important}
/* ---- کشوی منو ---- */
html:not([data-theme]) body [data-hd-drawer]{background:var(--sp-glass)!important;color:#0f2a26!important;box-shadow:-14px 0 40px -14px rgba(15,42,38,.35)!important}
html:not([data-theme]) body .hd-sp-scrim{background:rgba(15,42,38,.38)!important}
html:not([data-theme]) body [data-hd-drawer]>div:first-child{background:linear-gradient(150deg,#1fa392,#0e7a68)!important}
html:not([data-theme]) body [data-hd-drawer]>div:nth-child(2)>button,
html:not([data-theme]) body [data-hd-drawer]>button#hd29-menuitem{color:#0f2a26!important}
html:not([data-theme]) body [data-hd-drawer]>div:nth-child(2)>button:hover,
html:not([data-theme]) body [data-hd-drawer]>button#hd29-menuitem:hover{background:rgba(12,111,99,.09)!important}
html:not([data-theme]) body [data-hd-drawer] button>svg{background:#0f7a6b;color:#d9fff7;border-color:transparent}
html:not([data-theme]) body [data-hd-drawer]>div:nth-child(2)>button[id^="hd1"]::before,
html:not([data-theme]) body [data-hd-drawer]>div:nth-child(2)>button#hd23-call-check::before,
html:not([data-theme]) body [data-hd-drawer]>button#hd29-menuitem::before{background-color:#0f7a6b;border-color:transparent}
html:not([data-theme]) body [data-hd-drawer] button strong{color:#0f2a26}
html:not([data-theme]) body [data-hd-drawer] button small{color:#4a6762!important}
html:not([data-theme]) body [data-hd-drawer] button[style*="var(--danger)"]{color:#c62839!important}
html:not([data-theme]) body [data-hd-drawer] button[style*="var(--danger)"]>svg{background:#c62839;color:#fff}
html:not([data-theme]) body [data-hd-drawer] #hd19-menu-search input{background:#ffffff;color:#0f2a26;border-color:rgba(12,111,99,.25)}
html:not([data-theme]) body [data-hd-drawer] #hd19-menu-search input::placeholder{color:#5b7772}
html:not([data-theme]) body [data-hd-drawer] #hd19-menu-search small{color:#4a6762!important}

}