:root { color-scheme: light; font: 16px/1.5 system-ui, sans-serif; color: #172033; background: #f4f6f9; }
body { margin: 0; }
main { max-width: 52rem; margin: auto; padding: 2rem 1rem; }
header, section { background: white; border: 1px solid #d9dee8; border-radius: .5rem; margin-bottom: 1rem; padding: 1rem 1.25rem; }
h1, h2 { margin-top: 0; }
label { display: block; margin-bottom: .75rem; font-weight: 600; }
input, textarea { box-sizing: border-box; display: block; font: inherit; margin-top: .25rem; padding: .5rem; width: 100%; }
textarea { min-height: 6rem; }
button { background: #174ea6; border: 0; border-radius: .25rem; color: white; cursor: pointer; font: inherit; padding: .55rem 1rem; }
.dependency, .badge { border-radius: 1rem; display: inline-block; padding: .15rem .6rem; }
.ok, .open { background: #d7f5df; color: #145c2a; }
.failed, .closed { background: #f9d7d7; color: #842222; }
.in_progress { background: #fff0bd; color: #6b4e00; }
.requests { list-style: none; padding: 0; }
.requests li { border-top: 1px solid #e4e7ed; padding: 1rem 0; }
.requests strong { margin-left: .5rem; }
.requests p { white-space: pre-wrap; }