body { font-family: Segoe UI, Arial, sans-serif; margin: 0; color: #222; }
header { display: flex; gap: 2rem; align-items: center; padding: .75rem 1.5rem; background: #1b3a5c; color: #fff; }
header nav a { color: #cfe3f7; margin-right: 1rem; text-decoration: none; }
header nav a.active { color: #fff; font-weight: 600; text-decoration: underline; }
main { padding: 1rem 1.5rem; }
.buttons { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
button { padding: .45rem .9rem; cursor: pointer; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ccc; padding: .35rem .6rem; text-align: left; font-size: .9rem; }
tr.pass td:first-child { background: #d4f4dd; color: #0a6b2a; font-weight: 600; }
tr.fail td:first-child { background: #fbd9d9; color: #a11; font-weight: 600; }
#blazor-error-ui { display: none; position: fixed; bottom: 0; left: 0; right: 0; padding: .6rem 1.25rem; background: #ffffe0; }