:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#0d161d;color:#e6e9e8}*{box-sizing:border-box}body{margin:0;border-top:4px solid #b5a176}main{max-width:1100px;padding:32px;margin:auto}header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #33414a;padding-bottom:24px}a{color:#dfc995}h1{font:600 52px/1.1 Georgia,serif;margin:12px 0}h2{font:500 30px Georgia,serif}.eyebrow{color:#c9b887;letter-spacing:.2em;font-size:12px;margin-top:48px}nav{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}button{cursor:pointer;font:inherit;color:#eddfbd;background:#263741;border:1px solid #a89362;border-radius:3px;padding:10px 18px}button[aria-pressed=true]{background:#b5a176;color:#121c23}button:disabled{opacity:.5;cursor:wait}section{background:#14212a;border:1px solid #33414a;padding:32px;margin-bottom:24px}label{display:block;margin:16px 0;font-size:14px;color:#c0ccd2}input,textarea{display:block;width:100%;background:#0d171f;color:#e9eeef;border:1px solid #46535c;border-radius:3px;padding:12px;font:inherit;margin:6px 0}.check{display:flex;align-items:center;gap:12px}.check input{width:auto}input[readonly]{color:#d4c598;font-family:monospace}.endpoints{border-left:2px solid #b5a176;padding-left:20px}form+form{border-top:1px solid #33414a;margin-top:32px;padding-top:16px}#status{padding:16px;background:#22313a;border-left:3px solid #b5a176}#token-box{padding:20px;border:1px solid #b5a176;margin-top:24px}small{display:block;color:#a5b0b8}table{border-collapse:collapse;width:100%;overflow-wrap:anywhere}th,td{text-align:left;padding:14px 8px;border-bottom:1px solid #33414a}code{overflow-wrap:anywhere;color:#dfc995}[hidden]{display:none!important}@media(max-width:650px){main{padding:18px}section{padding:20px}h1{font-size:40px}table{font-size:13px}}

.metadata-exchange{border:1px solid #47625a;padding:20px;margin:24px 0}.metadata-exchange select{width:100%;padding:10px;background:#142521;color:inherit}#metadata-summary,#metadata-certificate-info{overflow-wrap:anywhere}

#logout{display:flex;align-items:center;gap:10px;padding:12px;text-align:left;border:1px solid transparent;border-radius:3px;background:transparent;color:#bdc8c0;font:14px "Segoe UI",sans-serif;box-shadow:none;cursor:pointer}
#logout svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#logout:hover{background:#30362a;border-color:#56523c;color:#ebd3a8}#logout:focus-visible{outline:2px solid #bed6d2;outline-offset:3px}#logout:disabled{opacity:.5;cursor:wait}body.signed-out #logout{display:none!important}
#logout{position:fixed;bottom:0;left:0;z-index:40;width:224px;padding:18px 24px;background:#141c1a;border:0;border-top:1px solid #35413d;border-right:1px solid #35413d;border-radius:0}body:not(.signed-out){padding-bottom:72px}@media(max-width:700px){#logout{width:180px;padding:15px 20px}}

.identity-brand{display:flex;align-items:center;gap:12px;color:#eeeae1;text-decoration:none;font:600 16px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.2em}.identity-brand img{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:contain}.identity-brand small{font:10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.3em;color:#c8aa70;margin-top:5px}header{align-items:center}
