.recovery-code { display: block; padding: 12px; background: white; font-size: 14px; user-select: all; overflow-wrap: anywhere; margin: 8px 0; border-radius: 9px; }
.auth-password-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.auth-password-heading .field-label { margin: 0; }
.auth-text-link { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 4px 2px; background: transparent; color: var(--accent); font-size: 13px; font-weight: 600; }
.auth-text-link:hover { text-decoration: underline; }
.auth-modes { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; background: #edf4f8; border-radius: 12px; margin-bottom: 20px; border: 1px solid #d2e3ec; gap: 4px; }
.auth-modes button { min-height: 42px; border-radius: 9px; font-size: 14px; font-weight: 650; color: #4d697b; background: transparent; border: 1px solid transparent; }
.auth-modes button[aria-pressed="true"] { background: white; color: var(--accent); box-shadow: 0 2px 6px #25688212; border-color: #b3d7e5; font-weight: 750; }
.zalo-button { display: block; width: 100%; min-height: 47px; border-radius: 12px; background: #eaf3ff; color: #1564a9; font-size: 13px; font-weight: 650; border: 1px solid #bed5f1; }
.auth-divider { text-align: center; font-size: 12px; color: var(--muted); margin: 15px 0; }
.auth-back { width: 100%; min-height: 40px; background: transparent; color: var(--accent); font-size: 13px; margin-top: 7px; font-weight: 600; }
.login-gate { padding: 28px 18px; border-radius: 16px; background: white; border: 1px solid #e0edf2; text-align: center; }
.login-gate h3 { font-size: 16px; margin: 0 0 9px; }
.login-gate .primary-button { margin-top: 15px; }
.demo-accounts { margin-top:20px; padding:16px; background:linear-gradient(120deg,#eef8ff,#edfbf6); border:1px solid #bfdee9; border-radius:14px; }
.demo-accounts>p { margin:0 0 10px; font-size:13px; font-weight:700; }
.demo-accounts>div { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.demo-accounts button { display:grid; gap:5px; padding:12px; background:white; border:1px solid #b5dce8; border-radius:11px; text-align:left; min-height:64px; }
.demo-accounts strong { color:#147e9d; font-size:13px; }
.demo-accounts span,.demo-accounts small { font-size:11px; color:#59798c; line-height:1.6; }
.demo-accounts small { display:block; margin-top:10px; }
.vneid-button { margin-top:14px; width:100%; min-height:44px; padding:10px; border-radius:11px; border:1px solid #cce0e8; background:#f4f9fb; color:#6a8392; font-size:12px; font-weight:650; }
body.auth-entry #work-view,body.auth-entry #friends-view,body.auth-entry #inbox-view,body.auth-entry #apps-view,body.auth-entry .app-nav,body.auth-entry #hero-group-button,body.auth-entry .hero-stats{display:none!important}body.auth-entry #account-view{display:block!important;width:min(440px,100%);margin:26px auto 0}body.auth-entry #account-view>.social-heading{display:none}body.auth-entry #account-view #server-notice{font-size:12px;text-align:center;margin:0 0 14px}body.auth-entry #signed-out-card{padding:24px;border-radius:22px}body.auth-entry .app-shell{min-height:calc(100vh - 24px);height:auto}#sms-forgot-link{display:block;margin:14px auto 0}#sms-recover-form .field{margin-bottom:14px}

#open-recovery{display:flex;margin:12px auto 0}.welcome-avatar{width:88px;height:88px;border-radius:50%;margin:6px auto 18px;display:flex;align-items:center;justify-content:center;position:relative;color:white;font-size:28px;overflow:hidden}.welcome-avatar img{width:100%;height:100%;object-fit:cover}.welcome-avatar .avatar-edit-mark{position:absolute;bottom:0;right:0}.welcome-profile-dialog{width:min(400px,calc(100vw - 24px))}.welcome-profile-dialog .field{margin-bottom:16px}.welcome-profile-dialog .auth-text-link{display:flex;margin:auto}.auth-modes~form .field{margin-bottom:16px}

.auth-actions{display:flex;align-items:stretch;gap:10px;margin-top:16px}.auth-actions .primary-button{flex:1;min-width:0}.auth-sms-login{flex:1.35;min-width:0;min-height:48px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #a8ddea;border-radius:12px;background:linear-gradient(180deg,#ffffff 0%,#ffffff 46%,#f1f9fc 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #d9edf580,0 3px 8px #1c6c8512;color:#087f9f;font-size:13px;font-weight:600;line-height:1.35}.auth-sms-login:hover{background:linear-gradient(180deg,#fff,#f7fcff);border-color:#68c8dd;box-shadow:inset 0 1px 0 #fff,0 4px 10px #168aab1c}.auth-sms-login:active{background:linear-gradient(180deg,#f2f8fb,#fff);box-shadow:inset 0 2px 4px #1c6c8512;transform:translateY(1px)}.auth-sms-login:focus-visible{outline:3px solid #4ec5e980;outline-offset:2px}.auth-sms-login .icon{width:18px;height:18px;flex-shrink:0}.sms-desktop-guide{padding:12px;background:#e9f7fc;border-radius:10px;line-height:1.65}@media(max-width:360px){.auth-actions{gap:7px}.auth-sms-login{padding:9px 8px;font-size:12px}}

.auth-sms-help{margin:12px 0 0;font-size:12px;line-height:1.65;color:#567b8e;text-align:center;overflow-wrap:anywhere}.auth-sms-help strong{font-weight:650;color:#087f9f;white-space:nowrap}