/* =========================================================
   FACTOFFERS LIGHT — INCOME CARD BORDER FIX V1
   فقط کارت درآمد امروز
   ========================================================= */


/* کادر اصلی */
html body.light #fo-income-box.fo-inc,
html body.fo-light #fo-income-box.fo-inc{
  background:rgba(255,255,255,.58) !important;
  border:1.5px solid #c3cfdb !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 6px 18px rgba(51,65,85,.045) !important;
}


/* عنوان درآمد امروز */
html body.light #fo-income-box .fo-inc-h span,
html body.fo-light #fo-income-box .fo-inc-h span{
  color:#334155 !important;
  opacity:1 !important;
}


/* متن مقایسه */
html body.light #fo-income-box #fo-inc-note,
html body.fo-light #fo-income-box #fo-inc-note{
  color:#7c8ca3 !important;
  opacity:1 !important;
}


/* سه خانه دایان / می‌مارکت / پرتفوی */
html body.light #fo-income-box .fo-inc-row,
html body.fo-light #fo-income-box .fo-inc-row{
  gap:8px !important;
}

html body.light #fo-income-box .fo-inc-row > .fo-inc-p,
html body.fo-light #fo-income-box .fo-inc-row > .fo-inc-p{
  background:#f4f7fa !important;
  border:1px solid #d0dae4 !important;
  border-radius:13px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 2px 5px rgba(51,65,85,.025) !important;

  padding:9px 4px !important;
}


/* عنوان هر خانه */
html body.light #fo-income-box .fo-inc-p > b,
html body.fo-light #fo-income-box .fo-inc-p > b{
  color:#59697d !important;
  opacity:1 !important;
}


/* مقدار هر خانه */
html body.light #fo-income-box .fo-inc-p > u,
html body.fo-light #fo-income-box .fo-inc-p > u{
  opacity:1 !important;
}


/* صفر */
html body.light #fo-income-box .fo-inc-p > u.ze,
html body.fo-light #fo-income-box .fo-inc-p > u.ze{
  color:#8796aa !important;
}


/* مثبت */
html body.light #fo-income-box .fo-inc-p > u.up,
html body.fo-light #fo-income-box .fo-inc-p > u.up{
  color:#059669 !important;
}


/* منفی */
html body.light #fo-income-box .fo-inc-p > u.dn,
html body.fo-light #fo-income-box .fo-inc-p > u.dn{
  color:#e85d75 !important;
}


/* دکمه ثبت برداشت — مثل نسخه تاریک ولی Light */
html body.light #fo-income-box #fo-wd-btn,
html body.fo-light #fo-income-box #fo-wd-btn{
  width:100% !important;
  margin-top:9px !important;
  min-height:44px !important;

  background:#f4f7fa !important;
  background-image:none !important;

  border:1px solid #cbd6e1 !important;
  border-radius:13px !important;

  color:#334155 !important;
  opacity:1 !important;

  box-shadow:
    inset 0 1px 0 #ffffff,
    0 2px 5px rgba(51,65,85,.025) !important;

  font-family:inherit !important;
  font-weight:900 !important;
}


/* هنگام لمس فقط حس کلیک */
html body.light #fo-income-box #fo-wd-btn:active,
html body.fo-light #fo-income-box #fo-wd-btn:active{
  transform:scale(.985) !important;
  background:#eef3f7 !important;
}

/* FO_INCOME_OVERFLOW_REAL_FIX_V1 */
html body.light #fo-income-box .fo-inc-row,
html body.fo-light #fo-income-box .fo-inc-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  width:100% !important;
  max-width:100% !important;
}

html body.light #fo-income-box .fo-inc-row > .fo-inc-p,
html body.fo-light #fo-income-box .fo-inc-row > .fo-inc-p{
  min-width:0 !important;
  width:auto !important;
  max-width:100% !important;
  overflow:hidden !important;
  padding-left:2px !important;
  padding-right:2px !important;
}

html body.light #fo-income-box .fo-inc-p > u,
html body.fo-light #fo-income-box .fo-inc-p > u{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  white-space:nowrap !important;
  text-align:center !important;
  font-size:clamp(9px,2.7vw,11.5px) !important;
  letter-spacing:-.15px !important;
}
/* FO_INCOME_OVERFLOW_REAL_FIX_V1_END */
