/* Scoped T1 additions to the shared S4 theme. */
.account-frame .qr-code { margin: 16px 0; }
.account-frame .qr-code svg { display: block; width: 176px; height: 176px; }
.account-frame code, .account-frame pre, .account-frame details p { overflow-wrap: anywhere; white-space: pre-wrap; }
.account-frame hr, .goodbye-frame hr { border: 0; border-top: 1px solid var(--line2); margin: 24px 0; }
.account-frame > .tiny { margin-top: 16px; }
.account-frame .card .card { margin: 12px 0; padding: 14px; border-color: var(--line2); }
.account-frame meter { display: block; width: 100%; -webkit-appearance: none; appearance: none; height: 4px; margin-top: 6px; border: 0; border-radius: 2px; background: var(--line2); }
.account-frame meter::-webkit-meter-bar { height: 4px; border: 0; border-radius: 2px; background: var(--line2); }
.account-frame meter::-webkit-meter-optimum-value { background: var(--green); }
.account-frame meter::-webkit-meter-suboptimum-value { background: var(--amber); }
.account-frame meter::-webkit-meter-even-less-good-value { background: var(--red); }
.account-frame meter::-moz-meter-bar { background: var(--green); }
.account-frame pre { margin: 0 0 16px; padding: 12px 14px; background: var(--bg2); border: 1px solid var(--line); border-radius: var(--r-sm); font-family: var(--mono); columns: 2; }
.account-frame input[autocomplete="one-time-code"] { font: 18px var(--mono); letter-spacing: .15em; }
.account-frame details { margin-bottom: 12px; }
.account-frame summary { cursor: pointer; }
.goodbye-frame .actions { margin-top: 20px; }
.account-frame .password-control { position: relative; }
.account-frame .password-control input { padding-right: 42px; }
.account-frame .password-control .iconbtn { position: absolute; right: 3px; top: 2px; }

.goodbye-frame .account-honeypot { position: absolute; left: -9999px; }