/* ══ tawandee-flat.css — หน้าเว็บสาธารณะแบบเรียบ (2026-10-20 ดึก) ═══════════════════════════════════
   เจ้าของ (รูปหน้าแรกบนมือถือ): "หน้าเว็บยังไม่ทำเลยน้อง" — หลังจากทำโปรแกรม/หลังบ้าน/บัญชีเป็นแบบเรียบหมดแล้ว
   ภาษาเดียวกับโปรแกรม (codex-flat-all-v1 · codex-flat-acct-v1 · admin codex-admin-flat-v1):
   การ์ดชั้นเดียว (#135740 · ขาว) · ปุ่มหลัก = เขียวทึบ · ปุ่มรอง/ชิป = พื้นจาง · ไม่มีเงานูน ไม่มีไล่สี ไม่มีกรอบซ้อนกรอบ
   ใช้กับ: หน้าแรก (index) · สูตรหวย (lottery-formulas) · เข้าสู่ระบบ (login) · นโยบาย/ข้อกำหนด (privacy/terms) · reset-password · subscribe · settings
   - ป้ายนูนของ tawandee-clay (7 ไอดี) → ถอดด้วยไอดีซ้อน 8 ตัวใน :is()
   - สีผ่าน var() (ตัวแปลงสีโหมดเขียวของ tawandee-clay.js ไม่แตะ var())
   - ปุ่มสลับโหมด (◐ / ☀) คงแบบเดิม — เจ้าของเลือกสีไว้แล้ว (เหมือนในโปรแกรม)
   - พื้นหลังหน้า (แสงเขียวไล่) คงไว้ เป็นพื้น ไม่ใช่ของนูน ══ */
html{--wf-card:#135740;--wf-pill:rgba(255,255,255,.08);--wf-pillsh:none;--wf-soft2:rgba(255,255,255,.08);--wf-row:rgba(255,255,255,.05);--wf-tile:#02a046;--wf-t:#ffffff;--wf-sub:#b5dccb;--wf-line:rgba(181,220,203,.16);--wf-tint:rgba(125,226,150,.13);--wf-ico:#7de296;--wf-goldtint:rgba(246,180,14,.14);--wf-goldtx:#fde68a;--wf-hair:none}
html.lotto-soft-light{--wf-card:#ffffff;--wf-pill:#ffffff;--wf-pillsh:0 0 0 1px rgba(28,58,44,.10);--wf-soft2:#eef3f0;--wf-row:#f2f6f4;--wf-tile:#009c41;--wf-t:#1b2723;--wf-sub:#5b6a64;--wf-line:#e6ece9;--wf-tint:#e3f4ea;--wf-ico:#009c41;--wf-goldtint:#fff4d6;--wf-goldtx:#8a5a05;--wf-hair:0 0 0 1px rgba(28,58,44,.07)}

/* 1) ป้ายนูนทั้งหน้า → เรียบ (ปุ่มอ่อนโหมดเขียวเดิมมีรูปทรงจากเงาอย่างเดียว → ทับขาวจาง 6%) */
html:not(.lotto-soft-light) body :is(.twd-gclay-cd,.twd-gclay-tl,.twd-gclay-bt,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){box-shadow:none !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-sf,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){box-shadow:none !important;background-image:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)) !important}
html.lotto-soft-light body :is(.twd-clay-cd,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){box-shadow:var(--wf-hair) !important}
html.lotto-soft-light body :is(.twd-clay-sf,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){box-shadow:0 0 0 1px rgba(28,58,44,.10) !important}
html.lotto-soft-light body :is(.twd-clay-bt,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){box-shadow:none !important}

/* 2) ปุ่ม (ทุกหน้า) */
html:root body :is(.primary-btn,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-tile) !important;background-image:none !important;border:0 !important;box-shadow:none !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
html:root body :is(.primary-btn,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) *{color:#fff !important;-webkit-text-fill-color:#fff !important}
html:root body :is(.ghost-btn,.auth-secondary-btn,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB):not(.lotto-theme-toggle){background:var(--wf-pill) !important;background-image:none !important;border:0 !important;box-shadow:var(--wf-pillsh) !important;color:var(--wf-t) !important;-webkit-text-fill-color:var(--wf-t) !important}
html:root body :is(.auth-card,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) :is(.ghost-btn,.auth-secondary-btn):not(.lotto-theme-toggle){background:var(--wf-soft2) !important;box-shadow:none !important}
html:root body :is(.danger-btn,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background-image:none !important;border:0 !important;box-shadow:none !important}

/* 3) ปุ่ม/ชิปบนพื้นหน้า: เมนูบน · ติดต่อ Facebook · ชิปคุณสมบัติ · ลิงก์ผลหวย · เมนูเอกสาร */
html:root body :is(.seo-nav-btn,.facebook-contact-link,.seo-proof span,.seo-results-links a,.legal-nav-actions a,.formula-links a,.top-actions a,.pill,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-pill) !important;background-image:none !important;border:0 !important;box-shadow:var(--wf-pillsh) !important}
html:root body :is(.fb-app-icon,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){box-shadow:none !important;background-image:none !important}
html:root body :is(.contact-link-disabled,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){border:0 !important;box-shadow:none !important}
html:root body :is(.seo-kicker,.formula-kicker,.seo-preview-head span,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-goldtint) !important;background-image:none !important;border:0 !important;box-shadow:none !important;color:var(--wf-goldtx) !important;-webkit-text-fill-color:var(--wf-goldtx) !important}
html:root body :is(.twd-notice,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-tile) !important;background-image:none !important;box-shadow:none !important;border:0 !important}

/* 4) การ์ดชั้นเดียว */
html:root body :is(.seo-preview,.seo-lotto-card,.tour-hero,.tour-row,.tour-types,.seo-card,.seo-step,.seo-faq details,.auth-card,.legal-hero,.legal-section,.legal-footer,.formula-hero,.formula-card,.formula-cta,.formula-step,.plan-card,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-card) !important;background-image:none !important;border:0 !important;box-shadow:var(--wf-hair) !important}
html:root body:not(.twd-admin-shell) :is(.glass-panel,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-card) !important;background-image:none !important;border:0 !important;box-shadow:var(--wf-hair) !important}
html:root body :is(.auth-card,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) :is(.auth-panel,#tzB){background:none !important;background-image:none !important;border:0 !important;box-shadow:none !important}

/* 5) ของย่อยในการ์ด: พื้นจาง ไม่มีกรอบ */
html:root body :is(.seo-pairs span,.seo-lotto-names span,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-soft2) !important;background-image:none !important;border:0 !important;box-shadow:none !important}
html:root body :is(.seo-lotto-names span.seo-lotto-more,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:none !important;color:var(--wf-sub) !important;-webkit-text-fill-color:var(--wf-sub) !important;padding-left:2px !important}
html:root body :is(.seo-lotto-head b,.tour-step,.legal-kicker,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-tint) !important;background-image:none !important;border:0 !important;box-shadow:none !important;color:var(--wf-ico) !important;-webkit-text-fill-color:var(--wf-ico) !important}
html:root body :is(.tour-step.tour-step-key,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-tile) !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
html:root body :is(.seo-digits b,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-tile) !important;background-image:none !important;border:0 !important;box-shadow:none !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
html:root body :is(.tour-group,.tour-types li,.legal-summary,.status-item,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-row) !important;background-image:none !important;border:0 !important;box-shadow:none !important}
html:root body :is(.tour-shot,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){box-shadow:none !important;border:0 !important}
html:root body :is(.tour-nav,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-card) !important;background-image:none !important;border:0 !important;box-shadow:0 0 0 1px rgba(28,58,44,.12) !important}
html:root body :is(.formula-tags span,.formula-crumbs a,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-soft2) !important;background-image:none !important;border:0 !important;box-shadow:none !important}
/* กล่องเตือน (ทอง): พื้นทองจาง ไม่มีกรอบ */
html:root body :is(.formula-note,.legal-warning,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:var(--wf-goldtint) !important;background-image:none !important;border:0 !important;box-shadow:none !important}

/* 6) เส้นคั่นในการ์ดเข้าสู่ระบบ: บางสีเดียวกับเส้นคั่นโปรแกรม · โหมดขาวกฎเก่า [class$="-links"] ทาแถบเทา → ไม่มีพื้น */
html:root body :is(.auth-secondary-actions,.auth-legal-links,.auth-card-contact,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){border-color:var(--wf-line) !important;background:none !important;background-image:none !important;box-shadow:none !important}

/* 7) แถบหัวหน้าเอกสาร (ติดบน): ไม่มีเงา ใช้เส้นบางแทน */
html:root body :is(.legal-nav,.formula-nav,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){box-shadow:none !important;border:0 !important;border-bottom:1px solid var(--wf-line) !important}

/* 8) ตรวจรอบ 2 (2026-10-20 ดึก) */
/* ชิปในการ์ด: ตัวหนังสือสีหลัก (โหมดขาวเดิมได้ตัวขาวบนพื้นอ่อน อ่านไม่ออก — เลขเจาะตัวอย่าง) */
html:root body :is(.seo-pairs span,.seo-lotto-names span:not(.seo-lotto-more),#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){color:var(--wf-t) !important;-webkit-text-fill-color:var(--wf-t) !important}
/* โหมดขาว: กฎเก่ากว้าง ๆ [class$="-head"] ทาแถบเทาให้หัวการ์ด (หวยไทย 3 ประเภท …) → ไม่มีพื้น */
html:root body :is(.seo-lotto-head,.seo-preview-head,.seo-section-head,.tour-types-head,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){background:none !important;background-image:none !important;box-shadow:none !important;border:0 !important}
/* ปุ่มติดต่อในการ์ดเข้าสู่ระบบ: พื้นจาง (บนการ์ดขาว ปุ่มขาวมองไม่เห็นขอบ) */
html:root body :is(.auth-card,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) .facebook-contact-link{background:var(--wf-soft2) !important;box-shadow:none !important}
/* ปุ่มติดต่อผู้ดูแลในหน้านโยบาย/ข้อกำหนด: พื้นเขียวจาง ไม่มีกรอบ */
html:root body :is(.legal-contact,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) a{background:var(--wf-tint) !important;background-image:none !important;border:0 !important;box-shadow:none !important;color:var(--wf-ico) !important;-webkit-text-fill-color:var(--wf-ico) !important}
/* ช่องพิมพ์ในการ์ด (เข้าสู่ระบบ ฯลฯ): ไม่มีเงาบุ๋ม · โหมดขาวพื้นอ่อน + เส้นบางแบบช่องพิมพ์ในโปรแกรม · กดแล้วขอบเขียว */
html:root body :is(.auth-card,.glass-panel,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input:not([type])){box-shadow:none !important;background-image:none !important}
html.lotto-soft-light:root body :is(.auth-card,.glass-panel,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input:not([type])){background:#f6f9f7 !important;border:1px solid #c6d6cd !important}
html:root body :is(.auth-card,.glass-panel,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input:not([type])):focus{border-color:var(--wf-tile) !important;box-shadow:0 0 0 3px var(--wf-tint) !important}
/* ไอคอนดูรหัสผ่าน (รูปตา) โหมดขาวจางเกิน → สีรอง */
html.lotto-soft-light:root body :is(.password-toggle,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB){color:#5b6a64 !important;-webkit-text-fill-color:#5b6a64 !important}
html.lotto-soft-light:root body :is(.password-toggle,#tzB#tzB#tzB#tzB#tzB#tzB#tzB#tzB) svg{stroke:currentColor}