/* Problems and the fix in flight (A20, the Command Center card). Layout only: the badges, bars and empty state are the
   v9 kit's (LPCMDView). Theme tokens only. */
.pb-top { display: grid; gap: var(--v9-2); margin-bottom: var(--v9-4); }
.pb-lede { margin: 0; font: var(--v9-f-small); color: var(--v9-ink2); } .pb-lede b { color: var(--v9-ink); font-size: 15px; } .pb-lede b.pb-bad { color: var(--v9-crit); }
.pb-seg { display: flex; gap: 2px; height: 12px; border-radius: 4px; overflow: hidden; }
.pb-seg i { display: block; min-width: 4px; cursor: pointer; }
.pb-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pb-grid { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 3fr); gap: var(--v9-5); align-items: start; }
.pb-kinds { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font: var(--v9-f-small); }
.pb-kinds li { display: grid; grid-template-columns: 64px minmax(40px, 1fr) auto; gap: 8px; align-items: center; }
.pb-kinds .l { color: var(--v9-ink2); } .pb-kinds .v { font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer; }
.pb-list { list-style: none; margin: 0; padding: 0; display: grid; }
.pb-list li { display: grid; grid-template-columns: 128px minmax(0, 1.3fr) minmax(0, 1fr); gap: 10px; align-items: start; padding: 8px 0; border-top: 1px solid var(--v9-line); font: var(--v9-f-small); }
.pb-list li:first-child { border-top: 0; }
.pb-list .t { display: grid; gap: 2px; min-width: 0; } .pb-title { color: var(--v9-ink); overflow-wrap: anywhere; } .pb-meta { color: var(--v9-mute); }
.pb-fix { display: grid; gap: 2px; min-width: 0; color: var(--v9-ink2); overflow-wrap: anywhere; } .pb-fix b { color: var(--v9-ink); font-weight: 600; }
.pb-mute { color: var(--v9-mute); } .pb-why { color: var(--v9-mute); overflow-wrap: anywhere; }
.pb-more { background: none; border: 0; padding: 8px 0 0; cursor: pointer; }
@media (max-width: 900px) { .pb-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .pb-list li { grid-template-columns: minmax(0, 1fr); gap: 4px; } }
