/* Scoped TOTP layout; inherits the portal theme. */
.totp-app .totp-intro{max-width:72ch;color:var(--muted);font-size:1.05rem;line-height:1.6}.totp-app svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.totp-app .totp-local{display:flex;gap:8px;align-items:center;color:var(--link);font-size:.88rem;margin:16px 0 26px}.totp-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:stretch}.totp-app .totp-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:0;min-width:0}.totp-app .totp-card-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.totp-app .totp-card h2{font-size:1.2rem;margin:0;line-height:1.4}.totp-step{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--soft);color:var(--link);font-weight:800}.totp-app .totp-help{font-size:.86rem;line-height:1.55;color:var(--muted);font-weight:400}.totp-app #secret{font-family:ui-monospace,monospace}.totp-app .totp-advanced{margin:24px 0 18px;border:1px solid var(--line);background:var(--soft);border-radius:12px;overflow:hidden}.totp-advanced summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;font-weight:700;cursor:pointer;color:var(--text)}.totp-advanced summary::-webkit-details-marker{display:none}.totp-advanced summary small{display:block;margin-top:6px;font-size:.78rem;font-weight:500;color:var(--muted)}.totp-advanced[open] summary{border-bottom:1px solid var(--line)}.totp-advanced[open] summary svg{transform:rotate(180deg)}.totp-settings{padding:0 16px 18px}.totp-settings .profit-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.totp-settings label{font-size:.82rem;margin-top:8px}.totp-settings select{padding:12px 8px}.totp-app .totp-result{background:var(--soft);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:var(--link)}.totp-result .totp-card-title{justify-content:center}.totp-app #code{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:.12em;line-height:1.35;margin:14px 0 18px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%}.totp-timer{width:min(100%,300px)}.totp-timer progress{width:100%;height:8px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:var(--line);accent-color:var(--link)}.totp-timer progress::-webkit-progress-bar{background:var(--line)}.totp-timer progress::-webkit-progress-value{background:var(--link);border-radius:99px}.totp-timer progress::-moz-progress-bar{background:var(--link)}.totp-timer p{font-size:.88rem;color:var(--muted);margin:8px 0 16px}.totp-app #copy{display:flex;align-items:center;justify-content:center;gap:10px;min-width:min(100%,240px);margin:0}.totp-app .totp-status{font-size:.85rem;line-height:1.5;color:var(--muted);min-height:2.6em;max-width:48ch;margin-bottom:0}.totp-app .totp-enroll{margin-top:24px}.totp-enroll>div>p{max-width:90ch;line-height:1.6}.totp-enroll-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.totp-qr-panel{display:grid;grid-template-columns:256px minmax(0,1fr);align-items:center;gap:28px;margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.totp-qr-panel img{display:block;max-width:100%;height:auto;image-rendering:pixelated;border:8px solid white;border-radius:8px;background:white}.totp-qr-panel li{margin:10px 0;line-height:1.5}.totp-guide{margin-top:24px;border:1px solid var(--line);border-radius:12px;padding:18px;color:var(--muted);line-height:1.6}.totp-guide summary{font-weight:700;color:var(--text);cursor:pointer}.totp-app summary:focus-visible,.totp-app button:focus-visible{outline:3px solid var(--link);outline-offset:3px}@media(max-width:850px){.totp-workspace{grid-template-columns:1fr}.totp-app #code{font-size:clamp(2.3rem,10vw,4.5rem)}.totp-qr-panel{grid-template-columns:1fr}.totp-qr-panel img{justify-self:center}.totp-enroll-fields{grid-template-columns:1fr;gap:0}}@media(max-width:420px){.totp-app .totp-card{padding:18px}.totp-settings .profit-options{grid-template-columns:1fr}.totp-app #code{letter-spacing:.07em}.totp-app .totp-local{align-items:flex-start}.totp-qr-panel{padding:12px}}

.totp-app .totp-text-button{display:inline-flex;align-items:center;background:transparent;color:var(--link);border:1px solid var(--line);padding:8px 12px;margin-top:10px;font-size:.8rem}.totp-import{border:1px dashed var(--line);padding:14px;border-radius:12px;margin-top:18px}.totp-import summary{cursor:pointer;font-size:.86rem;font-weight:700;color:var(--link)}.totp-import textarea{overflow-wrap:anywhere;font-size:.85rem}.totp-import label{font-size:.86rem}