.vault-screen .vault-card { width: min(100%, 420px); margin-inline: auto; }
.vault-screen .eyebrow { display: none; }
.vault-screen h1 { font-size: clamp(1.8rem, 6vw, 2.2rem); letter-spacing: -.045em; }
.vault-methods { display: grid; gap: 10px; margin-top: 26px; text-align: left; }
.vault-method { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 16px 18px; border: 1px solid var(--border, #d9ded9); border-radius: 14px; background: transparent; color: var(--text, #182b24); text-align: left; cursor: pointer; min-height: 72px; }
.vault-method strong { display: block; font-size: .95rem; font-weight: 600; }
.vault-method small { display: block; margin-top: 5px; font-size: .78rem; opacity: .75; line-height: 1.4; }
.vault-method.is-primary { background: #183f34; border-color: #183f34; color: #fff; }
.vault-method:hover { border-color: #588776; }
.vault-method:focus-visible { outline: 3px solid #729e8e; outline-offset: 3px; }
.vault-method:disabled { opacity: .55; cursor: wait; }
#vault-methods[hidden], #vault-code-form[hidden], #vault-form[hidden] { display: none; }
#vault-verification-status:empty { display: none; }
#vault-code { font-size: 1.15rem; letter-spacing: .08em; }
#vault-code-form button, .authenticator-dialog button { min-height: 44px; }
#vault-back-signin { margin-top: 12px; }
.authenticator-dialog { width: min(calc(100% - 32px), 440px); max-height: calc(100dvh - 48px); overflow-y: auto; border: 1px solid var(--border, #d9ded9); border-radius: 20px; padding: 24px; color: var(--text, #182b24); background: var(--surface, #fcfaf6); }
.authenticator-dialog::backdrop { background: rgb(0 0 0 / .55); }
.authenticator-dialog h2 { margin: 0 0 14px; }
.authenticator-dialog code { display: block; word-break: break-all; padding: 14px; border: 1px solid var(--border, #d9ded9); border-radius: 10px; font-size: 1rem; margin-block: 16px; user-select: all; }
.authenticator-dialog .vault-form { margin-top: 20px; }
[data-theme="dark"] .authenticator-dialog { background: #14221d; color: #e8ece6; }
[data-theme="dark"] .vault-method { border-color: #34483e; }
[data-theme="dark"] .vault-method.is-primary { background: #b4d4bd; color: #12251b; border-color: #b4d4bd; }
@media (max-width: 480px) { .vault-screen { padding-inline: 20px; } .vault-screen .vault-card { padding-inline: 0; } }
