:root{font-family:Inter,Segoe UI,sans-serif;color:#14213d;background:#eef2f7}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;padding:1rem 2rem;background:#10233f;color:#fff}main{max-width:1120px;margin:auto;padding:2rem}.dev-banner,.mock-banner{padding:.85rem 1rem;border-radius:.5rem;font-weight:800;text-align:center}.dev-banner{background:#dbeafe;color:#174071;border:1px solid #8db9ef}.mock-banner{background:#ede9fe;color:#5b21b6;border:2px solid #8b5cf6}.title-row{display:flex;justify-content:space-between;align-items:center;margin:2rem 0}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:800}.state{padding:.55rem .8rem;border-radius:999px;background:#d7dee9;font-weight:800}.state-live_ok{background:#bbf7d0;color:#166534}.state-live_degraded,.state-live_stale{background:#fef3c7;color:#92400e}.state-authentication_failed,.state-endpoint_unreachable,.state-invalid_response,.state-configuration_missing{background:#fee2e2;color:#991b1b}.state-mock_explicit{background:#ede9fe;color:#5b21b6}.state-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.state-nav a{padding:.4rem .65rem;background:#fff;border:1px solid #cbd5e1;border-radius:.35rem;color:#174071;text-decoration:none}.state-nav a[aria-current=page]{background:#174071;color:#fff}.summary-grid,.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.summary-grid article,.details article,.message,.login-card{background:#fff;border:1px solid #d5dce7;border-radius:.65rem;padding:1rem;box-shadow:0 4px 16px #10233f0d}.summary-grid span{display:block;color:#52617a;font-size:.8rem;margin-bottom:.35rem}.message{margin:1rem 0}.message dl,.details dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:.4rem 1rem}.message dd,.details dd{margin:0;overflow-wrap:anywhere}.login-card{max-width:480px;margin:4rem auto}.login-card label,.login-card input{display:block;width:100%}.login-card label{margin:1rem 0}.login-card input{margin-top:.35rem;padding:.65rem}button{padding:.65rem 1rem;border:0;border-radius:.35rem;background:#174071;color:white;cursor:pointer}footer{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.link-button{background:transparent;color:#174071;text-decoration:underline;padding:0}@media(max-width:600px){header,.title-row{align-items:flex-start;flex-direction:column;gap:.75rem}main{padding:1rem}.message dl,.details dl{grid-template-columns:1fr}}