/* Gemeinsame Reststile für Labor, Finanzen und Wiederherstellung. */
:root {
  color-scheme: light;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: default;
  opacity: .45;
}

.lab-tools {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.lab-tools {
  align-items: center;
  margin-bottom: var(--space-2);
}

.lab-tools input {
  min-width: calc(var(--control-height) * 3);
  flex: 1;
}

.lab-coverage,
.lab-reference-origin,
.lab-ref-kind {
  color: var(--text-3);
  font-size: var(--font-size-label);
}

.lab-reference-origin {
  display: block;
  margin-top: var(--space-1);
}

.lab-reference-mode {
  margin: var(--space-2) 0 var(--space-4);
  color: var(--text-3);
  font-size: var(--font-size-label);
}

.lab-unit-mismatch {
  color: var(--warning-text);
}

.lab-card-focused .lab-detail {
  display: block;
}

.lab-detail .lab-hist-row {
  grid-template-columns: 1fr 1fr auto;
}

.fn-form {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.fn-form > * {
  min-width: 0;
}

.fn-field.hidden {
  display: none !important;
}

.fn-form select {
  min-width: 0;
  max-width: 100%;
}

.fn-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fn-form-grid3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

dialog.command-dialog {
  box-sizing: border-box;
  width: min(calc(var(--control-height) * 13), calc(100% - var(--space-5)));
  padding: var(--space-5);
  color: var(--text);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sheet);
}

dialog.command-dialog::backdrop {
  background: var(--scrim); /* hell wie bisher, dunkel über --dark-page (css/dark.css) */
}

@media (max-width: 750px) {
  .fn-form-grid,
  .fn-form-grid3 {
    grid-template-columns: minmax(0, 1fr);
  }

  .lab-detail .lab-hist-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    justify-content: space-between;
  }

  .lab-hist-actions {
    margin-left: auto;
  }

  .lab-value-wrap,
  .fn-form-grid > *,
  .fn-form-grid3 > * {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}