#p6Records { min-width: 0; border-top: 1px solid #dce6e2; padding-top: 1rem; }
#p6Records h2, #p6Records h3 { margin-block: .5rem; }
#p6Records .p6-filter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
#p6Records .p6-filter-grid label { min-width: 0; }
#p6Records select { display: block; width: 100%; margin-top: .3rem; padding: .65rem .8rem; border: 1px solid #a9bdb7; border-radius: .55rem; background: #fff; color: #1d3030; font: inherit; }
#p6Records .p6-list { list-style: none; margin: 1rem 0; padding: 0; display: grid; gap: .5rem; }
#p6Records .p6-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .75rem; align-items: center; width: 100%; margin: 0; text-align: left; background: #f4f8f6; color: #1d3030; border: 1px solid #d6e2dd; }
#p6Records .p6-row span, #p6Records .p6-row strong { overflow-wrap: anywhere; }
#p6Records .p6-detail { padding: .8rem 1rem; background: #f4f8f6; border: 1px solid #d6e2dd; border-radius: .7rem; overflow-wrap: anywhere; }
#p6Records .p6-detail p { margin: .35rem 0; white-space: pre-wrap; }
#p6Records .p6-export { padding-top: .75rem; border-top: 1px solid #dce6e2; }
#p6Records .p6-check { display: flex; align-items: center; gap: .5rem; }
#p6Records .p6-check input { width: auto; margin: 0; }
#p6Records .p6-tabs { display: flex; flex-wrap: wrap; gap: .35rem; }
#p6Records .p6-tabs button { background: #dce9e5; color: #205454; }
#p6Records :is(button, input, select):focus-visible { outline: 3px solid #8ccac0; outline-offset: 2px; }
@media (max-width: 40rem) {
  #p6Records .p6-filter-grid { grid-template-columns: 1fr; }
  #p6Records .p6-row { grid-template-columns: 1fr; gap: .15rem; }
  #p6Records button { max-width: 100%; }
}