/* HELP ME CENTRAL · หน้าตาแบบหน้า "สรุป" ของ helpme4u.com (เรียบ ขาว-เทา ตัวเลขใหญ่ ตัวอักษร SF/IBM Plex Sans Thai)
   เน้นคอมพิวเตอร์: หัวเว็บแถบเดียวบาง ๆ · ตัวเลขสำคัญอยู่แถวเดียว · หน้าจัดการเคสแบ่งซ้ายแผนที่/ขวารายการ · แดชบอร์ด 3 คอลัมน์ → เลื่อนน้อยลง
   โหลดเป็นไฟล์สุดท้ายของทุกหน้า CENTRAL (หลัง helpme-skin.css) · โหมดมืดใช้สีเดิมของ theme.css */
:root:not([data-theme="dark"]){
  --bg:#F5F5F7;--page:#F5F5F7;--ink:#1d1d1f;--ink-2:#3a3a3c;--muted:#6e6e73;--line:rgba(0,0,0,.08);--surface:#fff;--tint:#ececf0;
  --shadow-soft:0 1px 2px rgba(0,0,0,.04);--shadow-float:0 1px 2px rgba(0,0,0,.05),0 6px 20px rgba(0,0,0,.05)
}
:root{--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","IBM Plex Sans Thai",system-ui,sans-serif;--r-card:20px}
body{-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
h1,h2,h3{letter-spacing:-.01em}

/* การ์ด: ขาวล้วน มุม 20 เงาบางมาก */
:root:not([data-theme="dark"]) :is(.card,.nw-card,.wr-card,.bc-card,.wr-tcard,.cv-stat,.wr-mapcard,.mapcard,.map-wrap,.wr-tw,.cv-tw,.team,.qcase,.bar-card){background:#fff;box-shadow:var(--shadow-soft)!important;border:0!important}
:is(.card,.nw-card,.wr-card,.bc-card){border-radius:20px!important}
:is(.card,.nw-card,.wr-card,.bc-card) h2{font-size:16px;font-weight:700}

/* ตัวเลขสำคัญ: เลขใหญ่หนา ป้ายเล็กสีเทา (แบบการ์ด "สถานะตอนนี้") */
:is(.kpi,.wr-kpi,.stat,.cv-stat){border-radius:16px!important;border:0!important}
:root:not([data-theme="dark"]) :is(.kpi,.wr-kpi,.stat,.cv-stat){background:#fff!important;box-shadow:var(--shadow-soft)!important}
:is(.kpi,.wr-kpi,.cv-stat) b{font-weight:700;letter-spacing:-.02em}
:is(.kpi,.wr-kpi,.stat,.cv-stat) span{color:var(--muted)}
/* ตัวเลขแรกของแถว = การ์ดเด่นสีเข้ม (แบบ "ภาพรวมทั้งหมด") */

/* ปุ่ม/ตัวเลือกที่เลือกอยู่: สีหมึกเข้ม (เหมือนชิปในหน้าสรุป) */
:root:not([data-theme="dark"]) :is(.seg button[aria-selected=true],.seg button[aria-pressed=true],.wr-roomtabs button[aria-selected=true]){background:#1d1d1f!important;color:#fff!important;box-shadow:none!important}
:root:not([data-theme="dark"]) .seg{background:#fff!important;box-shadow:var(--shadow-soft)!important}

/* ---------- คอมพิวเตอร์ (≥ 1024px) ---------- */
@media(min-width:761px){ /* แท็บเล็ตขึ้นไปใช้หัวเว็บ/เมนูแบบเดสก์ท็อป */
  /* หัวเว็บแบบ helpme4u.com: โลโก้แคปซูลขาวซ้าย · ปุ่มในแคปซูลกระจกขวา · ไม่มีแถบเต็มความกว้าง */
  .top{position:sticky!important;top:0;z-index:1200;padding:12px clamp(14px,1.6vw,28px) 6px!important;gap:14px!important;background:transparent!important;border:0!important;
    display:flex!important;justify-content:space-between;align-items:center;pointer-events:none}
  .top>*{pointer-events:auto}.top::before{display:none!important}
  .top .brand{background:#fff!important;border-radius:999px!important;padding:8px 16px 8px 12px!important;box-shadow:var(--shadow)!important;border:0!important}
  .brand img{height:26px!important}.brand span{font-size:15px}
  .top .top-r{background:var(--glass,rgba(255,255,255,.72))!important;-webkit-backdrop-filter:blur(18px) saturate(1.7)!important;backdrop-filter:blur(18px) saturate(1.7)!important;
    border:1px solid var(--glass-b,rgba(255,255,255,.7))!important;box-shadow:var(--shadow)!important;border-radius:999px!important;padding:5px!important;gap:4px!important}
  [data-theme="dark"] .top .top-r{background:rgba(27,31,51,.8)!important;border-color:rgba(255,255,255,.08)!important}[data-theme="dark"] .top .brand{background:#1B1F33!important}
  .top-r .btn{min-height:40px!important;padding:4px 14px!important;font-size:13.5px!important;border-radius:999px!important}
  .top-r .btn.theme-btn,.top-r #refresh{width:44px;padding:0!important;justify-content:center}
  /* เมนูหลัก = แถบลอยด้านล่างแบบ helpme4u.com (ไอคอนบน ชื่อล่าง) ทุกขนาดจอ */
  .tabs{position:fixed!important;z-index:1500;left:50%;transform:translateX(-50%);bottom:calc(var(--safe-b,0px) + 14px);top:auto;margin:0!important;
    display:flex!important;gap:4px!important;padding:6px!important;width:auto!important;max-width:calc(100% - 24px);flex:none!important;justify-content:center;
    background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(22px) saturate(1.8)!important;backdrop-filter:blur(22px) saturate(1.8)!important;
    border:1px solid rgba(255,255,255,.8)!important;border-radius:999px!important;box-shadow:0 10px 30px rgba(22,27,61,.18)!important}
  [data-theme="dark"] .tabs{background:rgba(27,31,51,.82)!important;border-color:rgba(255,255,255,.08)!important}
  .tabs a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:84px;min-height:52px;padding:4px 12px!important;
    border-radius:999px!important;font-size:12.5px!important;font-weight:600;color:var(--muted)!important;background:none!important}
  .tabs a .tab-ic{display:block!important;width:25px;height:25px}
  .tabs a:hover{background:rgba(0,0,0,.04)!important;color:var(--ink)!important}
  .tabs a[aria-current=page]{background:var(--tint)!important;color:var(--primary)!important;font-weight:700}
  .wrap,main{padding-bottom:calc(var(--tab-h,64px) + var(--safe-b,0px) + 40px)!important}
  .toasts{bottom:calc(var(--tab-h,64px) + 40px)!important}
  body.map-fs .tabs,body.noscroll .tabs{display:none!important}
  .wrap{padding-top:8px!important}

  /* แดชบอร์ด: การ์ด 3 คอลัมน์ (เดิม 2) → เลื่อนน้อยลงเกือบครึ่ง */
  #main>.grid,#main>.dcol>.grid,.stock-sec>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #main>.grid>.span2,#main>.dcol>.grid>.span2,.stock-sec>.grid>.span2{grid-column:span 2!important}
  #main>.grid>.stock-sec,#main>.dcol>.grid>.stock-sec{grid-column:1/-1!important}
}
@media(min-width:1600px){#main>.grid,#main>.dcol>.grid,.stock-sec>.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* ---------- หน้าจัดการเคส: "แผนที่ + รายการ" บนจอกว้าง = แผนที่ซ้าย (ค้างไว้) · รายการขวา (เลื่อนเฉพาะรายการ) ---------- */
@media(min-width:1024px){
  main.wrap:has(>#map-wrap.compact:not([hidden])){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,1fr);column-gap:16px;align-items:start}
  main.wrap:has(>#map-wrap.compact:not([hidden]))>*{grid-column:1/-1;min-width:0}
  main.wrap>#map-wrap.compact:not([hidden]){grid-column:1;position:sticky;top:76px;margin:0!important}
  main.wrap>#map-wrap.compact .map-body{grid-template-columns:1fr!important}
  main.wrap>#map-wrap.compact .map-side{display:none!important}
  main.wrap>#map-wrap.compact #map{height:calc(100vh - 110px)!important;min-height:520px}
  main.wrap:has(>#map-wrap.compact:not([hidden]))>#list{grid-column:2;margin-top:0}
  /* สรุปตัวเลขเคส + แถบค้นหา อยู่แถวเดียวกันให้กินที่ด้านบนน้อยลง */
  main.wrap>.stats{margin-bottom:8px!important}
}
@media(min-width:1024px){
  /* รายการเคสข้างแผนที่: แสดงเป็นการ์ด (ตารางกว้างไม่พอ) */
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl thead{display:none}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list :is(.tbl,.tbl tbody,.tbl tr,.tbl td){display:block;width:100%}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl{border-spacing:0}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tr{background:#fff;border:0;border-left:5px solid #e0a800;border-radius:16px;margin-bottom:10px;padding:12px 14px;display:grid;grid-template-columns:auto auto 1fr;gap:6px 10px;box-shadow:var(--shadow-soft)}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tr.u3{border-left-color:var(--red)}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tr.u2{border-left-color:var(--orange)}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tr.s-done{opacity:.65}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td{border:0!important;border-radius:0!important;padding:0!important;background:none!important;max-width:none}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl :is(td.needs,td.addr,td[data-l="ผู้ติดต่อ"],td.num){grid-column:1/-1}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.needs b{font-size:16px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td[data-l="ทีม"]::before{content:"ทีม: ";color:var(--muted)}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.act{text-align:right}
}
@media(min-width:1024px){
  /* แดชบอร์ด: ตัวเลขสำคัญขึ้นก่อนแผนที่ · แผนที่สูงพอดีจอ */
  #main:has(>.dcol){display:flex;flex-direction:column}
  #main .dcol-m{order:3}#main #kpis{order:2}#main #hm-kpis{order:2}#main .dcol>.grid{order:4}#main .cov-sec{order:5}
  #main .mapcard .dmap,#main .mapcard #dmap{height:min(52vh,520px)!important;min-height:360px}
  /* จัดทีม: แผนที่เตี้ยลง · รายชื่อทีมกับคิวเคสเลื่อนในกรอบของตัวเอง (หน้าไม่ยาว) */
  .trk .trk-map{height:min(40vh,420px)!important;min-height:300px}
  .cols>.panel{max-height:calc(100vh - 84px);overflow:auto;position:sticky;top:72px;scrollbar-width:thin}
}
@media(min-width:1024px){
  /* รายการเคสเลื่อนในกรอบข้างแผนที่ (ทั้งหน้าไม่ต้องเลื่อนยาว) */
  main.wrap:has(>#map-wrap.compact:not([hidden]))>#list{position:sticky;top:70px;max-height:calc(100vh - 86px);overflow:auto;scrollbar-width:thin;padding-right:4px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) .bar-row .btn#export{order:9}
}
/* ---------- การ์ดเคส (มือถือ + ข้างแผนที่): หัวการ์ดแถวเดียว = ระดับ · สถานะ · ผลตรวจ (ขวา) ---------- */
.tbl .claim{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;white-space:nowrap}
.vr-lv{padding:8px 12px;border-radius:12px;background:var(--bg)}.vr-lv.lv3{background:#fdecec}.vr-lv.lv3 b{color:#b42318}.vr-lv.lv2 b{color:#b45309}
@media(max-width:900px){
  .tbl tr{grid-template-columns:auto auto minmax(0,1fr)!important;align-items:start}
  .tbl td[data-l="ระดับ"]{grid-column:1;grid-row:1}
  .tbl td[data-l="สถานะ"]{grid-column:2;grid-row:1;text-align:left!important;display:flex!important;flex-wrap:wrap;gap:4px;align-items:center}
  .tbl tr{grid-template-columns:auto minmax(0,1fr)!important}
  .tbl td.vr-cell{grid-column:1/-1;grid-row:2;text-align:left;display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px}
  .tbl td[data-l="สถานะ"] .hm-tag{display:inline-block;width:auto;margin:0}
  .tbl td.vr-cell .vr-score{font-size:12px}
  .tbl td.needs{grid-row:3}
}
@media(min-width:1024px){
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tr{grid-template-columns:auto auto minmax(0,1fr)!important;align-items:start}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td[data-l="ระดับ"]{grid-column:1;grid-row:1}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td[data-l="สถานะ"]{grid-column:2;grid-row:1;display:flex!important;flex-wrap:wrap;gap:4px;align-items:center}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.vr-cell{grid-column:3;grid-row:1;text-align:right;display:flex!important;flex-direction:column;align-items:flex-end;gap:2px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.needs{grid-row:2}
}
/* ---------- War Room บนมือถือ: แถบเลือกห้องเลื่อนข้างแถวเดียว ---------- */
@media(max-width:760px){
  .wr-rooms{flex-wrap:nowrap;gap:6px}
  .wr-roomtabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;min-width:0}.wr-roomtabs::-webkit-scrollbar{display:none}
  .wr-roomtabs button{flex:none;white-space:nowrap;min-height:38px;padding:6px 12px;font-size:13.5px}
  .wr-roomtabs button.central .lbl-long{display:none}
  .wr-grp{flex:none!important;flex-wrap:nowrap!important}
  #wr-new{flex:none;width:40px;height:40px;padding:0!important;font-size:0!important;border-radius:50%!important}
  #wr-new::before{content:"+";font-size:22px;line-height:1}
  .wr-sub{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.wr-sub button{flex:none}
  .wr-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .wr-kpi{padding:8px 10px!important}.wr-kpi b{font-size:20px!important}.wr-kpi span{font-size:11.5px!important;line-height:1.3}
}

/* ===== สีและรูปทรงชุดเดียวกับ helpme4u.com (app.css) ===== */
:root:not([data-theme="dark"]){
  --primary:#DD2027;--primary-2:#B8161D;--tint:#FDEDEE;--tint-2:#F9D5D7;--red:#E5383B;
  --ink:#17181C;--ink-2:#2B2D33;--navy:#17181C;--muted:#62656F;--line:#E8E8EC;--bg:#F5F5F7;
  --open:#2D45C8;--open-tint:#E9ECFB;--going:#D4A100;--going-tint:#FFF3C4;--going-ink:#7A5A00;--ok:#2E9E57;--ok-tint:#E3F5E9;--ok-ink:#1D6B3B;
  --shadow-float:0 8px 28px rgba(22,27,61,.12),0 1px 3px rgba(22,27,61,.08)
}
/* ปุ่มหลัก: แดงไล่เฉด แบบปุ่ม "ขอความช่วยเหลือ" · ปุ่มรอง: ขาวขอบแดง แบบ "แจ้งแทน" */
:root:not([data-theme="dark"]) .btn.primary{background:linear-gradient(180deg,#E3262D,#B8161D)!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(221,32,39,.28)!important}
:root:not([data-theme="dark"]) .btn.primary:hover{filter:brightness(1.05)}
:root:not([data-theme="dark"]) .btn.ghost{background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--line)!important}
:root:not([data-theme="dark"]) .btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--tint-2)!important;color:var(--primary)!important}
:root:not([data-theme="dark"]) :is(a,.lnk,.linkish){color:var(--primary)}
:is(.card,.nw-card,.wr-card,.bc-card,.panel,.map-wrap,.wr-mapcard){border-radius:24px!important}
:is(input,select,textarea){border-radius:14px}
/* เมนู: ไอคอน + ชื่อ แบบแถบล่างของ helpme4u.com · หน้าปัจจุบัน = พื้นชมพูอ่อน ตัวแดง */
.tabs a .tab-ic{display:none}
:root:not([data-theme="dark"]) .tabs a[aria-current=page]{background:var(--tint)!important;color:var(--primary)!important}
@media(min-width:1024px){:root:not([data-theme="dark"]) .tabs a[aria-current=page]{background:var(--tint)!important;color:var(--primary)!important}}
@media(max-width:760px){
  .tabs{padding:6px!important}
  .tabs a{display:flex!important;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 6px!important;font-size:11.5px!important;font-weight:600;border-radius:18px!important}
  .tabs a .tab-ic{display:block;width:22px;height:22px}
}
/* ป้ายสถานะแบบ helpme4u.com */
:root:not([data-theme="dark"]) .st-open{background:var(--open-tint)!important;color:var(--open)!important}
:root:not([data-theme="dark"]) .st-going{background:var(--going-tint)!important;color:var(--going-ink)!important}
:root:not([data-theme="dark"]) .st-done{background:var(--ok-tint)!important;color:var(--ok-ink)!important}
/* พื้นที่มอบแล้ว (มือถือ): ชื่อองค์กรแถวเดียว เลื่อนไปด้านข้าง */
@media(min-width:0px){
  .cv-tools #orgs{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:999px!important;flex:1 1 100%;min-width:0}
  .cv-tools #orgs::-webkit-scrollbar{display:none}
  .cv-tools #orgs button{flex:none!important;white-space:nowrap}
}
/* แผนที่ไม่ทะลุหัวเว็บ/แถบเมนู: ให้แต่ละแผนที่เป็นชั้นของตัวเอง (Leaflet ใช้ z-index 400–1000 ภายใน) */
.leaflet-container{isolation:isolate;z-index:0}
.top{z-index:1300!important}
.tabs{z-index:1400!important}

/* อัปเดตเองแบบเรียลไทม์ทุกหน้า: ไม่ต้องมีปุ่มรีเฟรช */
.top-r #refresh,#refresh{display:none!important}
/* ข้อความน้อย ดูสะอาดแบบ helpme4u.com: ซ่อนคำอธิบายรอง (ตัวเลข/หัวข้อ/ปุ่มยังอยู่ครบ) */
main p.sub,main .card>.sub,main .map-h .sub,.hm-src,.sec-h small,.wr-now-h span,
main p.muted:not([id]):not(form *):not(.wr-empty),main .wr-tools>span.muted.small,
.kpi>small,.kpi .hm-tag,.hm-k small,main details>summary~.chart-note{display:none!important}
.kpi{min-height:0!important}
.card h2{margin-bottom:6px}
@media(max-width:760px){
  /* ตัวเลขสรุปบนมือถือ: 3 ช่องต่อแถว กะทัดรัด */
  main .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  main .kpis .kpi{padding:10px 12px!important;border-radius:16px!important}
  main .kpis .kpi b{font-size:22px!important;line-height:1.15}main .kpis .kpi span{font-size:12px!important;line-height:1.3}
}

/* iPhone: ช่องกรอกต้อง ≥ 16px ไม่อย่างนั้น Safari ซูมหน้าตอนแตะแล้วค้างอยู่ (ขอบจอโดนตัด) */
@media(max-width:760px){input,textarea,select,.chat-in,.hz-f input{font-size:16px!important}}
/* ---------- การ์ดเคส (มือถือ/จอแคบ): จัดเป็นชั้น ๆ อ่านง่าย ----------
   [ระดับ · Help Me ........ สถานะ]
   [ความต้องการ (ตัวหนา) + ระดับน้ำ]
   [รูป]
   [ชิปผลตรวจ · ชิปพื้นที่มอบแล้ว · คะแนน]
   [คน ........ ถุงยังชีพ]
   [ที่อยู่]  [ผู้ติดต่อ · เบอร์]  [ทีม ........ เวลา #รหัส] */
@media(max-width:900px){
  #list .tbl tbody tr{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"lv st" "needs needs" "chips chips" "ppl bag" "addr addr" "who who" "team time";
    gap:8px 10px!important;padding:14px 16px!important;border-radius:20px!important;border:0!important;box-shadow:inset 5px 0 0 var(--lc,#E0B53A),0 1px 3px rgba(22,27,61,.06)!important;background:var(--surface,#fff)!important;margin-bottom:12px!important}
  #list .tbl tbody tr.u3{--lc:#E5383B}#list .tbl tbody tr.u2{--lc:#F57C00}#list .tbl tbody tr.s-going{--lc:#7B8CE8}#list .tbl tbody tr.s-done{--lc:#2E9E57}
  #list .tbl tbody td{min-width:0;max-width:none!important;text-align:left!important}
  #list .tbl tbody td:nth-child(1){grid-area:lv!important;display:flex!important;align-items:center;gap:6px}
  #list .tbl tbody td:nth-child(2){grid-area:chips!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;justify-content:flex-start!important}
  #list .tbl tbody td:nth-child(3){grid-area:st!important;display:flex!important;align-items:center;justify-content:flex-end;gap:6px}
  #list .tbl tbody td:nth-child(4){grid-area:needs}
  #list .tbl tbody td:nth-child(5){grid-area:ppl!important;align-self:center;font-weight:700}
  #list .tbl tbody td:nth-child(6){grid-area:bag!important;display:flex!important;align-items:center;gap:6px;justify-content:flex-end}
  #list .tbl tbody td:nth-child(7){grid-area:addr!important;color:var(--muted);font-size:14px}
  #list .tbl tbody td:nth-child(8){grid-area:who!important;font-size:14.5px}
  #list .tbl tbody td:nth-child(9){grid-area:team!important;font-size:13.5px;color:var(--muted)}
  #list .tbl tbody td:nth-child(10){grid-area:time!important;text-align:right!important;font-size:12.5px;color:var(--muted);white-space:nowrap}
  #list .tbl tbody td:nth-child(11){display:none!important}
  /* หัวการ์ด */
  #list .tbl .urg{font-size:13px;padding:3px 12px;border-radius:999px}
  #list .tbl td:nth-child(3) .hm-tag{order:-1;font-size:11.5px;padding:2px 8px;border-radius:999px}
  #list .tbl .st-sel{min-height:34px!important;height:34px;padding:2px 26px 2px 12px!important;font-size:13px!important;font-weight:700;border-radius:999px!important;max-width:150px}
  /* ความต้องการ + รูป */
  #list .tbl td.needs b{font-size:16.5px;line-height:1.35;display:block}
  #list .tbl td.needs small{display:inline-block;margin:4px 8px 0 0;font-size:13px;color:var(--muted)}
  #list .tbl .row-photos{margin-top:8px;gap:6px}#list .tbl .row-photos img,#list .tbl .row-photos em{width:64px;height:64px;border-radius:12px}
  /* ชิปผลตรวจ */
  #list .tbl td.vr-cell .cov,#list .tbl td.vr-cell .vr,#list .tbl td.vr-cell .vr-chip{margin:0!important;font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  #list .tbl td.vr-cell .vr-score{font-size:11.5px;color:var(--muted);display:inline!important}
  /* คน · ถุงยังชีพ */
  #list .tbl td.num small{display:inline;margin-left:6px;font-weight:400;color:var(--muted)}
  #list .tbl td.bag::before{content:"ถุงยังชีพ"!important;color:var(--muted);font-size:13px;margin:0!important}
  #list .tbl td.bag .bag-in{width:64px;min-height:34px;height:34px;border-radius:12px;text-align:center;padding:2px 6px}
  #list .tbl td.bag small{font-size:13px;color:var(--muted)}
  /* ผู้ติดต่อ · ทีม · เวลา */
  #list .tbl td[data-l="ผู้ติดต่อ"] .tel{font-weight:700;margin-left:8px}
  #list .tbl td.time small{display:block;font-size:11px}
  #list .tbl td.addr small{display:inline-block;margin-left:6px}
}
.stat .hm-tag{display:none!important}

/* แท็บเล็ต/คอมพิวเตอร์: รายการข้างแผนที่ใช้การ์ดแบบเดียวกับมือถือ (จัดเป็นชั้น ไม่ซ้อนกัน) */
@media(min-width:1024px){
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody tr{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"lv st" "needs needs" "chips chips" "ppl bag" "addr addr" "who who" "team time";
    gap:8px 10px!important;padding:14px 16px!important;border-radius:20px!important;border:0!important;box-shadow:inset 5px 0 0 var(--lc,#E0B53A),0 1px 3px rgba(22,27,61,.06)!important;background:var(--surface,#fff)!important;margin-bottom:12px!important}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody tr.u3{--lc:#E5383B}main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody tr.u2{--lc:#F57C00}main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody tr.s-going{--lc:#7B8CE8}main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody tr.s-done{--lc:#2E9E57}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td{min-width:0;max-width:none!important;text-align:left!important}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(1){grid-area:lv!important;display:flex!important;align-items:center;gap:6px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(2){grid-area:chips!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;justify-content:flex-start!important}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(3){grid-area:st!important;display:flex!important;align-items:center;justify-content:flex-end;gap:6px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(4){grid-area:needs}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(5){grid-area:ppl!important;align-self:center;font-weight:700}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(6){grid-area:bag!important;display:flex!important;align-items:center;gap:6px;justify-content:flex-end}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(7){grid-area:addr!important;color:var(--muted);font-size:14px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(8){grid-area:who!important;font-size:14.5px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(9){grid-area:team!important;font-size:13.5px;color:var(--muted)}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(10){grid-area:time!important;text-align:right!important;font-size:12.5px;color:var(--muted);white-space:nowrap}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td:nth-child(11){display:none!important}
  /* หัวการ์ด */
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl .urg{font-size:13px;padding:3px 12px;border-radius:999px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td:nth-child(3) .hm-tag{order:-1;font-size:11.5px;padding:2px 8px;border-radius:999px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl .st-sel{min-height:34px!important;height:34px;padding:2px 26px 2px 12px!important;font-size:13px!important;font-weight:700;border-radius:999px!important;max-width:150px}
  /* ความต้องการ + รูป */
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.needs b{font-size:16.5px;line-height:1.35;display:block}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.needs small{display:inline-block;margin:4px 8px 0 0;font-size:13px;color:var(--muted)}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl .row-photos{margin-top:8px;gap:6px}main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl .row-photos img,main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl .row-photos em{width:64px;height:64px;border-radius:12px}
  /* ชิปผลตรวจ */
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.vr-cell .cov,main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.vr-cell .vr,main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.vr-cell .vr-chip{margin:0!important;font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.vr-cell .vr-score{font-size:11.5px;color:var(--muted);display:inline!important}
  /* คน · ถุงยังชีพ */
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.num small{display:inline;margin-left:6px;font-weight:400;color:var(--muted)}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.bag::before{content:"ถุงยังชีพ"!important;color:var(--muted);font-size:13px;margin:0!important}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.bag .bag-in{width:64px;min-height:34px;height:34px;border-radius:12px;text-align:center;padding:2px 6px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.bag small{font-size:13px;color:var(--muted)}
  /* ผู้ติดต่อ · ทีม · เวลา */
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td[data-l="ผู้ติดต่อ"] .tel{font-weight:700;margin-left:8px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.time small{display:block;font-size:11px}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl td.addr small{display:inline-block;margin-left:6px}
}
@media(min-width:1024px){main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td.vr-cell{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important}
  main.wrap:has(>#map-wrap.compact:not([hidden])) #list .tbl tbody td.vr-cell>*{margin:0!important}}