/* นำเข้าเวลา UniHR (10/10/2569 เจ้าของเลือก ก) — ต่อจาก roster-matrix.css + roster-import.css + leave-import.css · ไม่มี style ฝังในหน้า (CSP style-src 'self') */
.uh-howto{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:6px 0 10px}
.uh-card{border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:#fff}
.uh-card.rule{border-color:#a6f4c5;background:#f6fef9}
.uh-card h2{margin:0 0 4px;font-size:14.5px}
.uh-card ul{margin:0;padding-left:18px;font-size:12.5px;color:#475569;line-height:1.6}
.uh-tag{display:inline-block;font-size:10px;font-weight:800;color:#6d28d9;background:#f3e8ff;border:1px solid #d8b4fe;border-radius:6px;padding:0 5px;vertical-align:1px}
.uh-impact{margin:10px 0 4px;border-radius:10px;padding:8px 12px;font-size:13px;background:#ecfdf3;border:1px solid #a6f4c5;color:#05603a}
.uh-impact b{font-size:16px}
.uh-none{color:var(--bad)}
#plan .breakdown{margin-top:8px}
@media (max-width:900px){.uh-howto{grid-template-columns:1fr}}
@media (max-width:640px){#live{white-space:normal;height:auto;min-height:34px;padding:6px 12px}} /* ข้อความสถานะยาว: ขึ้นบรรทัดใหม่บนมือถือ */