/* additions for the server-rendered version (the mock-up drew these with script) */
a.btn,a.nav,a.chip-btn{text-decoration:none;color:inherit}
a.btn.primary{color:var(--brand-on)}
a.nav{display:flex}
form.inline{display:inline;margin:0}
.btn-link{background:none;border:0;padding:0;color:var(--blue);cursor:pointer;font:inherit;text-align:left}
.btn-link:hover{text-decoration:underline}
.flash-wrap{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:60;display:grid;gap:8px;max-width:calc(100% - 32px)}
.toast.err{background:#5a1d19}
.toast.err svg{color:#ffb4ab}
.panel.folded>:not(.panel-h){display:none}
.fold-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:14.5px;color:inherit;padding:0}
.fold-ch{display:inline-grid;transition:transform .15s}
.panel.folded .fold-ch{transform:rotate(-90deg)}
.fold-ch svg{width:14px;height:14px}
.fold-sum{font-size:12.5px;color:var(--text-3);margin-right:auto;margin-left:6px}
.fold-all{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin:0 0 -4px}
.idv-person .idv-grid{display:block}
.idv-body{padding:12px 14px}
.ck-list{display:grid;gap:0}
.ck-row{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-2)}
.ck-row:last-child{border-bottom:0}
.ck-row form{display:contents}
.bo-seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.bo-seg button{border:0;background:var(--surface);padding:4px 12px;cursor:pointer;font-size:12.5px;border-right:1px solid var(--line)}
.bo-seg button:last-child{border-right:0}
.bo-seg button[aria-pressed="true"]{background:var(--brand-tint);font-weight:600}
.bo-nc{font-size:12px;color:var(--amber);margin-left:6px}
.t2{padding:8px 12px 12px 28px;background:var(--surface-2)}
.t2h{font-size:12px;color:var(--text-3);margin-bottom:6px}
.corp-row td{background:var(--surface-2)}
.devotp{font-family:var(--mono);font-size:20px;letter-spacing:.3em;text-align:center;background:var(--amber-bg);border-radius:8px;padding:10px;margin:0 0 14px}
.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line-2)}
.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.scope-opts{display:grid;gap:6px;margin-bottom:10px}
.pw-box{font-family:var(--mono);font-size:22px;letter-spacing:.06em;background:var(--amber-bg);border-radius:8px;padding:14px;text-align:center;user-select:all}
.otp-one{font-family:var(--mono);font-size:22px;letter-spacing:.5em;text-align:center;max-width:240px}
html,body{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
[hidden]{display:none !important}