/* Blekline Agent Security Arena — Webflow Site Head */

.bl-arena-root {
  font-family: system-ui, -apple-system, sans-serif;
  color: #e8e8e8;
  font-size: 14px;
  max-width: 1200px;
  margin: 0 auto;
}

.bl-arena-meta {
  color: #a3a3a3;
  font-size: 13px;
  margin-bottom: 16px;
}

.bl-arena-scroll-shell {
  overflow-x: auto;
  border: 1px solid #333;
  
}

.bl-arena-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.bl-arena-table th,
.bl-arena-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #2a2a2a;
  text-align: left;
  white-space: nowrap;
}

.bl-arena-table th {
  background: #1a1a1a;
  color: #a3a3a3;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.bl-arena-table tbody tr:hover {
  background: #1f1f1f;
}

.bl-arena-heat-high { color: #4ade80; }
.bl-arena-heat-mid { color: #fbbf24; }
.bl-arena-heat-low { color: #f87171; }

.bl-arena-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.bl-arena-filters select {
  background: #1a1a1a;
  border: 1px solid #444;
  color: #e8e8e8;
  padding: 8px 12px;
  
  font-size: 13px;
}

.bl-arena-footer {
  margin-top: 16px;
  font-size: 12px;
  color: #737373;
}

.bl-arena-footer a {
  color: #f97316;
}