.audit-panel .panel-heading { flex-wrap: wrap; }
.audit-panel .panel-heading input { width: min(100%, 26rem); max-width: 100%; }
.audit-panel .operations-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.audit-panel :is(button, select) {
  font: inherit;
  color: #e5f6f8;
  background: #102830;
  border: 1px solid #36616b;
  border-radius: 8px;
  padding: .6rem .8rem;
  min-height: 40px;
}
.audit-panel button { cursor: pointer; }
.audit-panel button:hover { background: #193b45; }
.audit-panel :is(button, input, select, summary):focus-visible {
  outline: 3px solid #19c6d1;
  outline-offset: 3px;
}
#audit-list:focus-visible,
#audit-list > article:focus {
  outline: 3px solid #19c6d1;
  outline-offset: -3px;
}
.audit-panel summary { cursor: pointer; padding-block: .5rem; }
#audit-options { margin-block: .75rem; }
#audit-context { overflow-wrap: anywhere; }
#audit-list .list-item { min-width: 0; overflow-wrap: anywhere; }
#audit-list .list-item > div { flex-wrap: wrap; align-items: baseline; }
#audit-list .list-item > div > strong { min-width: 0; flex: 1 1 14rem; }
#audit-list .list-item > div > span { flex: 0 1 auto; }
#audit-list .list-item details { min-width: 0; }
#audit-list .list-item dl { line-height: 1.5; }
@media (forced-colors: active) {
  .audit-panel :is(button, input, select, summary):focus-visible,
  #audit-list:focus-visible,
  #audit-list > article:focus { outline-color: Highlight; }
  #audit-list > article { border: 1px solid CanvasText; }
}
.guardian-home-details { margin-block: 1rem; border: 1px solid #24505a; border-radius: 12px; padding: 1rem; }
.guardian-home-details > summary { cursor: pointer; color: #b8edf1; font-weight: 700; padding: .35rem; }
.guardian-home-details > summary:focus-visible { outline: 2px solid #19c6d1; outline-offset: 4px; }
.guardian-home-details[open] > summary { margin-bottom: 1rem; }
.operations-panel > details { margin-top: 1rem; }
#operations-content > .operations-toolbar { display: flex; flex-wrap: wrap; gap: .6rem; margin-block: 1rem; }
#operations-content > [aria-label="Priority signals"] { display: grid; gap: .75rem; margin-block: 1rem; }
@media (max-width: 600px) {
  .audit-panel { min-width: 0; }
  .audit-panel .panel-heading { flex-direction: column; align-items: stretch; }
  .audit-panel .panel-heading input { width: 100%; min-width: 0; box-sizing: border-box; }
  .audit-panel .operations-toolbar { display: flex; flex-direction: column; align-items: stretch; gap: .5rem; }
  .audit-panel :is(button, select, input, summary) { min-height: 44px; box-sizing: border-box; }
  .audit-panel :is(button, select) { max-width: 100%; white-space: normal; }
  #audit-list .list-item > div { flex-direction: column; align-items: flex-start; }
  #audit-list .list-item > div > strong { flex: initial; }
  #operations-content > .operations-toolbar > button { flex: 1 1 12rem; min-height: 44px; }
  .guardian-home-details { padding: .75rem; }
}