.language-switch { position: fixed; right: 20px; top: 20px; z-index: 100; display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); background: #131a24f5; border-radius: 10px; }
.language-switch button { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border-radius: 6px; min-height: 36px; font-size: 11px; background: transparent; color: var(--muted); }
.language-switch button[aria-pressed="true"] { background: #a5ef7619; color: var(--green); box-shadow: inset 0 0 0 1px #a5ef7645; }
.language-switch svg { width: 22px; height: 15px; border-radius: 2px; overflow: hidden; }
.topbar { padding-right: 170px; gap: 15px; }
.topbar .compact { padding: 8px 10px; font-size: 11px; }
.heading-actions { display: flex; gap: 10px; }
.passkey-help { margin: 10px 0 22px; }
#passkey-login { justify-content: center; border-color: #a5ef7660; }
.security-note { margin: 12px 0 22px; }
.passkey-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.passkey-row strong { overflow-wrap: anywhere; }
.passkey-row small { display: block; margin-top: 6px; color: var(--muted); }
.passkey-actions { display: flex; gap: 7px; flex-shrink: 0; }
.passkey-actions button { font-size: 11px; padding: 10px; }
#security-status, #report-status { margin-top: 18px; overflow-wrap: anywhere; }
.report-intro { margin-bottom: 22px; }
.report-range { padding: 14px; border: 1px solid var(--line); border-radius: 8px; margin: 18px 0; font-size: 13px; }
.pdf-ready { display: inline-block; padding: 15px 0 4px; }
@media(max-width:1150px) { .topbar>span { display:none; } .topbar .account { margin-left: auto; } }
@media(max-width:850px) {
  .language-switch { top: 12px; right: 16px; }
  .sidebar { padding-top: 73px; }
  .sidebar-bottom { top: 71px; }
  .topbar { padding-right: 0; }
  .topbar>span { display: inline; }
  .auth-layout { padding-top: 78px; }
}
@media(max-width:600px) {
  .heading-actions { flex-direction: column-reverse; gap: 7px; }
  .heading-actions .secondary { font-size: 11px; padding: 10px 12px; }
  .topbar>span { display:none; }
  .topbar .account { width: 100%; justify-content: space-between; }
  .passkey-row { align-items: flex-start; flex-direction: column; }
  .passkey-actions { width: 100%; }
  .passkey-actions button { flex: 1; }
}

.auth-notice { margin-top: 22px; padding: 16px 18px; border: 1px solid #a5ef7645; border-radius: 10px; background: #a5ef760a; line-height: 1.6; font-size: 13px; overflow-wrap: anywhere; }
.auth-notice strong { display: block; color: var(--green); font-size: 15px; }
.auth-notice p { margin-top: 7px; color: #cbd3dc; }

#remember-session-area { margin: 0 0 22px; }
.remember-session { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; color: #e9edf2; font-size: 13px; }
.auth-card .remember-session input { width: 19px; height: 19px; min-height: 19px; margin: 0; flex-shrink: 0; accent-color: var(--green); }
#remember-session-help { margin-top: 4px; }

.fx-info { margin: -8px 0 20px; }
.fx-info p { max-width: 100%; overflow-wrap: anywhere; }
.original-amount { margin-top: 12px; }
.dot.unknown:before { background: transparent; border: 2px dashed var(--muted); }