:root { --pico-font-size: 95%; }

.topbar { border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: 1rem; }
.topbar ul { padding: .3rem 0; }
.disclaimer { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--pico-muted-border-color);
  color: var(--pico-muted-color); }

.login-card { max-width: 26rem; margin: 4rem auto; }
.error { color: #b00020; }
.ok { color: #0a7d2c; }
.muted { color: var(--pico-muted-color); }

.cards article { text-align: center; padding: .8rem; }
.cards h3 { margin: 0; font-size: 1.8rem; }

table { font-size: .92rem; }
pre.json { white-space: pre-wrap; word-break: break-word; margin: 0; font-size: .8rem;
  background: var(--pico-code-background-color); padding: .3rem .5rem; border-radius: 4px; }

/* score chip */
.score { display: inline-block; min-width: 2.2rem; text-align: center; padding: .1rem .4rem;
  border-radius: 4px; font-weight: 600; color: #fff; }
.score.s0, .score.s1 { background: #6b7280; }   /* 0-39  grey */
.score.s2 { background: #f59e0b; }              /* 40-59 amber */
.score.s3 { background: #f97316; }              /* 60-79 orange */
.score.s4, .score.s5 { background: #dc2626; }   /* 80-100 red */

/* status badge */
.badge { display: inline-block; padding: .05rem .45rem; border-radius: 10px; font-size: .75rem;
  text-transform: uppercase; letter-spacing: .02em; }
.badge.open, .badge.queued { background: #e0e7ff; color: #3730a3; }
.badge.running { background: #fef9c3; color: #854d0e; }
.badge.success, .badge.confirmed { background: #dcfce7; color: #166534; }
.badge.failed { background: #fee2e2; color: #991b1b; }
.badge.dismissed { background: #f3f4f6; color: #6b7280; }
.badge.under_review, .badge.escalated { background: #fae8ff; color: #86198f; }

.triggers article { display: flex; flex-direction: column; }
.triggers article.full { grid-column: 1 / -1; }
.triggers button { margin-top: auto; }
.filters { align-items: end; }