/* Shared account form: native WebView and the browser login page. */
.account-panel { padding: 24px 0; border-top: 1px solid var(--line, #d7ddd8); line-height: 1.7; }
.account-panel[hidden] { display: none; }
.account-panel__title { margin: 0 0 12px; font-size: 1.15rem; font-weight: 600; letter-spacing: .02em; }
.account-panel p { margin: 10px 0; }
.account-panel__muted, .account-panel__help { color: var(--muted, #59676b); font-size: .88rem; }
.account-panel__email { overflow-wrap: anywhere; }
.account-panel__owned { color: #2c6151; font-weight: 600; }
.account-panel__form { display: grid; gap: 8px; max-width: 420px; margin: 20px 0 12px; }
.account-panel__form label { font-size: .88rem; font-weight: 600; }
.account-panel__form input { width: 100%; box-sizing: border-box; border: 1px solid #b3c1b8; background: #fff; color: #23343d; border-radius: 10px; padding: 13px 14px; font: inherit; font-size: 16px; }
.account-panel__form input:focus-visible, .account-panel :is(a,button,summary):focus-visible { outline: 3px solid #52796b; outline-offset: 3px; }
.account-panel__form input[name=code] { letter-spacing: .2em; }
.account-panel__form .btn { margin-top: 8px; justify-self: start; }
.account-panel__actions { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 20px; }
.account-panel .btn { margin-right: 8px; margin-bottom: 6px; }
.account-panel__steps { padding-left: 1.5em; margin: 14px 0 24px; }
.account-panel__steps li { padding: 0 0 8px 4px; }
.account-panel__status { font-size: .88rem; min-height: 1.7em; }
.account-panel__status--error { color: #8d302e; }
.account-panel__support { color: inherit; font-size: .8rem; text-underline-offset: 4px; }
.account-panel__help { margin: 26px 0 16px; }
.account-panel__help summary { cursor: pointer; }

.account-panel__purchase { margin: 22px 0; border: 1px solid var(--line, #d7ddd8); border-radius: 12px; padding: 16px 18px; }
.account-panel__price { font-size: 1.7rem; font-weight: 600; line-height: 1.3; }
.account-panel__warning, .account-panel__payment { font-size: .88rem; padding: 12px 14px; border-left: 3px solid #a88a54; background: #a88a540c; }
.account-panel__legal { font-size: .78rem; }
.account-panel__legal a { color: inherit; text-underline-offset: 4px; }