.seeto-account { display: inline-flex; min-width: 0; }
.seeto-account button { font: inherit; cursor: pointer; }
.account-trigger { display: inline-flex; align-items: center; min-height: 42px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid transparent; border-radius: 10px; padding: 9px 12px; background: #f3eee8; color: #41362d; font-size: 13px !important; }
.account-trigger:hover { background: #e9e0d6; }
.account-trigger:focus-visible, .account-dialog button:focus-visible { outline: 3px solid #ba662f; outline-offset: 3px; }
.account-dialog { position: fixed; inset: 0; margin: auto; width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; padding: 26px; border: 1px solid #e7e0d7; border-radius: 20px; color: #302b25; background: #fffefa; box-shadow: 0 24px 90px #251d1830; overflow: auto; text-align: left; }
.account-dialog::backdrop { background: #28231d66; }
.account-dialog-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.account-dialog h2 { margin: 0; font-size: 21px; line-height: 1.4; letter-spacing: -.03em; }
.account-close { flex: 0 0 42px; min-height: 42px; border: 0; border-radius: 10px; background: #f4efe9; color: #67584c; font-size: 25px !important; line-height: 1; }
.account-intro { margin: 18px 0; font-size: 14px; line-height: 1.7; color: #685c50; }
.account-user { margin: 14px 0; padding: 13px; border-radius: 10px; background: #f4efe9; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.account-providers { display: grid; gap: 10px; }
.account-providers[hidden], .account-dialog [hidden] { display: none !important; }
.account-providers button, .account-signout { min-height: 46px; width: 100%; padding: 12px; border: 1px solid #ddd5cb; border-radius: 10px; background: #fffefa; color: #352f29; font-weight: 600; }
.account-providers button:hover, .account-signout:hover { background: #f5efe7; }
.account-dialog button:disabled { opacity: .55; cursor: wait; }
.account-status { min-height: 20px; margin: 14px 0; font-size: 13px; line-height: 1.6; color: #426445; }
.account-status.account-error { color: #a94729; }
.account-detail { margin: 12px 0 0; color: #817467; font-size: 12px; line-height: 1.65; }
@media (max-width: 560px) { .account-trigger { max-width: 150px; font-size: 12px !important; padding: 8px 10px; } .account-dialog { padding: 20px; } }