/* Mango Football — ปรับมือทับ football-skin.generated.css สำหรับหน้าที่ยังใช้เปลือกเดิม (user/temps/temp)
   โทนเดียวกับ football.css: พื้นดำ การ์ด #121212 เส้น #262626 ส้ม #ff8a1f ฟอนต์ Kanit */
html.fb-skin {
  --fb-page: #050505; --fb-card: #121212; --fb-card2: #1b1b1b; --fb-line: #262626;
  --fb-text: #f5f5f5; --fb-muted: #a3a3a3; --fb-brand: #ff8a1f; --fb-brand2: #ffb547;
  background: #000;
  color-scheme: dark;
}
html.fb-skin body {
  background: var(--fb-page);
  color: var(--fb-text);
  font-family: Kanit, system-ui, sans-serif;
}
html.fb-skin body, html.fb-skin h1, html.fb-skin h2, html.fb-skin h3, html.fb-skin h4, html.fb-skin h5, html.fb-skin h6,
html.fb-skin .btn, html.fb-skin input, html.fb-skin select, html.fb-skin textarea, html.fb-skin button {
  font-family: Kanit, system-ui, sans-serif;
}
html.fb-skin #appCapsule { background: var(--fb-page); }
html.fb-skin h1, html.fb-skin h2, html.fb-skin h3, html.fb-skin h4, html.fb-skin h5, html.fb-skin h6 { color: var(--fb-text); }
html.fb-skin .text-muted, html.fb-skin .text-secondary { color: var(--fb-muted) !important; }

/* หัว — เหมือน .fb-top ของเปลือกบอล */
html.fb-skin .appHeader, html.fb-skin .appHeader.bg-primary, html.fb-skin [data-theme] .appHeader.bg-primary {
  background: rgba(5, 5, 5, .94) !important;
  border-bottom: 1px solid #161616 !important;
  color: var(--fb-text) !important;
  box-shadow: none !important;
}
html.fb-skin .appHeader:before { background: transparent !important; }
html.fb-skin .appHeader .pageTitle, html.fb-skin .appHeader .header-shop-name { color: var(--fb-text) !important; font-weight: 700; }
html.fb-skin .appHeader .headerButton, html.fb-skin .appHeader .headerButton ion-icon { color: var(--fb-text) !important; }
html.fb-skin .appHeader .pageTitle .logo { border-radius: 10px; }

/* เมนูล่าง — เหมือน .fb-nav */
html.fb-skin .appBottomMenu {
  background: #000 !important;
  border-top: 1px solid var(--fb-line) !important;
  box-shadow: none !important;
}
html.fb-skin .appBottomMenu .item, html.fb-skin .appBottomMenu .item strong, html.fb-skin .appBottomMenu .item ion-icon { color: #8a8a8a !important; }
html.fb-skin .appBottomMenu .item.active, html.fb-skin .appBottomMenu .item.active strong,
html.fb-skin .appBottomMenu .item.active ion-icon { color: var(--fb-brand) !important; }
html.fb-skin .appBottomMenu .item.active .col, html.fb-skin .appBottomMenu .item .col { background: transparent !important; }
html.fb-skin .appBottomMenu .item.active .nav-icon { background: rgba(255, 138, 31, .14) !important; color: var(--fb-brand) !important; }

/* พื้นผิวพื้นฐานของ Finapp/Bootstrap */
html.fb-skin .card, html.fb-skin .listview, html.fb-skin .listview > li, html.fb-skin .modal-content,
html.fb-skin .action-sheet .modal-content, html.fb-skin .offcanvas, html.fb-skin .dropdown-menu, html.fb-skin .list-group-item {
  background-color: var(--fb-card);
  color: var(--fb-text);
  border-color: var(--fb-line);
}
html.fb-skin .form-control, html.fb-skin .form-select, html.fb-skin input:not([type=checkbox]):not([type=radio]), html.fb-skin select, html.fb-skin textarea {
  background-color: var(--fb-card2) !important;
  color: var(--fb-text) !important;
  border-color: var(--fb-line) !important;
}
html.fb-skin .form-control::placeholder, html.fb-skin input::placeholder { color: #6b6b6b !important; }
html.fb-skin .btn-primary, html.fb-skin [data-theme] .btn-primary {
  background: var(--fb-brand) !important;
  border-color: var(--fb-brand) !important;
  color: #1a0f00 !important;
}
html.fb-skin .appFooter { background: transparent; color: #5c5c5c; border: 0; }
html.fb-skin .appFooter .footer-title { color: #6b6b6b; }

/* preloader / toast ของเปลือกเดิม */
html.fb-skin #loader { background: rgba(0, 0, 0, .6) !important; }
html.fb-skin .mango-toast { background: var(--fb-card2); color: var(--fb-text); border: 1px solid var(--fb-line); }
html.fb-skin .appBottomMenu .item, html.fb-skin .appBottomMenu .item.active { background: transparent !important; }

/* พื้นหลังหน้าที่เคยเป็นกระดาษครีม (ถอนเงิน ฯลฯ) = สีพื้นหน้าเดียวกับเปลือกบอล */
html.fb-skin .withdraw-page::before { background: var(--fb-page) !important; }

/* หน้าเข้าสู่ระบบ — พื้นดำล้วนเหมือนแอป (ปุ่ม LINE เขียวคงไว้) */
html.fb-skin .line-auth-page { background: var(--fb-page) !important; }

/* ชื่อร้านบนหัว — Kanit กว้างกว่าฟอนต์เดิม ย่อให้พอดีจอ 360–390px (ชื่อยาวยังตัด … ได้) */
html.fb-skin .appHeader .pageTitle { max-width: calc(100% - 160px); }
html.fb-skin .appHeader .header-shop-name { font-size: 16px; }

/* หัวแผ่นทำรายการ (เติมเงิน ฯลฯ) — เดิมไล่สีส้มกับตัวอักษรเข้ม → หัวดำ ตัวอักษรขาว เหมือนแผ่นสลิปของบอล */
html.fb-skin .modal .modal-header {
  background: #0e0e0e !important;
  border-bottom: 1px solid var(--fb-line) !important;
}
html.fb-skin .modal .modal-header .modal-title, html.fb-skin .modal .modal-header h5 { color: var(--fb-text) !important; }
html.fb-skin .modal .modal-header .close-button, html.fb-skin .modal .modal-header .close-button ion-icon,
html.fb-skin .modal .modal-header [data-bs-dismiss] { color: var(--fb-muted) !important; }

/* หน้าถอน: CSS เดิมตั้งขอบซ้ายขวา 0 (เต็มจอ) — บนพื้นดำชิดขอบเกินไป ใส่ระยะเท่าเปลือกบอล */
html.fb-skin .withdraw-page { padding-left: 14px; padding-right: 14px; }

/* หัวหน้ารายได้จากทีม — ปลายไล่สีเหลืองอ่อน ตัวอักษรขาวอ่านไม่ออก → ตัวอักษรเข้มแบบปุ่มบอล */
html.fb-skin .rw-hero, html.fb-skin .rw-hero .rw-bonus .v { color: #1a0f00 !important; }
html.fb-skin .rw-hero .rw-bar { background: rgba(26, 15, 0, .18); }
html.fb-skin .rw-hero .rw-bar span { background: #1a0f00; }