.view {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.tabs {
  min-width: 0;
  border: 0;
  background: none;
}
.banner {
  padding: 2px 10px;
  font-size: var(--fs-small);
  color: var(--fg-muted);
  border-bottom: 1px solid var(--border);
}
.header,
.row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) 170px 170px;
  align-items: center;
  column-gap: 8px;
}
.header.noBranches,
.row.noBranches {
  grid-template-columns: minmax(120px, 1fr) 170px;
}
.header {
  flex: none;
  height: 24px;
  padding: 0 10px 0 28px;
  border-bottom: 1px solid var(--border);
}
.headerCell {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: var(--fs-small);
  color: var(--fg-secondary);
  text-align: left;
  cursor: default;
}
.headerCell:hover {
  color: var(--fg-strong);
}
.tree {
  flex: 1;
  min-height: 0;
}
.row {
  flex: 1;
  min-width: 0;
  padding-right: 10px;
  white-space: nowrap;
}
.name {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.icon {
  flex: none;
}
.label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cell {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.bar {
  flex: none;
  width: 48px;
  height: 6px;
  border-radius: 1px;
  background: var(--coverage-uncovered);
  opacity: 0.85;
  overflow: hidden;
}
.barFill {
  display: block;
  height: 100%;
  background: var(--coverage-covered);
}
.value {
  font-size: var(--fs-small);
  font-variant-numeric: tabular-nums;
  color: var(--fg-secondary);
}
.link {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--link);
  cursor: pointer;
}
.link:hover {
  color: var(--link-hover);
}
.links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* Manage Coverage Reports */
.reports {
  height: 260px;
  margin: 12px;
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
}
.reportRow {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
  white-space: nowrap;
}
.reportDetail {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--fg-subtle);
}
.reportTime {
  flex: none;
  font-size: var(--fs-small);
  color: var(--fg-muted);
}
.reportsEmpty {
  padding: 12px;
  color: var(--fg-muted);
}