.header .btn-inner { display: flex; align-items: center; gap: 16px; }
.header-auth { order: 1; flex-shrink: 0; }
.header-auth [hidden] { display: none !important; }
.header-auth-user { display: flex; align-items: center; gap: 12px; }
.header-auth-name { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 16px; }
.header-auth-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; min-height: 40px; padding: 8px 20px; border: 1px solid #ffffff80; border-radius: 35px; background: transparent; color: #fff; font: inherit; font-size: 16px; line-height: 1.25; cursor: pointer; transition: background .2s, color .2s; }
.header-auth-icon { flex: 0 0 18px; }
.header-auth-button:hover { background: #fff; color: #0087b5; }
.header-auth-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.header-auth-button[aria-busy="true"] { opacity: .6; cursor: wait; }
@media (max-width: 1279px) {
    .header { height: auto; min-height: 64px; }
    .header > .container > .flex { flex-wrap: nowrap; gap: 12px; }
    .header .header_logo { flex-shrink: 0; }
    .header .btn-inner { flex: 1; min-width: 0; flex-wrap: nowrap; justify-content: flex-end; gap: 12px; }
    .header .btn-inner > .social-icons { display: none; }
    .header .btn-inner > nav { flex-shrink: 0; }
    .header-auth { order: 0; flex: 0 1 auto; min-width: 0; }
    .header-auth-user, .header-auth-name { min-width: 0; }
    .mobail_menu.show .social-btn { display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 24px; }
    .mobail_menu.show .social-btn > .btn { display: none; }
    .mobail_menu .social-btn .social-icons { display: flex; opacity: 1; visibility: visible; transform: none; gap: 16px; }
    .mobail_menu .social-btn .social-icon { width: 44px; height: 44px; }
}
@media (max-width: 600px) {
    .header-auth-button { font-size: 14px; padding: 8px 12px; }
    .header-auth-name { max-width: 90px; font-size: 14px; }
    .header-auth-user { gap: 8px; }
}