/* ============ دکمه‌ی گرادیانتیِ هوش مصنوعی — مستقل از تم روز/شب ============
   هرجا تو سایت/داشبوردها یک اقدام مربوط به هوش مصنوعیه (تولید، تحلیل، دانلود
   حافظه‌ی AI و مشابه)، دکمه‌ی اصلی‌اش از همین کلاس استفاده می‌کنه — همون طیف
   هفت‌رنگی که آواتار آبتین/آنیل هم داره، این‌بار به‌عنوان گرادیانت در حال
   جریان روی خود دکمه. هدف اینه که چشم با دیدن این تونالیته فوری بفهمه
   «این دکمه مربوط به هوش مصنوعیه» — مستقل از تم روشن/تاریک، همیشه همین‌شکلیه. */
@keyframes ai-gradient-flow {
  0% { background-position:0% 50%; }
  50% { background-position:100% 50%; }
  100% { background-position:0% 50%; }
}
.btn-ai-gradient {
  background:linear-gradient(90deg, var(--c-red-09,#ff5f6d), var(--c-orange-05,#ffc371), var(--c-yellow-11,#ffe45e), var(--c-green-09,#47cf73), var(--c-sky-17,#38b6ff), var(--c-purple-03,#a66cff), var(--c-red-09,#ff5f6d));
  background-size:300% 100%;
  animation:ai-gradient-flow 6s ease-in-out infinite;
  color:var(--c-white,#fff); border:none; font-weight:800; cursor:pointer;
  box-shadow:0 6px 18px rgba(123,97,255,0.32);
  transition:filter .25s;
}
.btn-ai-gradient:hover:not(:disabled) { animation-duration:2.5s; filter:brightness(1.12); }
.btn-ai-gradient:disabled { opacity:.7; cursor:not-allowed; animation-play-state:paused; }
/* شمایل کوچیک گرد با همین گرادیانت — برای علامت‌گذاری آیتم‌های ناوبری/کارت‌های AI. */
.ai-gradient-icon {
  background:conic-gradient(from 0deg, var(--c-red-09,#ff5f6d), var(--c-orange-05,#ffc371), var(--c-yellow-11,#ffe45e), var(--c-green-09,#47cf73), var(--c-sky-17,#38b6ff), var(--c-purple-03,#a66cff), var(--c-red-09,#ff5f6d));
  animation:ai-gradient-flow 6s linear infinite;
}

/* ============ تم روز (روشن) — override مشترک همه‌ی صفحات سرمه‌ای ============
   theme.js روی <html> اتریبیوت data-theme="light|dark" می‌گذارد.
   این فایل فقط حالت روشن را تعریف می‌کند؛ حالت شب همان استایل اصلی هر صفحه است.
   نام متغیرها اجتماع همه‌ی صفحه‌هاست (استاندارد + نبض + حسابدار + پروژه‌ها + برنامه روزانه)؛
   هر صفحه فقط متغیرهای خودش را مصرف می‌کند و بقیه بی‌اثرند. */

html[data-theme="light"] {
  /* پالت استاندارد صفحات سایت/داشبوردها */
  --primary:var(--c-sky-30,#0f4c81);
  /* «متن روی رنگ اصلی» (دکمه/تب/چیپِ فعال که background:var(--primary) دارد):
     شب → primary سفید است و متن سرمه‌ای می‌خواهد؛ روز → primary سرمه‌ای است و متن سفید.
     صفحات به‌جای color:var(--c-sky-30,#0f4c81) هاردکد باید از var(--on-primary,#0F4C81) استفاده کنند
     (fallback همان رفتار شب است؛ این‌جا فقط نسخه‌ی روز تعریف می‌شود). */
  --on-primary:var(--c-white,#ffffff);
  /* قرمز خطا/الزامی: نسخه‌ی روشنِ مخصوص زمینه‌ی تیره (var(--c-red-08,#f87171)) روی سفید کم‌رنگ می‌شود */
  --danger:var(--c-red-14,#c2303c);
  --bg:var(--c-blue-06,#f1f4f9);
  --surface:var(--c-white,#ffffff);
  --border:rgba(15,42,68,0.14);
  --heading:var(--c-sky-33,#0f2a44);
  --body:var(--c-blue-28,#5b6b84);

  /* نبض مشاوران */
  --bg-panel:var(--c-white,#ffffff);
  --bg-input:var(--c-blue-08,#edf1f7);
  --bg-input-focus:#E4EBF5;
  --text:var(--c-blue-40,#1b2a44);
  --text-dim:var(--c-blue-28,#5b6b84);
  --text-faint:#8B98B0;
  --border-strong:rgba(15,42,68,0.24);
  --shadow:0 10px 30px rgba(15,42,68,0.10);

  /* سبز موفقیت: نسخه‌ی شب (var(--c-green-12,#22c55e)) روی سفید کم‌رنگ است */
  --success:var(--c-green-18,#15803d);

  /* حسابدار من + نبض مشاوران */
  --bg-soft:#EAEFF6;
  --accent-soft:var(--c-sky-24,#2e6da8);
  --income:#0E9F6E;
  --expense:var(--c-red-13,#dc2626);
  --bg-elevated:var(--c-white,#ffffff);
  --bg-elevated-2:var(--c-blue-06,#f1f4f9);
  --text-muted:var(--c-blue-28,#5b6b84);
  --accent-contrast:var(--c-white,#ffffff);

  /* پروژه‌های جاری */
  --surface-2:var(--c-blue-06,#f1f4f9);
  --field-bg:var(--c-blue-08,#edf1f7);
  --border-soft:rgba(15,42,68,0.10);

  /* برنامه روزانه */
  --surface-alt:var(--c-blue-06,#f1f4f9);
  --accent-soft-bg:rgba(15,76,129,.10);
}

/* قانون عمومی: در حالت روز، پس‌زمینه‌ی بدنه روشن می‌شود (روی هر صفحه‌ای که این فایل را لود کند) */
html[data-theme="light"] body { background:var(--bg); color:var(--heading, #1B2A44); }
/* در حالت روز، متن همه‌ی فیلدها تیره — خیلی از صفحات رنگ متن input را سفید هاردکد کرده‌اند */
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] select,
html[data-theme="light"] textarea { color:var(--c-blue-40,#1b2a44); }
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color:var(--c-blue-23,#6e7e99); }

/* عناصری که در استایل اصلی، متن/پس‌زمینه‌شان با فرض «primary سفید» هاردکد شده */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .pulse-submit,
html[data-theme="light"] .period-tab-btn.active,
html[data-theme="light"] .partner-share-link-row button,
html[data-theme="light"] .inv-goal-actions button.primary,
html[data-theme="light"] .toast {
  background:var(--c-sky-30,#0f4c81); color:var(--c-white,#ffffff); border-color:var(--c-sky-30,#0f4c81);
}
html[data-theme="light"] .btn-primary:hover { background:var(--c-sky-24,#2e6da8); color:var(--c-white,#fff); }
html[data-theme="light"] .sidebar-nav-item.active,
html[data-theme="light"] .dashboard-sidebar .sidebar-nav-item.active {
  background:var(--c-sky-30,#0f4c81); color:var(--c-white,#ffffff);
}
html[data-theme="light"] .sidebar-nav-item:hover { background:rgba(15,76,129,0.08); color:var(--c-sky-33,#0f2a44); }
html[data-theme="light"] .sidebar-group-header:hover { background:rgba(15,76,129,0.08); color:var(--c-sky-33,#0f2a44); }
html[data-theme="light"] .view-tab-btn.active { color:var(--c-sky-30,#0f4c81); border-bottom-color:var(--c-sky-30,#0f4c81); }
html[data-theme="light"] .sidebar-nav-item.view-tab-btn.active { color:var(--c-white,#ffffff); }
html[data-theme="light"] .sidebar-nav-item.active .tool-help { color:#BBD4EE; }
html[data-theme="light"] .nav-btn { color:rgba(15,42,68,0.55); }
html[data-theme="light"] .nav-btn.active { color:var(--c-sky-30,#0f4c81); }
html[data-theme="light"] .bottom-nav { background:var(--c-white,#ffffff); border-top-color:rgba(15,42,68,0.14); box-shadow:0 -4px 16px rgba(15,42,68,0.12); }
html[data-theme="light"] .admin-top-card .icon-wrap { background:rgba(15,76,129,0.10); }
html[data-theme="light"] .admin-top-card:hover { border-color:var(--c-sky-30,#0f4c81); box-shadow:0 12px 26px rgba(15,42,68,0.14); }
html[data-theme="light"] .tool-card:hover,
html[data-theme="light"] .big-card:hover { border-color:var(--c-sky-30,#0f4c81); }
html[data-theme="light"] .rank-num { background:rgba(15,76,129,0.10); }
html[data-theme="light"] .search-box,
html[data-theme="light"] .pulse-field input,
html[data-theme="light"] .pulse-field select,
html[data-theme="light"] #managerMsgInput {
  background:var(--c-blue-08,#edf1f7); color:var(--c-blue-40,#1b2a44); border-color:rgba(15,42,68,0.18);
}
html[data-theme="light"] .placeholder-box .title { color:var(--c-sky-33,#0f2a44); }
html[data-theme="light"] .placeholder-box .badge-soon,
html[data-theme="light"] .admin-top-card.soon .badge-soon { background:rgba(15,42,68,0.08); }
html[data-theme="light"] .status-chip.pending { background:rgba(180,120,0,0.12); }
html[data-theme="light"] header { background:var(--bg); }
html[data-theme="light"] .top-header { background:linear-gradient(135deg,var(--c-sky-30,#0f4c81) 0%,var(--c-sky-24,#2e6da8) 100%); color:var(--c-white,#fff); }
html[data-theme="light"] .login-card .field input { background:var(--c-white,#fff); color:var(--c-sky-33,#0f2a44); }
html[data-theme="light"] .login-error { background:rgba(214,69,80,0.10); color:#C22F3C; border-color:rgba(214,69,80,0.35); }
html[data-theme="light"] .chart-bars .bar span,
html[data-theme="light"] .chart-labels span { color:var(--c-blue-28,#5b6b84); }
html[data-theme="light"] .notif-switch-slider { background:rgba(15,42,68,0.14); }
html[data-theme="light"] .crm-modal-overlay { background:rgba(15,42,68,0.35); }
html[data-theme="light"] .stats-card,
html[data-theme="light"] .activity-log-row,
html[data-theme="light"] .staff-row, html[data-theme="light"] .member-row,
html[data-theme="light"] .applicant-row,
html[data-theme="light"] .archive-row,
html[data-theme="light"] .listing-owner-row,
html[data-theme="light"] .partner-office-row,
html[data-theme="light"] .pf-row,
html[data-theme="light"] .inv-goal-card,
html[data-theme="light"] .pos-asset-card,
html[data-theme="light"] .notif-queue-item,
html[data-theme="light"] .commission-row,
html[data-theme="light"] .rank-card,
html[data-theme="light"] .training-item,
html[data-theme="light"] .results-test-block { background:#F7F9FC; }
html[data-theme="light"] .rank-card.me { background:rgba(15,76,129,0.08); border-color:var(--c-sky-30,#0f4c81); }
/* هدر کارتی اپ نبض مشاوران (header.hero — با هیروی صفحه اصلی که section است فرق دارد) */
html[data-theme="light"] header.hero { background:linear-gradient(160deg, var(--c-white,#ffffff), #EDF2F9); }
html[data-theme="light"] header.hero h1 { color:var(--c-sky-33,#0f2a44); }
html[data-theme="light"] header.hero p { color:var(--c-blue-28,#5b6b84); }

/* ============ بازرسی سراسری خوانایی (۱۴۰۵/۶/۴) — متن‌ها در هر دو تم و همه‌ی حالت‌ها دیده شوند ============ */

/* منوی بازشوی selectها در «هر دو» تم: پاپ‌آپ سفید + متن تیره.
   قبلاً در شب چند صفحه optionها متن تیره روی زمینه‌ی تیره می‌گرفتند و در روز چند صفحه متن سفید روی سفید. */
select option { background:var(--c-white,#ffffff); color:var(--c-sky-33,#0f2a44); }
select option:disabled { color:#4A5A75; }

/* متن سفید روی دکمه/آیکون گرادیانت AI موقع عبور از رنگ‌های روشن طیف (زرد) گم می‌شد —
   سایه‌ی ملایم متن را روی همه‌ی رنگ‌های گرادیانت خوانا نگه می‌دارد (هر دو تم). */
.btn-ai-gradient, .ai-gradient-icon { text-shadow:0 1px 3px rgba(0,0,0,0.55); }

/* حالت شب: placeholderهایی که هیچ صفحه‌ای برایشان رنگ نگذاشته بود، با خاکستری پیش‌فرض مرورگر (#757575)
   روی input تیره تقریباً محو بودند. (صفحاتی که input روشن در شب دارند، override اختصاصی خودشان را دارند.) */
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color:var(--c-blue-15,#8fa1c0); }

/* حالت روز: کامپوننت‌های مشترکی که رنگ متن‌شان برای زمینه‌ی تیره هاردکد شده بود */
html[data-theme="light"] .btn-outline { color:var(--c-sky-30,#0f4c81); border-color:rgba(15,42,68,0.35); }
html[data-theme="light"] .btn-sm.ghost { color:var(--c-sky-33,#0f2a44); }
html[data-theme="light"] .tool-help { color:var(--c-sky-24,#2e6da8); opacity:.85; }
html[data-theme="light"] .sub-tab-btn.active { color:var(--c-sky-30,#0f4c81); border-bottom-color:var(--c-sky-30,#0f4c81); }
html[data-theme="light"] .crm-hub-back { color:var(--c-sky-30,#0f4c81); }
html[data-theme="light"] .training-body a.go { color:var(--c-sky-24,#2e6da8); }
/* تنها جایی که متن تیره روی var(--success) نشسته — با سبزِ تیره‌ترِ حالت روز، متن سفید لازم دارد */
html[data-theme="light"] .rp-btn-reward { color:var(--c-white,#ffffff); }
/* دکمه‌های گرادیانتی primary→accent: در روز گرادیانت از سرمه‌ای شروع می‌شود و متن باید سفیدِ تخت باشد */
html[data-theme="light"] .okr-btn-primary,
html[data-theme="light"] .prompt-modal-copy { background:var(--c-sky-30,#0f4c81); color:var(--c-white,#ffffff); }

/* حالت روز: فیلدهایی که پس‌زمینه‌ی نیمه‌شفافِ سفید (rgba(255,255,255,0.0x)) را inline دارند —
   در شب روی سرمه‌ای یک کادرِ محو می‌سازند، ولی در روز روی سفید هیچ کادری دیده نمی‌شد.
   (رنگِ متنِ inline #fff از همین تگ‌ها حذف شد؛ theme.css تعیین می‌کند.) */
html[data-theme="light"] input[style*="rgba(255,255,255,0.0"],
html[data-theme="light"] select[style*="rgba(255,255,255,0.0"],
html[data-theme="light"] textarea[style*="rgba(255,255,255,0.0"] {
  background-color:var(--c-blue-08,#edf1f7); color:var(--c-blue-40,#1b2a44); border-color:var(--c-sky-10,#cbd5e1);
}
/* حالت شب (و پیش‌فرضِ سرمه‌ایِ همه‌ی صفحه‌ها): همان فیلدها بدونِ رنگِ inline، رنگِ پیش‌فرضِ مرورگر (مشکی) می‌گرفتند */
input[style*="rgba(255,255,255,0.0"],
select[style*="rgba(255,255,255,0.0"],
textarea[style*="rgba(255,255,255,0.0"] { color:var(--c-white,#ffffff); }

/* قرمزِ خطا/الزامی در حالتِ شب: بعد از روشن‌ترشدنِ سطحِ کارت‌ها (--surface:#243157)
   قرمزِ تیره‌ی صفحه‌ها (#D64550/#C2303C) روی آن زیرِ کنتراستِ ۳ می‌رفت (ستاره‌ی
   «الزامی»، لینکِ خروج). این یک متغیرِ سراسری است، پس همین‌جا یک‌بار برای همه‌ی
   صفحه‌ها اصلاح می‌شود؛ حالتِ روز همان #C2303C بالا می‌ماند. */
html[data-theme="dark"] { --danger:var(--c-red-08,#f87171); }