/*
 * App-specific styles, loaded after the C3D UI Kit (ui-kit.min.css).
 *
 * The UI Kit provides the components (button, input, alert, card, label, pill,
 * switch, checkbox, progress bar, typography) and the design tokens. These files
 * only cover what it doesn't: the app shell, page layout, tables and the test
 * plan lists. Use UI Kit tokens here, never raw colors.
 *
 * Docs: https://ui-kit.constructions-3d.com/web/llms/llms.txt
 */
@import url("/assets/layout-4645d459.css");
@import url("/assets/auth-ee00db98.css");
@import url("/assets/page-3ca4784c.css");
@import url("/assets/table-0d68aced.css");
@import url("/assets/test-plan-a1129d61.css");
@import url("/assets/run-17918657.css");
@import url("/assets/projects-929e4e59.css");
@import url("/assets/runs-9acb4030.css");

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--font-family-primary);
}

body {
  background-color: var(--background-primary);
  color: var(--text-primary);
}

[hidden] {
  display: none !important;
}

/* The UI Kit ships `.button--secondary` and `.button--destructive` but no size modifiers, so the
   compact and icon-only variants live here. They match the UI Kit's own `.button.button--*`
   specificity so they win over the base `.button`. */
.button.button--sm {
  min-height: 1.75rem;
  padding: 0 0.625rem;
  font-size: 0.75rem;
}

.button.button--icon {
  width: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
}

/* `button_to` wraps its button in a form: keep it inline so it lines up with sibling links. */
form.button_to {
  display: inline-flex;
}

/* The UI Kit doesn't style native selects: reuse the input look, with room for the arrow. */
select.input {
  padding-right: 2rem;
  background-color: var(--background-primary);
}

.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.text-muted {
  color: var(--text-muted);
}