.asset-login-page { box-sizing: border-box; margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: #f4f7f7; color: #18363e; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; letter-spacing: 0; }
.asset-login-brand { padding: 22px 32px; border-bottom: 1px solid #e1e9ea; background: #fff; }
.asset-login-brand img { display: block; width: 176px; max-width: 60vw; height: 40px; object-fit: contain; }
.asset-login-main { display: flex; flex: 1; align-items: center; justify-content: center; padding: 36px 20px; }
.asset-login-surface { width: 100%; max-width: 380px; }
.asset-login-mark { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #bed2d5; border-radius: 8px; background: #e5eeef; color: #165969; }
.asset-login-mark svg { width: 24px; height: 24px; }
.asset-login-surface h1 { margin: 20px 0 26px; font-size: 24px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.asset-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 24px; border-bottom: 1px solid #cfdbde; }
.asset-auth-tabs button { padding: 12px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #647a81; font: inherit; font-size: 14px; cursor: pointer; }
.asset-auth-tabs button[aria-selected=true] { border-bottom-color: #165969; color: #165969; font-weight: 650; }
.asset-login-page .asset-form input { min-height: 44px; }
.asset-login-page .asset-button { min-height: 44px; margin-top: 4px; font-size: 14px; }
.asset-login-footer { padding: 16px 20px; text-align: center; color: #819297; font-size: 12px; }
.asset-message.is-success { border-color: #b5d2c3; background: #edf7f1; color: #2c6347; }
.asset-account-form { padding: 18px 0 24px; margin-bottom: 12px; border-bottom: 1px solid #d9e3e5; }
.asset-form .asset-account-active { flex-direction: row; align-items: center; gap: 8px; }
.asset-form .asset-account-active input { flex: 0 0 auto; width: 17px; height: 17px; accent-color: #165969; }
.asset-account-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; border-bottom: 1px solid #e0e8ea; }
.asset-account-main { min-width: 0; }
.asset-account-main h3 { margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.asset-account-main p { margin: 9px 0 0; font-size: 12px; color: #61767e; overflow-wrap: anywhere; }
.asset-account-role { padding: 3px 6px; border-radius: 4px; font-size: 11px; background: #eaf0f4; color: #4d6478; }
.asset-account-actions { display: flex; flex-shrink: 0; gap: 12px; align-items: center; }
.asset-account-state { font-size: 12px; color: #276346; white-space: nowrap; }
.asset-account-state[data-active=false] { color: #9a3833; }
@media(max-width:760px) {
  .asset-map-page .asset-auth-nav { gap: 6px; }
  .asset-map-page .asset-auth-nav > span { max-width: 64px; }
  .asset-auth-nav [data-accounts-open] { flex: 0 0 36px; width: 36px; min-height: 36px; padding: 8px; }
  .asset-auth-nav [data-accounts-open] span { display: none; }
  .asset-login-brand { padding: 16px 20px; }
  .asset-login-main { padding: 28px 24px; }
  .asset-login-surface h1 { font-size: 22px; }
  .asset-login-page .asset-form input { font-size: 16px; }
}