
body{font:14px/1.45 system-ui,sans-serif;margin:0;color:#1d2433;background:#f6f7f9}
header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:.6rem 1rem;background:#1d2433;color:#fff}
header a{color:#cfe1ff;margin-right:.8rem;text-decoration:none} header a:hover{text-decoration:underline}
header form{margin-left:auto} main{max-width:1200px;margin:1rem auto;padding:0 1rem}
table{border-collapse:collapse;width:100%;background:#fff;margin:.5rem 0 1.5rem} th,td{border:1px solid #dde1e7;padding:.35rem .5rem;text-align:left;vertical-align:top}
th{background:#eef1f5} .muted{color:#6b7385} .inline{display:inline}
.flash{padding:.6rem .8rem;border-radius:4px} .flash.ok{background:#e3f6e8} .flash.error{background:#fde8e8} .flash.warn{background:#fff5d6}
.tiles{display:flex;gap:.8rem;flex-wrap:wrap} .tile{background:#fff;border:1px solid #dde1e7;border-left:6px solid #9aa3b2;padding:.6rem .8rem;min-width:160px}
.tile.ok{border-left-color:#1f9d55} .tile.bad{border-left-color:#d64545} .tile.warn{border-left-color:#d69e2e}
.badge{padding:0 .4rem;border-radius:3px;font-size:12px} .badge.ok,.badge.passed{background:#e3f6e8} .badge.bad,.badge.failed{background:#fde8e8} .badge.skipped{background:#eef1f5}
form.card{background:#fff;border:1px solid #dde1e7;padding:.8rem;margin:.5rem 0 1.5rem;display:flex;gap:.8rem;flex-wrap:wrap;align-items:end}
label{display:flex;flex-direction:column;font-size:12px;gap:.2rem} input,select{font:inherit;padding:.25rem}
code.key{display:block;background:#fff5d6;padding:.6rem;font-size:15px;word-break:break-all;user-select:all}
pre{white-space:pre-wrap;margin:0;font-size:12px}