/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

main { max-width: 720px; margin: 2rem auto; padding: 0 1rem; font-family: system-ui, sans-serif; }
.search input[type="text"] { width: 70%; padding: .5rem; }
.alert { background: #fde8e8; color: #9b1c1c; padding: .5rem 1rem; border-radius: 4px; }
.notice { background: #e8f5e9; color: #1b5e20; padding: .5rem 1rem; border-radius: 4px; }
.pr-card { border: 1px solid #ddd; border-radius: 8px; padding: 1rem; margin: 1rem 0; }
.badges { list-style: none; padding: 0; display: flex; gap: .5rem; flex-wrap: wrap; }
.badges li { padding: .2rem .6rem; border-radius: 999px; font-size: .9rem; }
.badge-ok { background: #e8f5e9; }
.badge-warn { background: #fff8e1; }
.badge-bad { background: #fde8e8; }
#blocking-chain { font-size: .9rem; margin-top: .75rem; }
#blocking-chain ol { margin: .25rem 0; padding-left: 1.25rem; }
#blocking-chain small { color: #666; }
table { width: 100%; border-collapse: collapse; }
td, th { text-align: left; padding: .4rem; border-bottom: 1px solid #eee; }
.status-succeeded { color: #1b5e20; }
.status-failed { color: #9b1c1c; }
.status-building, .status-pending { color: #b45309; }