/* ============================================================
   FACTOFFERS FINAL LIGHT PATCH
   فقط رنگ، خوانایی، حاشیه و سایه
   بدون تغییر Layout / Size / JS / API
   ============================================================ */

body.light,
body.fo-light{
  --fl-text:#25364d;
  --fl-text2:#5f7188;
  --fl-text3:#78889c;
  --fl-border:#cfd8e4;
  --fl-border-soft:#dce3eb;
  --fl-card:#ffffff;
  --fl-bg:#f2f6fb;

  color:#25364d !important;
}


/* =========================
   PAGE BACKGROUND
   ========================= */

body.light #page-home,
body.light #page-home.active,
body.fo-light #page-home,
body.fo-light #page-home.active{
  background:
    radial-gradient(circle at 8% 5%,
      rgba(124,58,237,.055),
      transparent 30%),
    radial-gradient(circle at 94% 30%,
      rgba(14,165,233,.045),
      transparent 34%),
    linear-gradient(
      180deg,
      #f8fafc 0%,
      #f2f6fb 48%,
      #eef3f8 100%
    ) !important;

  color:#25364d !important;
}


/* =========================
   MAIN COMMAND CENTER
   ========================= */

body.light .fo-cmd-v2,
body.fo-light .fo-cmd-v2{
  color:#25364d !important;
}

body.light .fo-cmd-hero,
body.fo-light .fo-cmd-hero{
  border-color:#cfd8e4 !important;

  box-shadow:
    0 10px 28px rgba(35,52,77,.085),
    inset 0 0 0 1px rgba(255,255,255,.85)
    !important;
}

body.light .fo-cmd-title,
body.fo-light .fo-cmd-title{
  color:#1f3048 !important;
}

body.light .fo-cmd-date,
body.fo-light .fo-cmd-date{
  color:#687a91 !important;
}

body.light .fo-cmd-online,
body.fo-light .fo-cmd-online{
  color:#147a54 !important;
  border-color:#aedfc9 !important;
}


/* =========================
   MAIN BALANCE CARDS
   ========================= */

body.light #fo-command-v2 .fo-cmd-stat,
body.fo-light #fo-command-v2 .fo-cmd-stat{
  border-color:#cfd8e4 !important;

  box-shadow:
    0 8px 21px rgba(36,52,77,.07),
    inset 0 0 0 1px rgba(255,255,255,.65)
    !important;
}

body.light #fo-command-v2 .fo-cmd-stat .lbl,
body.fo-light #fo-command-v2 .fo-cmd-stat .lbl{
  color:#4e627b !important;
}

body.light #fo-command-v2 .fo-cmd-stat .ic,
body.fo-light #fo-command-v2 .fo-cmd-stat .ic{
  border:1px solid #d3dce6 !important;
}


/* =========================
   MINI KPI CARDS
   ========================= */

body.light #fo-command-v2 .fo-cmd-chip,
body.fo-light #fo-command-v2 .fo-cmd-chip{
  border-color:#d0d9e4 !important;

  box-shadow:
    0 6px 17px rgba(36,52,76,.06),
    inset 0 0 0 1px rgba(255,255,255,.8)
    !important;
}

body.light #fo-command-v2 .fo-cmd-chip .k,
body.light #fo-command-v2 .fo-ss-label,
body.fo-light #fo-command-v2 .fo-cmd-chip .k,
body.fo-light #fo-command-v2 .fo-ss-label{
  color:#566a83 !important;
}

body.light #fo-command-v2 .fo-cmd-chip .v,
body.light #fo-command-v2 .fo-ss-val,
body.fo-light #fo-command-v2 .fo-cmd-chip .v,
body.fo-light #fo-command-v2 .fo-ss-val{
  color:#139d6c !important;
}


/* =========================
   BEST PRODUCT
   ========================= */

body.light .fo-cmd-best,
body.fo-light .fo-cmd-best{
  border-color:#e6cf79 !important;

  box-shadow:
    0 8px 20px rgba(130,95,20,.07),
    inset 0 0 0 1px rgba(255,255,255,.65)
    !important;
}

body.light .fo-cmd-best .t,
body.fo-light .fo-cmd-best .t{
  color:#a85d11 !important;
}

body.light .fo-cmd-best .b,
body.light #fo-cmd-best,
body.fo-light .fo-cmd-best .b,
body.fo-light #fo-cmd-best{
  color:#1e2d42 !important;
}


/* =========================
   SECTION TITLES
   ========================= */

body.light .fo-cmd-sec,
body.light .sec,
body.fo-light .fo-cmd-sec,
body.fo-light .sec{
  color:#5e718a !important;
}

body.light .fo-cmd-sec:before,
body.light .sec::after,
body.fo-light .fo-cmd-sec:before,
body.fo-light .sec::after{
  background:#d4dce6 !important;
}


/* =========================
   QUICK ACCESS CARDS
   ========================= */

body.light #fo-cmd-quick .fo-cmd-quick-btn,
body.fo-light #fo-cmd-quick .fo-cmd-quick-btn{
  background:#ffffff !important;

  border-color:#ccd6e1 !important;

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

body.light #fo-cmd-quick .fo-cmd-quick-btn span,
body.fo-light #fo-cmd-quick .fo-cmd-quick-btn span{
  color:#2b3d55 !important;
}

body.light #fo-cmd-quick .fo-cmd-quick-btn b,
body.fo-light #fo-cmd-quick .fo-cmd-quick-btn b{
  border:1px solid #d2dbe5 !important;
}


/* =========================
   SESSION RENEW CARD
   تمدید
   ========================= */

body.light #fo-mm-session-btn,
body.fo-light #fo-mm-session-btn{
  background:
    linear-gradient(
      145deg,
      #fffaf0,
      #fff3d7
    ) !important;

  color:#805817 !important;

  border:1px solid #e7cf94 !important;

  box-shadow:
    0 8px 20px rgba(120,86,20,.09),
    inset 0 0 0 1px rgba(255,255,255,.8)
    !important;
}

body.light #fo-mm-session-btn > div:first-child,
body.fo-light #fo-mm-session-btn > div:first-child{
  background:#fff7df !important;

  border:1px solid #e5cd90 !important;

  box-shadow:none !important;
}

body.light #fo-mm-session-btn > div:not(:first-child),
body.fo-light #fo-mm-session-btn > div:not(:first-child){
  color:#72501b !important;
}


/* =========================
   PORTFOLIO QUICK CARD
   ========================= */

body.light #fo-easy-portfolio-quick-btn,
body.fo-light #fo-easy-portfolio-quick-btn{
  background:
    linear-gradient(
      145deg,
      #effbf5,
      #e1f6eb
    ) !important;

  border:1px solid #b9e1cb !important;

  box-shadow:
    0 8px 20px rgba(26,117,76,.08),
    inset 0 0 0 1px rgba(255,255,255,.8)
    !important;

  color:#176947 !important;
}

body.light #fo-easy-portfolio-quick-btn .ce,
body.fo-light #fo-easy-portfolio-quick-btn .ce{
  background:#f7fffb !important;
  border:1px solid #b8ddc9 !important;
}

body.light #fo-easy-portfolio-quick-btn .cn,
body.fo-light #fo-easy-portfolio-quick-btn .cn{
  color:#176947 !important;
}


/* =========================
   7-DAY INCOME
   ========================= */

body.light #fo-icht,
body.fo-light #fo-icht{
  color:#25364d !important;

  box-shadow:
    inset 0 0 0 1px #d3dde7,
    0 7px 19px rgba(35,52,77,.045)
    !important;
}

body.light #fo-icht .ic-t,
body.fo-light #fo-icht .ic-t{
  color:#263b55 !important;
}

body.light #fo-icht .ic-sub,
body.light #fo-icht .ic-msg,
body.fo-light #fo-icht .ic-sub,
body.fo-light #fo-icht .ic-msg{
  color:#61758e !important;
}


/* =========================
   DEMAND PRODUCTS
   برترین محصولات
   ========================= */

body.light #fo-demand,
body.fo-light #fo-demand{
  color:#26384f !important;

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

body.light #fo-demand [class*="title"],
body.light #fo-demand [class$="-t"],
body.fo-light #fo-demand [class*="title"],
body.fo-light #fo-demand [class$="-t"]{
  color:#263b55 !important;
}

body.light #fo-demand [class*="sub"],
body.light #fo-demand [class*="note"],
body.fo-light #fo-demand [class*="sub"],
body.fo-light #fo-demand [class*="note"]{
  color:#64768d !important;
}

body.light #fo-demand [class*="name"],
body.light #fo-demand [class*="nm"],
body.fo-light #fo-demand [class*="name"],
body.fo-light #fo-demand [class*="nm"]{
  color:#283b53 !important;
}


/* =========================
   NEGLECTED PRODUCTS
   ========================= */

body.light #fo-neg,
body.fo-light #fo-neg{
  color:#2a3d55 !important;

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

body.light #fo-neg .ng-t,
body.fo-light #fo-neg .ng-t{
  color:#293e57 !important;
}

body.light #fo-neg .ng-sub,
body.light #fo-neg .ng-msg,
body.fo-light #fo-neg .ng-sub,
body.fo-light #fo-neg .ng-msg{
  color:#60738a !important;
}

body.light #fo-neg .ng-h,
body.fo-light #fo-neg .ng-h{
  color:#b57a13 !important;
}

body.light #fo-neg .ng-h.b,
body.fo-light #fo-neg .ng-h.b{
  color:#536bc2 !important;
}

body.light #fo-neg [class*="name"],
body.light #fo-neg [class*="nm"],
body.fo-light #fo-neg [class*="name"],
body.fo-light #fo-neg [class*="nm"]{
  color:#2c4058 !important;
}

body.light #fo-neg [class*="day"],
body.light #fo-neg [class*="age"],
body.light #fo-neg [class*="ago"],
body.fo-light #fo-neg [class*="day"],
body.fo-light #fo-neg [class*="age"],
body.fo-light #fo-neg [class*="ago"]{
  color:#65778e !important;
}


/* =========================
   AI ASSISTANT
   ========================= */

body.light #fo-ai2,
body.fo-light #fo-ai2{
  background:#ffffff !important;

  border-color:#cfc2eb !important;

  box-shadow:
    inset 0 0 0 1px rgba(124,58,237,.05),
    0 7px 19px rgba(67,45,110,.055)
    !important;
}

body.light #fo-ai2 .a2t,
body.fo-light #fo-ai2 .a2t{
  color:#6439b4 !important;
}

body.light #fo-ai2 .a2s,
body.light #fo-ai2 .a2used,
body.fo-light #fo-ai2 .a2s,
body.fo-light #fo-ai2 .a2used{
  color:#61738a !important;
}

body.light #fo-ai2 .a2chip,
body.fo-light #fo-ai2 .a2chip{
  color:#33465d !important;
  border-color:#d2dae4 !important;
}


/* =========================
   SMART STORY QUEUE
   ========================= */

body.light #fo-sq,
body.fo-light #fo-sq{
  background:#ffffff !important;

  border-color:#addde6 !important;

  box-shadow:
    inset 0 0 0 1px rgba(6,182,212,.04),
    0 7px 19px rgba(31,100,115,.05)
    !important;
}

body.light #fo-sq .sq-t,
body.fo-light #fo-sq .sq-t{
  color:#0d7488 !important;
}

body.light #fo-sq .sq-s,
body.light #fo-sq .sq-note,
body.light #fo-sq .sq-mt,
body.fo-light #fo-sq .sq-s,
body.fo-light #fo-sq .sq-note,
body.fo-light #fo-sq .sq-mt{
  color:#5e7188 !important;
}

body.light #fo-sq .sq-nm,
body.fo-light #fo-sq .sq-nm{
  color:#26394f !important;
}


/* =========================
   TODAY TOP PRODUCT
   ========================= */

body.light #fo-td2,
body.fo-light #fo-td2{
  border-color:#ecd487 !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.7),
    0 7px 19px rgba(130,94,20,.05)
    !important;
}


/* =========================
   PRICE AUDIT
   ========================= */

body.light #fo-pa,
body.fo-light #fo-pa{
  background:#fff7f7 !important;
  border-color:#eec6ca !important;
}

body.light #fo-pa .pa-t,
body.fo-light #fo-pa .pa-t{
  color:#ad4651 !important;
}

body.light #fo-pa .pa-sub,
body.light #fo-pa .pa-ok,
body.fo-light #fo-pa .pa-sub,
body.fo-light #fo-pa .pa-ok{
  color:#64758b !important;
}

body.light #fo-pa .pa-nm,
body.fo-light #fo-pa .pa-nm{
  color:#304159 !important;
}


/* =========================
   GENERAL CARDS — BORDER ONLY
   no layout changes
   ========================= */

body.light .card,
body.fo-light .card{
  border-color:#d0d9e3 !important;

  box-shadow:
    0 7px 18px rgba(35,52,77,.055),
    inset 0 0 0 1px rgba(255,255,255,.65)
    !important;
}


/* =========================
   GENERAL TEXT FALLBACK
   ========================= */

body.light .pg-title,
body.light .fo-do2-title,
body.light .fo-set-title,
body.fo-light .pg-title,
body.fo-light .fo-do2-title,
body.fo-light .fo-set-title{
  color:#263950 !important;
}

body.light .pg-sub,
body.light .list-item-meta,
body.light .stat-name,
body.light .vault-text,
body.fo-light .pg-sub,
body.fo-light .list-item-meta,
body.fo-light .stat-name,
body.fo-light .vault-text{
  color:#60738a !important;
}


/* =========================
   FORMS
   ========================= */

body.light input,
body.light textarea,
body.light select,
body.fo-light input,
body.fo-light textarea,
body.fo-light select{
  background:#ffffff !important;
  color:#283a52 !important;

  border-color:#cbd5e1 !important;
}

body.light input::placeholder,
body.light textarea::placeholder,
body.fo-light input::placeholder,
body.fo-light textarea::placeholder{
  color:#8998aa !important;
  opacity:1 !important;
}


/* =========================
   BOTTOM NAV — LIGHT
   same geometry
   ========================= */

body.light .bnav,
body.fo-light .bnav{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.97),
      rgba(241,245,250,.97)
    ) !important;

  border-color:#cbd5e1 !important;

  box-shadow:
    0 13px 32px rgba(34,50,75,.16),
    inset 0 1px 0 rgba(255,255,255,1)
    !important;
}

body.light .bnav-item,
body.fo-light .bnav-item{
  color:#60738a !important;
}

body.light .bnav-item .bi,
body.fo-light .bnav-item .bi{
  filter:none !important;
  opacity:.92 !important;
}

body.light .bnav-item:not([data-tab="home"]).active,
body.fo-light .bnav-item:not([data-tab="home"]).active{
  color:#653eaa !important;
  background:#eee8fa !important;
}

body.light .bnav-item[data-tab="home"],
body.fo-light .bnav-item[data-tab="home"]{
  background:
    linear-gradient(
      145deg,
      #9369ee,
      #6530c6
    ) !important;

  color:#ffffff !important;

  border-color:#f3f6fa !important;

  box-shadow:
    0 11px 27px rgba(101,48,198,.28),
    0 0 18px rgba(139,92,246,.15),
    inset 0 1px 0 rgba(255,255,255,.30)
    !important;
}


/* =========================
   ALTERNATE COMMAND NAV
   ========================= */

body.light .fo-cmd-nav,
body.fo-light .fo-cmd-nav{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.97),
      rgba(241,245,250,.97)
    ) !important;

  border-color:#cbd5e1 !important;

  box-shadow:
    0 13px 32px rgba(34,50,75,.15)
    !important;
}

body.light .fo-cmd-nav button,
body.fo-light .fo-cmd-nav button{
  color:#60738a !important;
}

body.light .fo-cmd-nav .active,
body.fo-light .fo-cmd-nav .active{
  background:#eee8fa !important;
  color:#613fa4 !important;
}


/* =========================
   MODALS
   ========================= */

body.light .uiModal,
body.fo-light .uiModal{
  background:#ffffff !important;
  border-color:#ccd6e1 !important;

  box-shadow:
    0 20px 50px rgba(31,45,66,.17)
    !important;
}

body.light .uiModal-msg,
body.fo-light .uiModal-msg{
  color:#293b52 !important;
}

body.light .uiModal-no,
body.fo-light .uiModal-no{
  background:#eef2f6 !important;
  color:#53667e !important;
  border-color:#d2dbe5 !important;
}


/* =========================
   TABLES
   ========================= */

body.light table,
body.fo-light table{
  color:#293b52 !important;
}

body.light th,
body.fo-light th{
  background:#edf2f7 !important;
  color:#5d7087 !important;
}

body.light td,
body.fo-light td{
  border-color:#dde4ec !important;
}


/* =========================
   VERY FADED DARK-THEME TEXT
   ========================= */

body.light .muted,
body.light .dim,
body.light .fade,
body.fo-light .muted,
body.fo-light .dim,
body.fo-light .fade{
  color:#697b91 !important;
  opacity:1 !important;
}


/* =========================
   FLOATING THEME BUTTON
   ========================= */

body.light #fo-thm,
body.fo-light #fo-thm{
  background:rgba(255,255,255,.97) !important;
  color:#26384f !important;
  border-color:#cbd5e1 !important;

  box-shadow:
    0 5px 16px rgba(35,52,77,.13)
    !important;
}

