:root{ --brand:#0d6efd; --ok:#22c55e; --warn:#f59e0b; --bad:#ef4444; }
body{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; background:#f6f7fb}
.nav-brand{font-weight:700; color:var(--brand)}
.card{border:0; border-radius:16px; box-shadow:0 8px 18px rgba(0,0,0,.06);}
.badge-ok{background:var(--ok)}
.badge-warn{background:var(--warn)}
.badge-bad{background:var(--bad)}
.kp-logo{height:28px; vertical-align:middle}
.small-muted{color:#6b7280; font-size:.9rem}
.pointer{cursor:pointer}
.table td,.table th{vertical-align:middle}
.chip{display:inline-block; padding:.25rem .5rem; border-radius:999px; background:#eef2ff; color:#3730a3; font-size:.8rem}
.code{background:#0f172a; color:#e2e8f0; padding:12px 14px; border-radius:8px; overflow:auto; font-family:ui-monospace, SFMono-Regular, Menlo, monospace}
.footer{color:#6b7280; font-size:.85rem}