.sysly-language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(147,178,219,.16);border-radius:999px;background:rgba(5,15,28,.52);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.sysly-language-switch form{margin:0}
.sysly-language-switch button{height:30px;border:0;background:transparent;color:#8c9db4;min-width:34px;padding:0 8px;border-radius:999px;font:800 11px/1 inherit;letter-spacing:.08em;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease}
.sysly-language-switch button:hover{color:#eef7ff;background:rgba(255,255,255,.05)}
.sysly-language-switch button.active{color:#07111f;background:linear-gradient(135deg,#69e7ff,#c779ff);box-shadow:0 0 18px rgba(98,220,255,.14)}

/* Landing header: account actions and language control are one compact right-side group. */
.practice-header-actions{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}
.practice-header .sysly-language-switch{margin-left:0;flex:0 0 auto}
.practice-header .header-account{justify-self:auto;display:flex;align-items:center;gap:8px;white-space:nowrap}
.practice-header .header-account-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;color:#91a3ba;font-size:11px}
.practice-header .header-register,.practice-header .login-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:0;padding:0 13px;border-radius:11px;text-decoration:none;font-size:11px;font-weight:750;line-height:1;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.practice-header .header-register{border:1px solid rgba(117,157,225,.20);background:rgba(8,20,39,.30);color:#d8e4f5}
.practice-header .header-register:hover{border-color:rgba(105,231,255,.34);background:rgba(16,35,61,.52);color:#fff;transform:translateY(-1px)}
.practice-header .login-btn{border:1px solid rgba(108,158,236,.38);background:rgba(10,27,53,.48);color:#f5f9ff;backdrop-filter:blur(12px)}
.practice-header .login-btn:hover{border-color:rgba(105,231,255,.50);background:rgba(16,39,72,.62);box-shadow:0 8px 24px rgba(0,0,0,.16);transform:translateY(-1px)}

.auth-header .sysly-language-switch{margin-left:auto;margin-right:12px}
.professional-topbar .sysly-language-switch,.system-topbar .sysly-language-switch{flex:0 0 auto}

@media(max-width:1000px){
  .practice-header-actions{gap:7px}
  .practice-header .header-account{gap:6px}
  .practice-header .header-account-name{display:none}
  .practice-header .header-register,.practice-header .login-btn{height:32px;padding:0 10px;font-size:10.5px;border-radius:10px}
  .sysly-language-switch button{height:28px;min-width:31px;padding:0 7px;font-size:10.5px}
}
@media(max-width:720px){
  .practice-header{gap:10px}
  .practice-header-actions{gap:5px}
  .practice-header .header-register,.practice-header .login-btn{padding:0 9px}
}
@media(max-width:560px){
  .practice-header .header-register{display:none}
  .practice-header-actions{gap:5px}
  .practice-header .login-btn{height:30px;padding:0 9px;font-size:10px}
  .sysly-language-switch{padding:2px}
  .sysly-language-switch button{height:27px;min-width:29px;padding:0 6px;font-size:10px}
}
@media(max-width:390px){
  .practice-header .login-btn{padding:0 8px}
  .sysly-language-switch button{min-width:27px;padding:0 5px}
}

/* v0.23.3c — keep language control horizontal on every product shell */
.sysly-language-switch{display:inline-flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;white-space:nowrap!important;width:auto!important;min-width:max-content!important}
.sysly-language-switch form{display:inline-flex!important;flex:0 0 auto!important;margin:0!important}
.sysly-language-switch button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}


/* v0.23.4 — canonical product language control */
.system-topbar-actions>.sysly-language-switch,
.professional-topbar>.sysly-language-switch,
.sysly-language-switch{
 display:inline-grid!important;
 grid-auto-flow:column!important;
 grid-auto-columns:max-content!important;
 align-items:center!important;
 flex-direction:unset!important;
 flex-wrap:nowrap!important;
 gap:2px!important;
 width:max-content!important;
 min-width:max-content!important;
 max-width:none!important;
 height:36px!important;
 padding:3px!important;
 overflow:visible!important;
 vertical-align:middle!important;
}
.sysly-language-switch form{display:block!important;width:auto!important;height:30px!important;flex:none!important}
.sysly-language-switch button{display:flex!important;width:auto!important;height:30px!important;min-width:34px!important;white-space:nowrap!important}
.system-topbar-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;white-space:nowrap!important}

/* v0.23.5 canonical language control */
.system-topbar-actions .sysly-language-switch--canonical{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:auto!important;min-width:84px!important;height:38px!important;padding:3px!important;border-radius:999px!important;overflow:hidden!important;white-space:nowrap!important}
.system-topbar-actions .sysly-language-switch--canonical form{display:inline-flex!important;width:auto!important;height:30px!important;flex:0 0 auto!important;margin:0!important}
.system-topbar-actions .sysly-language-switch--canonical button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;height:30px!important;padding:0 8px!important;line-height:1!important}
@media(max-width:720px){.system-topbar-actions .sysly-language-switch--canonical{min-width:76px!important;height:36px!important}.system-topbar-actions .sysly-language-switch--canonical button{min-width:32px!important;height:28px!important;padding:0 6px!important}}