.dev-monitor { padding: 16px; }
.dev-monitor__header { margin-bottom: 12px; }
.dev-monitor__nav a { margin-right: 10px; text-decoration: none; }
.dev-monitor__nav a.active { font-weight: 700; text-decoration: underline; }
.dev-monitor__hint { margin-top: 8px; }
.dev-monitor__table-wrap { overflow: auto; border: 1px solid #3333; border-radius: 8px; }
.dev-monitor__table { width: 100%; border-collapse: collapse; font-size: 13px; }
.dev-monitor__table th, .dev-monitor__table td { padding: 8px; border-bottom: 1px solid #3333; vertical-align: top; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.small { font-size: 12px; }
.muted { opacity: .7; }
.error { max-width: 280px; color: #b00020; }
.badge { padding: 2px 8px; border-radius: 999px; font-size: 12px; border: 1px solid #3333; }
.badge-processed { background: #e7f7ed; }
.badge-processing { background: #fff5db; }
.badge-failed, .badge-dead_lettered { background: #fde7e9; }
.row-failed { background: #fff5f5; }
.row-dead_lettered { background: #fff0f2; }