/* =========================================================
   DARK MODE — ชิ้นส่วนกลางที่โผล่ทุกหน้า (V68.7.8.311)
   ไฟล์ใน assets/css/dark/ โหลดต่อท้าย dark.css ตามลำดับชื่อ (src/lib/theme.php) · ใช้ token --fb-* จาก dark.css เท่านั้น
   ========================================================= */

/* Account Dock: ปุ่มบนการ์ด Wallet (พื้นน้ำเงิน) · ตัวอักษรอวาตาร์ · ตัวนับ */
html[data-theme="dark"] .yd-sidebar .yd-dock__wbtns a { color: #fff !important; background: rgba(0, 0, 0, 0.22) !important; border-color: rgba(255, 255, 255, 0.22) !important; }
html[data-theme="dark"] .yd-sidebar .yd-dock__wbtns a:hover { background: rgba(0, 0, 0, 0.32) !important; }
html[data-theme="dark"] .yd-sidebar .yd-dock__av { color: var(--fb-text) !important; background-color: var(--fb-card2) !important; }

/* การ์ดหมวด .yd-sec: ตัวนับมุมขวา */
html[data-theme="dark"] .yd-sec__count { color: var(--fb-text) !important; background: var(--fb-card2) !important; border-color: var(--fb-line) !important; }

/* หัวตาราง: ไอคอนนำหน้าชื่อคอลัมน์ (เดิมฟ้าเข้มบนพื้นหัวตาราง) */
html[data-theme="dark"] th .bi,
html[data-theme="dark"] .yd-th .bi,
html[data-theme="dark"] thead .bi { color: var(--fb-text2) !important; }

/* ตัวแบ่งหน้า */
html[data-theme="dark"] .yd-pager,
html[data-theme="dark"] .yd-pager__meta { background-color: transparent !important; }
html[data-theme="dark"] .yd-pager__meta,
html[data-theme="dark"] .yd-pager__meta span { color: var(--fb-text2) !important; }

/* label ของแถวตัวกรอง */
html[data-theme="dark"] .yd-toolbar,
html[data-theme="dark"] [class*="toolbar"]:not(.btn-toolbar) { background-color: var(--fb-card) !important; border-color: var(--fb-line) !important; }
html[data-theme="dark"] .form-label,
html[data-theme="dark"] .form-label .bi { color: var(--fb-text2) !important; }

/* ปุ่ม/ลิงก์ว่าง (empty state) ที่ใช้ไอคอนน้ำเงินแบรนด์เป็นตัวหนังสือ */
html[data-theme="dark"] .yd-empty__cta--outline,
html[data-theme="dark"] .yd-empty__cta--outline .bi { color: var(--fb-accent) !important; border-color: var(--fb-line) !important; }

/* กล่องสถานะวันปล่อยเพลง: ไอคอนบนพื้นฟ้า */
html[data-theme="dark"] .yd-rdl__icon { background: var(--fb-accent-strong) !important; }

/* ป้ายสถานะโทนเตือน: วงกลมไอคอนอำพันเข้มขึ้นให้ไอคอนขาวชัด (เดิม 2.9:1 → 5:1) */
html[data-theme="dark"]:root body .yd-badge.yd-badge.yd-badge-warn {
  --ydb-g1: #92400e !important;
  --ydb-g2: #b45309 !important;
  --ydb-g3: #d97706 !important;
  --ydb-fg: var(--fb-warn) !important;
}

/* ── รอบแก้ภาพจริงจากผู้ใช้ (V68.7.8.312) ───────────────────────────────── */

/* รูปอวาตาร์ที่ใส่ด้วย inline background-image: คง cover/center เสมอ (กฎ background: shorthand เคยรีเซ็ตเป็น auto → เห็นแค่มุมขาวของรูป) */
html[data-theme="dark"] [style*="background-image"][class*="avatar"],
html[data-theme="dark"] [style*="background-image"][class*="__av"],
html[data-theme="dark"] .yd-dock__av[style*="background-image"],
html[data-theme="dark"] .yd-as__avatar[style*="background-image"] {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ลายน้ำไอคอนบนการ์ดมืด (KPI .yd-card-wm · แถบโปรไฟล์ .ydpc-wm · การ์ดสถิติแอดมิน .yd-ud-stat__wm · การ์ดประกาศ .ydan-card__wm)
   = ฟ้าอ่อนจาง ๆ แบบหน้าเลือกประเภทส่งเพลง (เดิมเทาขาว/สีเข้มกว่าการ์ดจนเห็นเป็นสี่เหลี่ยมมืด) · ลายน้ำบนหัวเพจน้ำเงินไม่แตะ */
html[data-theme="dark"] .yd-card-wm,
html[data-theme="dark"] .ydpc-wm,
html[data-theme="dark"] .yd-ud-stat__wm,
html[data-theme="dark"] .ydan-card__wm,
html[data-theme="dark"] .ydan-card__wm.bi { color: rgb(69, 153, 255) !important; opacity: 0.12 !important; }
html[data-theme="dark"] a:hover > .promo-kpi-card .yd-card-wm,
html[data-theme="dark"] .acc-kpi:hover .yd-card-wm { opacity: 0.2 !important; }

/* ช่องข้อมูลย่อย (หน้า Release view .rv-mini) — ขอบ/พื้นแบบน้ำเงินแบรนด์โปร่งมองไม่เห็นบนพื้นมืด */
html[data-theme="dark"] .rv-mini { background: rgba(255, 255, 255, 0.04) !important; border-color: var(--fb-line) !important; }
html[data-theme="dark"] .rv-mini .k { color: var(--fb-text2) !important; }
html[data-theme="dark"] .rv-mini .v { color: var(--fb-text) !important; }

/* ปุ่มหลักน้ำเงินแบรนด์ (#03338a) เข้มเกินบนพื้นมืด → ฟ้า Facebook (ตัวขาว 4.6:1) ทุกที่
   ปุ่มบนหัวเพจน้ำเงินยังเป็นปุ่มขาวเหมือนเดิม เพราะกฎของ hero (yd_hero_dark.css) specificity สูงกว่า */
html[data-theme="dark"] .btn-brand-yd:not(.is-solid):not(:is(.dash-profile__btns, .yd-ud-actions) *),
html[data-theme="dark"] .btn-primary:not(.is-solid):not(:is(.dash-profile__btns, .yd-ud-actions) *) {
  background: var(--fb-accent-strong) !important;
  border-color: var(--fb-accent-strong) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px -8px rgba(35, 116, 225, 0.7);
}
html[data-theme="dark"] .btn-brand-yd:not(.is-solid):not(:is(.dash-profile__btns, .yd-ud-actions) *):hover,
html[data-theme="dark"] .btn-brand-yd:not(.is-solid):not(:is(.dash-profile__btns, .yd-ud-actions) *):focus-visible,
html[data-theme="dark"] .btn-primary:not(.is-solid):not(:is(.dash-profile__btns, .yd-ud-actions) *):hover {
  background: #3b8cf0 !important;
  border-color: #3b8cf0 !important;
}

/* การ์ดสลับศิลปิน (.yd-as): ตัวนับ "2" บนพื้นน้ำเงิน → ลูกศรขาว · อักษรย่อในรายการ → ฟ้าสว่างบนพื้นเทา */
html[data-theme="dark"] .yd-as__count,
html[data-theme="dark"] .yd-as__count .bi { color: #fff !important; }
html[data-theme="dark"] .yd-as__row-avatar { color: #8bbaff !important; background-color: var(--fb-card2) !important; border-color: var(--fb-line) !important; }

/* ไอคอนในปุ่มหลักต้องสีเดียวกับตัวอักษรปุ่ม (เดิมบางหน้าบังคับไอคอนเป็นน้ำเงินแบรนด์) */
html[data-theme="dark"] .btn-brand-yd:not(.is-solid):not(:is(.dash-profile__btns, .yd-ud-actions) *) .bi,
html[data-theme="dark"] .btn-primary:not(.is-solid):not(:is(.dash-profile__btns, .yd-ud-actions) *) .bi { color: #fff !important; }

/* การ์ดสลับศิลปินซ้ายบน: โหมดมืดเดิมไม่มีกรอบ/พื้น กลืนไปกับแถบซ้าย → ให้เป็นการ์ดเหมือนโหมดสว่าง (กรอบบาง + พื้นยก + ไล่ฟ้าจาง) */
html[data-theme="dark"] .yd-as__details > summary {
  background: linear-gradient(160deg, rgba(69, 153, 255, 0.14) 0%, rgba(255, 255, 255, 0.05) 70%) !important;
  border: 1px solid var(--fb-line) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .yd-as__details > summary:hover {
  background: linear-gradient(160deg, rgba(69, 153, 255, 0.22) 0%, rgba(255, 255, 255, 0.07) 70%) !important;
  border-color: rgba(69, 153, 255, 0.5) !important;
}
html[data-theme="dark"] .yd-as__details[open] > summary {
  border-color: rgba(69, 153, 255, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(69, 153, 255, 0.16) !important;
}
html[data-theme="dark"] .yd-as__avatar { border-color: var(--fb-line) !important; }

/* ── เมนูล่างมือถือ: วงแหวนปุ่ม MENU กลาง (เดิม border 4px ขาว = รอยบากบนแถบขาว) → สีเดียวกับแถบมืด ── */
html[data-theme="dark"] .ydm-fab__ring {
  border-color: var(--fb-card) !important;
  background: linear-gradient(135deg, #1b5fc9, var(--fb-accent-strong)) !important;
  box-shadow: 0 8px 18px -6px rgba(35, 116, 225, 0.65) !important;
}
html[data-theme="dark"] .ydm-fab[aria-expanded="true"] .ydm-fab__ring {
  background: linear-gradient(135deg, var(--fb-accent-strong), #1b5fc9) !important;
}
html[data-theme="dark"] .ydm-fab__lb { color: var(--fb-accent) !important; }

/* ── กล่องเมนูแอดมินในแถบซ้าย: โหมดสว่างเป็นกล่องมน 20px มีกรอบน้ำเงิน · โหมดมืดเดิมกรอบหาย (border:0 จากกฎ sidebar รุ่นเก่า) ── */
html[data-theme="dark"] .yd-sidebar .yd-sb-admin {
  border: 1px solid rgba(69, 153, 255, 0.3) !important;
  background: linear-gradient(180deg, rgba(69, 153, 255, 0.10) 0%, rgba(69, 153, 255, 0.04) 100%), var(--fb-card) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 24px -14px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .yd-sidebar .yd-sb-admin__head { border-bottom: 0; }