/* Ô "Đã tư vấn Thẻ, Gói" (03/11/2026): thanh ở đầu hóa đơn, dòng trạng thái ở cột Thanh toán, huy hiệu ở thẻ hóa đơn trong Giỏ hàng.
   Xanh = đã tư vấn, xám = chưa. Nút từ 44px; chữ từ 13px. */
.tvtg-thanh { display: flex; align-items: center; gap: 8px 14px; flex-wrap: wrap; padding: 8px 12px; border-radius: 14px; border: 1.5px solid #D9D2BE; background: #fff; }
.tvtg-thanh.da { border-color: #9CC8A4; background: #EEF8F0; }
.tvtg-cong-tat { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 4px; border: 0; background: none; font: inherit; font-size: 15px; color: var(--xanh-dam, #113917); cursor: pointer; text-align: left; }
.tvtg-cong-tat:disabled { opacity: .6; }
.tvtg-nut { position: relative; width: 46px; height: 28px; flex: none; border-radius: 999px; background: #C9C3B2; transition: background .15s; }
.tvtg-nut i { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: left .15s; }
.tvtg-cong-tat[aria-checked="true"] .tvtg-nut { background: var(--xanh-rung, #2D6635); }
.tvtg-cong-tat[aria-checked="true"] .tvtg-nut i { left: 21px; }
.tvtg-chu { margin: 0; flex: 1 1 220px; min-width: 0; font-size: 13.5px; line-height: 1.4; color: var(--chu-phu, #6B6455); }
.tvtg-thanh.da .tvtg-chu { color: #1D4A27; font-weight: 600; }
.tvtg-dong { display: flex; align-items: flex-start; gap: 8px; margin: 6px 0 2px; font-size: 13.5px; line-height: 1.4; }
.tvtg-dong svg { flex: none; margin-top: 2px; }
.tvtg-dong.da { color: #1D4A27; font-weight: 600; }
.tvtg-dong.chua { color: var(--chu-phu, #6B6455); }
.gh-the-bt .tvtg { color: #B7B2A3; }
.gh-the-bt .tvtg.da { color: #2D6635; }
.gh-chi-dt .tvtg-dt { display: inline-flex; vertical-align: -2px; margin-left: 4px; color: #B7B2A3; }   /* điện thoại: thẻ chỉ có hàng chân (hàng biểu tượng bị ẩn) */
.gh-chi-dt .tvtg-dt.da { color: #2D6635; }
.gh-the-khach .gh-chi-dt .tvtg-dt svg { display: inline-block; }   /* luật điện thoại ẩn mọi biểu tượng trong hàng chân; riêng huy hiệu này giữ */
.tvtg-tk { display: flex; align-items: center; gap: 6px; margin: 2px 2px 6px; font-size: 13px; color: var(--chu-phu, #6B6455); }
.tvtg-tk b { color: var(--xanh-dam, #113917); }