:where(button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--dvs-accent);
  outline-offset: 2px;
}

.create-order-empty { min-height: 100%; }
.create-order-workflow { gap: var(--space-4); }
.create-order-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}
.create-order-choice {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--dvs-line);
  border-radius: var(--radius-sm);
  background: var(--dvs-surface-raised);
}
.create-order-choice[data-kind="danger"] {
  border-color: color-mix(in srgb, var(--dvs-danger) 36%, var(--dvs-line));
}
.create-order-choice__title {
  font-size: var(--text-lg);
  line-height: 1.15;
  font-weight: 620;
  letter-spacing: -.025em;
}
.create-order-choice .ui-button { align-self: end; justify-self: start; }

.layout-preset-slot {
  min-width: 0;
  margin-top: var(--space-2);
  padding-top: var(--space-4);
  border-top: 1px solid var(--dvs-line);
}
.layout-preset-slot > dvs-widget { width: 100%; }
.workspace-presets { gap: var(--space-4); }
.workspace-preset-builder {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: var(--space-3);
  align-items: end;
}
.workspace-preset-list {
  display: grid;
  gap: var(--space-2);
}
.workspace-preset-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3) var(--space-4);
  align-items: center;
  padding: var(--space-3);
  border: 1px solid var(--dvs-line);
  border-radius: var(--radius-sm);
  background: var(--dvs-surface-raised);
}
.workspace-preset-card__identity { min-width: 0; }
.workspace-preset-card__name {
  font-size: var(--text-lg);
  font-weight: 620;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-preset-card__preview {
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-preset-card > .ui-note { grid-column: 1 / -1; }
.workspace-preset-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: flex-end;
}

@container (max-width: 760px) {
  .create-order-choices { grid-template-columns: 1fr; }
  .create-order-choice .ui-button { width: 100%; justify-self: stretch; }
  .workspace-preset-builder,
  .workspace-preset-card { grid-template-columns: 1fr; }
  .workspace-preset-builder .ui-button,
  .workspace-preset-card__actions .ui-button { width: 100%; }
  .workspace-preset-card__actions { display: grid; grid-template-columns: 1fr; justify-content: stretch; }
}

@media (forced-colors: active) {
  .dvs-widget,
  .active-order-line-slot,
  .quick-preset-slot,
  .create-order-choice,
  .workspace-preset-card,
  .layout-hidden__item {
    border: 1px solid CanvasText;
  }

  :where(button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid Highlight;
  }
}