/* Thầy Phong Vũ – Xem chuyên sâu tốt/xấu hôm nay.
   Tái dùng biến --tv-* đã định nghĩa trên .tpv-tv (xem assets/tu-vi/tu-vi.css); ở đây chỉ thêm
   vài lớp riêng: banner tổng kết (verdict), thẻ nhãn tốt/xấu (tag), danh sách sao lưu nhật. */

.tpv-xn-verdict {
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px;
	margin: 10px 0 12px; padding: 12px 16px; border-radius: 14px;
	background: var(--tv-card); border: 1px solid var(--tv-line);
}
.tpv-xn-verdict strong { font-family: var(--tv-serif); font-size: 1.15rem; color: var(--tv-gold-2); }
.tpv-xn-verdict .tpv-xn-score { font-size: .82rem; color: var(--tv-muted); }
.tpv-xn-verdict.is-rat_tot,
.tpv-xn-verdict.is-tot { border-color: var(--tv-good); box-shadow: 0 0 22px rgba(159,227,181,.18); }
.tpv-xn-verdict.is-rat_tot strong,
.tpv-xn-verdict.is-tot strong { color: var(--tv-good); }
.tpv-xn-verdict.is-xau,
.tpv-xn-verdict.is-rat_xau { border-color: var(--tv-bad); box-shadow: 0 0 22px rgba(255,154,154,.16); }
.tpv-xn-verdict.is-xau strong,
.tpv-xn-verdict.is-rat_xau strong { color: var(--tv-bad); }

.tpv-xn-tag {
	display: inline-flex; align-items: center; margin-left: 10px; padding: 2px 12px;
	border-radius: 999px; font-size: .72rem; font-weight: 700; letter-spacing: .03em;
	vertical-align: middle; border: 1px solid transparent;
}
.tpv-xn-tag.is-tot { color: var(--tv-good); background: rgba(159,227,181,.14); border-color: rgba(159,227,181,.35); }
.tpv-xn-tag.is-xau { color: var(--tv-bad); background: rgba(255,154,154,.14); border-color: rgba(255,154,154,.35); }
.tpv-xn-tag.is-binh { color: var(--tv-muted); background: rgba(255,255,255,.06); border-color: var(--tv-line-soft); }

.tpv-xn-sao-list { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0 0 8px; font-size: .85rem; }
.tpv-xn-sao-list .tpv-tv__star { font-size: .85rem; }
.tpv-xn-diem { margin-left: 6px; font-size: .7em; font-weight: 400; color: var(--tv-muted); font-family: inherit; }
.tpv-xn-lydo { margin: 6px 0 10px; padding-left: 18px; font-size: .88rem; line-height: 1.55; }
.tpv-xn-lydo li { margin-bottom: 3px; }

/* Phân biệt rõ "ngày sinh" (thông tin nhập) với "hôm nay" (ngày đang xem), tránh nhầm lẫn. */
.tpv-xn-nguoixem { border-color: var(--tv-gold); background: rgba(232,199,125,.07); }
.tpv-xn-nguoixem h3 { color: var(--tv-gold-2); }
.tpv-xn-homnay { border-style: dashed; }
.tpv-xn-homnay h3 { color: var(--tv-violet); }

/* Khối "Nên làm / Nên tránh / Cần lưu tâm". */
.tpv-xn-advice { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 12px 0 4px; }
.tpv-xn-advice__col { padding: 10px 14px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--tv-line-soft); }
.tpv-xn-advice__col h4 { margin: 0 0 6px; font-size: .85rem; letter-spacing: .02em; }
.tpv-xn-advice__col ul { margin: 0; padding-left: 18px; font-size: .86rem; line-height: 1.55; }
.tpv-xn-advice__col li { margin-bottom: 4px; }
.tpv-xn-advice__col li small { color: var(--tv-muted); font-size: .78rem; }
.tpv-xn-advice__col.is-nen { border-color: rgba(159,227,181,.35); }
.tpv-xn-advice__col.is-nen h4 { color: var(--tv-good); }
.tpv-xn-advice__col.is-kieng { border-color: rgba(255,154,154,.35); }
.tpv-xn-advice__col.is-kieng h4 { color: var(--tv-bad); }
.tpv-xn-advice__col.is-luutam { border-color: rgba(232,199,125,.35); }
.tpv-xn-advice__col.is-luutam h4 { color: var(--tv-gold); }