/* =========================================================
   FACTOFFERS - DIRECT ORDER LIGHT V2
   فقط برای تم روشن
   dark mode untouched
   ========================================================= */

body.light #page-direct-order,
body.fo-light #page-direct-order{
  min-height:100vh !important;
  background:
    radial-gradient(circle at 85% 0%,rgba(139,92,246,.055),transparent 32%),
    linear-gradient(180deg,#f6f8fc 0%,#eef3f9 100%) !important;
  color:#172033 !important;
  font-family:'Vazirmatn',Tahoma,sans-serif !important;
}

/* همه اجزای این صفحه فونت سایت را بگیرند */
body.light #page-direct-order *,
body.fo-light #page-direct-order *{
  font-family:inherit;
}


/* ================= HEADER ================= */

body.light #page-direct-order .fo-do2-head,
body.fo-light #page-direct-order .fo-do2-head{
  background:
    linear-gradient(135deg,#ffffff,#f7f4ff 55%,#f1f7ff) !important;
  border:1px solid #d9d6ee !important;
  box-shadow:0 5px 18px rgba(60,45,120,.07) !important;
  color:#172033 !important;
}

body.light #page-direct-order .fo-do2-head .pg-title,
body.fo-light #page-direct-order .fo-do2-head .pg-title,
body.light #page-direct-order .pg-title,
body.fo-light #page-direct-order .pg-title{
  color:#172033 !important;
  opacity:1 !important;
  font-weight:950 !important;
}

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


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

body.light #page-direct-order .fo-do2-card,
body.fo-light #page-direct-order .fo-do2-card{
  background:#ffffff !important;
  color:#172033 !important;
  border:1px solid #dbe2eb !important;
  box-shadow:
    0 6px 18px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.light #page-direct-order .fo-do2-glow,
body.fo-light #page-direct-order .fo-do2-glow{
  border-color:#ddd6fe !important;
  box-shadow:
    0 6px 20px rgba(109,40,217,.07),
    inset 0 1px 0 #fff !important;
}

body.light #page-direct-order .fo-do2-title,
body.fo-light #page-direct-order .fo-do2-title{
  color:#172033 !important;
  opacity:1 !important;
  font-weight:950 !important;
}


/* ================= TOP ACTION BUTTONS ================= */

body.light #page-direct-order .fo-do2-actions .btn:not(.btn-primary):not(.btn-success),
body.fo-light #page-direct-order .fo-do2-actions .btn:not(.btn-primary):not(.btn-success){
  background:#f3f6fa !important;
  color:#334155 !important;
  border:1px solid #d8e0ea !important;
  box-shadow:none !important;
}


/* ================= STATS ================= */

body.light #page-direct-order .fo-do2-stat,
body.fo-light #page-direct-order .fo-do2-stat{
  background:#f8fafc !important;
  border:1px solid #dce3ec !important;
  box-shadow:none !important;
}

body.light #page-direct-order .fo-do2-stat span,
body.fo-light #page-direct-order .fo-do2-stat span{
  color:#64748b !important;
  opacity:1 !important;
}

body.light #page-direct-order .fo-do2-stat b,
body.fo-light #page-direct-order .fo-do2-stat b{
  opacity:1 !important;
}

body.light #page-direct-order .fo-do2-stat:not(.ok):not(.warn):not(.bad) b,
body.fo-light #page-direct-order .fo-do2-stat:not(.ok):not(.warn):not(.bad) b{
  color:#6d5fd1 !important;
}

body.light #page-direct-order .fo-do2-stat.ok b,
body.fo-light #page-direct-order .fo-do2-stat.ok b{
  color:#059669 !important;
}

body.light #page-direct-order .fo-do2-stat.warn b,
body.fo-light #page-direct-order .fo-do2-stat.warn b{
  color:#d97706 !important;
}

body.light #page-direct-order .fo-do2-stat.bad b,
body.fo-light #page-direct-order .fo-do2-stat.bad b{
  color:#e11d48 !important;
}


/* ================= FILTERS ================= */

body.light #page-direct-order .fo-do2-filter,
body.fo-light #page-direct-order .fo-do2-filter{
  background:#f4f6fa !important;
  color:#475569 !important;
  border:1px solid #d8e0ea !important;
  box-shadow:none !important;
}

body.light #page-direct-order .fo-do2-filter.active,
body.fo-light #page-direct-order .fo-do2-filter.active{
  background:linear-gradient(135deg,#8b5cf6,#5b4ff0) !important;
  color:#ffffff !important;
  border-color:#7c3aed !important;
  box-shadow:0 6px 17px rgba(124,58,237,.17) !important;
}

body.light #page-direct-order .fo-do2-filter .fo-filter-count,
body.fo-light #page-direct-order .fo-do2-filter .fo-filter-count{
  background:rgba(100,116,139,.10) !important;
  color:#475569 !important;
}

body.light #page-direct-order .fo-do2-filter.active .fo-filter-count,
body.fo-light #page-direct-order .fo-do2-filter.active .fo-filter-count{
  background:rgba(255,255,255,.20) !important;
  color:#fff !important;
}


/* ================= SEARCH ================= */

body.light #page-direct-order .fo-do2-search,
body.light #page-direct-order #do-search,
body.fo-light #page-direct-order .fo-do2-search,
body.fo-light #page-direct-order #do-search{
  background:#f8fafc !important;
  color:#172033 !important;
  border:1px solid #cfd8e3 !important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.025) !important;
}

body.light #page-direct-order .fo-do2-search::placeholder,
body.light #page-direct-order #do-search::placeholder,
body.fo-light #page-direct-order .fo-do2-search::placeholder,
body.fo-light #page-direct-order #do-search::placeholder{
  color:#7c8799 !important;
  opacity:1 !important;
}


/* ================= USERNAME INPUT ================= */

body.light #page-direct-order .fo-do2-userline,
body.fo-light #page-direct-order .fo-do2-userline{
  background:#f8fafc !important;
  border:1px solid #cfd8e3 !important;
}

body.light #page-direct-order .fo-do2-userline span,
body.fo-light #page-direct-order .fo-do2-userline span{
  color:#6d28d9 !important;
  opacity:1 !important;
}

body.light #page-direct-order .fo-do2-userline input,
body.fo-light #page-direct-order .fo-do2-userline input{
  background:transparent !important;
  color:#172033 !important;
  border:0 !important;
}


/* ================= CUSTOMER CARDS ================= */

body.light #page-direct-order .fo-do2-user,
body.fo-light #page-direct-order .fo-do2-user{
  background:#f9fbfd !important;
  border:1px solid #dbe2eb !important;
  box-shadow:0 3px 10px rgba(15,23,42,.035) !important;
  color:#172033 !important;
  opacity:1 !important;
}

body.light #page-direct-order .fo-do2-user.done,
body.fo-light #page-direct-order .fo-do2-user.done{
  background:#f2fbf7 !important;
  border-color:#a7dfca !important;
  opacity:.82 !important;
}

body.light #page-direct-order .fo-do2-user > div:first-child > b,
body.fo-light #page-direct-order .fo-do2-user > div:first-child > b{
  color:#172033 !important;
  opacity:1 !important;
  font-weight:950 !important;
}

body.light #page-direct-order .fo-do2-meta,
body.fo-light #page-direct-order .fo-do2-meta{
  color:#64748b !important;
  opacity:1 !important;
}

/* مهم: روی تمام span ها رنگ اجباری نمی‌گذاریم
   تا رنگ وضعیت بررسی‌شده/نشده سالم بماند */

body.light #page-direct-order .fo-do2-time,
body.fo-light #page-direct-order .fo-do2-time{
  color:#7b8799 !important;
  opacity:1 !important;
}

body.light #page-direct-order .fo-do2-mob,
body.fo-light #page-direct-order .fo-do2-mob{
  color:#059669 !important;
  opacity:1 !important;
}

body.light #page-direct-order .fo-do2-txt,
body.fo-light #page-direct-order .fo-do2-txt{
  color:#475569 !important;
  opacity:1 !important;
}


/* badge کد */
body.light #page-direct-order .fo-do2-badge,
body.fo-light #page-direct-order .fo-do2-badge{
  background:#eeeafd !important;
  color:#5b21b6 !important;
  border:1px solid #d8ccfb !important;
}


/* ================= CARD BUTTONS ================= */

body.light #page-direct-order .fo-do2-smallbtn,
body.fo-light #page-direct-order .fo-do2-smallbtn{
  background:linear-gradient(135deg,#4f6bff,#7c3aed) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:0 5px 12px rgba(91,76,220,.14) !important;
}

/* پروفایل */
body.light #page-direct-order .fo-do-row-actions button[onclick*="foOpenInstagramProfile"],
body.fo-light #page-direct-order .fo-do-row-actions button[onclick*="foOpenInstagramProfile"]{
  background:#eef6ff !important;
  color:#2563eb !important;
  border:1px solid #bfdbfe !important;
}

/* بررسی شد */
body.light #page-direct-order .fo-do-checkbtn,
body.fo-light #page-direct-order .fo-do-checkbtn{
  background:#ecfdf5 !important;
  color:#047857 !important;
  border:1px solid #a7f3d0 !important;
}

body.light #page-direct-order .fo-do-checkbtn.done,
body.fo-light #page-direct-order .fo-do-checkbtn.done{
  background:#f1f5f9 !important;
  color:#64748b !important;
  border-color:#cbd5e1 !important;
}


/* ================= FORM ================= */

body.light #page-direct-order .fo-do2-grid2 label,
body.fo-light #page-direct-order .fo-do2-grid2 label{
  color:#475569 !important;
  font-weight:850 !important;
  opacity:1 !important;
}

body.light #page-direct-order #do-name,
body.light #page-direct-order #do-mobile,
body.light #page-direct-order #do-code,
body.light #page-direct-order #do-size,
body.light #page-direct-order #do-province,
body.light #page-direct-order #do-city,
body.light #page-direct-order #do-address,
body.light #page-direct-order #do-username,
body.fo-light #page-direct-order #do-name,
body.fo-light #page-direct-order #do-mobile,
body.fo-light #page-direct-order #do-code,
body.fo-light #page-direct-order #do-size,
body.fo-light #page-direct-order #do-province,
body.fo-light #page-direct-order #do-city,
body.fo-light #page-direct-order #do-address,
body.fo-light #page-direct-order #do-username{
  background:#f8fafc !important;
  color:#172033 !important;
  border:1px solid #cfd8e3 !important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.025) !important;
}

body.light #page-direct-order input::placeholder,
body.light #page-direct-order textarea::placeholder,
body.fo-light #page-direct-order input::placeholder,
body.fo-light #page-direct-order textarea::placeholder{
  color:#8a94a5 !important;
  opacity:1 !important;
}


/* ================= COMPANY BOX ================= */

body.light #page-direct-order #fo-do-company-box,
body.fo-light #page-direct-order #fo-do-company-box{
  background:#fffbeb !important;
  color:#b45309 !important;
  border:1px solid #fde68a !important;
  box-shadow:none !important;
}


/* ================= READY / PREVIEW ================= */

body.light #page-direct-order .fo-do2-preview,
body.light #page-direct-order #do-ready-box,
body.fo-light #page-direct-order .fo-do2-preview,
body.fo-light #page-direct-order #do-ready-box{
  background:#f0f7ff !important;
  border:1px solid #bfdbfe !important;
  color:#334155 !important;
}

body.light #page-direct-order #do-ready-text,
body.fo-light #page-direct-order #do-ready-text{
  background:#ffffff !important;
  border:1px solid #cfd8e3 !important;
  color:#334155 !important;
}


/* ================= MESSAGES ================= */

body.light #page-direct-order .fo-do2-msg.info,
body.fo-light #page-direct-order .fo-do2-msg.info{
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
  color:#1d4ed8 !important;
}

body.light #page-direct-order .fo-do2-msg.ok,
body.fo-light #page-direct-order .fo-do2-msg.ok{
  background:#ecfdf5 !important;
  border-color:#a7f3d0 !important;
  color:#047857 !important;
}

body.light #page-direct-order .fo-do2-msg.err,
body.fo-light #page-direct-order .fo-do2-msg.err{
  background:#fff1f2 !important;
  border-color:#fecdd3 !important;
  color:#be123c !important;
}


/* ================= AUTO SUBMIT ================= */

body.light #page-direct-order #fo-as-panel,
body.fo-light #page-direct-order #fo-as-panel{
  background:#ffffff !important;
  border:1px solid #dbe2eb !important;
  color:#172033 !important;
}

body.light #page-direct-order #fo-as-panel h4,
body.fo-light #page-direct-order #fo-as-panel h4{
  color:#172033 !important;
}

body.light #page-direct-order .fo-as-card,
body.fo-light #page-direct-order .fo-as-card{
  background:#f8fafc !important;
  border:1px solid #e2e8f0 !important;
  opacity:1 !important;
}

body.light #page-direct-order .fo-as-card label,
body.fo-light #page-direct-order .fo-as-card label{
  color:#172033 !important;
}

body.light #page-direct-order .fo-as-card .d,
body.fo-light #page-direct-order .fo-as-card .d{
  color:#64748b !important;
}

body.light #page-direct-order .fo-as-card .d b,
body.fo-light #page-direct-order .fo-as-card .d b{
  color:#334155 !important;
}


/* ================= SELECTION BAR ================= */

body.light #page-direct-order .fo-do2-selbar,
body.fo-light #page-direct-order .fo-do2-selbar{
  background:rgba(255,255,255,.97) !important;
  border:1px solid #dbe2eb !important;
  color:#172033 !important;
  box-shadow:0 10px 30px rgba(15,23,42,.12) !important;
}


/* ================= SMALL SCREEN ================= */

@media(max-width:390px){
  body.light #page-direct-order .fo-do2-pro,
  body.fo-light #page-direct-order .fo-do2-pro{
    padding-left:8px !important;
    padding-right:8px !important;
  }
}