.owner-account-banner:not([hidden]) { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; background: #fff3d6; color: #322000; border-bottom: 1px solid #a87715; }
.owner-account-banner > div { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.owner-account-banner [data-switch-name], html[data-app-theme="dark"] .owner-account-banner [data-switch-name] { color: #322000; }
.owner-account-banner button { flex-shrink: 0; }
.owner-account-banner [data-switch-error] { color: #8b160c; }
.owner-account-dialog { box-sizing: border-box; width: min(520px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid #b9b7af; border-radius: 16px; padding: 20px; color: var(--ink, #202522); background: var(--paper, #fff); }
.owner-account-dialog::backdrop { background: rgb(0 0 0 / 50%); }
.owner-account-dialog header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.owner-account-dialog h2 { font-size: 20px; margin: 0; }
.owner-account-dialog p { line-height: 1.5; }
.owner-account-dialog [data-switch-accounts] { display: grid; gap: 8px; }
.owner-account-dialog .owner-account-choice { display: flex; justify-content: space-between; gap: 12px; padding: 14px; min-height: 48px; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.owner-account-dialog [data-switch-error] { color: #be3227; }
@media (max-width: 600px) { .owner-account-banner:not([hidden]) { align-items: stretch; flex-direction: column; padding: 12px; } .owner-account-banner button { align-self: flex-start; min-height: 44px; } .owner-account-dialog { padding: 16px; } }