.history-summary{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:11px;
  margin-bottom:14px;
}
.history-summary-card{
  background:#0c1c2d;
  border:1px solid #1d3c59;
  border-radius:12px;
  padding:13px;
}
.history-summary-card span{
  display:block;
  color:#8199ad;
  font-size:9px;
  text-transform:uppercase;
}
.history-summary-card strong{
  display:block;
  font-size:21px;
  margin-top:7px;
}
.history-summary-card small{
  display:block;
  color:#7890a4;
  font-size:9px;
  margin-top:5px;
}

.history-card{overflow:hidden}
.history-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.card-subtitle{
  font-size:9px;
  color:#8097aa;
  margin-top:3px;
}
.history-tools{
  display:flex;
  gap:8px;
  align-items:center;
}
.history-search,
.history-filter{
  background:#081726;
  border:1px solid #244560;
  color:#eef6ff;
  border-radius:8px;
  font-size:10px;
  padding:8px 10px;
  outline:none;
}
.history-search{width:230px}
.history-search:focus,
.history-filter:focus{border-color:#3b789f}

.table-wrap{
  overflow:auto;
  max-height:650px;
}
.history-table{
  width:100%;
  border-collapse:collapse;
  font-size:10px;
}
.history-table th{
  position:sticky;
  top:0;
  z-index:2;
  text-align:left;
  white-space:nowrap;
  padding:10px 11px;
  background:#102239;
  color:#8fa7ba;
  border-bottom:1px solid #24435d;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.history-table td{
  padding:10px 11px;
  border-bottom:1px solid #163047;
  color:#d8e5ee;
  white-space:nowrap;
}
.history-table tbody tr:hover{background:#0d2134}
.history-table td.num{text-align:right}
.history-table th.num{text-align:right}

.flight-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  border:1px solid;
}
.flight-status.active{
  color:#a6ebcb;
  background:#0c291f;
  border-color:#2b6e51;
}
.flight-status.finished{
  color:#a9b8c4;
  background:#17212a;
  border-color:#435462;
}
.flight-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
}
.serial-cell strong{
  display:block;
  font-size:11px;
  color:#fff;
}
.serial-cell small{
  display:block;
  color:#6f899e;
  font-size:8px;
  margin-top:2px;
}
.model-tag{
  display:inline-block;
  padding:4px 6px;
  border-radius:6px;
  background:#0d293c;
  border:1px solid #28506d;
  color:#95d9fa;
  font-size:8px;
  font-weight:800;
}
.history-action{
  display:inline-block;
  padding:5px 7px;
  border-radius:7px;
  text-decoration:none;
  border:1px solid #2b5270;
  color:#8ed9fc;
  background:#0b2234;
  font-size:8px;
  font-weight:900;
}
.history-action.disabled{
  color:#7b8e9d;
  border-color:#314554;
  background:#111d26;
  cursor:default;
}
.empty-row{
  text-align:center!important;
  color:#8399aa!important;
  padding:28px!important;
}

.history-footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  color:#7890a4;
  font-size:9px;
  border-top:1px solid #1e3a53;
  background:#091827;
}

.history-note{
  margin-top:14px;
  padding:11px 13px;
  border:1px solid #29465f;
  border-radius:10px;
  background:#0c1c2d;
  color:#8ea7ba;
  font-size:10px;
  line-height:1.5;
}

@media(max-width:1350px){
  .history-summary{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .history-summary{grid-template-columns:repeat(2,1fr)}
  .history-head{align-items:flex-start;flex-direction:column}
  .history-tools{width:100%}
  .history-search{flex:1;width:auto}
}
@media(max-width:520px){
  .history-summary{grid-template-columns:1fr}
  .history-tools{flex-direction:column;align-items:stretch}
}

.flight-status.signal-lost{
  color:#ffd98a;
  background:#2a210d;
  border-color:#806229;
}
.history-action.lost{
  color:#ffd98a;
  border-color:#806229;
  background:#2a210d;
}