.dashboard-control-panel,
.dashboard-buyers-panel {
  margin-bottom: 17px;
}

.button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 34px;
  text-decoration: none;
}

.dashboard-action-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 10px;
  padding: 14px 20px;
  border-bottom: 1px solid #e8edf4;
  background: #fbfcfe;
}

.dashboard-action-summary button {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 11px;
  border: 1px solid #d7e0ed;
  border-radius: 7px;
  background: #fff;
  color: #53627a;
  text-align: left;
  cursor: pointer;
}

.dashboard-action-summary button:hover {
  border-color: #8db0ef;
  background: #f5f8ff;
}

.dashboard-action-summary strong {
  color: #173b7a;
  font-size: 20px;
}

.dashboard-action-summary .danger strong {
  color: #c62828;
}

.dashboard-control-rules {
  margin: 0;
  padding: 8px 20px;
  border-bottom: 1px solid #e8edf4;
  background: #fbfcfe;
  color: #6a7890;
  font-size: 11px;
}

.dashboard-action-table {
  max-height: 360px;
}

.dashboard-action-table th:nth-child(1) { width: 220px; }
.dashboard-action-table th:nth-child(2) { width: 105px; }
.dashboard-action-table th:nth-child(4) { width: 175px; }
.dashboard-action-table th:nth-child(5) { width: 115px; }
.dashboard-action-table th:nth-child(6) { width: 155px; }
.dashboard-action-table th:nth-child(7) { width: 105px; }

.dashboard-action-row-critical {
  background: #fff4f4;
}

.dashboard-action-row-high {
  background: #fffaf0;
}

.dashboard-action-reason {
  white-space: normal;
  line-height: 1.25;
  font-weight: 650;
}

.dashboard-buyers-panel table {
  min-width: 880px;
}

.dashboard-buyers-panel th:first-child { width: 260px; }
.dashboard-buyers-panel th:not(:first-child),
.dashboard-buyers-panel td:not(:first-child) { text-align: right; }

.dashboard-buyers-panel td.overdue-value {
  color: #c62828;
  font-weight: 750;
}

@media (max-width: 1450px) {
  .dashboard-action-summary {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
  }
}
