/* ═══════════════════════════════════════════════════════════════════════════
   แถบ "วันนี้" บนสุดของหน้าแรก (7 ก.ย. 2569)
   🔴 ครอบใต้ #homeToday ทั้งก้อน — ไม่มีคลาสไหนหลุดไปทับ app.css
      (แบบเดียวกับ #fuelDash · บทเรียน "ชื่อคลาสซ้ำ = ตัวหลังทับตัวหน้าเงียบ ๆ")
   สี #2a78d6 / มืด #3987e5 — ชุดเดียวกับแท็บภาพรวมน้ำมัน ผ่านเครื่องตรวจตาบอดสีแล้ว
   ═══════════════════════════════════════════════════════════════════════════ */
#homeToday{--h-line:#2a78d6;display:block;margin:0 0 18px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #homeToday{--h-line:#3987e5}}
:root[data-theme="dark"] #homeToday{--h-line:#3987e5}

#homeToday .htRow{display:grid;gap:12px;grid-template-columns:1.35fr 1fr 1fr 1fr;margin:0 0 16px}
@media (max-width:900px){#homeToday .htRow{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#homeToday .htRow{grid-template-columns:1fr}}

#homeToday .htT{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:15px 17px;box-shadow:var(--sh);display:flex;flex-direction:column;justify-content:space-between}
#homeToday .htT a{text-decoration:none}
#homeToday .htT .lb{font-size:12.5px;color:var(--ink2);display:block;margin-bottom:5px}
/* เลขพาดหัว มีตัวเดียวทั้งหน้า · ใช้เลขความกว้างปกติ ไม่ใช่ tabular จะได้ไม่หลวม */
#homeToday .htT .hero{font-size:40px;line-height:1.02;font-weight:600;letter-spacing:-.025em}
#homeToday .htT .hero small{font-size:15px;font-weight:400;color:var(--ink2);margin-left:7px;letter-spacing:0}
#homeToday .htT .vl{font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.01em}
#homeToday .htT .vl small{font-size:13.5px;font-weight:400;color:var(--ink2);margin-left:5px}
#homeToday .htT .sub{font-size:12px;color:var(--ink3);margin-top:5px;line-height:1.5}
#homeToday .htT .go{font-size:12px;font-weight:600;color:var(--brand);margin-top:9px;display:inline-block}
#homeToday .htT .dl{font-size:12.5px;margin-top:4px}
#homeToday .htT .dl.up{color:var(--bad)}
#homeToday .htT .dl.down{color:var(--ok)}
#homeToday .htT .dl.flat{color:var(--ink3)}

/* กราฟงานรายวัน — จอแคบเลื่อนในกล่องตัวเอง ไม่ย่อจนตัวหนังสืออ่านไม่ออก */
#homeToday .htChart{position:relative;overflow-x:auto}
#homeToday .htChart svg{display:block;width:100%;min-width:560px;height:auto}
#homeToday .htTip{position:absolute;pointer-events:none;background:var(--surface);
  border:1px solid var(--line2);border-radius:7px;box-shadow:var(--sh);padding:7px 10px;
  font-size:12.5px;white-space:nowrap;opacity:0;transition:opacity .09s;z-index:5;line-height:1.5}
#homeToday .htTip.on{opacity:1}

/* รายการค้าง — สีสถานะมาคู่กับไอคอน + ข้อความเสมอ ไม่ใช้สีลอย ๆ */
#homeToday .htTodo a{display:flex;align-items:center;gap:11px;padding:11px 2px;
  border-bottom:1px solid var(--line2);text-decoration:none;color:inherit}
#homeToday .htTodo a:last-child{border-bottom:0}
#homeToday .htTodo a:hover{background:var(--surface2)}
#homeToday .htTodo .ic{font-size:17px;width:24px;text-align:center;flex:0 0 auto}
#homeToday .htTodo .tx{flex:1;font-size:14px}
#homeToday .htTodo .tx i{display:block;font-style:normal;font-size:12px;color:var(--ink3);margin-top:1px}
#homeToday .htTodo .n{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
#homeToday .htTodo .n.bad{color:var(--bad)}
#homeToday .htTodo .n.warn{color:var(--warn)}