:root{--ink: #16212e;--muted: #5d6b7a;--brand: #1f3a5f;--ok: #1e8e4f;--bad: #c0392b;--line: #e3e8ee;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f5f7fa}*{box-sizing:border-box}body{margin:0}.wrap{max-width:480px;margin:0 auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}header{position:relative;margin-bottom:16px}h1{margin:0;font-size:24px;color:var(--brand)}.sub{margin:2px 0 0;color:var(--muted);font-size:14px}.env{position:absolute;top:4px;right:0;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:uppercase}.env-staging{background:#fff3cd;color:#7a5b00}.env-production{background:#d9f2e3;color:var(--ok)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}h2{margin:0 0 8px;font-size:16px}.row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.row:last-of-type{border-bottom:0}.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.label{font-weight:600;min-width:84px}.detail{color:var(--muted);font-size:13px;margin-left:auto;text-align:right;word-break:break-word}button{width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:600;border:0;border-radius:10px;background:var(--brand);color:#fff}button:disabled{opacity:.6}.foot{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}