/* =========================================================
   DARK MODE — หน้าฝั่งศิลปิน /app/* (ยกเว้นกลุ่ม Marketplace: market · services · seller · checkout · affiliate)
   - โหลดต่อจาก dark.css ตามลำดับชื่อไฟล์ · ใช้ token --fb-* จาก dark.css เท่านั้น
   - ต้นเหตุหลัก: CSS ของหน้าใช้ var(--brand) / rgba(var(--brand-rgb),1) (#03338a) เป็น "สีตัวหนังสือ/ไอคอน"
     ซึ่งโหมดมืดไม่ได้แปลง (--brand ยังเป็นสีพื้นปุ่ม) → น้ำเงินเข้มบนพื้นมืด มองไม่เห็น → ไฟล์นี้เปลี่ยนเป็น --fb-accent
   - สถานะบวกที่เดิมเป็นเขียว → น้ำเงิน (กติกาดีไซน์) · หัวเพจน้ำเงิน / การ์ด Wallet น้ำเงิน คงเดิม
   ========================================================= */

/* ── 1) ไอคอน/ตัวหนังสือที่ใช้น้ำเงินแบรนด์เป็นสีตัวหนังสือ → ฟ้าอ่าน ─────────── */
html[data-theme="dark"] .ydpc-eyebrow,
html[data-theme="dark"] .ydpc-act__thumb.is-soft .bi,
html[data-theme="dark"] .yd-hub-group__ic,
html[data-theme="dark"] .yd-hub-group__ic .bi,
html[data-theme="dark"] .rv-mini .k .bi,
html[data-theme="dark"] .rv-track-no,
html[data-theme="dark"] .rvp-count,
html[data-theme="dark"] .pll-type.is-follow,
html[data-theme="dark"] .pll .pll-type.is-follow i.bi,
html[data-theme="dark"] .plv .plv-card__ic i.bi,
html[data-theme="dark"] .plv-count,
html[data-theme="dark"] .plf .plf-tip > i.bi,
html[data-theme="dark"] .plf-tip code,
html[data-theme="dark"] .plv-slug code,
html[data-theme="dark"] #slugPreview,
html[data-theme="dark"] #publicPreview,
html[data-theme="dark"] .mkt-card__title > i,
html[data-theme="dark"] .mkt-empty > i,
html[data-theme="dark"] .ana-empty > i,
html[data-theme="dark"] .mkt-caption__head i,
html[data-theme="dark"] .yd-anew-field-hint .bi,
html[data-theme="dark"] .yd-anew-quota .bi,
html[data-theme="dark"] .yd-anew-steps li b,
html[data-theme="dark"] .yd-start-need__v b,
html[data-theme="dark"] .spt .spt-tile__ic i.bi,
html[data-theme="dark"] .rtm-foot .bi { color: var(--fb-accent) !important; }

/* พื้นจาง ๆ ของชิป/กล่องไอคอนข้างบน → ฟ้าโปร่ง + ขอบเส้นเทา */
html[data-theme="dark"] .yd-hub-group__ic,
html[data-theme="dark"] .rv-track-no,
html[data-theme="dark"] .rvp-count,
html[data-theme="dark"] .pll-type.is-follow,
html[data-theme="dark"] .plv-card__ic,
html[data-theme="dark"] .plv-count,
html[data-theme="dark"] .mkt-card__title > i,
html[data-theme="dark"] .mkt-empty > i,
html[data-theme="dark"] .ana-empty > i,
html[data-theme="dark"] .ydpc-act__thumb.is-soft { background: var(--fb-accent-soft) !important; border-color: var(--fb-line) !important; }
html[data-theme="dark"] .plf-tip code,
html[data-theme="dark"] .plv-slug code,
html[data-theme="dark"] #slugPreview,
html[data-theme="dark"] #publicPreview { background: var(--fb-card2) !important; color: var(--fb-accent) !important; }

/* เพลงที่เลือกอยู่ในรายการ track (หน้า Release view) */
html[data-theme="dark"] .rv-track-item.active .rv-track-no { background: var(--fb-accent-strong) !important; color: #fff !important; }

/* ลำดับไฟล์ master ที่ยังว่าง: พื้นเทาอ่อน (--muted) + ตัวขาว อ่านไม่ออก */
html[data-theme="dark"] .rvp-master__row.is-empty .rvp-master__no { background: var(--fb-card2) !important; color: var(--fb-text) !important; }

/* ไอคอนจาง ๆ ในช่องปก/ลูกศรที่ใช้น้ำเงินแบรนด์โปร่ง */
html[data-theme="dark"] .plf .plf-cover__empty i.bi,
html[data-theme="dark"] .rtm .rtm-q__arrow i.bi,
html[data-theme="dark"] .yd-rwd-cover .bi,
html[data-theme="dark"] .rls-cover .bi { color: var(--fb-text3) !important; }

/* ขีด "—" แทนค่าว่างในรายการ Release */
html[data-theme="dark"] .rls .rls-dash { color: var(--fb-text2) !important; opacity: 1 !important; }

/* ── 2) สถานะบวก (เดิมเขียว) → น้ำเงิน ───────────────────────────── */
html[data-theme="dark"] .ydpc-status.is-ok,
html[data-theme="dark"] .yd-hub-group__tag--ok,
html[data-theme="dark"] .yd-cat-ok,
html[data-theme="dark"] .yd-push__state.is-ok { color: var(--fb-accent) !important; background: var(--fb-accent-soft) !important; border-color: rgba(69, 153, 255, 0.32) !important; }
html[data-theme="dark"] .ydpc-status.is-ok .bi,
html[data-theme="dark"] .yd-hub-group__tag--ok .bi,
html[data-theme="dark"] .yd-push__state.is-ok i { color: var(--fb-accent) !important; }
html[data-theme="dark"] .yd-cat-wait { color: var(--fb-text2) !important; background: var(--fb-card2) !important; }
html[data-theme="dark"] .yd-cat-wait .bi { color: var(--fb-text2) !important; }

/* ── 3) Promo Links ───────────────────────────────────────── */
/* ปุ่มขาวบนหัวการ์ดลิงก์ (plv-hero) — ไอคอนน้ำเงินเข้มบนพื้นที่ถูกทำมืด */
html[data-theme="dark"] .plv .plv-hero .plv-url__btn i.bi,
html[data-theme="dark"] .plv-btn.is-solid,
html[data-theme="dark"] .plv-btn.is-solid i.bi { color: #03338a !important; }
html[data-theme="dark"] .plv-btn.is-solid,
html[data-theme="dark"] .plv-url__btn { background: #fff !important; border-color: #fff !important; }
html[data-theme="dark"] .plv-btn.is-danger { background: rgba(240, 40, 73, 0.32) !important; border-color: rgba(255, 107, 107, 0.5) !important; color: #fff !important; }
/* QR ต้องเป็นพื้นขาวเพื่อให้สแกนได้ — คงขาว แค่ลดขอบ */
html[data-theme="dark"] .plv-qr { border-color: var(--fb-line) !important; }

/* ── 4) Promo Kit / การ์ดสถิติ (แผงรอบ ๆ ภาพ — ตัวภาพ canvas ไม่แตะ) ────────── */
html[data-theme="dark"] .mkt-stage {
  background:
    linear-gradient(45deg, #2c2d2e 25%, transparent 25%, transparent 75%, #2c2d2e 75%) 0 0 / 20px 20px,
    linear-gradient(45deg, #2c2d2e 25%, transparent 25%, transparent 75%, #2c2d2e 75%) 10px 10px / 20px 20px,
    var(--fb-card) !important;
  border-color: var(--fb-line) !important;
}
html[data-theme="dark"] .mkt-stage__nav,
html[data-theme="dark"] #mktFrameLabel,
html[data-theme="dark"] #anaFrameLabel { color: var(--fb-text2) !important; }
html[data-theme="dark"] .mkt-alert--warn { background: var(--fb-warn-soft) !important; border-color: rgba(247, 185, 40, 0.4) !important; color: var(--fb-warn) !important; }
html[data-theme="dark"] .mkt-alert--warn > div,
html[data-theme="dark"] .mkt-alert--warn b { color: #fde7a6 !important; }
html[data-theme="dark"] .mkt-alert--warn > i { color: var(--fb-warn) !important; }
/* segmented + ช่องวันที่บนหัวเพจน้ำเงิน = แคปซูลขาวทึบตัวเข้ม เหมือนโหมดสว่าง (ปุ่มที่เลือก = น้ำเงิน ตัวขาว)
   กำหนดครบทั้งพื้น+ตัวหนังสือที่นี่ที่เดียว (30-admin-other.css อ้างถึงไฟล์นี้) */
html[data-theme="dark"] .yd-hero .mkt-seg { background: #fff !important; border-color: rgba(255, 255, 255, 0.85) !important; }
html[data-theme="dark"] .yd-hero .mkt-seg__btn:not(.is-active),
html[data-theme="dark"] .yd-hero .mkt-seg__btn:not(.is-active) .bi { color: #475569 !important; background: transparent !important; }
html[data-theme="dark"] .yd-hero .mkt-seg__btn.is-active,
html[data-theme="dark"] .yd-hero .mkt-seg__btn.is-active .bi { color: #fff !important; background: var(--brand) !important; }
html[data-theme="dark"] .yd-hero .mkt-weeknav__date { background: #fff !important; border-color: rgba(255, 255, 255, 0.85) !important; }
html[data-theme="dark"] .yd-hero .mkt-weeknav__date,
html[data-theme="dark"] .yd-hero .mkt-weeknav__date span,
html[data-theme="dark"] .yd-hero .mkt-weeknav__date input { color: #0f172a !important; color-scheme: light; }
html[data-theme="dark"] .yd-hero .mkt-weeknav__date input { background: transparent !important; border: 0 !important; }
html[data-theme="dark"] .yd-hero .mkt-weeknav__date .bi,
html[data-theme="dark"] .yd-hero .mkt-weeknav__date i { color: #03338a !important; }

/* ── 5) การ์ดน้ำเงิน (Wallet / Payouts) — คงพื้นน้ำเงิน แค่ทำตัวรองให้สว่างขึ้น ───── */
html[data-theme="dark"] .wl-card__lbl,
html[data-theme="dark"] .wl-card__cur,
html[data-theme="dark"] .wl-card__note,
html[data-theme="dark"] .wl-card__row-txt small,
html[data-theme="dark"] .wl-card__avail-row small,
html[data-theme="dark"] .pyo-bal__lbl,
html[data-theme="dark"] .pyo-bal__cur,
html[data-theme="dark"] .pyo-bal__row-txt small { color: rgba(255, 255, 255, 0.86) !important; }

/* ── 7) ปุ่มหลัก (btn-primary พื้น --fb-accent-mid ตัวขาว 3.3:1) ในฟอร์มลงเพลง/ข้อกำหนด → ฟ้าเข้มขึ้น 4.6:1 ── */
html[data-theme="dark"] #btn-next.btn-primary,
html[data-theme="dark"] .yd-step-form .btn-primary,
html[data-theme="dark"] .release-terms-contact .btn-yd { background: var(--fb-accent-strong) !important; border-color: var(--fb-accent-strong) !important; color: #fff !important; }
html[data-theme="dark"] .release-terms-contact .btn-yd .bi { color: #fff !important; }

/* ── 8) KPI ป้าย "Action" (badge สีเข้มบนการ์ด) หน้า Splits / ตัวอย่าง Splits ── */
html[data-theme="dark"] .promo-kpi-card .badge.rounded-pill { background: var(--fb-card2) !important; color: var(--fb-text) !important; border: 1px solid var(--fb-line); }

/* ── 9) ป้ายเตือนอำพัน: ไอคอนขาวบนพื้นส้ม 2.9:1 → พื้นเข้มขึ้น ── */
html[data-theme="dark"] .yd-rwd-v .yd-badge-warn > i.bi,
html[data-theme="dark"] td .yd-badge.yd-badge-warn > i.bi { background: #b45309 !important; }

/* ── 10) Notifications: การ์ดแจ้งเตือนบนเครื่อง ── */
html[data-theme="dark"] .yd-push__sub { color: var(--fb-text2) !important; }
html[data-theme="dark"] .yd-push__state { color: var(--fb-text2) !important; }

/* ── 11) Settings: การ์ดโปรไฟล์ — ช่องรูปที่ยังไม่มีรูป ── */
html[data-theme="dark"] .ydpc-act__thumb.is-soft { box-shadow: none !important; }

/* ── 12) ชิป/กล่องไอคอนสีฟ้า: พื้นฟ้าโปร่งซ้อนบนพื้นการ์ด → คอนทราสต์ตก
        ใช้พื้นใส (เห็นการ์ด) ให้ตัวหนังสือฟ้า 6:1 · กล่องไอคอนใช้ card2 ── */
html[data-theme="dark"] .pll-type.is-follow,
html[data-theme="dark"] .plv-count,
html[data-theme="dark"] .rvp-count,
html[data-theme="dark"] .ydpc-status.is-ok,
html[data-theme="dark"] .yd-hub-group__tag--ok,
html[data-theme="dark"] .yd-artist-card__active-chip { background: transparent !important; border-color: rgba(69, 153, 255, 0.45) !important; color: var(--fb-accent) !important; }
html[data-theme="dark"] .yd-hub-group__ic,
html[data-theme="dark"] .plv-card__ic,
html[data-theme="dark"] .mkt-card__title > i,
html[data-theme="dark"] .mkt-empty > i,
html[data-theme="dark"] .ana-empty > i,
html[data-theme="dark"] .rv-track-no,
html[data-theme="dark"] .yd-artist-card--add__icon { background: var(--fb-card2) !important; border-color: var(--fb-line) !important; }
html[data-theme="dark"] .plf-tip code,
html[data-theme="dark"] .plv-slug code,
html[data-theme="dark"] #slugPreview,
html[data-theme="dark"] #publicPreview { color: var(--fb-text) !important; }

/* ── 13) จัดการศิลปิน (/app/settings/artists) ── */
html[data-theme="dark"] .yd-artists-stat__icon,
html[data-theme="dark"] .yd-artists-section-head .bi,
html[data-theme="dark"] .yd-artist-card__stat-label .bi,
html[data-theme="dark"] .yd-artist-card--add,
html[data-theme="dark"] .yd-artist-card--add__title,
html[data-theme="dark"] .yd-artist-card--add__icon,
html[data-theme="dark"] .yd-artist-card--add__icon .bi { color: var(--fb-accent) !important; }
html[data-theme="dark"] .yd-artist-card--add { background: var(--fb-card) !important; border-color: var(--fb-line) !important; }
html[data-theme="dark"] .yd-artist-card--add:hover { background: var(--fb-hover) !important; }
html[data-theme="dark"] .yd-artist-card__btn:not(.yd-artist-card__btn--ghost) { background: var(--fb-accent-strong) !important; border-color: var(--fb-accent-strong) !important; color: #fff !important; }
html[data-theme="dark"] .yd-artist-card__btn:not(.yd-artist-card__btn--ghost) .bi { color: #fff !important; }
html[data-theme="dark"] .yd-artist-card__btn--ghost { color: var(--fb-text) !important; border-color: var(--fb-line) !important; }

/* ── 14) VIP: ไอคอนบนหัวคอลัมน์แพ็ก (พื้นไล่สีทอง/น้ำเงิน) = ขาว · ขีด "ไม่มี" ── */
/* (selector ยาวเพื่อชนะกฎ "ไอคอนหัวตาราง = เทา" ของ 10-admin-system.css ที่ใช้ทั้งระบบ) */
html[data-theme="dark"]:root body th.vip-table__t--vip .vip-th__ic i.bi.bi,
html[data-theme="dark"]:root body th.vip-table__t--vvip .vip-th__ic i.bi.bi { color: #fff !important; }
html[data-theme="dark"] .vip-no,
html[data-theme="dark"] .vip-no.bi { color: var(--fb-text2) !important; opacity: 1 !important; }

/* ── 15) 1 Clip Challenge: เลขลายน้ำในการ์ดขั้นตอน ── */
html[data-theme="dark"] .cc-step__no { color: rgba(69, 153, 255, 0.28) !important; }

/* ── 16) ดอกจันช่องบังคับในฟอร์มเพิ่มศิลปิน (แดงเข้มบนการ์ดมืด) ── */
html[data-theme="dark"] #ydAnewForm .yd-anew-field > label > span { color: var(--fb-danger) !important; }

/* ── 17) ข้อความ/ป้ายที่วางบนพื้นหน้าโดยตรง (body มีแสงฟุ้งน้ำเงิน) → สว่างขึ้นอีกขั้น ── */
html[data-theme="dark"] .plv-note.pll-tip,
html[data-theme="dark"] .rtm-head__sub,
html[data-theme="dark"] .rtm-foot .small-muted,
html[data-theme="dark"] .yd-artists-section-head .small-muted,
html[data-theme="dark"] .trk-note__sub,
html[data-theme="dark"] .trk-empty .yd-empty__sub { color: var(--fb-text) !important; }
html[data-theme="dark"] .yd-hub-group__tag--ok { background: var(--fb-card) !important; }

/* ── 18) ป้ายนับไฟล์ในกล่องย่อย (พื้น card2) · ตัวหนาในกล่อง "เตรียมไฟล์" → ตัวหนังสือหลัก ── */
html[data-theme="dark"] .rvp-file__k .rvp-count,
html[data-theme="dark"] .yd-start-need__v b { color: var(--fb-text) !important; }

/* ── 19) Support: ไทล์หลัก (พื้นน้ำเงิน) — ไอคอนต้องขาว ── */
html[data-theme="dark"] .spt .spt-tile.is-primary .spt-tile__ic i.bi { color: #fff !important; }

/* ── 20) ไอคอนนำหน้าที่วางบนพื้นหน้า (แสงฟุ้ง) ── */
html[data-theme="dark"] .yd-artists-section-head > i.bi,
html[data-theme="dark"] .rtm-foot .small-muted > i.bi { color: var(--fb-text) !important; }

/* ── การ์ดหมวดในฟอร์มส่งเพลง (.yd-fsec): ขอบ/พื้นแยกจากกล่องด้านหลังไม่ออก เหลือแต่แถบฟ้าด้านบนลอยอยู่ ── */
html[data-theme="dark"] .yd-release-wizard .yd-fsec {
  background:
    linear-gradient(90deg, #03338a, #1d5fd6 55%, #7dd3fc) top / 100% 4px no-repeat border-box,
    linear-gradient(rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035)) border-box,
    var(--fb-card) !important;
  border: 1px solid var(--fb-line) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 20px -12px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .yd-release-wizard .yd-fsec__head { border-bottom-color: var(--fb-line) !important; }

/* ตัวนับในแท็บที่เลือก (ตัวขาวบนพื้นฟ้าจาง → พื้นฟ้าเข้มขึ้น) */
html[data-theme="dark"] .yd-subnav__item.is-active .yd-subnav__count { background: var(--fb-accent-strong) !important; color: #fff !important; }

/* ปุ่ม "เปลี่ยนศิลปิน" ในแถบขอบเขตโปรไฟล์ (.yd-scope-bar): ตัวน้ำเงินเข้มบนพื้นมืด 1.35:1 → ฟ้าสว่าง */
html[data-theme="dark"] .yd-scope-bar__btn,
html[data-theme="dark"] .yd-scope-bar__btn .bi { color: var(--fb-accent) !important; }
html[data-theme="dark"] .yd-scope-bar__btn { border-color: var(--fb-line) !important; background: rgba(255, 255, 255, 0.04) !important; }
html[data-theme="dark"] .yd-scope-bar__btn:hover { border-color: rgba(69, 153, 255, 0.5) !important; background: rgba(69, 153, 255, 0.14) !important; }

/* ── หน้าเลือกประเภทการส่งเพลง (/app/releases/start): ลายน้ำจางแต่มองเห็น · ไอคอน/ตัวเลขมีสีฟ้า ── */
html[data-theme="dark"] .yd-start-card__wm,
html[data-theme="dark"] .yd-start-card__wm i { color: rgba(69, 153, 255, 0.11) !important; }
html[data-theme="dark"] .yd-start-hero__wm { opacity: 0.18 !important; }   /* แผ่นดิสก์หัวเพจ: จางเท่าโหมดสว่าง */
html[data-theme="dark"] .yd-start-need__ic {
  background: rgba(69, 153, 255, 0.14) !important;
  border-color: rgba(69, 153, 255, 0.3) !important;
}
html[data-theme="dark"] .yd-start-need__ic i { color: var(--fb-accent) !important; }
html[data-theme="dark"] .yd-start-flow__no {
  background: rgba(69, 153, 255, 0.16) !important;
  border-color: rgba(69, 153, 255, 0.35) !important;
  color: #8bbaff !important;
}
html[data-theme="dark"] .yd-start-flow__no.is-live,
html[data-theme="dark"] .yd-start-flow li:last-child .yd-start-flow__no {
  background: var(--fb-accent-strong) !important;
  border-color: var(--fb-accent-strong) !important;
  color: #fff !important;
}
html[data-theme="dark"] .yd-start-card__point i { background: var(--fb-accent-strong) !important; color: #fff !important; }
html[data-theme="dark"] .yd-start-flow li:last-child .yd-start-flow__no i,
html[data-theme="dark"] .yd-start-flow li:last-child .yd-start-flow__no .bi { color: #fff !important; }

/* ขั้นตอนที่กำลังอยู่ของฟอร์มส่งเพลง = ฟ้าทึบ (ตรงกับโหมดสว่าง) */
html[data-theme="dark"] .yd-release-wizard .step-chip.active {
  background: linear-gradient(135deg, #1b5fc9 0%, var(--fb-accent-strong) 100%) !important;
  border-color: var(--fb-accent-strong) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px -12px rgba(35, 116, 225, 0.8) !important;
}
html[data-theme="dark"] .yd-release-wizard .step-chip.active .step-chip-number {
  background: #fff !important;
  border-color: #fff !important;
  color: #1b5fc9 !important;
}
html[data-theme="dark"] .yd-release-wizard .step-chip.active i,
html[data-theme="dark"] .yd-release-wizard .step-chip.active .step-chip-label { color: #fff !important; }