/* R157 ห้องคุยดูบอล — แผงแชตใต้ player ในหน้า /member/football (docs/task/101 — 04-chat.md §4 ; สีต้นฉบับ L: การ์ดขาว ขอบเทา #212529/#6c757d แดงของธีม var(--nhf-red))
   ทุก selector ใต้ .fb-chat* ; มือถือ: กล่องข้อความสูง 40vh เลื่อนได้ + แถบพิมพ์ติดล่าง (input 48 px + ส่ง 48 px) ; desktop ≥ 992 px: คอลัมน์ขวา 380 px ข้าง player/กระดาน (sticky) ; ตัวอักษร ≥ 17 px (ชื่อ/เวลา 14 px เทา) */
.fb-chat{--fbc-red:var(--nhf-red,#dc3545);--fbc-text:#212529;--fbc-muted:#6c757d;--fbc-border:#e5e7eb;--fbc-card:#fff;--fbc-me:#fff5f5;margin:0 0 10px;min-width:0}
.fb-chat[hidden]{display:none}
.fb-chat__panel{background:var(--fbc-card);border:1px solid var(--fbc-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.fb-chat__head{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid var(--fbc-border);font-size:17px;color:var(--fbc-text)}
.fb-chat__title{font-weight:700;flex:0 0 auto}
.fb-chat__room{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fbc-muted)}
.fb-chat__room::before{content:"· ";color:var(--fbc-muted)}
.fb-chat__viewers{flex:0 0 auto;font-size:15px;color:var(--fbc-muted);white-space:nowrap}
.fb-chat__sys{padding:6px 12px;font-size:15px;color:var(--fbc-muted);background:#fff;border-bottom:1px dashed var(--fbc-border)}
.fb-chat__list{position:relative;max-height:40vh;min-height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px;display:flex;flex-direction:column;gap:6px;background:#fff}
.fb-chat__empty{margin:auto;padding:16px 0;font-size:17px;color:var(--fbc-muted);text-align:center}
.fb-chat__msg{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 10px;border-radius:10px;background:#f8f9fa;font-size:17px;line-height:1.4;color:var(--fbc-text);word-break:break-word;overflow-wrap:anywhere}
.fb-chat__msg.is-me{background:var(--fbc-me);border:1px solid #f5c6cb}
.fb-chat__name{font-size:14px;color:var(--fbc-muted);font-weight:600;flex:0 0 auto}
.fb-chat__msg.is-me .fb-chat__name{color:var(--fbc-red)}
.fb-chat__text{flex:1 1 auto;min-width:0;white-space:pre-wrap}
.fb-chat__time{flex:0 0 auto;font-size:13px;color:var(--fbc-muted);margin-left:auto}
.fb-chat__new{position:sticky;bottom:6px;align-self:center;margin:-40px 0 0;min-height:40px;padding:0 16px;border:0;border-radius:20px;background:var(--fbc-red);color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.18);cursor:pointer;z-index:1}
.fb-chat__new[hidden]{display:none}
.fb-chat__strip{padding:8px 12px;font-size:16px;line-height:1.4;background:#fff3cd;color:#856404;border-top:1px solid #ffe08a}
.fb-chat__strip--blocked{background:#fde2e4;color:#8a1c1c;border-top-color:#f5b5b9}
.fb-chat__strip[hidden]{display:none}
.fb-chat__form{display:flex;gap:8px;padding:8px 10px;border-top:1px solid var(--fbc-border);background:var(--fbc-card);position:sticky;bottom:0}
.fb-chat__form[hidden]{display:none}
.fb-chat__input{flex:1 1 auto;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--fbc-border);border-radius:12px;font-size:17px;color:var(--fbc-text);background:#fff}
.fb-chat__input:focus{outline:none;border-color:var(--fbc-red);box-shadow:0 0 0 3px rgba(220,53,69,.18)}
.fb-chat__input:disabled{background:#f3f4f6}
.fb-chat__send{flex:0 0 auto;min-width:72px;min-height:48px;padding:0 18px;border:0;border-radius:12px;background:var(--fbc-red);color:#fff;font-size:17px;font-weight:700;cursor:pointer}
.fb-chat__send:disabled{opacity:.6;cursor:default}
.fb-chat__meta{padding:0 12px 8px;font-size:13px;color:var(--fbc-muted);text-align:right}
.fb-chat__meta[hidden]{display:none}
.fb-chat__guest,.fb-chat__off{padding:10px 12px;border-top:1px solid var(--fbc-border);font-size:17px;color:var(--fbc-muted);text-align:center}
.fb-chat__guest[hidden],.fb-chat__off[hidden]{display:none}
.fb-chat__login{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:200px;padding:0 20px;border-radius:12px;background:var(--fbc-red);color:#fff;font-size:17px;font-weight:700;text-decoration:none}
.fb-chat__login:hover,.fb-chat__login:focus{color:#fff;text-decoration:none;filter:brightness(.95)}
@media (min-width:992px){
  #nhf-fb.fb-root{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;align-items:start}
  #nhf-fb.fb-root>.fb-player{grid-column:1;grid-row:1}
  #nhf-fb.fb-root>.fb-chat{grid-column:2;grid-row:1 / span 2;position:sticky;top:var(--site-header-h,56px);margin:0}
  #nhf-fb.fb-root>.fb-board{grid-column:1;grid-row:2}
  .fb-chat__list{max-height:calc(100vh - 320px);min-height:240px}
}

/* R157 มือถือ: รายการข้อความ 30 vh (player 50 vh + แถบพิมพ์ + กระดานยังเห็น) — เท่ากับฝั่ง R ; เดสก์ท็อปคงเดิม */
@media (max-width:991.98px){.fb-chat__list{max-height:30vh}}