/* ==========================================================
   FACTOFFERS LIGHT V2
   Final visual/readability override
   NO layout / sizing / JS / functionality changes
   ========================================================== */

body.light{
  color-scheme:light !important;
  --bg:#f3f6fb !important;
  --surface:#ffffff !important;
  --border:rgba(45,65,95,.13) !important;
  --text:#1b2b43 !important;
  --text2:#52657f !important;
  --text3:#75859b !important;
}


/* ==========================================================
   HOME BACKGROUND
   ========================================================== */

body.light #page-home,
body.light #page-home.active{
  background:
    radial-gradient(
      circle at 8% 3%,
      rgba(124,58,237,.055),
      transparent 28%
    ),
    radial-gradient(
      circle at 94% 30%,
      rgba(14,165,233,.05),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #f7f9fc 0%,
      #f1f5fa 52%,
      #eef3f8 100%
    ) !important;

  color:#1b2b43 !important;
}

body.light #page-home .home-wrap{
  color:#1b2b43 !important;
}

body.light .fo-cmd-v2{
  color:#1b2b43 !important;
}


/* ==========================================================
   GENERAL HOME READABILITY
   ========================================================== */

body.light #fo-command-v2 h1,
body.light #fo-command-v2 h2,
body.light #fo-command-v2 h3,
body.light #fo-command-v2 h4,
body.light #fo-command-v2 h5,
body.light #fo-command-v2 h6{
  color:#1e304a !important;
}

body.light #fo-command-v2 p{
  color:#63748b !important;
}

body.light #fo-command-v2 [class*="-title"],
body.light #fo-command-v2 [class*="-name"]{
  color:#243750 !important;
}

body.light #fo-command-v2 [class*="-desc"],
body.light #fo-command-v2 [class*="-sub"],
body.light #fo-command-v2 [class*="-meta"]{
  color:#687991 !important;
}


/* ==========================================================
   TOP LOGO
   ========================================================== */

body.light .fo-cmd-logo{
  border-bottom-color:#e1e6ed !important;
}


/* ==========================================================
   HERO
   ========================================================== */

body.light .fo-cmd-hero{
  background:
    radial-gradient(
      circle at 13% 14%,
      rgba(139,92,246,.13),
      transparent 38%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(14,165,233,.11),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(245,248,253,.98)
    ) !important;

  border-color:#dce3ec !important;

  box-shadow:
    0 13px 34px rgba(38,55,80,.09),
    inset 0 1px 0 rgba(255,255,255,1)
    !important;
}

body.light .fo-cmd-title{
  color:#26364d !important;
}

body.light .fo-cmd-title b{
  color:#b67b13 !important;
}

body.light .fo-cmd-date{
  color:#74859c !important;
}

body.light .fo-cmd-online{
  background:#e6f8f0 !important;
  border-color:#b5e8d2 !important;
  color:#167551 !important;
}

body.light .fo-cmd-online i{
  background:#20bd82 !important;
  box-shadow:0 0 9px rgba(32,189,130,.42) !important;
}

body.light .fo-cmd-moon{
  background:rgba(255,255,255,.95) !important;
  border-color:#d8e0e9 !important;

  box-shadow:
    0 7px 20px rgba(40,54,78,.10)
    !important;
}


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

body.light #fo-command-v2 .fo-cmd-stat{
  box-shadow:
    0 8px 22px rgba(36,52,77,.07)
    !important;
}

body.light #fo-command-v2 .fo-cmd-stat:first-child{
  background:
    radial-gradient(
      circle at 10% 100%,
      rgba(16,185,129,.13),
      transparent 50%
    ),
    linear-gradient(
      145deg,
      #f5fcf8,
      #e9f7f0
    ) !important;

  border-color:#c5e8d5 !important;
}

body.light #fo-command-v2 .fo-cmd-stat:nth-child(2){
  background:
    radial-gradient(
      circle at 90% 100%,
      rgba(139,92,246,.12),
      transparent 52%
    ),
    linear-gradient(
      145deg,
      #faf8ff,
      #f0ebfc
    ) !important;

  border-color:#dacdf0 !important;
}

body.light #fo-command-v2 .fo-cmd-stat .ic{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(68,84,108,.11) !important;
}

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

body.light #fo-command-v2 .fo-cmd-stat:first-child .val{
  color:#12865a !important;
}

body.light #fo-command-v2 .fo-cmd-stat:nth-child(2) .val{
  color:#6f4eb2 !important;
}


/* ==========================================================
   FOUR MINI STATS
   ========================================================== */

body.light #fo-command-v2 .fo-cmd-chip{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f4f7fa
    ) !important;

  border-color:#dce3ec !important;

  color:#25364e !important;

  box-shadow:
    0 6px 17px rgba(40,55,80,.055)
    !important;
}

body.light #fo-command-v2 .fo-cmd-chip .i,
body.light #fo-command-v2 .fo-cmd-mini .fo-ss-ico{
  background:#f4f6fa !important;
  border-color:#dfe5ec !important;
}

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

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


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

body.light .fo-cmd-best{
  background:
    linear-gradient(
      135deg,
      #fffbed,
      #fff6d9
    ) !important;

  border-color:#efda95 !important;

  box-shadow:
    0 7px 20px rgba(132,97,26,.055)
    !important;
}

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

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

body.light .fo-cmd-best .cup{
  background:#fff6d5 !important;
  border-color:#edd591 !important;
}


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

body.light .fo-cmd-sec{
  color:#667894 !important;
}

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


/* ==========================================================
   NORMAL ACTION CARDS
   ========================================================== */

body.light .fo-cmd-action{
  background:
    radial-gradient(
      circle at 4% 4%,
      rgba(45,212,191,.10),
      transparent 43%
    ),
    linear-gradient(
      145deg,
      #ffffff,
      #f4f7fa
    ) !important;

  border-color:#dce3ec !important;

  box-shadow:
    0 7px 20px rgba(34,51,77,.06)
    !important;

  color:#22344d !important;
}

body.light .fo-cmd-action .ico{
  background:#f4f6fa !important;
  border-color:#dce3ec !important;
}

body.light .fo-cmd-action .name{
  color:#24364f !important;
}

body.light .fo-cmd-action .desc{
  color:#687991 !important;
}


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

body.light #fo-cmd-quick .fo-cmd-quick-title{
  color:#657794 !important;
}

body.light #fo-cmd-quick .fo-cmd-quick-btn{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f4f7fa
    ) !important;

  border:1px solid #dce3ec !important;

  color:#25374f !important;

  box-shadow:
    0 7px 18px rgba(36,52,78,.07)
    !important;
}

body.light #fo-cmd-quick .fo-cmd-quick-btn b{
  background:
    linear-gradient(
      145deg,
      #f5f7fb,
      #edf1f6
    ) !important;

  border:1px solid #dce3ec !important;
}

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


/* extra quick cards */

body.light #fo-mm-session-btn,
body.light #fo-easy-portfolio-quick-btn{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f3f6fa
    ) !important;

  border:1px solid #dce3ec !important;

  color:#26384f !important;

  box-shadow:
    0 7px 18px rgba(36,52,78,.07)
    !important;
}

body.light #fo-mm-session-btn > div:first-child,
body.light #fo-easy-portfolio-quick-btn .ce{
  background:#f2f5f9 !important;
  border-color:#dce3ec !important;
}

body.light #fo-mm-session-btn > div:not(:first-child),
body.light #fo-easy-portfolio-quick-btn .cn{
  color:#304259 !important;
}


/* ==========================================================
   STORY QUEUE / REPORTS / CONTENT CARDS
   ========================================================== */

body.light #fo-story-report{
  color:#243750 !important;
}

body.light #fo-story-report .fo-story-wrap{
  color:#243750 !important;
}

body.light #fo-command-v2 [class*="report"] h1,
body.light #fo-command-v2 [class*="report"] h2,
body.light #fo-command-v2 [class*="report"] h3,
body.light #fo-command-v2 [class*="chart"] h1,
body.light #fo-command-v2 [class*="chart"] h2,
body.light #fo-command-v2 [class*="chart"] h3{
  color:#243750 !important;
}


/* ==========================================================
   LIGHT TEXT FALLBACKS
   Fix dark-theme muted text that became invisible on white
   ========================================================== */

body.light #fo-command-v2 .uh-date,
body.light #fo-command-v2 .uh-td,
body.light #fo-command-v2 .uh-lbl,
body.light #fo-command-v2 .hw-card .hwl,
body.light #fo-command-v2 .gdate{
  color:#65778f !important;
}


/* ==========================================================
   OLD UH COMPONENTS IF STILL USED
   ========================================================== */

body.light .uh-glass,
body.light .uh-tile{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f3f6fa
    ) !important;

  border-color:#dce3ec !important;

  color:#22354e !important;

  box-shadow:
    0 7px 20px rgba(36,52,78,.065)
    !important;
}

body.light .uh-title,
body.light .uh-tile .uh-tn{
  color:#22354e !important;
}

body.light .uh-date,
body.light .uh-tile .uh-td,
body.light .uh-kpi .uh-lbl,
body.light .uh-chip span{
  color:#667891 !important;
}


/* ==========================================================
   OLD NAV IF USED
   ========================================================== */

body.light .fo-cmd-nav{
  background:rgba(255,255,255,.93) !important;

  border-color:#d8e0e9 !important;

  box-shadow:
    0 11px 30px rgba(31,48,75,.13)
    !important;
}

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

body.light .fo-cmd-nav .active{
  color:#603fa9 !important;

  background:
    linear-gradient(
      145deg,
      #eee8ff,
      #f5f1ff
    ) !important;
}


/* ==========================================================
   ACTUAL BOTTOM NAV
   Keep exact shape/layout — colors only
   ========================================================== */

body.light .bnav{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.97),
      rgba(244,247,251,.96)
    ) !important;

  border-color:#d4dce7 !important;

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

body.light .bnav-item{
  color:#667891 !important;
}

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

body.light .bnav-item:not([data-tab="home"]).active{
  color:#6846ad !important;

  background:#eee9fb !important;
}

body.light .bnav-item[data-tab="home"]{
  color:#ffffff !important;

  background:
    linear-gradient(
      145deg,
      #9067ed,
      #6633cb
    ) !important;

  border-color:#f5f7fb !important;

  box-shadow:
    0 11px 25px rgba(100,52,196,.30),
    0 0 18px rgba(139,92,246,.18),
    inset 0 1px 0 rgba(255,255,255,.30)
    !important;
}


/* ==========================================================
   MODAL / INPUT / BUTTON READABILITY
   ========================================================== */

body.light .uiModal{
  background:#ffffff !important;
  border-color:#d9e0e9 !important;

  box-shadow:
    0 20px 52px rgba(27,43,65,.17)
    !important;
}

body.light .uiModal-msg{
  color:#263850 !important;
}

body.light .uiModal-no{
  background:#edf1f6 !important;
  color:#50627a !important;
  border-color:#d7dfe8 !important;
}

body.light input,
body.light select,
body.light textarea{
  background:#ffffff !important;
  color:#23354d !important;
  border-color:#cfd8e4 !important;
}

body.light input::placeholder,
body.light textarea::placeholder{
  color:#8b9aab !important;
}

body.light select option{
  background:#fff !important;
  color:#23354d !important;
}


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

body.light table{
  color:#273950 !important;
}

body.light th{
  background:#edf2f7 !important;
  color:#5e7189 !important;
}

body.light td{
  border-color:#e0e6ed !important;
}


/* ==========================================================
   SYSTEM-WIDE MUTED TEXT
   ========================================================== */

body.light .pg-sub,
body.light label,
body.light .stat-name,
body.light .summary-item .lbl,
body.light .music-artist,
body.light .vault-text,
body.light .list-item-meta{
  color:#596c84 !important;
}

body.light .fsec-title,
body.light .stat-unit,
body.light .vault-date{
  color:#74859a !important;
}


/* ==========================================================
   REMOVE DARK-THEME TEXT SHADOWS ON LIGHT BG
   ========================================================== */

body.light #fo-command-v2,
body.light #fo-command-v2 *{
  text-shadow:none;
}