.locale-switch{display:flex;align-items:center;gap:3px;padding:4px;background:#f1f5fa;border-radius:13px;margin-inline-start:auto;flex-shrink:0}
.locale-switch button{border:0;border-radius:10px;background:transparent;color:#607189;min-height:36px;padding:7px 12px;font:600 13px/1.2 var(--font);cursor:pointer;white-space:nowrap}
.locale-switch button[aria-pressed=true]{background:#fff;color:#087e9d;box-shadow:0 1px 4px #24344c14}
.locale-switch button:focus-visible{outline:2px solid #008daf;outline-offset:2px}
.locale-short{display:none}
html[lang=kk] .primary-button,html[lang=kk] .secondary-button{height:auto;min-height:44px;white-space:normal}
html[lang=kk] .school-sidebar-plan,html[lang=kk] .main-nav a{overflow-wrap:anywhere}
@media(max-width:700px){.locale-switch{padding:3px;gap:1px}.locale-switch button{padding:6px 8px;min-height:34px}.locale-long{display:none}.locale-short{display:inline}.site-header .header-utility{margin-inline-start:0;gap:8px}.site-header{gap:8px}}
@media(prefers-reduced-motion:reduce){.locale-switch *{transition:none}}
@media(max-width:360px){.site-header .brand{font-size:21px;gap:6px}.site-header .brand-mark,.site-header .brand-mark img{width:30px;height:30px}.site-header .mobile-menu{width:34px;height:34px;min-width:34px}.site-header .auth-login-link{padding:7px 9px;min-height:34px;font-size:12px}.site-header .header-utility{gap:6px}}
@media(max-width:700px){body[data-page=tasks] .section-heading{flex-wrap:wrap;align-items:flex-start}body[data-page=tasks] .filter-tabs{max-width:100%;flex-wrap:wrap;min-width:0;align-self:flex-start}}
html[lang=kk] .stat-card{min-width:0;overflow-wrap:anywhere}