.bc-incidents { overflow: hidden; }
.bc-incidents[hidden] { display: none; }
.bc-incidents label[hidden] { display: none; }
.bc-incidents p { line-height: 1.6; }
.bc-incident-filters { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; padding: 16px; }
.bc-incident-filters label { flex: 1 1 180px; }
.bc-incidents label { display: grid; gap: 7px; color: var(--text-dim); font-size: 13px; }
.bc-incidents input, .bc-incidents select, .bc-incidents textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 6px; background: #101827; color: var(--text); font: inherit; }
.bc-incidents button { white-space: normal; }
.bc-incident-list, .bc-incident-history { display: grid; gap: 10px; }
.bc-incident-list { padding: 0 16px 16px; }
.bc-incident-list article, .bc-incident-history article { padding: 14px; border: 1px solid var(--border); border-radius: 8px; overflow-wrap: anywhere; background: #0e1622; }
.bc-incident-list article { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.bc-incident-list article span, .bc-incident-history small { display: block; color: var(--text-dim); margin-top: 5px; }
.bc-incident-message { padding: 0 16px 12px; color: var(--text-dim); overflow-wrap: anywhere; }
.bc-incident-message.is-error { color: #ffb5b5; }
.bc-incident-message.is-success { color: #97e3b3; }
.bc-incident-detail { padding: 20px 16px; border-top: 1px solid var(--border); }
.bc-incident-detail > header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.bc-incident-detail > p { margin-top: 12px; color: var(--text-dim); overflow-wrap: anywhere; }
.bc-incident-detail h4 { margin: 22px 0 12px; }
.bc-incident-action { display: grid; gap: 14px; margin: 22px 0; padding-top: 18px; border-top: 1px solid var(--border); }
.bc-incident-action[hidden], .bc-incident-detail[hidden] { display: none; }
.bc-incidents > button { margin: 0 16px 16px; }
.bc-incident-detail > button { margin-top: 12px; }
@media (max-width: 600px) {
  .bc-incident-list article { align-items: stretch; flex-direction: column; }
  .bc-incident-detail > header { align-items: start; flex-direction: column; }
  .bc-incident-filters label { flex-basis: 100%; }
}