/*
 * Extracted without semantic changes from @sgeo/ui-kit 4.7.0
 * src/consumer-primitives/consumer-primitives.css at
 * 0bf10e3beff02b5dc51620f17742c00d99d7d425.
 *
 * These are upstream, framework-neutral row and workflow primitives; QazLost
 * supplies only its safety copy and routes.
 */
.avds-action-list,
.avds-workflow-steps {
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
}

.avds-action-list {
  margin: 0;
  padding: 0;
  border-block: 1px solid hsl(var(--border));
  list-style: none;
}

.avds-action-list > li + li { border-top: 1px solid hsl(var(--border) / .7); }

.avds-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: start;
  min-height: var(--avds-mobile-touch-target);
  padding: .75rem 0;
  color: inherit;
  text-align: start;
  text-decoration: none;
}

.avds-action-row:hover { background: hsl(var(--muted) / .35); }
.avds-action-row:focus-visible,
.avds-workflow-step:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.avds-action-title,
.avds-workflow-title { color: hsl(var(--foreground)); font-weight: 600; }
.avds-action-description,
.avds-action-meta,
.avds-workflow-description { color: hsl(var(--muted-foreground)); }
.avds-action-description,
.avds-workflow-description { display: block; margin: .25rem 0 0; font-size: .875rem; line-height: 1.5; }

.avds-workflow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid hsl(var(--border));
  list-style: none;
}

.avds-workflow-step {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  gap: .625rem;
  min-width: 0;
  min-height: var(--avds-mobile-touch-target);
  padding: .875rem .75rem;
  color: inherit;
  border: 0;
  border-bottom: 1px solid hsl(var(--border));
  background: transparent;
  text-decoration: none;
}
.avds-workflow-step:first-child { padding-inline-start: 0; }
.avds-workflow-step:last-child { padding-inline-end: 0; }
.avds-workflow-step:hover,
.avds-workflow-step[data-active="true"] { background: hsl(var(--muted) / .25); }
.avds-workflow-marker {
  display: grid;
  width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  color: hsl(var(--muted-foreground));
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  font-size: .625rem;
  font-weight: 600;
}
.avds-workflow-step[data-state="attention"] .avds-workflow-marker {
  border-color: hsl(var(--chart-3) / .65);
  background: hsl(var(--chart-3) / .1);
  color: hsl(var(--foreground));
}

@media (max-width: 767px) {
  .avds-workflow-steps { grid-template-columns: minmax(0, 1fr); }
  .avds-workflow-step,
  .avds-workflow-step:first-child,
  .avds-workflow-step:last-child { padding-inline: 0; }
}