:root{--ko-bg:#f7f8fb;--ko-panel:#fff;--ko-text:#172033;--ko-muted:#667085;--ko-line:#d9dee8;--ko-accent:#233b6e;--ko-danger:#9d1c1c;--ko-ok:#11683f;--ko-warn:#8a5b00}
body{background:var(--ko-bg);color:var(--ko-text)}.app-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,2.5rem);background:#fff;border-bottom:1px solid var(--ko-line)}.app-top nav{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.brand{font-size:1.18rem;font-weight:800;text-decoration:none;color:var(--ko-text)}.auth-main{max-width:1100px;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.auth-card{max-width:650px;margin:1.5rem auto;background:var(--ko-panel);border:1px solid var(--ko-line);border-radius:18px;padding:clamp(1.2rem,4vw,2rem);box-shadow:0 12px 35px rgba(22,34,56,.08)}.auth-card.wide{max-width:920px}.auth-card h1{margin-top:0}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.auth-grid.one{grid-template-columns:1fr}.auth-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.auth-note{background:#f4f6fa;border:1px solid var(--ko-line);border-radius:12px;padding:.85rem 1rem}.auth-note.ok{border-color:#a9d9bf;background:#f0faf5;color:var(--ko-ok)}.auth-note.err{border-color:#efbbbb;background:#fff5f5;color:var(--ko-danger)}.auth-note.warn{border-color:#ecd299;background:#fff9eb;color:var(--ko-warn)}.auth-muted{color:var(--ko-muted)}.auth-list{display:grid;gap:.75rem}.auth-item{border:1px solid var(--ko-line);border-radius:14px;padding:1rem;background:#fff}.auth-item h3{margin:.1rem 0 .35rem}.auth-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all;background:#f5f6f8;border:1px solid var(--ko-line);border-radius:10px;padding:.75rem}.auth-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.auth-codes code{display:block;padding:.55rem;border:1px solid var(--ko-line);border-radius:8px;background:#f7f8fa}.auth-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:700;color:var(--ko-muted)}.auth-tabs{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}.auth-tabs a{padding:.55rem .8rem;border:1px solid var(--ko-line);border-radius:999px;text-decoration:none}.auth-table{width:100%;border-collapse:collapse}.auth-table th,.auth-table td{border-bottom:1px solid var(--ko-line);padding:.65rem;text-align:left;vertical-align:top}.context-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#eef2fb;padding:.4rem .7rem;font-size:.86rem}.password-wrap{position:relative}.password-wrap input{padding-right:5rem}.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);border:0;background:transparent;padding:.45rem;font-size:.85rem}.danger{color:var(--ko-danger)}@media(max-width:720px){.auth-grid{grid-template-columns:1fr}.app-top{align-items:flex-start;flex-direction:column}.auth-codes{grid-template-columns:1fr}.auth-table{display:block;overflow-x:auto}}
.mfa-setup{margin-top:.75rem}.mfa-steps{padding-left:1.35rem;display:grid;gap:.55rem}.mfa-qr-wrap{display:flex;justify-content:center;margin:1.1rem 0}.mfa-qr{width:min(280px,100%);aspect-ratio:1;background:#fff;border:1px solid var(--ko-line);border-radius:14px;padding:.65rem;display:grid;place-items:center}.mfa-qr svg{display:block;width:100%;height:auto;max-width:260px}.mfa-manual{display:grid;grid-template-columns:max-content 1fr;gap:.5rem .8rem;align-items:start}.mfa-manual dt{font-weight:700}.mfa-manual dd{margin:0;min-width:0}.inline-code{display:inline-block;max-width:100%;vertical-align:middle}.secondary{background:#eef2fb;color:var(--ko-text);border:1px solid var(--ko-line);margin-left:.35rem}@media(max-width:560px){.mfa-manual{grid-template-columns:1fr}.secondary{margin:.5rem 0 0}}

.auth-item small{display:block;margin-top:.35rem;color:var(--ko-muted);line-height:1.45}.auth-event-outcome{font-weight:700;color:var(--ko-muted)}