/* BOT VIỆT AI V1.0.247 — premium user topbar + VI/EN selector only */
.user-app-shell{--top:70px}
.user-app-shell>.v247-user-topbar{
  height:var(--top);gap:9px;padding:0 18px;border-bottom:1px solid rgba(47,126,212,.58);
  background:radial-gradient(circle at 48% -80%,rgba(33,103,255,.22),transparent 42%),linear-gradient(180deg,rgba(2,15,37,.985),rgba(1,11,28,.975));
  box-shadow:0 10px 32px rgba(0,0,0,.22),inset 0 -1px 0 rgba(37,155,255,.08);
  backdrop-filter:blur(18px) saturate(1.25);overflow:visible;
}
.user-app-shell>.v247-user-topbar:before{
  content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#0fc7ff 22%,#426eff 51%,#0fc7ff 78%,transparent);opacity:.36
}
.user-app-shell>.v247-user-topbar:after{
  content:"";position:absolute;top:0;left:-18%;width:18%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(78,185,255,.055),transparent);animation:v247TopbarSweep 8s ease-in-out infinite
}
@keyframes v247TopbarSweep{0%,16%{left:-18%}62%,100%{left:110%}}
.v247-user-topbar .searchbox{
  width:min(420px,31vw);height:40px;border-color:#17436f;border-radius:11px;
  background:linear-gradient(180deg,rgba(5,29,58,.96),rgba(3,22,45,.96));color:#65bfff;
  box-shadow:inset 0 0 20px rgba(16,92,179,.08),0 0 0 1px rgba(0,0,0,.18);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease
}
.v247-user-topbar .searchbox:focus-within{border-color:#2a9cff;box-shadow:0 0 0 2px rgba(24,144,255,.12),0 0 18px rgba(0,117,255,.16),inset 0 0 20px rgba(16,92,179,.12);transform:translateY(-1px)}
.v247-user-topbar .searchbox input{color:#d9e9ff}.v247-user-topbar .searchbox input::placeholder{color:#7290b5}
.v247-user-topbar .searchbox-brand{border:1px solid #1a5e9a;border-radius:8px;padding:5px 9px;background:linear-gradient(180deg,#0b315c,#092541);color:#9cd5ff;font-size:9px;letter-spacing:.04em}
.v247-user-topbar .env{min-height:38px;border-color:#17446e;border-radius:11px;background:linear-gradient(180deg,rgba(5,28,52,.92),rgba(3,19,38,.94));color:#f0f7ff;white-space:nowrap}
.v247-user-topbar .dot-live{background:#22e899;box-shadow:0 0 0 4px rgba(34,232,153,.11),0 0 11px rgba(34,232,153,.7)}
.v247-user-topbar .support-toolbar-button{height:39px;border-radius:13px;padding:0 13px;border-color:#3c9fff;background:linear-gradient(135deg,#0878ff 0%,#1b6bff 55%,#7154f4 100%);box-shadow:0 7px 22px rgba(18,105,246,.28),inset 0 1px 0 rgba(255,255,255,.19),0 0 16px rgba(37,127,255,.1)}
.v247-user-topbar .support-toolbar-button:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.18) 46%,transparent 68%);transform:translateX(-120%);animation:v247ButtonShine 5.7s ease-in-out infinite}
@keyframes v247ButtonShine{0%,62%{transform:translateX(-120%)}76%,100%{transform:translateX(120%)}}
.v247-user-topbar .robot-tool-button{width:40px;height:40px;border:1px solid #3d1f75;border-radius:12px;background:linear-gradient(145deg,#140d38,#0b1732);color:#9767ff;box-shadow:inset 0 0 15px rgba(115,74,255,.08),0 0 16px rgba(115,74,255,.08)}
.v247-user-topbar .robot-tool-button:hover{border-color:#805aff;color:#c3aaff;box-shadow:0 0 19px rgba(116,79,255,.25),inset 0 0 17px rgba(116,79,255,.11)}
.v247-user-topbar .topbar-credit-chip,.v247-user-topbar .topbar-plan-chip{height:39px;border-color:#245f9a;background:linear-gradient(145deg,#092846,#0a1730);box-shadow:inset 0 0 13px rgba(35,120,220,.06),0 5px 17px rgba(0,0,0,.08);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}
.v247-user-topbar .topbar-credit-chip:hover,.v247-user-topbar .topbar-plan-chip:hover{transform:translateY(-1px);border-color:#3e9cff;filter:brightness(1.07);box-shadow:0 7px 20px rgba(0,91,194,.17),inset 0 0 14px rgba(49,145,255,.08)}
.v247-user-topbar .notification-button{width:40px;height:40px;border-radius:12px;border:1px solid #183e67;background:linear-gradient(180deg,#092542,#061a32);color:#f2a916;box-shadow:inset 0 0 12px rgba(246,174,27,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.v247-user-topbar .notification-button:hover{transform:translateY(-1px);border-color:#b47d20;box-shadow:0 0 17px rgba(245,158,11,.16)}
.v247-user-topbar .logout-button{height:40px;min-height:40px;min-width:103px;border-radius:10px;border-color:#25547d;background:linear-gradient(180deg,#0b2b4d,#071d37)}
.v247-user-topbar .logout-button:hover{border-color:#3f86c0;background:linear-gradient(180deg,#0e3965,#092746)}
.v247-language-switch{height:39px;display:flex;align-items:center;gap:3px;padding:0 7px;border:1px solid #285886;border-radius:11px;background:linear-gradient(145deg,#082642,#09182f);color:#b9d8f8;box-shadow:inset 0 0 13px rgba(35,121,216,.07)}
.v247-language-globe{width:19px;height:19px;display:grid;place-items:center;color:#50d9ff;font-size:16px;line-height:1;text-shadow:0 0 9px rgba(80,217,255,.45)}
.v247-language-switch button{min-width:27px;height:27px;padding:0 4px;border:0;border-radius:7px;background:transparent;color:#8fa9c7;font-size:10px;font-weight:850;letter-spacing:.04em;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.v247-language-switch button:hover{color:white;transform:translateY(-1px)}.v247-language-switch button.active{color:#fff;background:linear-gradient(145deg,#166df5,#5c4cef);box-shadow:0 0 11px rgba(55,121,255,.32),inset 0 1px rgba(255,255,255,.14)}
.v247-language-switch>i{width:1px;height:17px;background:#244d73;display:block}
.v247-motion-topbar{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border:1px solid #265781;border-radius:11px;background:linear-gradient(145deg,#082542,#09172e);color:#65ddff;font-size:16px;font-weight:900;box-shadow:inset 0 0 13px rgba(50,175,255,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.v247-motion-topbar:hover{transform:translateY(-1px);border-color:#39a5e9;box-shadow:0 0 14px rgba(43,170,255,.16)}.v247-motion-topbar.is-off{color:#6f829a;border-color:#29405b;box-shadow:none}
body.dashboard-motion-off .v247-user-topbar:after,body.dashboard-motion-off .v247-user-topbar .support-toolbar-button:after{animation:none!important;display:none}
body.dashboard-motion-off .v247-user-topbar *{transition:none!important}
@media(prefers-reduced-motion:reduce){.v247-user-topbar:after,.v247-user-topbar .support-toolbar-button:after{animation:none!important}.v247-user-topbar *{transition-duration:.001ms!important}}
@media(max-width:1500px) and (min-width:1181px){.v247-user-topbar{gap:8px!important}.v247-user-topbar .searchbox{width:min(330px,27vw)}.v247-user-topbar .env{padding-left:9px;padding-right:9px;font-size:12px}.v247-user-topbar .support-toolbar-button{padding-left:10px;padding-right:10px}.v247-user-topbar .topbar-plan-chip em{display:none}.v247-user-topbar .v247-language-switch{padding-left:5px;padding-right:5px}}
@media(max-width:1180px){.v247-user-topbar .searchbox{width:min(300px,29vw)}.v247-user-topbar .searchbox-brand{display:none}.v247-user-topbar .env{font-size:0;width:38px;padding:0;justify-content:center}.v247-user-topbar .support-toolbar-button span{display:none}.v247-user-topbar .support-toolbar-button{width:40px;padding:0}.v247-user-topbar .topbar-plan-chip em{display:none}}
@media(max-width:980px){.user-app-shell{--top:64px}.user-app-shell>.v247-user-topbar{height:var(--top);padding:0 9px}.v247-user-topbar .searchbox{width:min(300px,42vw)}.v247-user-topbar .robot-tool-button,.v247-user-topbar .topbar-credit-chip,.v247-user-topbar .topbar-plan-chip{display:none}}
@media(max-width:720px){.v247-user-topbar .searchbox{flex:1;width:auto;min-width:0}.v247-user-topbar .top-spacer{display:none}.v247-user-topbar .env,.v247-user-topbar .support-toolbar-button{display:none}.v247-language-switch{height:36px;padding:0 5px}.v247-language-globe{display:none}.v247-motion-topbar{width:36px;height:36px;flex-basis:36px}.v247-user-topbar .notification-button{width:36px;height:36px}.v247-user-topbar .logout-button{display:none}}
@media(max-width:480px){.v247-user-topbar .searchbox{max-width:none}.v247-user-topbar .searchbox input{font-size:12px}.v247-language-switch{gap:1px}.v247-language-switch button{min-width:24px;padding:0 2px}}