body { background:#f5f7fa; }
.table-sm td, .table-sm th { vertical-align: middle; }
.badge { font-size: 0.78em; }
.card { box-shadow: 0 1px 3px rgba(0,0,0,.06); border:0; }
.panel-tag { display:inline-block; padding:.15rem .5rem; border-radius:.25rem; font-size:.75rem; color:#fff; }
.panel-tag.p1 { background:#0d6efd; }
.panel-tag.p2 { background:#6610f2; }
.status-dot { width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:4px; vertical-align:middle; }
.status-dot.ok { background:#198754; }
.status-dot.warn { background:#ffc107; }
.status-dot.bad { background:#dc3545; }
.status-dot.off { background:#adb5bd; }
.kbd { font-family: monospace; background:#212529; color:#fff; padding:1px 6px; border-radius:3px; font-size:.8em; }
.api-result { font-size:.85em; background:#0d1117; color:#c9d1d9; padding:10px; border-radius:6px; max-height:300px; overflow:auto; }