:root { --pico-font-size: 95%; }
main.container { padding-top: 0; }
.row { display: flex; justify-content: space-between; align-items: center; }
.inline { display: inline; margin: 0; }
button.small { padding: .25rem .6rem; font-size: .8rem; margin: 0; width: auto; }
.stats article { text-align: center; padding: .8rem; margin: 0; }
.stats article h3 { margin: 0; }
.stats article.bad { border: 1px solid #d9534f; }
.flash { padding: .6rem 1rem; margin-bottom: .8rem; border-left: 4px solid #2e7d32; }
.flash-error { border-left-color: #c62828; }
.flash-warn { border-left-color: #ef6c00; }
.tag { font-size: .75rem; padding: .1rem .4rem; border-radius: 4px; background: #eee; color: #333; }
.pill { display: inline-block; font-size: .75rem; padding: .1rem .5rem; border-radius: 999px; margin: .1rem 0; color: #fff; background: #777; }
.pill.sent { background: #2e7d32; }
.pill.failed { background: #c62828; }
.pill.pending { background: #f9a825; color: #222; }
.notif { margin-bottom: .3rem; }
.err { color: #c62828; }
.warn { color: #ef6c00; }
.login-box { max-width: 420px; margin: 4rem auto; }
.agent-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .2rem 1rem; margin-bottom: 1rem; }
.agent-grid label { margin: 0; }
td input { margin: 0; padding: .3rem .5rem; font-size: .85rem; }
td.actions { white-space: nowrap; }
.filters select, .filters button { margin: 0; }
.brand { display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; }
.brand img { border-radius: 6px; }
.policy { max-width: 820px; margin: 1rem auto; }
.policy h2 { margin-top: 1.6rem; font-size: 1.25rem; }
.site-footer { text-align: center; padding: 1.5rem 0 2rem; opacity: .75; }
label.check { display: flex; align-items: flex-start; gap: .55rem; margin-bottom: .5rem; }
label.check input[type=checkbox] { flex: none; margin: .2rem 0 0 0; }
label.check .muted { font-size: .8rem; opacity: .7; }
.agent-grid label.check { margin-bottom: .6rem; line-height: 1.25; }