/* ─────────────────────────────────────────────────────────────────────────
   yeekee-feed.css — R132c (เจ้าของ 2026-10-20 08:2x "หน้านี้ทำดี ๆ หน่อย ไม่สวยเลย") บล็อก "ผู้ถูกรางวัล" ของฟีด new-mgmt docs/front/YEEKEE/01-spec.md §2.2 (docs/task/84 §8)
   markup: components/lotto/YeekeeWinnersStrip.vue — ใช้ร่วม 2 หน้า: หน้าแทงยี่กี (.pb2-root ใต้บรรทัดผลรอบที่แล้วในการ์ดหัว) + หน้าผลรอบ (.yr2-root ใต้ hero) ; หน้าแม่โหลดเฉพาะเมื่อมีฟีด (ไม่มี = ไม่มี link/markup)
   ขอบเขต: selector ทุกตัวใต้ `.ykf` (map token ของหน้าแม่ด้วย `.pb2-root .ykf` / `.yr2-root .ykf`) ; สี = token เดิมของหน้า (--lt-* / --yr2-*) + --nhf-gold / --nhf-gold-deep / --nhf-card-bar ของ theme-override.css/red.css เท่านั้น — ไม่มีสีใหม่ ไม่มี animation
   กติกาคนแก่: หัว 17 px · ชิปสถิติสูง ≥ 44 px เลข 18 px หนา ป้าย 14 px · พิลชื่อ 15 px padding 12 px สูง 36 px (พื้นครีม ขอบทอง) ; มือถือ 390: ชิป 2 ใบข้างกัน พิลห่อ ≤ 2 แถว ; PC ≥ 768: หัว + ชิปบรรทัดเดียว พิลบรรทัดถัดไป
   ───────────────────────────────────────────────────────────────────────── */
.ykf { --ykf-ink: var(--nhf-ink, #1b1b1f); --ykf-muted: var(--nhf-muted, #6b7280); --ykf-paper: var(--nhf-paper-2, #f6f5f4); --ykf-line: var(--nhf-line, rgba(27, 27, 31, .10)); --ykf-accent: var(--nhf-gold-deep, #c9971a);
  --ykf-stat-bg: rgba(242, 193, 78, .16); --ykf-stat-line: var(--nhf-gold-deep, #c9971a); --ykf-cream: var(--nhf-card-bar, #f3ede2); --ykf-cream-ink: var(--nhf-card-bar-text, #2b2b2b); --ykf-gold: var(--nhf-gold, #f2c14e); --ykf-gold-deep: var(--nhf-gold-deep, #c9971a); --ykf-gold-ink: var(--nhf-red-ink, #500202);
  display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; padding: 10px 12px; border-radius: 12px; background: var(--ykf-paper); border: 1px solid var(--ykf-line); color: var(--ykf-ink); font-size: 17px; line-height: 1.3; }
.ykf *, .ykf *::before, .ykf *::after { box-sizing: border-box; }
.pb2-root .ykf { --ykf-ink: var(--lt-text); --ykf-muted: var(--lt-text-2); --ykf-paper: var(--lt-card-2); --ykf-line: var(--lt-border); --ykf-accent: var(--lt-accent); --ykf-stat-bg: var(--lt-accent-soft); --ykf-stat-line: var(--lt-border-strong); }
.yr2-root .ykf { --ykf-ink: var(--yr2-ink); --ykf-muted: var(--yr2-muted); --ykf-paper: var(--yr2-paper); --ykf-line: var(--yr2-line); --ykf-accent: var(--yr2-accent-ink); --ykf-stat-bg: var(--yr2-accent-soft); --ykf-stat-line: var(--yr2-accent-line);
  margin-bottom: 14px; padding: 14px 16px; border-radius: var(--yr2-radius-sm); background-image: var(--yr2-surface); box-shadow: var(--yr2-shadow); }
/* แถวหัว */
.ykf__head { display: flex; align-items: center; min-width: 0; }
.ykf__title { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--ykf-ink); }
.ykf__title i { flex: none; font-size: 16px; color: var(--ykf-accent); }
/* ชิปสถิติ 2 ใบข้างกัน (ห่อเมื่อยอดเงินยาวจนสองใบไม่พอดีแถว — ไม่ตัดตัวเลข) */
.ykf__stats { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.ykf__stat { flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 4px 10px; border-radius: 12px; background: var(--ykf-stat-bg); border: 1px solid var(--ykf-stat-line); color: var(--ykf-ink); white-space: nowrap; }
.ykf__stat:only-child { flex-grow: 0; } /* ฟีดไม่มียอด = ชิปเดียว ไม่ยืดเต็มแถว */
.ykf__stat-in { display: inline-flex; align-items: baseline; gap: 5px; }
.ykf__stat b { font-size: 18px; font-weight: 800; line-height: 1.2; color: var(--ykf-ink); font-variant-numeric: tabular-nums lining-nums; }
.ykf__stat small { font-size: 14px; font-weight: 600; line-height: 1.2; color: var(--ykf-muted); }
/* พิลชื่อปิด (≤ 5) + "+N คน" */
.ykf__pills { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.ykf__pill { display: inline-flex; align-items: center; min-height: 36px; max-width: 100%; padding: 0 12px; border-radius: 999px; background: var(--ykf-cream); border: 1px solid var(--ykf-gold-deep); color: var(--ykf-cream-ink); font-size: 15px; font-weight: 700; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.ykf__pill--more { background: var(--ykf-gold); border-color: var(--ykf-gold-deep); color: var(--ykf-gold-ink); }
/* ไม่มีโพยถูก = บรรทัดเดียว */
.ykf--empty { flex-direction: row; align-items: center; gap: 8px; min-height: 44px; font-size: 17px; font-weight: 600; color: var(--ykf-muted); }
.ykf--empty i { flex: none; font-size: 16px; color: var(--ykf-accent); }
@media (min-width: 768px) {
  .ykf { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
  .ykf__head, .ykf__stats { flex: none; }
  .ykf__stat { flex: 0 0 auto; min-width: 128px; }
  .ykf__pills { flex: 1 1 100%; }
  .ykf--empty { flex-wrap: nowrap; }
}