.hf15-panel{
  margin:0 0 14px;
  overflow:hidden;
  border:1px solid #d8dee6;
  border-radius:12px;
  background:#fff;
}

.hf15-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #e6e9ed;
  background:#fafbfc;
}

.hf15-head strong{
  display:block;
  font-size:13px;
}

.hf15-head span{
  display:block;
  margin-top:2px;
  color:#667085;
  font-size:9px;
}

.hf15-live{
  padding:4px 7px!important;
  border-radius:999px;
  background:#eef2f6;
  color:#56616d!important;
  font-size:7px!important;
  font-weight:900;
  letter-spacing:.05em;
}

.hf15-tools{
  display:flex;
  gap:7px;
  padding:9px 12px;
  border-bottom:1px solid #edf0f2;
}

.hf15-tools select,
.hf15-tools button,
.hf15-panel button{
  min-height:30px;
  border:1px solid #ccd3db;
  border-radius:7px;
  background:#fff;
  padding:0 8px;
  font-size:8px;
}

.hf15-tools select{
  min-width:240px;
}

.hf15-panel button{
  cursor:pointer;
}

.hf15-panel button.secondary{
  background:#f5f7f9;
}

.hf15-panel button.danger{
  border-color:#e5b9b6;
  background:#fff5f4;
  color:#a52a25;
}

.hf15-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px 15px;
  padding:7px 12px;
  border-bottom:1px solid #edf0f2;
  color:#667085;
  font-size:9px;
}

.hf15-summary strong{
  color:#20252b;
}

.hf15-summary .warn{
  color:#a06400;
}

.hf15-start{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  padding:9px 12px;
  border-bottom:1px solid #edf0f2;
  background:#fbfcfd;
}

.hf15-start>div{
  display:flex;
  align-items:center;
  gap:8px;
  margin-right:auto;
  font-size:9px;
}

.hf15-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
}

.hf15-layout main{
  min-width:0;
  padding:10px;
}

.hf15-layout aside{
  min-width:0;
  padding:10px;
  border-left:1px solid #edf0f2;
  background:#fbfcfd;
}

.hf15-layout h4{
  margin:0 0 8px;
  color:#667085;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.hf15-layout aside h4:not(:first-child){
  margin-top:16px;
}

.hf15-table-wrap{
  max-height:590px;
  overflow:auto;
  border:1px solid #e4e8ec;
  border-radius:8px;
}

.hf15-table{
  width:100%;
  border-collapse:collapse;
  white-space:nowrap;
  font-size:8px;
}

.hf15-table th{
  position:sticky;
  top:0;
  z-index:3;
  padding:7px;
  border-bottom:1px solid #dce1e6;
  background:#f7f8fa;
  color:#667085;
  text-align:left;
  font-size:7px;
}

.hf15-table td{
  padding:7px;
  border-bottom:1px solid #edf0f2;
  vertical-align:middle;
}

.hf15-table td small{
  display:block;
  margin-top:2px;
  color:#7b8792;
  font-size:7px;
}

.hf15-table .seq{
  text-align:center;
  font-weight:900;
}

.hf15-table .mono{
  font-variant-numeric:tabular-nums;
}

.hf15-table .actions{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}

.hf15-badge{
  display:inline-flex!important;
  align-items:center;
  min-height:20px;
  margin:0!important;
  padding:0 5px;
  border-radius:999px;
  font-size:6px!important;
  font-weight:900;
  letter-spacing:.04em;
}

.hf15-badge.gps{
  background:#e8f6ee;
  color:#277043;
}

.hf15-badge.manual{
  background:#fff1d9;
  color:#986000;
}

.hf15-badge.corrected{
  background:#edf2fb;
  color:#315f93;
}

.hf15-badge.missing{
  background:#f2f3f5;
  color:#747e88;
}

.hf15-reason{
  max-width:180px;
  white-space:normal;
}

.hf15-split-list,
.hf15-audit-list{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.hf15-split-list>div,
.hf15-audit-list>div{
  padding:6px;
  border:1px solid #e3e7eb;
  border-radius:7px;
  background:#fff;
  font-size:7px;
}

.hf15-split-list strong,
.hf15-split-list span,
.hf15-split-list small{
  display:block;
}

.hf15-split-list small{
  margin-top:2px;
  color:#7b8792;
}

.hf15-audit-list>div>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}

.hf15-audit-list span{
  padding:2px 4px;
  border-radius:999px;
  background:#e9f6ee;
  color:#277043;
  font-size:6px;
  font-weight:900;
}

.hf15-audit-list .revoked{
  opacity:.65;
}

.hf15-audit-list .revoked span{
  background:#eef0f2;
  color:#68737e;
}

.hf15-audit-list p{
  margin:5px 0;
  font-size:8px;
}

.hf15-audit-list small{
  color:#7b8792;
}

.hf15-error{
  padding:8px 12px;
  border-bottom:1px solid #efc8c5;
  background:#fff2f1;
  color:#a52a25;
  font-size:9px;
}

.hf15-empty{
  padding:28px;
  color:#7b8792;
  text-align:center;
  font-size:9px;
}

.hf15-empty.compact{
  padding:10px;
}

@media(max-width:950px){
  .hf15-layout{
    grid-template-columns:1fr;
  }

  .hf15-layout aside{
    border-top:1px solid #edf0f2;
    border-left:0;
  }
}

@media(max-width:600px){
  .hf15-tools{
    flex-direction:column;
  }

  .hf15-tools select,
  .hf15-tools button{
    width:100%;
  }

  .hf15-start{
    align-items:stretch;
    flex-direction:column;
  }

  .hf15-start>div{
    margin-right:0;
  }
}