/* ==========================================================
   FACTOFFERS LIGHT — LAST 3 SAFE FIXES
   CSS ONLY
   1) Today income borders
   2) Renew + Portfolio quick cards
   3) Real .fo-cmd-nav light dock
   ========================================================== */


/* ==========================================================
   1) درآمد امروز
   فقط واضح‌تر شدن کادرها
   ========================================================== */

html body.light .fo-inc,
html body.fo-light .fo-inc{
  border:1px solid #c6d1de !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.9),
    0 7px 20px rgba(31,48,72,.055) !important;
}


/* باکس اصلی مبلغ */
html body.light .fo-inc div:has(> #fo-inc-total),
html body.fo-light .fo-inc div:has(> #fo-inc-total){
  background:#fbfcfe !important;
  border:1px solid #d1dae5 !important;
  box-shadow:inset 0 1px 0 #fff !important;
}


/* سه خانه دایان / می‌مارکت / پرتفوی */
html body.light .fo-inc div:has(> #fo-inc-d),
html body.light .fo-inc div:has(> #fo-inc-m),
html body.light .fo-inc div:has(> #fo-inc-p),
html body.fo-light .fo-inc div:has(> #fo-inc-d),
html body.fo-light .fo-inc div:has(> #fo-inc-m),
html body.fo-light .fo-inc div:has(> #fo-inc-p){
  background:#ffffff !important;
  border:1px solid #d6dee8 !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 2px 6px rgba(31,48,72,.025) !important;
  box-sizing:border-box !important;
}


/* مقادیر و عنوان‌ها کاملاً واضح */
html body.light #fo-inc-d,
html body.light #fo-inc-m,
html body.light #fo-inc-p,
html body.fo-light #fo-inc-d,
html body.fo-light #fo-inc-m,
html body.fo-light #fo-inc-p{
  opacity:1 !important;
}

html body.light #fo-inc-note,
html body.fo-light #fo-inc-note{
  color:#68798e !important;
  opacity:1 !important;
}


/* ==========================================================
   2) تمدید + پرتفوی
   ظاهر دقیقاً روشن مثل کارت‌های دسترسی سریع
   بدون تغییر سایز یا محل
   ========================================================== */

html body.light #fo-command-v2 #fo-cmd-quick #fo-mm-session-btn,
html body.fo-light #fo-command-v2 #fo-cmd-quick #fo-mm-session-btn,
html body.light #fo-mm-session-btn,
html body.fo-light #fo-mm-session-btn{
  background:#ffffff !important;
  background-image:none !important;
  color:#26384f !important;

  border:1px solid #ccd6e1 !important;

  box-shadow:
    0 7px 18px rgba(35,52,78,.065),
    inset 0 1px 0 #ffffff !important;
}


/* آیکن تمدید */
html body.light #fo-mm-session-btn > div:first-child,
html body.fo-light #fo-mm-session-btn > div:first-child{
  background:#f4f6f9 !important;
  background-image:none !important;
  border:1px solid #d4dde7 !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 3px 10px rgba(35,52,78,.04) !important;
}


/* نوشته تمدید */
html body.light #fo-mm-session-btn > div:not(:first-child),
html body.fo-light #fo-mm-session-btn > div:not(:first-child){
  color:#26384f !important;
  opacity:1 !important;
}


/* پرتفوی */
html body.light #fo-command-v2 #fo-cmd-quick #fo-easy-portfolio-quick-btn,
html body.fo-light #fo-command-v2 #fo-cmd-quick #fo-easy-portfolio-quick-btn,
html body.light #fo-easy-portfolio-quick-btn,
html body.fo-light #fo-easy-portfolio-quick-btn{
  background:#ffffff !important;
  background-image:none !important;
  color:#26384f !important;

  border:1px solid #ccd6e1 !important;

  box-shadow:
    0 7px 18px rgba(35,52,78,.065),
    inset 0 1px 0 #ffffff !important;
}


/* آیکن پرتفوی */
html body.light #fo-easy-portfolio-quick-btn .ce,
html body.fo-light #fo-easy-portfolio-quick-btn .ce{
  background:#f4f6f9 !important;
  background-image:none !important;
  border:1px solid #d4dde7 !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 3px 10px rgba(35,52,78,.04) !important;
}


/* نوشته پرتفوی */
html body.light #fo-easy-portfolio-quick-btn .cn,
html body.fo-light #fo-easy-portfolio-quick-btn .cn{
  color:#26384f !important;
  opacity:1 !important;
}


/* ==========================================================
   3) منوی واقعی پایین
   .fo-cmd-nav
   فرم و ربات وسط دست‌نخورده می‌ماند
   ========================================================== */

html body.light #fo-command-v2 .fo-cmd-nav,
html body.fo-light #fo-command-v2 .fo-cmd-nav,
html body.light .fo-cmd-nav,
html body.fo-light .fo-cmd-nav{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.985),
      rgba(238,243,249,.975)
    ) !important;

  border:1px solid #c7d2df !important;

  box-shadow:
    0 14px 34px rgba(31,48,73,.16),
    inset 0 1px 0 rgba(255,255,255,1) !important;

  -webkit-backdrop-filter:blur(20px) saturate(1.15) !important;
  backdrop-filter:blur(20px) saturate(1.15) !important;
}


/*
  مهم‌ترین علت تیرگی:
  لایه تاریک ::before
*/
html body.light #fo-command-v2 .fo-cmd-nav::before,
html body.fo-light #fo-command-v2 .fo-cmd-nav::before,
html body.light .fo-cmd-nav::before,
html body.fo-light .fo-cmd-nav::before{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.74),
      rgba(240,244,249,.58)
    ) !important;

  border-color:rgba(255,255,255,.85) !important;
  box-shadow:none !important;
  opacity:1 !important;
}


/* دکمه‌های اطراف */
html body.light #fo-command-v2 .fo-cmd-nav button:not([data-cat="home"]),
html body.fo-light #fo-command-v2 .fo-cmd-nav button:not([data-cat="home"]){
  background:transparent !important;
  color:#52657c !important;
  box-shadow:none !important;
}


/*
  Rule قدیمی خط 23817 نوشته‌ها را روشن می‌کرد.
  این Rule عمداً specificity بیشتری دارد.
*/
html body.light #fo-command-v2 .fo-cmd-nav button:not([data-cat="home"]) span,
html body.fo-light #fo-command-v2 .fo-cmd-nav button:not([data-cat="home"]) span{
  color:#596b81 !important;
  opacity:1 !important;
}


/* آیکن‌های رنگی بمانند ولی سایه سیاه حذف شود */
html body.light #fo-command-v2 .fo-cmd-nav button:not([data-cat="home"]) b,
html body.fo-light #fo-command-v2 .fo-cmd-nav button:not([data-cat="home"]) b{
  filter:none !important;
}


/* دکمه فعال غیر از ربات */
html body.light #fo-command-v2 .fo-cmd-nav button.active:not([data-cat="home"]),
html body.fo-light #fo-command-v2 .fo-cmd-nav button.active:not([data-cat="home"]){
  background:#eee9fa !important;
  color:#6543a8 !important;
  box-shadow:none !important;
}

html body.light #fo-command-v2 .fo-cmd-nav button.active:not([data-cat="home"]) span,
html body.fo-light #fo-command-v2 .fo-cmd-nav button.active:not([data-cat="home"]) span{
  color:#6543a8 !important;
}


/*
  خانه/ربات وسط:
  هیچ background یا ابعادی تغییر نمی‌دهیم.
  فقط اجازه نمی‌دهیم Rule عمومی بالا رویش اثر بگذارد.
*/
html body.light #fo-command-v2 .fo-cmd-nav button[data-cat="home"],
html body.fo-light #fo-command-v2 .fo-cmd-nav button[data-cat="home"]{
  color:#ffffff !important;
}