/* Hộp "Có gì mới" + Tham quan (mockup duyệt 28/10/2026). Nút theo nhịp chung 40px bo 10px chữ 14px. */
.bms-whatsnew{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:16px;background:rgba(7,22,43,.58)}
.bms-whatsnew[hidden]{display:none}
.bms-whatsnew__card{width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #DCE3EF;border-radius:16px;background:var(--surface,#fff);color:var(--ink,#0F172A);box-shadow:0 24px 70px rgba(5,35,75,.32);animation:bmsWhatsNewIn .22s ease}
@keyframes bmsWhatsNewIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.bms-whatsnew__head{display:flex;gap:14px;align-items:flex-start;padding:20px 20px 14px;border-bottom:1px solid #EEF2F7}
.bms-whatsnew__badge{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#EFF6FF;color:#1D4ED8}
.bms-whatsnew__badge svg{width:24px;height:24px}
.bms-whatsnew__eyebrow{margin:0 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#2563EB}
.bms-whatsnew__title{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--ink-strong,#0F172A)}
.bms-whatsnew__sub{margin:4px 0 0;font-size:13px;color:var(--muted,#64748B)}
.bms-whatsnew__close{margin-left:auto;flex:0 0 36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--muted,#64748B);font-size:20px;cursor:pointer}
.bms-whatsnew__close:hover{background:#F1F5F9}
.bms-whatsnew__body{overflow:auto;padding:6px 20px 8px}
.bms-whatsnew__group{margin:12px 0 4px}
.bms-whatsnew__group h3{margin:0 0 6px;font-size:15px;font-weight:700}
.bms-whatsnew__group ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.bms-whatsnew__group li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;font-size:14px;line-height:1.45}
.bms-whatsnew__dot{flex:0 0 8px;height:8px;margin-top:7px;border-radius:50%;background:#2563EB}
.bms-whatsnew__fix .bms-whatsnew__dot{background:#16A34A}
.bms-whatsnew__module,.bms-whatsnew__tour-chip{flex:0 0 auto;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:20px;white-space:nowrap}
.bms-whatsnew__module{background:#F1F5F9;color:#334155}
.bms-whatsnew__tour-chip{background:#EFF6FF;color:#1D4ED8}
.bms-whatsnew__text{flex:1;min-width:0}
.bms-whatsnew__foot{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:14px 20px 18px;border-top:1px solid #EEF2F7}
.bms-whatsnew__more{margin-right:auto;font-size:13px;color:var(--muted,#64748B)}
.bms-whatsnew__btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid #DCE3EF;background:var(--surface,#fff);color:var(--ink,#0F172A);font:600 14px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.bms-whatsnew__btn[hidden]{display:none}
.bms-whatsnew__btn:hover{background:#F8FAFC}
.bms-whatsnew__btn.primary{background:#2563EB;border-color:#2563EB;color:#fff}
.bms-whatsnew__btn.primary:hover{background:#1D4ED8}
.bms-whatsnew__btn svg{width:16px;height:16px}
/* Tham quan: dùng lại lớp tô sáng của Hướng dẫn (.guide-shade/.guide-focus-ring trong styles.css). */
.bms-whatsnew-tour{position:fixed;inset:0;z-index:2147482700;pointer-events:none}
.bms-whatsnew-tour[hidden]{display:none}
.bms-whatsnew-tour .guide-shade{pointer-events:auto}
.bms-whatsnew-tour .guide-focus-ring{animation:bmsWhatsNewPulse 1.6s ease-in-out infinite}
@keyframes bmsWhatsNewPulse{0%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 6px rgba(77,163,255,.35)}50%{box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 12px rgba(77,163,255,.12)}}
.bms-whatsnew-tour__pop{position:fixed;width:420px;max-width:calc(100vw - 32px);padding:16px;border:1px solid #B9D7F7;border-radius:14px;background:var(--surface,#fff);color:var(--ink,#0F172A);box-shadow:0 22px 60px rgba(5,35,75,.3);pointer-events:auto}
.bms-whatsnew-tour__step{margin:0 0 4px;font-size:12px;font-weight:600;color:#2563EB}
.bms-whatsnew-tour__pop h3{margin:0;font-size:15px;font-weight:700}
.bms-whatsnew-tour__text{margin:6px 0 14px;font-size:14px;line-height:1.5;color:var(--muted,#475569)}
.bms-whatsnew-tour__pop footer{display:flex;align-items:center;gap:8px}
.bms-whatsnew-tour__dots{display:flex;flex-shrink:0;gap:4px;margin-right:auto}
.bms-whatsnew-tour__dots i{width:6px;height:6px;border-radius:50%;background:#CBD5E1}
.bms-whatsnew-tour__dots i.on{width:14px;border-radius:4px;background:#2563EB}
.bms-whatsnew-tour__pop .bms-whatsnew__btn{padding:0 14px}
.bms-whatsnew-tour__skip{border-color:transparent;background:transparent;color:var(--muted,#64748B)}
html.bms-phone-v2 .bms-whatsnew__card{max-height:calc(100dvh - 120px)}
html.bms-phone-v2 .bms-whatsnew__head{padding:16px 16px 12px}
html.bms-phone-v2 .bms-whatsnew__body{padding:4px 12px 6px}
html.bms-phone-v2 .bms-whatsnew__group li{padding:8px 6px;flex-wrap:wrap}
html.bms-phone-v2 .bms-whatsnew__foot{padding:12px 16px 16px}
html.bms-phone-v2 .bms-whatsnew__more{display:none}
html.bms-phone-v2 .bms-whatsnew__foot .bms-whatsnew__btn{flex:1}
@media (prefers-reduced-motion:reduce){.bms-whatsnew__card,.bms-whatsnew-tour .guide-focus-ring{animation:none}}