/* Technician app (REQ-TECH-009): glove-size primary actions in a sticky bottom bar, one-handed on a 360 px phone. */
.tech {
  padding-bottom: calc(var(--tap-glove) + var(--space-8));
}

.tech-action {
  min-height: var(--tap-glove);
  width: 100%;
  font-size: var(--text-base);
}

.tech-actions {
  position: sticky;
  bottom: 0;
  display: flex;
  gap: var(--space-2);
  padding: var(--space-3) 0;
  background: var(--surface);
  border-top: 1px solid var(--line);
}

.tech-card,
.tech-conflict,
.tech-wizard {
  padding: var(--space-4);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
}

.tech-conflict {
  border-color: var(--warning);
}

.tech-banner {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  font-size: var(--text-sm);
}

.tech-muted {
  color: var(--muted);
  font-size: var(--text-sm);
}

.tech-steps {
  display: flex;
  gap: var(--space-2);
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--muted);
}

.tech-steps .is-done {
  color: var(--blue);
  font-weight: 600;
}

.tech-list,
.tech-checklist {
  padding: 0;
  list-style: none;
}

.tech-row {
  display: flex;
  gap: var(--space-2);
  width: 100%;
  min-height: var(--tap-glove);
  background: var(--surface-soft);
  color: var(--ink);
  text-align: left;
}

.tech-answer {
  display: flex;
  gap: var(--space-1);
}

.tech-answer button {
  min-height: var(--tap-glove);
  flex: 1;
}

.tech-answer button[aria-pressed='true'] {
  background: var(--blue);
  color: var(--surface);
}

.tech-nav {
  min-height: var(--tap-glove);
}

.tech-camera {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--blue-ghost);
  color: var(--blue);
}

.tech-check {
  display: flex;
  gap: var(--space-2);
  align-items: center;
  min-height: var(--tap-min);
}

.tech-check input {
  width: auto;
  min-height: var(--tap-min);
}

.tech-signature {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px dashed var(--hairline);
  border-radius: var(--radius-md);
  touch-action: none;
}