/* Web Ban Hang 1.0.5 - dark theme: black bg, white text, yellow accent */
.wbh-wrap{max-width:1080px;margin:0 auto;padding:12px 12px 28px;font-family:inherit;color:#ffffff;background:#000000;box-sizing:border-box}
.wbh-wrap *,.wbh-wrap *::before,.wbh-wrap *::after{box-sizing:border-box}
.wbh-wrap img{max-width:100%}
.wbh-wrap a{color:#FFD400}
.wbh-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.wbh-logo{font-size:22px;font-weight:800;text-decoration:none;color:#ffffff}
.wbh-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.wbh-head-btn{background:#1a1a1a;border:1px solid #333333;border-radius:999px;padding:8px 14px;text-decoration:none;color:#ffffff;font-size:14px}
.wbh-slogan{color:#cccccc;margin:6px 0 0}
.wbh-contact{display:flex;gap:14px;margin:8px 0 4px;flex-wrap:wrap}
.wbh-contact a{color:#FFD400;font-weight:700;text-decoration:none}
.wbh-h2{font-size:20px;margin:22px 0 12px;color:#ffffff}
.wbh-home-h2{color:#ffffff}
.wbh-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wbh-cat{display:flex;flex-direction:column;align-items:center;gap:6px;background:#1a1a1a;border:1px solid #333333;border-radius:14px;padding:12px 6px;text-decoration:none;color:#ffffff;font-weight:600;font-size:14px;text-align:center}
.wbh-cat img{width:56px;height:56px;object-fit:cover;border-radius:12px}
.wbh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wbh-card{background:#1a1a1a;border:1px solid #333333;border-radius:20px;overflow:hidden;color:#ffffff;display:flex;flex-direction:column;min-width:0}
.wbh-card-img{position:relative;aspect-ratio:1/1;background:#111111;display:flex;align-items:center;justify-content:center;text-decoration:none}
.wbh-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.wbh-noimg{font-size:44px}
.wbh-card-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.wbh-badge{background:#FFD400;color:#000000;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}
.wbh-badge-hot,.wbh-badge-sale{background:#FFD400;color:#000000}
.wbh-badge-digital{background:#333333;color:#FFD400;border:1px solid #FFD400}
.wbh-card-body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.wbh-card-name{font-weight:700;font-size:15px;line-height:1.35;color:#ffffff;text-decoration:none;overflow-wrap:anywhere}
.wbh-card-desc{color:#cccccc;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.wbh-price{color:#FFD400;font-weight:800;font-size:17px;margin-top:2px}
.wbh-price s{color:#999999;font-weight:400;font-size:13px;margin-left:6px}
.wbh-buy-btn{margin-top:auto;display:block;background:#FFD400;color:#000000!important;border-radius:12px;padding:11px 14px;font-size:15px;font-weight:800;text-align:center;text-decoration:none}
.wbh-price.big{font-size:24px}
.wbh-detail{display:grid;grid-template-columns:1fr;gap:16px}
.wbh-gallery img{max-width:100%;border-radius:14px}
.wbh-thumbs{display:flex;gap:8px;margin-top:8px}
.wbh-thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid #333333}
.wbh-noimg-big{font-size:80px;text-align:center;background:#111111;border:1px solid #333333;border-radius:14px;padding:40px 0;color:#ffffff}
.wbh-title{font-size:24px;margin:0 0 8px;color:#ffffff}
.wbh-badge-inline{background:#1a1a1a;color:#FFD400;border:1px solid #333333;padding:6px 10px;border-radius:8px;font-size:13px}
.wbh-btn{display:inline-block;background:#FFD400;color:#000000!important;border:none;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;text-align:center}
.wbh-btn.ghost{background:#1a1a1a;color:#FFD400!important;border:2px solid #FFD400}
.wbh-btn.big-btn{width:100%}
.wbh-addform{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:14px 0}
.wbh-addform input[type=number]{width:80px;padding:10px;border:1px solid #333333;border-radius:8px;background:#1a1a1a;color:#ffffff}
.wbh-form{display:flex;flex-direction:column;gap:12px;max-width:560px}
.wbh-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#ffffff}
.wbh-form input,.wbh-form textarea{padding:12px;border:1px solid #333333;border-radius:10px;font-size:16px;font-weight:400;background:#1a1a1a;color:#ffffff}
.wbh-cart-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.wbh-cart-row{display:flex;align-items:center;gap:10px;background:#1a1a1a;border:1px solid #333333;border-radius:12px;padding:10px 12px;color:#ffffff}
.wbh-cart-row img{width:52px;height:52px;object-fit:cover;border-radius:8px}
.wbh-cart-info{flex:1;display:flex;flex-direction:column;min-width:0}
.wbh-cart-row input[type=number]{width:64px;padding:8px;border:1px solid #333333;border-radius:8px;background:#000000;color:#ffffff}
.wbh-mini{background:#1a1a1a;color:#FFD400;border:1px solid #333333;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px}
.wbh-total{font-size:18px;text-align:right;color:#ffffff}
.wbh-row-btns{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:10px}
.wbh-order-box{background:#1a1a1a;border:1px solid #333333;border-radius:14px;padding:16px;color:#ffffff}
.wbh-pay{text-align:center;border-top:1px dashed #333333;margin-top:14px;padding-top:14px}
.wbh-pay .wbh-qr{display:block;max-width:260px;width:100%;height:auto;margin:0 auto;box-sizing:border-box;background:#ffffff;padding:8px;border-radius:12px}
.wbh-memo{font-size:18px;color:#FFD400}
.wbh-error{background:#2a1111;color:#ffb3b3;border:1px solid #663333;border-radius:10px;padding:10px 12px}
.wbh-note{color:#cccccc;font-size:14px;line-height:1.5}
.wbh-empty{color:#cccccc;padding:20px 0;line-height:1.55}
.wbh-delivered{border-top:1px dashed #333333;margin-top:14px;padding-top:14px}
.wbh-digital{background:#1a1a1a;border:1px solid #FFD400;border-radius:10px;padding:12px;margin:10px 0;word-break:break-all;color:#ffffff}
.wbh-longdesc{margin-top:16px;line-height:1.6;color:#ffffff}
.wbh-stock{color:#cccccc}
.wbh-catdesc{color:#cccccc}
.wbh-status[data-status=pending]{color:#FFD400}
.wbh-status[data-status=paid],.wbh-status[data-status=completed]{color:#FFD400}
.wbh-status[data-status=cancelled]{color:#ff8a8a}
@media(min-width:720px){.wbh-grid{grid-template-columns:repeat(3,1fr)}.wbh-detail{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.wbh-grid{grid-template-columns:repeat(4,1fr)}}
/* Journal + home dark */
.wbh-public-msg{border:1px dashed #FFD400;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;color:#ffffff}
.wbh-public-msg legend{font-weight:700;padding:0 6px;color:#FFD400}
.wbh-public-msg .wbh-check{flex-direction:row;align-items:center;gap:8px;font-weight:600}
.wbh-notice-ok{background:#1a1a1a;color:#FFD400;border:1px solid #FFD400;border-radius:10px;padding:10px 12px}
.wbh-journal-hero{display:flex;gap:14px;align-items:flex-start;background:#1a1a1a;border:1px solid #333333;border-radius:14px;padding:16px;color:#ffffff}
.wbh-journal-avatar{font-size:52px;line-height:1}
.wbh-journal-name{font-size:24px;margin:0 0 6px;color:#ffffff}
.wbh-journal-intro{margin:0 0 6px;line-height:1.55;color:#cccccc}
.wbh-journal-stats{display:grid;grid-template-columns:1fr;gap:10px}
.wbh-jstat{background:#0a0a0a;border:1px solid #333333;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;color:#cccccc;font-size:14px}
.wbh-jstat-num{font-size:22px;font-weight:800;color:#ffffff}
.wbh-jstat.big{border-color:#FFD400;background:#FFD400;color:#000000}
.wbh-jstat.big .wbh-jstat-num{font-size:30px;color:#000000}
.wbh-journal-list{display:flex;flex-direction:column;gap:10px}
.wbh-jentry{background:#1a1a1a;border:1px solid #333333;border-left:4px solid #FFD400;border-radius:12px;padding:12px 14px;color:#ffffff}
.wbh-jentry-time{font-weight:700;font-size:13px;color:#FFD400;margin-bottom:4px}
.wbh-jentry-text{line-height:1.55;color:#ffffff}
.wbh-journal-pager{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap;color:#ffffff}
.wbh-msg-list,.wbh-sg-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.wbh-msg,.wbh-sg{background:#1a1a1a;border:1px solid #333333;border-radius:12px;padding:12px 14px;color:#ffffff}
.wbh-msg-head,.wbh-sg-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wbh-msg-head span{color:#cccccc;font-size:13px}
.wbh-msg-text,.wbh-sg-text{margin:6px 0 0;line-height:1.55}
.wbh-sg-reply{margin:8px 0 0;background:#000000;border:1px solid #333333;border-radius:8px;padding:8px 10px;line-height:1.5}
.wbh-sg-badge{font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:#FFD400;color:#000000}
.wbh-sg-badge.st-planned{background:#FFD400;color:#000000}
.wbh-sg-badge.st-declined{background:#333333;color:#ffffff}
.wbh-suggest-form{margin-bottom:8px}
@media(min-width:720px){.wbh-journal-stats{grid-template-columns:repeat(3,1fr)}}
.wbh-hero{background:#0a0a0a;color:#ffffff;border:1px solid #333333;border-radius:24px;padding:22px 18px;margin:12px 0 6px;overflow:hidden}
.wbh-hero-badge{display:inline-flex;align-items:center;gap:7px;background:#FFD400;border:1px solid #FFD400;color:#000000;font-size:13px;font-weight:800;padding:5px 12px;border-radius:999px}
.wbh-dot,.wbh-live-dot{width:9px;height:9px;border-radius:50%;background:#FFD400;flex:none;display:inline-block;animation:wbh-blink-dot 1.2s ease-in-out infinite}
.wbh-hero-title{font-size:30px;line-height:1.15;margin:14px 0 6px;color:#ffffff;overflow-wrap:anywhere}
.wbh-hero-slogan{margin:0;color:#cccccc;font-size:16px;line-height:1.5}
.wbh-hero-ai{display:flex;gap:12px;align-items:flex-start;background:#1a1a1a;border:1px solid #333333;border-radius:16px;padding:12px 14px;margin-top:16px}
.wbh-hero-avatar{font-size:38px;line-height:1;flex:none}
.wbh-hero-ai-text{min-width:0}
.wbh-hero-ai-text strong{font-size:16px;color:#ffffff}
.wbh-hero-ai-text p{margin:4px 0 0;color:#cccccc;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.wbh-hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.wbh-btn-hero-buy{background:#FFD400;flex:1 1 140px}
.wbh-btn-hero-journal{background:#1a1a1a;color:#FFD400!important;border:1px solid #FFD400;flex:1 1 140px}
.wbh-home-stats{display:grid;grid-template-columns:1fr;gap:10px}
.wbh-stat-card{background:#0a0a0a;border:1px solid #333333;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0;color:#ffffff}
.wbh-stat-num{font-size:24px;font-weight:800;color:#ffffff;overflow-wrap:anywhere}
.wbh-stat-label{color:#cccccc;font-size:14px;line-height:1.45}
.wbh-stat-main{border-color:#FFD400;background:#FFD400;color:#000000}
.wbh-stat-main .wbh-stat-num{font-size:30px;color:#000000}
.wbh-stat-main .wbh-stat-label{color:#000000}
.wbh-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;margin-top:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.wbh-chips::-webkit-scrollbar{display:none}
.wbh-chip{flex:none;background:#1a1a1a;border:1.5px solid #333333;color:#ffffff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.wbh-chip.is-active{background:#FFD400;border-color:#FFD400;color:#000000}
.wbh-products-anchor{scroll-margin-top:16px}
.wbh-home-journal{display:flex;flex-direction:column;gap:10px}
.wbh-more-link{margin:10px 0 0}
.wbh-more-link a{color:#FFD400;font-weight:700;text-decoration:none}
@media(min-width:720px){.wbh-home-stats{grid-template-columns:repeat(3,1fr)}.wbh-hero{padding:30px 26px}.wbh-hero-title{font-size:38px}}
/* 1.0.4 hero dark, yellow spot boxes, earn box */
.wbh-hero-dark{background:#000000;color:#ffffff;padding:18px 2px 6px;margin-top:6px}
.wbh-tag-yellow{display:inline-block;background:#FFD400;color:#000000;font-size:12px;font-weight:900;letter-spacing:.06em;padding:6px 12px;border-radius:6px}
.wbh-hero-dark-title{font-size:34px;line-height:1.12;margin:14px 0 8px;color:#ffffff;overflow-wrap:anywhere}
.wbh-hero-dark-intro{margin:0 0 8px;color:#ffffff;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.wbh-hero-dark-slogan{margin:0 0 8px;color:#cccccc;font-size:15px;line-height:1.55}
.wbh-hero-dark-meta{margin:10px 0 0;color:#cccccc;font-size:14px;display:flex;align-items:center;gap:8px}
.wbh-spot-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0 6px}
.wbh-spot-box{background:#FFD400;color:#000000;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.wbh-spot-name{font-weight:900;font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.wbh-spot-desc{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.wbh-spot-price{font-weight:900;font-size:18px}
.wbh-spot-btn{margin-top:auto;color:#000000!important;font-weight:900;text-decoration:underline;font-size:15px}
.wbh-earn-main{background:#FFD400;color:#000000;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.wbh-earn-label{font-size:13px;font-weight:900;letter-spacing:.05em}
.wbh-earn-num{font-size:36px;font-weight:900;line-height:1.05;overflow-wrap:anywhere}
.wbh-earn-note{font-size:14px;line-height:1.5}
@media(min-width:720px){.wbh-spot-grid{grid-template-columns:repeat(3,1fr)}.wbh-hero-dark-title{font-size:42px}.wbh-earn-num{font-size:44px}}
/* Robot scene */
.wbh-scene{position:relative;background:#0a0a0a;border:1px solid #333333;border-radius:18px;padding:14px;margin:16px 0;overflow:hidden;color:#ffffff}
.wbh-scene-window{position:absolute;top:10px;right:12px;width:110px;height:72px;background:#000000;border:1px solid #333333;border-radius:10px;overflow:hidden}
.wbh-moon{position:absolute;top:10px;right:14px;width:26px;height:26px;border-radius:50%;background:#FFD400;box-shadow:0 0 18px 4px rgba(255,212,0,.55);animation:wbh-glow 2.6s ease-in-out infinite}
.wbh-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffffff;animation:wbh-twinkle 1.8s ease-in-out infinite}
.wbh-star.s1{top:14px;left:14px}.wbh-star.s2{top:30px;left:34px;animation-delay:.5s}.wbh-star.s3{top:48px;left:16px;animation-delay:1s}.wbh-star.s4{top:52px;left:52px;animation-delay:.2s}
.wbh-scene-main{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1;margin-top:4px;flex-wrap:wrap}
.wbh-robot-wrap{flex:0 0 128px;display:flex;flex-direction:column;align-items:center;animation:wbh-bob 2.4s ease-in-out infinite}
.wbh-robot-svg{width:128px;height:auto;display:block;overflow:visible}
.wbh-eye{transform-box:fill-box;transform-origin:center;animation:wbh-blink 3.4s infinite}
.wbh-antenna-light{animation:wbh-blink-dot 1.1s ease-in-out infinite}
.wbh-arm-l{transform-box:fill-box;transform-origin:right center;animation:wbh-typing-left .38s ease-in-out infinite alternate}
.wbh-arm-r{transform-box:fill-box;transform-origin:left center;animation:wbh-typing-right .38s ease-in-out infinite alternate-reverse}
.wbh-coffee{margin-top:2px}
.wbh-coffee-cup{display:block;width:22px;height:16px;background:#FFD400;border-radius:0 0 8px 8px;position:relative}
.wbh-coffee-cup::after{content:"";position:absolute;right:-8px;top:3px;width:8px;height:8px;border:2px solid #FFD400;border-radius:50%}
.wbh-monitor{flex:1 1 200px;min-width:0;background:#111111;border:1px solid #333333;border-radius:12px;padding:10px}
.wbh-monitor-head{font-size:12px;font-weight:800;color:#FFD400;margin-bottom:8px;overflow-wrap:anywhere}
.wbh-monitor-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD400;animation:wbh-blink-dot 1.2s infinite}
.wbh-monitor-screen{height:92px;overflow:hidden;position:relative}
.wbh-monitor-track{display:flex;flex-direction:column;gap:6px;animation:wbh-scroll-up 12s linear infinite}
.wbh-monitor-line{font-size:13px;line-height:1.45;color:#ffffff;background:#1a1a1a;border:1px solid #333333;border-radius:8px;padding:6px 8px;overflow-wrap:anywhere}
.wbh-bulletin{margin-top:10px;background:#000000;border:1px dashed #FFD400;border-radius:10px;padding:8px 10px}
.wbh-bulletin-title{font-size:11px;font-weight:900;letter-spacing:.06em;color:#FFD400;margin-bottom:4px}
.wbh-bulletin-text{font-size:13px;line-height:1.5;color:#ffffff;overflow-wrap:anywhere}
.wbh-desk{height:10px;background:#222222;border:1px solid #333333;border-radius:6px;margin-top:10px}
.wbh-scene-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:14px;color:#ffffff}
.wbh-scene-status-text{color:#cccccc}
@keyframes wbh-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.08)}}
@keyframes wbh-typing-left{from{transform:translateY(0)}to{transform:translateY(5px)}}
@keyframes wbh-typing-right{from{transform:translateY(0)}to{transform:translateY(5px)}}
@keyframes wbh-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes wbh-glow{0%,100%{opacity:1}50%{opacity:.75}}
@keyframes wbh-twinkle{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes wbh-scroll-up{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes wbh-blink-dot{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:419px){.wbh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wbh-card-body{padding:10px}.wbh-card-name{font-size:14px}.wbh-price{font-size:15px}.wbh-buy-btn{padding:10px 8px;font-size:14px}.wbh-hero-dark-title{font-size:28px}.wbh-robot-wrap{flex-basis:104px}.wbh-robot-svg{width:104px}.wbh-scene-window{width:88px;height:58px}.wbh-earn-num{font-size:30px}}
@media(prefers-reduced-motion:reduce){.wbh-wrap *{animation:none!important}}

/* Chat AI ban hang 1.0.16 - WIDGET NOI kieu Messenger goc phai duoi + canh AI ngoi may tinh lon (giu cho canh robot), tong den/vang */
.wbh-chat-widget{position:fixed;right:16px;bottom:16px;z-index:99990;font-family:inherit;color:#ffffff}
.wbh-chat-widget *,.wbh-chat-widget *::before,.wbh-chat-widget *::after{box-sizing:border-box}
.wbh-chat-fab{position:relative;width:56px;height:56px;border-radius:50%;background:#FFD400;border:2px solid #000000;box-shadow:0 6px 18px rgba(0,0,0,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.wbh-chat-fab-avatar{font-size:30px;line-height:1}
.wbh-chat-fab-dot{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#28c840;border:2px solid #000000}
.wbh-chat-widget.is-open .wbh-chat-fab{display:none}
.wbh-desk-scene{position:relative;background:#0a0a0a;border:1.5px solid #FFD400;border-radius:18px 18px 0 0;padding:10px 10px 0;overflow:hidden}
.wbh-desk-svg{width:100%;height:auto;display:block}
.wbh-desk-star{animation:wbh-twinkle 1.8s ease-in-out infinite}
.wbh-desk-star.d2{animation-delay:.5s}
.wbh-desk-star.d3{animation-delay:1s}
.wbh-desk-steam{animation:wbh-glow 2.2s ease-in-out infinite}
.wbh-desk-screen-lines{position:absolute;left:53.5%;top:31%;width:34%;display:flex;flex-direction:column;gap:5px}
.wbh-desk-screen-head{font-size:12px;font-weight:800;color:#FFD400;overflow-wrap:anywhere}
.wbh-desk-screen-line{font-size:12.5px;line-height:1.4;color:#ffffff;background:#1a1a1a;border:1px solid #333333;border-radius:7px;padding:5px 8px;overflow-wrap:anywhere;animation:wbh-desk-line-in .5s ease both}
@keyframes wbh-desk-line-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.wbh-desk-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:9px 4px 11px;font-size:13.5px;color:#ffffff}
.wbh-desk-status span:last-child{color:#cccccc}
.wbh-chat-panel2{position:absolute;right:0;bottom:0;width:320px;max-width:calc(100vw - 24px);height:min(500px,calc(100vh - 32px));max-height:500px;background:#0a0a0a;border:1.5px solid #FFD400;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.6)}
.wbh-chat-panel2[hidden]{display:none!important}
.wbh-chat-head{display:flex;align-items:center;gap:10px;background:#1a1a1a;border-bottom:1px solid #333333;padding:12px 14px;flex:none}
.wbh-chat-close{background:none;border:none;color:#ffffff;font-size:17px;line-height:1;cursor:pointer;padding:6px;flex:none}
.wbh-chat-avatar{font-size:30px;line-height:1}
.wbh-chat-head-text{flex:1;display:flex;flex-direction:column;min-width:0}
.wbh-chat-head-text strong{font-size:16px;color:#ffffff;overflow-wrap:anywhere}
.wbh-chat-status{font-size:12px;color:#cccccc;margin-top:2px}
.wbh-chat-nick{padding:14px;background:#111111;border-bottom:1px solid #333333;flex:0 1 auto;min-height:0;overflow-y:auto}
.wbh-chat-nick[hidden]{display:none!important}
.wbh-chat-nick label{font-size:14.5px;color:#ffffff;line-height:1.5}
.wbh-chat-nick-row{display:flex;gap:8px;margin-top:9px}
.wbh-chat-nick-row input{flex:1;min-width:0;padding:11px 12px;border:1px solid #FFD400;border-radius:10px;background:#1a1a1a;color:#ffffff;font-size:15px}
.wbh-chat-nick-btn{background:#FFD400;color:#000000;border:none;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;font-size:14.5px;flex:none}
.wbh-chat-nick-note{margin:9px 0 0;font-size:12.5px;color:#cccccc;line-height:1.5}
.wbh-chat-msgs{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#000000}
.wbh-chat-msg{max-width:86%;padding:9px 12px;border-radius:14px;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.wbh-chat-msg.is-ai{background:#1a1a1a;border:1px solid #333333;color:#ffffff;align-self:flex-start;border-bottom-left-radius:4px}
.wbh-chat-msg.is-user{background:#FFD400;color:#000000;align-self:flex-end;border-bottom-right-radius:4px;font-weight:600}
.wbh-chat-msg a{color:#FFD400;font-weight:700}
.wbh-chat-msg.is-user a{color:#000000}
.wbh-chat-meta{padding:7px 14px;font-size:12.5px;color:#FFD400;background:#1a1a1a;border-top:1px solid #333333}
.wbh-chat-unlock{display:flex;gap:8px;padding:10px 12px 0;background:#0a0a0a}
.wbh-chat-unlock[hidden]{display:none!important}
.wbh-chat-unlock input{flex:1;min-width:0;padding:10px;border:1px solid #333333;border-radius:10px;background:#1a1a1a;color:#ffffff;font-size:14px;text-transform:uppercase}
.wbh-chat-unlock-btn{background:#FFD400;color:#000000;border:none;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;font-size:14px}
.wbh-chat-unlock-toggle{background:none;border:none;color:#FFD400;font-size:13px;font-weight:700;cursor:pointer;text-align:left;padding:9px 14px 2px}
.wbh-chat-form{display:flex;gap:8px;padding:10px 12px;background:#0a0a0a}
.wbh-chat-form input{flex:1;min-width:0;padding:12px 14px;border:1px solid #333333;border-radius:999px;background:#1a1a1a;color:#ffffff;font-size:15px}
.wbh-chat-form input:disabled{opacity:.55}
.wbh-chat-send{width:46px;height:46px;flex:none;border-radius:50%;background:#FFD400;color:#000000;border:none;font-size:17px;cursor:pointer}
.wbh-chat-send:disabled,.wbh-chat-unlock-btn:disabled{opacity:.55;cursor:wait}
.wbh-chat-note{margin:0;padding:0 14px 11px;font-size:11.5px;color:#999999;line-height:1.45;background:#0a0a0a}
.wbh-chat-panel2>.wbh-chat-nick,.wbh-chat-panel2>.wbh-chat-meta,.wbh-chat-panel2>.wbh-chat-unlock,.wbh-chat-panel2>.wbh-chat-unlock-toggle,.wbh-chat-panel2>.wbh-chat-form,.wbh-chat-panel2>.wbh-chat-note{flex:none}
/* Goi y cho shop 1.0.16 - WIDGET NOI goc trai duoi */
.wbh-suggest-widget{position:fixed;left:16px;bottom:16px;z-index:99989;font-family:inherit;color:#ffffff}
.wbh-suggest-widget *,.wbh-suggest-widget *::before,.wbh-suggest-widget *::after{box-sizing:border-box}
.wbh-suggest-fab{display:flex;align-items:center;gap:7px;background:#1a1a1a;color:#FFD400;border:1.5px solid #FFD400;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.wbh-suggest-fab-icon{font-size:17px;line-height:1}
.wbh-suggest-widget.is-open .wbh-suggest-fab{display:none}
.wbh-suggest-panel{position:absolute;left:0;bottom:0;width:340px;max-width:calc(100vw - 24px);max-height:min(560px,70vh);overflow-y:auto;background:#0a0a0a;border:1.5px solid #FFD400;border-radius:18px;padding:14px;box-shadow:0 12px 32px rgba(0,0,0,.6)}
.wbh-suggest-panel[hidden]{display:none!important}
.wbh-suggest-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.wbh-suggest-head-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.wbh-suggest-head-text strong{font-size:15.5px;color:#ffffff;overflow-wrap:anywhere}
.wbh-suggest-head-text span{font-size:12.5px;color:#cccccc;line-height:1.45}
.wbh-suggest-close{background:none;border:none;color:#ffffff;font-size:17px;line-height:1;cursor:pointer;padding:4px;flex:none}
.wbh-suggest-notice{margin:0 0 10px}
.wbh-suggest-panel .wbh-form{max-width:none}
.wbh-suggest-panel .wbh-form input,.wbh-suggest-panel .wbh-form textarea{width:100%}
@media(max-width:640px){
  .wbh-suggest-widget{left:12px;bottom:12px}
  .wbh-suggest-panel{width:calc(100vw - 24px);max-height:70vh}
}
/* Bang hoat dong truc tiep (trang Nhat ky AI) */
.wbh-activity{max-width:880px;margin:6px auto 0}
.wbh-activity-list{display:flex;flex-direction:column;gap:8px}
.wbh-activity-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#1a1a1a;border:1px solid #333333;border-left:4px solid #FFD400;border-radius:10px;padding:10px 12px;font-size:14.5px;color:#ffffff}
.wbh-activity-line.is-done{opacity:.75}
.wbh-activity-line.is-cart{border-left-color:#ffffff}
.wbh-activity-time{color:#cccccc;font-size:13px}
.wbh-activity-empty{color:#cccccc;line-height:1.55;background:#1a1a1a;border:1px dashed #333333;border-radius:10px;padding:12px 14px}
@media(max-width:640px){
  .wbh-desk-screen-lines{left:52%;top:29%;width:36%}
  .wbh-desk-screen-line{font-size:10.5px;padding:4px 6px}
  .wbh-desk-screen-head{font-size:10px}
  .wbh-chat-widget{right:12px;bottom:12px}
  .wbh-chat-panel2{width:calc(100vw - 24px);height:min(500px,55vh);max-height:55vh}
  .wbh-chat-nick-row{flex-direction:column}
  .wbh-chat-nick-btn{width:100%}
}
/* ===== 1.0.10: Trang Nhat ky AI dang dashboard gon + robot cay/ngu ===== */
.wbh-dash-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 2px;border-bottom:1px solid #262626}
.wbh-dash-title{font-size:19px;font-weight:900;color:#ffffff;overflow-wrap:anywhere}
.wbh-dash-clockbox{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px;color:#cccccc}
.wbh-dash-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.wbh-dash-dot.is-working{background:#28c840;animation:wbh-blink-dot 1.2s ease-in-out infinite}
.wbh-dash-dot.is-resting{background:#febc2e}
.wbh-dash-back{margin:8px 0 0}
.wbh-dash-back a{color:#FFD400;font-weight:700;text-decoration:none}
.wbh-dash-h{font-size:18px;margin:10px 0;color:#ffffff}
.wbh-dash-products{margin:12px 0 4px}
.wbh-dash-product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wbh-dash-product{background:#141414;border:1px solid #333333;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#ffffff;min-width:0}
.wbh-dash-product img{width:100%;height:86px;object-fit:cover;border-radius:8px;display:block}
.wbh-dash-product-noimg{font-size:30px;text-align:center;padding:16px 0;background:#0a0a0a;border-radius:8px}
.wbh-dash-product-name{font-weight:700;font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
.wbh-dash-product-price{color:#FFD400;font-weight:800;font-size:14px;margin-top:auto}
.wbh-dash-product-price s{color:#999999;font-weight:400;font-size:12px;margin-left:4px}
.wbh-dash-banner{background:#141414;border:1px solid #333333;border-radius:14px;padding:12px 14px;margin:14px 0}
.wbh-dash-banner-main{margin:0 0 5px;line-height:1.55;color:#ffffff;overflow-wrap:anywhere}
.wbh-dash-banner-state{margin:0;line-height:1.55;color:#cccccc}
.wbh-dash-main{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0}
.wbh-dash-left{min-width:0}
.wbh-dash-thought{position:relative;background:#141414;border:1px solid #FFD400;color:#FFD400;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.5;text-align:center;margin-bottom:14px}
.wbh-dash-thought::after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#141414;border-right:1px solid #FFD400;border-bottom:1px solid #FFD400;transform:translateX(-50%) rotate(45deg)}
.wbh-dash-scene{background:#0a0a0a;border:1px solid #333333;border-radius:14px;padding:8px}
.wbh-dash-scene svg{width:100%;height:auto;display:block}
.wbh-dash-caption{margin:8px 0 0;text-align:center;color:#999999;font-size:12.5px}
.wbh-dash-monitor{background:#0b0e13;border:1px solid #2a2f3a;border-radius:14px;overflow:hidden;min-width:0}
.wbh-dash-monitor-head{display:flex;align-items:center;gap:10px;background:#161a22;padding:9px 12px}
.wbh-win-dots{display:flex;gap:6px;flex:none}
.wbh-win-dots i{width:11px;height:11px;border-radius:50%;display:block}
.wbh-win-dots .d-r{background:#ff5f57}
.wbh-win-dots .d-y{background:#febc2e}
.wbh-win-dots .d-g{background:#28c840}
.wbh-dash-monitor-title{flex:1;text-align:center;color:#9aa4b2;font-size:13px;min-width:0}
.wbh-monitor-pause{background:#22262f;color:#ffffff;border:1px solid #3a4150;border-radius:8px;padding:5px 10px;font-size:12.5px;cursor:pointer;flex:none}
.wbh-dash-monitor-body{padding:12px 14px;height:302px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}
.wbh-dash-monitor-body.is-paused{opacity:.7}
.wbh-dash-line{margin:0 0 9px;color:#e6e6e6;overflow-wrap:anywhere}
.wbh-dash-time{color:#FFD400;font-weight:700}
.wbh-dash-tag{color:#7ee787;font-weight:700}
.wbh-caret{display:inline-block;width:8px;height:14px;background:#FFD400;margin-left:5px;vertical-align:-2px;animation:wbh-blink-dot .8s step-end infinite}
.wbh-dash-stats{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}
.wbh-dash-stat{background:#101319;border:1px solid #2a2f3a;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.wbh-dash-stat.is-main{border-color:#FFD400}
.wbh-dash-stat-label{font-size:12px;letter-spacing:.05em;color:#9aa4b2;font-weight:800}
.wbh-dash-stat-num{font-size:26px;font-weight:900;color:#ffffff;overflow-wrap:anywhere}
.wbh-dash-stat.is-main .wbh-dash-stat-num{color:#FFD400}
.wbh-dash-stat-note{font-size:12.5px;color:#9aa4b2}
.wbh-dash-chartbox{background:#101319;border:1px solid #2a2f3a;border-radius:14px;padding:14px;margin:14px 0}
.wbh-chart{display:flex;gap:6px;overflow-x:auto;padding-top:2px}
.wbh-chart-col{flex:1 0 52px;min-width:52px;display:flex;flex-direction:column;align-items:center;gap:5px}
.wbh-chart-val{font-size:10.5px;color:#FFD400;font-weight:700;text-align:center;line-height:1.3;min-height:27px;display:flex;align-items:flex-end;overflow-wrap:anywhere}
.wbh-chart-track{height:130px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid #333333}
.wbh-chart-bar{width:62%;background:#FFD400;border-radius:5px 5px 0 0;min-height:3px}
.wbh-chart-bar.is-zero{background:#3a3a3a}
.wbh-chart-day{font-size:11px;color:#9aa4b2}
.wbh-dash .wbh-h2{font-size:17px;margin:16px 0 8px}
@media(min-width:720px){.wbh-dash-stats{grid-template-columns:repeat(3,1fr)}}
@media(min-width:820px){.wbh-dash-main{grid-template-columns:300px 1fr}}
@media(max-width:719px){.wbh-dash-product-row{display:flex;overflow-x:auto;padding-bottom:6px}.wbh-dash-product{flex:0 0 140px}.wbh-dash-monitor-body{height:260px}}
/* Robot: cay viec (tay go nhanh hon, dau guc, mo hoi) + ngu (Zzz, den toi) */
.wbh-robot-head{transform-box:fill-box;transform-origin:50% 100%}
.wbh-desk-scene.is-working .wbh-robot-head,.wbh-dash-scene.is-working .wbh-robot-head{animation:wbh-nod 2.8s ease-in-out infinite}
@keyframes wbh-nod{0%,100%{transform:rotate(0deg)}50%{transform:rotate(2.6deg) translateY(2px)}}
.wbh-desk-scene .wbh-arm-l,.wbh-dash-scene .wbh-arm-l{animation-duration:.22s}
.wbh-desk-scene .wbh-arm-r,.wbh-dash-scene .wbh-arm-r{animation-duration:.22s}
.wbh-sweat{transform-box:fill-box;transform-origin:center;animation:wbh-sweat-drop 1.5s ease-in infinite}
@keyframes wbh-sweat-drop{0%{transform:translateY(-2px);opacity:0}30%{opacity:1}100%{transform:translateY(13px);opacity:0}}
.wbh-zzz{transform-box:fill-box;transform-origin:center;animation:wbh-zzz-float 2.6s ease-in-out infinite}
.wbh-zzz.z2{animation-delay:.5s}
.wbh-zzz.z3{animation-delay:1s}
@keyframes wbh-zzz-float{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(-6px);opacity:1}}
.wbh-desk-scene.is-resting .wbh-desk-svg{filter:brightness(.68)}
.wbh-dash-scene.is-resting svg{filter:brightness(.72)}
.wbh-desk-scene.is-resting .wbh-arm-l,.wbh-desk-scene.is-resting .wbh-arm-r,.wbh-dash-scene.is-resting .wbh-arm-l,.wbh-dash-scene.is-resting .wbh-arm-r{animation:none}
.wbh-desk-rest-screen{font-size:13px;font-weight:700;color:#FFD400;background:#1a1a1a;border:1px solid #FFD400;border-radius:7px;padding:8px 10px;line-height:1.5}

/* ===== 1.0.17: Xem tat ca san pham + nut Xem video mau + thong ke nguoi xem ===== */
.wbh-dash-product-link{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;flex:1;min-width:0}
.wbh-dash-viewall{margin:10px 0 0;text-align:center}
.wbh-dash-viewall a{color:#FFD400;font-weight:800;font-size:15px;text-decoration:none}
.wbh-dash-viewall a:hover{text-decoration:underline}
.wbh-video-btn{display:block;margin-top:8px;padding:8px 12px;border:1px solid #FFD400;border-radius:9px;color:#FFD400;font-weight:700;font-size:13.5px;text-decoration:none;text-align:center;background:transparent}
.wbh-video-btn:hover{background:#FFD400;color:#111111}
.wbh-dash-video-btn{margin-top:6px;padding:6px 8px;font-size:12.5px}
.wbh-detail-video{margin:10px 0}
.wbh-detail-video .wbh-video-btn{display:inline-block;margin-top:0}
.wbh-viewer-stats{background:#141414;border:1px solid #FFD400;border-radius:12px;padding:10px 14px;margin:12px 0;color:#ffffff;line-height:1.55}
.wbh-viewer-stats strong{color:#FFD400}

/* ===== 1.0.18: Man hinh lam viec - moi nhat len dau + go lap 4 dong moi nhat ===== */
/* Thu tu dong do server dao san (moi nhat o dau). 4 dong dau (.is-typed)
   duoc JS go tung ky tu trong .wbh-dash-text roi go lai tu dau; dong
   .is-static hien tinh. Con tro do JS chen vao dong dang go. */
.wbh-dash-line.is-typed{min-height:1.5em}
@media (prefers-reduced-motion: reduce){.wbh-caret{animation:none}}

/* ===== 1.0.19: Nhat ky 2 cot (AI + san pham cung thay khi load) + logo cai dat + bong bong xin ung ho + chat luon mo ===== */
.wbh-logo{display:flex;align-items:center;gap:9px}
.wbh-logo-img{height:36px;width:auto;max-width:140px;object-fit:contain;display:block}
.wbh-dash-title{display:flex;align-items:center;gap:9px}
.wbh-dash-logo{height:34px;width:auto;max-width:130px;object-fit:contain;display:block;border-radius:6px}
.wbh-journal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;grid-template-areas:"ai" "products" "monitor";margin:4px 0 2px;align-items:start}
.wbh-journal-ai-top{grid-area:ai;min-width:0}
.wbh-journal-ai-top .wbh-dash-banner{margin-top:0}
.wbh-journal-ai-top .wbh-viewer-stats{margin:0 0 12px}
.wbh-journal-hero-grid>.wbh-dash-products{grid-area:products;margin:0;min-width:0}
.wbh-journal-hero-grid>.wbh-dash-products .wbh-dash-h{margin-top:0}
.wbh-journal-hero-grid>.wbh-dash-monitor{grid-area:monitor;min-width:0}
.wbh-dash-robotbox{min-width:0}
@media(min-width:900px){
  .wbh-journal-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"ai products" "monitor products";align-items:start}
  .wbh-journal-hero-grid>.wbh-dash-products .wbh-dash-product-row{grid-template-columns:repeat(2,1fr);align-items:stretch}
  .wbh-journal-hero-grid>.wbh-dash-products .wbh-dash-product{height:100%}
}
@media(max-width:899px){
  .wbh-dash-robotbox .wbh-dash-scene svg{max-width:196px;margin:0 auto}
  .wbh-dash-robotbox .wbh-dash-thought{margin-bottom:10px}
  .wbh-dash-robotbox .wbh-dash-caption{margin-top:4px}
}
/* Chat 1.0.19 (da thay boi 1.0.22 o cuoi file): panel tung de relative vi luon mo san */
.wbh-chat-panel2{position:relative;right:auto;bottom:auto}

/* ===== 1.0.20: Chat nho lai (van luon mo) + luoi hero can bang 2 cot bang nhau ===== */
/* Chat: may tinh rong 320px, cao toi da 500px. Dau khung (avatar + ten +
   trang thai) va o nhap giu co dinh; vung tin nhan (.wbh-chat-msgs) va
   khu biet danh/loi chao (.wbh-chat-nick) cuon BEN TRONG khung nen noi
   dung dai den dau khung cung khong cao qua 500px. Khong co nut thu
   gon, khong co nut dong - van luon mo san goc phai duoi (1.0.19). */
.wbh-chat-panel2{width:320px;height:min(500px,calc(100vh - 32px));max-height:500px}
.wbh-chat-panel2>.wbh-chat-nick{flex:0 1 auto;min-height:0;overflow-y:auto}
.wbh-chat-panel2>.wbh-chat-msgs{flex:1 1 auto;min-height:0;overflow-y:auto}
.wbh-chat-panel2>.wbh-chat-head,.wbh-chat-panel2>.wbh-chat-form{flex:none}
@media(max-width:640px){
  /* Dien thoai: gan full chieu rong nhu cu, cao toi da 55% man hinh */
  .wbh-chat-panel2{width:calc(100vw - 24px);height:min(500px,55vh);max-height:55vh}
}
/* Hero trang nhat ky: 2 cot BANG NHAU (1fr 1fr), dau 2 cot thang hang.
   Khung robot tren may tinh thu gon vua phai bang cach gioi han chieu
   cao hien thi cua SVG (thu nho ca khung theo ti le, KHONG cat noi
   dung robot) de cot AI khong dai hon han cot san pham. */
@media(min-width:900px){
  .wbh-journal-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wbh-journal-ai-top .wbh-dash-robotbox .wbh-dash-scene svg{height:250px;width:auto;max-width:100%;margin:0 auto}
  .wbh-journal-hero-grid>.wbh-dash-products .wbh-dash-product-row{align-items:stretch}
}

/* ===== 1.0.22: Chat thu lai thanh nut sticky nhu 1.0.16 ===== */
/* Luc moi tai trang chi thay nut tron robot 56px (.wbh-chat-fab, dinh
   nghia o muc 1.0.16 o tren, kem cham xanh .wbh-chat-fab-dot) dinh co
   dinh goc phai duoi; khung chat (.wbh-chat-panel2) mac dinh hidden.
   Bam nut tron: JS bo hidden + them .is-open vao widget (nut tron an
   di nho rule .wbh-chat-widget.is-open .wbh-chat-fab o muc 1.0.16),
   khung mo ngay PHIA TREN nut nen panel phai quay lai position:absolute
   neo right:0/bottom:0 vao widget fixed (ghi de rule relative cua
   1.0.19). Bam nut dong ✕: JS an lai panel + bo .is-open, nut tron
   hien lai. Kich thuoc GIU NGUYEN 1.0.20: may tinh 320px rong, cao
   toi da 500px, noi dung cuon ben trong; dien thoai gan full chieu
   rong, cao toi da 55% man hinh. */
.wbh-chat-panel2{position:absolute;right:0;bottom:0;width:320px;height:min(500px,calc(100vh - 32px));max-height:500px}
@media(max-width:640px){
  .wbh-chat-panel2{width:calc(100vw - 24px);height:min(500px,55vh);max-height:55vh}
}