/* =========================================================
   FACTOFFERS - MANYCHAT UI V2
   Scoped ONLY to #page-manychat
   ========================================================= */


/* ---------- FONT FIX / ALL THEMES ---------- */

#page-manychat,
#page-manychat button,
#page-manychat input,
#page-manychat textarea,
#page-manychat select,
#page-manychat summary{
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif !important;
}


/* =========================================================
   DARK THEME - CLEAN BASE
   ========================================================= */

#page-manychat{
  background:
    radial-gradient(circle at 80% 0%,rgba(79,70,229,.10),transparent 32%),
    linear-gradient(180deg,#101a31 0%,#17243e 100%) !important;
  color:#e8edf7 !important;
}

#page-manychat .fo-mc-head{
  background:
    linear-gradient(135deg,rgba(39,55,89,.96),rgba(32,45,76,.98)) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:
    0 8px 24px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#page-manychat .fo-mc-head .pg-title,
#page-manychat .pg-title{
  color:#f8fafc !important;
  opacity:1 !important;
  font-weight:950 !important;
}

#page-manychat .fo-mc-head .pg-sub,
#page-manychat .pg-sub{
  color:#aeb9cf !important;
  opacity:1 !important;
}


/* ---------- MAIN CARD ---------- */

#page-manychat > .inner-wrap > .fo-mc-card,
#page-manychat .fo-mc-pro > .fo-mc-card{
  background:linear-gradient(145deg,#1b2942,#17243b) !important;
  border:1px solid rgba(148,163,184,.19) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
  color:#eef2ff !important;
}


/* ---------- TOP BUTTONS ---------- */

#page-manychat #btn-mc-load{
  background:linear-gradient(135deg,#8b5cf6,#4f46e5) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:0 8px 22px rgba(99,102,241,.22) !important;
}

#page-manychat #btn-mc-submit{
  background:linear-gradient(135deg,#10b981,#059669) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:0 8px 22px rgba(16,185,129,.20) !important;
}

#page-manychat .btn-ghost{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#dbe4f2 !important;
}


/* ---------- STATS ---------- */

#page-manychat .fo-mc-stat{
  background:rgba(51,65,85,.72) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
}

#page-manychat .fo-mc-stat span{
  color:#aab5ca !important;
  opacity:1 !important;
}

#page-manychat .fo-mc-stat b{
  color:#d8d4ff !important;
  opacity:1 !important;
}

#page-manychat .fo-mc-stat.ok b{
  color:#34d399 !important;
}

#page-manychat .fo-mc-stat.warn b{
  color:#fbbf24 !important;
}

#page-manychat .fo-mc-stat.bad b{
  color:#fb7185 !important;
}


/* ---------- FILTER AREA ---------- */

#page-manychat .fo-mc-filter-group-title{
  color:#c9d3e7 !important;
  opacity:1 !important;
  font-weight:900 !important;
}

#page-manychat .fo-mc-filter{
  background:rgba(51,65,85,.72) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#e2e8f0 !important;
  opacity:1 !important;
}

#page-manychat .fo-mc-filter.active{
  background:linear-gradient(135deg,#8b5cf6,#4f46e5) !important;
  color:#ffffff !important;
  border-color:transparent !important;
}

#page-manychat .fo-mc-select-new{
  color:#a7f3d0 !important;
  border-color:rgba(52,211,153,.24) !important;
}


/* ---------- SEARCH ---------- */

#page-manychat #mc-search,
#page-manychat .fo-mc-search{
  background:#101a2e !important;
  color:#f1f5f9 !important;
  border:1px solid rgba(148,163,184,.25) !important;
  box-shadow:none !important;
}

#page-manychat #mc-search::placeholder,
#page-manychat .fo-mc-search::placeholder{
  color:#909db5 !important;
  opacity:1 !important;
}


/* ---------- MANAGEMENT TOOLS ---------- */

#page-manychat .fo-mc-tools-box{
  background:rgba(15,25,44,.66) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
}

#page-manychat .fo-mc-tools-box > summary{
  color:#edf2fb !important;
}

#page-manychat .fo-mc-tools-box > summary > span{
  color:#edf2fb !important;
  font-weight:900 !important;
}

#page-manychat .fo-mc-tools-box > summary small{
  color:#8f9cb5 !important;
  opacity:1 !important;
}


/* ---------- LAST READ ---------- */

#page-manychat .fo-mc-last-read{
  background:rgba(20,184,166,.08) !important;
  border:1px solid rgba(45,212,191,.25) !important;
  color:#99f6e4 !important;
}


/* ---------- GENERATED ORDER CARDS ---------- */

#page-manychat #mc-table .fo-mc-card,
#page-manychat #mc-table .fo-mc-order{
  background:linear-gradient(145deg,#19263d,#152238) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:
    0 5px 16px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  color:#edf2f7 !important;
}

#page-manychat #mc-table .fo-mc-card-head{
  color:#f1f5f9 !important;
}

#page-manychat #mc-table .fo-mc-rownum{
  color:#9aa8c0 !important;
}


/* ---------- ORDER STATUS ---------- */

#page-manychat .fo-mc-status.new,
#page-manychat .fo-mc-badge.new{
  color:#6ee7b7 !important;
}

#page-manychat .fo-mc-status.dup,
#page-manychat .fo-mc-badge.dup{
  color:#fde68a !important;
}

#page-manychat .fo-mc-status.err,
#page-manychat .fo-mc-badge.err{
  color:#fda4af !important;
}


/* ---------- ORDER FIELDS ---------- */

#page-manychat .fo-mc-field,
#page-manychat .fo-mc-field label,
#page-manychat .fo-mc-field span{
  color:#aeb9ce !important;
  opacity:1 !important;
}

#page-manychat .fo-mc-field input,
#page-manychat .fo-mc-field textarea{
  background:#101a2e !important;
  border:1px solid rgba(148,163,184,.22) !important;
  color:#f1f5f9 !important;
  box-shadow:none !important;
}

#page-manychat .fo-mc-field input::placeholder,
#page-manychat .fo-mc-field textarea::placeholder{
  color:#7f8ca5 !important;
  opacity:1 !important;
}


/* ---------- COMPANY BADGES ---------- */

#page-manychat .fo-mc-company{
  opacity:1 !important;
}

#page-manychat .fo-mc-company.memarket{
  color:#67e8f9 !important;
}

#page-manychat .fo-mc-company.dayan{
  color:#c4b5fd !important;
}

#page-manychat .fo-mc-company.done{
  color:#6ee7b7 !important;
}

#page-manychat .fo-mc-company.loading{
  color:#fbbf24 !important;
}


/* ---------- MINI BUTTONS ---------- */

#page-manychat .fo-mc-mini-btn{
  color:#e8edf7 !important;
  background:rgba(99,102,241,.12) !important;
  border:1px solid rgba(129,140,248,.24) !important;
}

#page-manychat .fo-mc-mini-btn.memarket{
  background:rgba(16,185,129,.12) !important;
  color:#6ee7b7 !important;
  border-color:rgba(52,211,153,.27) !important;
}

#page-manychat .fo-mc-mini-btn.del{
  background:rgba(244,63,94,.10) !important;
  color:#fda4af !important;
  border-color:rgba(251,113,133,.25) !important;
}


/* ---------- MESSAGES ---------- */

#page-manychat .fo-mc-msg.info{
  color:#bfdbfe !important;
}

#page-manychat .fo-mc-msg.ok{
  color:#6ee7b7 !important;
}

#page-manychat .fo-mc-msg.err{
  color:#fda4af !important;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

body.light #page-manychat,
body.fo-light #page-manychat{
  background:
    radial-gradient(circle at 85% 0%,rgba(139,92,246,.055),transparent 30%),
    linear-gradient(180deg,#f5f8fc 0%,#edf3f9 100%) !important;
  color:#172033 !important;
}


/* ---------- LIGHT HEADER ---------- */

body.light #page-manychat .fo-mc-head,
body.fo-light #page-manychat .fo-mc-head{
  background:
    linear-gradient(145deg,#ffffff,#f5f7fb) !important;
  border:1px solid #d9e0ea !important;
  box-shadow:0 5px 16px rgba(15,23,42,.055) !important;
}

body.light #page-manychat .fo-mc-head .pg-title,
body.fo-light #page-manychat .fo-mc-head .pg-title,
body.light #page-manychat .pg-title,
body.fo-light #page-manychat .pg-title{
  color:#172033 !important;
  opacity:1 !important;
}

body.light #page-manychat .fo-mc-head .pg-sub,
body.fo-light #page-manychat .fo-mc-head .pg-sub,
body.light #page-manychat .pg-sub,
body.fo-light #page-manychat .pg-sub{
  color:#64748b !important;
  opacity:1 !important;
}


/* ---------- LIGHT MAIN CARD ---------- */

body.light #page-manychat > .inner-wrap > .fo-mc-card,
body.fo-light #page-manychat > .inner-wrap > .fo-mc-card,
body.light #page-manychat .fo-mc-pro > .fo-mc-card,
body.fo-light #page-manychat .fo-mc-pro > .fo-mc-card{
  background:#ffffff !important;
  border:1px solid #d8e0ea !important;
  box-shadow:0 5px 18px rgba(15,23,42,.05) !important;
  color:#172033 !important;
}


/* ---------- LIGHT BUTTONS ---------- */

body.light #page-manychat #btn-mc-load,
body.fo-light #page-manychat #btn-mc-load{
  background:linear-gradient(135deg,#8b5cf6,#4f46e5) !important;
  color:#ffffff !important;
}

body.light #page-manychat #btn-mc-submit,
body.fo-light #page-manychat #btn-mc-submit{
  background:linear-gradient(135deg,#10b981,#059669) !important;
  color:#ffffff !important;
}

body.light #page-manychat .btn-ghost,
body.fo-light #page-manychat .btn-ghost{
  background:#f3f6fa !important;
  border:1px solid #d7dfe9 !important;
  color:#334155 !important;
}


/* ---------- LIGHT STATS ---------- */

body.light #page-manychat .fo-mc-stat,
body.fo-light #page-manychat .fo-mc-stat{
  background:#f8fafc !important;
  border:1px solid #dde4ed !important;
  box-shadow:none !important;
}

body.light #page-manychat .fo-mc-stat span,
body.fo-light #page-manychat .fo-mc-stat span{
  color:#64748b !important;
}

body.light #page-manychat .fo-mc-stat b,
body.fo-light #page-manychat .fo-mc-stat b{
  color:#7c6ee6 !important;
}

body.light #page-manychat .fo-mc-stat.ok b,
body.fo-light #page-manychat .fo-mc-stat.ok b{
  color:#10b981 !important;
}

body.light #page-manychat .fo-mc-stat.warn b,
body.fo-light #page-manychat .fo-mc-stat.warn b{
  color:#f59e0b !important;
}

body.light #page-manychat .fo-mc-stat.bad b,
body.fo-light #page-manychat .fo-mc-stat.bad b{
  color:#f43f5e !important;
}


/* ---------- LIGHT FILTERS ---------- */

body.light #page-manychat .fo-mc-filter-group-title,
body.fo-light #page-manychat .fo-mc-filter-group-title{
  color:#64748b !important;
}

body.light #page-manychat .fo-mc-filter,
body.fo-light #page-manychat .fo-mc-filter{
  background:#f3f6fa !important;
  border:1px solid #d8e0ea !important;
  color:#475569 !important;
}

body.light #page-manychat .fo-mc-filter.active,
body.fo-light #page-manychat .fo-mc-filter.active{
  background:linear-gradient(135deg,#8b5cf6,#4f46e5) !important;
  border-color:transparent !important;
  color:#ffffff !important;
}

body.light #page-manychat .fo-mc-select-new,
body.fo-light #page-manychat .fo-mc-select-new{
  background:#effcf7 !important;
  border-color:#b7ead6 !important;
  color:#047857 !important;
}


/* ---------- LIGHT SEARCH ---------- */

body.light #page-manychat #mc-search,
body.fo-light #page-manychat #mc-search,
body.light #page-manychat .fo-mc-search,
body.fo-light #page-manychat .fo-mc-search{
  background:#f8fafc !important;
  color:#172033 !important;
  border:1px solid #cfd8e3 !important;
  box-shadow:none !important;
}

body.light #page-manychat #mc-search::placeholder,
body.fo-light #page-manychat #mc-search::placeholder{
  color:#7c8798 !important;
  opacity:1 !important;
}


/* ---------- LIGHT TOOLS ---------- */

body.light #page-manychat .fo-mc-tools-box,
body.fo-light #page-manychat .fo-mc-tools-box{
  background:#f8fafc !important;
  border:1px solid #dde4ed !important;
  box-shadow:none !important;
}

body.light #page-manychat .fo-mc-tools-box > summary,
body.fo-light #page-manychat .fo-mc-tools-box > summary,
body.light #page-manychat .fo-mc-tools-box > summary > span,
body.fo-light #page-manychat .fo-mc-tools-box > summary > span{
  color:#334155 !important;
}

body.light #page-manychat .fo-mc-tools-box > summary small,
body.fo-light #page-manychat .fo-mc-tools-box > summary small{
  color:#7c8798 !important;
}


/* ---------- LIGHT LAST READ ---------- */

body.light #page-manychat .fo-mc-last-read,
body.fo-light #page-manychat .fo-mc-last-read{
  background:#f0fdfa !important;
  border:1px solid #b5eadf !important;
  color:#0f766e !important;
}


/* ---------- LIGHT ORDER CARDS ---------- */

body.light #page-manychat #mc-table .fo-mc-card,
body.fo-light #page-manychat #mc-table .fo-mc-card,
body.light #page-manychat #mc-table .fo-mc-order,
body.fo-light #page-manychat #mc-table .fo-mc-order{
  background:#ffffff !important;
  border:1px solid #dce3ec !important;
  box-shadow:0 3px 12px rgba(15,23,42,.045) !important;
  color:#172033 !important;
}

body.light #page-manychat #mc-table .fo-mc-card-head,
body.fo-light #page-manychat #mc-table .fo-mc-card-head{
  color:#172033 !important;
}

body.light #page-manychat #mc-table .fo-mc-rownum,
body.fo-light #page-manychat #mc-table .fo-mc-rownum{
  color:#64748b !important;
}


/* ---------- LIGHT FIELDS ---------- */

body.light #page-manychat .fo-mc-field,
body.fo-light #page-manychat .fo-mc-field,
body.light #page-manychat .fo-mc-field label,
body.fo-light #page-manychat .fo-mc-field label,
body.light #page-manychat .fo-mc-field span,
body.fo-light #page-manychat .fo-mc-field span{
  color:#475569 !important;
}

body.light #page-manychat .fo-mc-field input,
body.fo-light #page-manychat .fo-mc-field input,
body.light #page-manychat .fo-mc-field textarea,
body.fo-light #page-manychat .fo-mc-field textarea{
  background:#f8fafc !important;
  color:#172033 !important;
  border:1px solid #cfd8e3 !important;
  box-shadow:none !important;
}

body.light #page-manychat .fo-mc-field input::placeholder,
body.fo-light #page-manychat .fo-mc-field input::placeholder,
body.light #page-manychat .fo-mc-field textarea::placeholder,
body.fo-light #page-manychat .fo-mc-field textarea::placeholder{
  color:#8a94a5 !important;
}


/* ---------- LIGHT COMPANY ---------- */

body.light #page-manychat .fo-mc-company.memarket,
body.fo-light #page-manychat .fo-mc-company.memarket{
  color:#0891b2 !important;
}

body.light #page-manychat .fo-mc-company.dayan,
body.fo-light #page-manychat .fo-mc-company.dayan{
  color:#7c3aed !important;
}

body.light #page-manychat .fo-mc-company.done,
body.fo-light #page-manychat .fo-mc-company.done{
  color:#059669 !important;
}

body.light #page-manychat .fo-mc-company.loading,
body.fo-light #page-manychat .fo-mc-company.loading{
  color:#d97706 !important;
}


/* ---------- LIGHT MINI BUTTONS ---------- */

body.light #page-manychat .fo-mc-mini-btn,
body.fo-light #page-manychat .fo-mc-mini-btn{
  background:#f1f5ff !important;
  color:#4f46e5 !important;
  border:1px solid #d7dcff !important;
}

body.light #page-manychat .fo-mc-mini-btn.memarket,
body.fo-light #page-manychat .fo-mc-mini-btn.memarket{
  background:#ecfdf5 !important;
  color:#047857 !important;
  border-color:#b7ead6 !important;
}

body.light #page-manychat .fo-mc-mini-btn.del,
body.fo-light #page-manychat .fo-mc-mini-btn.del{
  background:#fff1f2 !important;
  color:#e11d48 !important;
  border-color:#fecdd3 !important;
}


/* ---------- INVALID ROWS ---------- */

body.light #page-manychat .fo-mc-invalid-card,
body.fo-light #page-manychat .fo-mc-invalid-card{
  background:#fff7ed !important;
  border-color:#fed7aa !important;
  color:#7c2d12 !important;
}


/* ---------- MOBILE ---------- */

@media(max-width:390px){
  #page-manychat .fo-mc-head .pg-title{
    font-size:17px !important;
  }

  #page-manychat .fo-mc-head .pg-sub{
    font-size:10.5px !important;
  }
}