.toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom:14px;
}
.toolbar input[type="search"], .toolbar select{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.2);
  color:inherit;
  min-width:220px;
}
.toolbar select{ min-width: 170px; }
.btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  text-decoration:none;
  color:inherit;
  font-weight:600;
}
.meta{ margin: 8px 0 14px; color: rgba(255,255,255,.78); }

.signals{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap:14px;
}

.signal-card{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  padding:14px 14px 12px;
  background: rgba(255,255,255,.04);
}
.signal-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.pill{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  font-weight:700;
  font-size:12px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  margin-right:8px;
}
.code{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12.5px;}
.badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.15);
  margin-left:6px;
}
.muted{ color: rgba(255,255,255,.72); }
.fineprint{ margin-top:10px; color: rgba(255,255,255,.62); font-size:12px; }
details{ margin-top:10px; }
details summary{ cursor:pointer; font-weight:700; }
details ul{ margin:10px 0 0 18px; }