/* Keep the overview table aligned with its card instead of a separate grey band. */
.overview-nodes-card {
  --overview-node-gutter: 22px;
}

.overview-nodes-card > .card-header {
  padding: 20px var(--overview-node-gutter) 14px;
}

.overview-nodes-card .overview-nodes-table thead th {
  padding: 11px var(--overview-node-gutter) 12px;
  background: var(--surface);
  color: var(--muted-strong);
  border-bottom: 1px solid var(--border);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
}

.overview-nodes-card .overview-nodes-table tbody td {
  padding: 15px var(--overview-node-gutter);
  vertical-align: middle;
}

.overview-nodes-card .overview-nodes-table :is(th, td):last-child {
  width: 1%;
  padding-left: 12px;
  text-align: right;
}

@media (max-width: 1250px) {
  .overview-nodes-card {
    --overview-node-gutter: 18px;
  }
}

@media (max-width: 760px) {
  .overview-nodes-card > .card-header {
    padding-top: 19px;
    padding-bottom: 12px;
  }

  .overview-nodes-card .overview-nodes-table tbody td {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}