/* Cache-safe navigation behavior for dashboard metric cards. */
.dashboard-page .metric-card-clickable {
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}

.dashboard-page .metric-card-clickable .metric-card-link {
  width: 100%;
  min-height: 176px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 26px;
  color: inherit;
  border-radius: inherit;
  text-decoration: none;
}

.dashboard-page .metric-card-clickable .metric-card-link:hover {
  text-decoration: none;
}

.dashboard-page .metric-card-clickable .metric-card-link:focus-visible {
  outline: 3px solid var(--md-primary, #6750a4);
  outline-offset: -4px;
}

@media (max-width: 600px) {
  .dashboard-page .metric-card-clickable .metric-card-link {
    min-height: 0;
    padding: 22px;
  }
}

@media (max-width: 380px) {
  .dashboard-page .metric-card-clickable .metric-card-link {
    padding: 22px 18px;
  }
}