/* Shared form affordance: editable controls should be visible before focus. */
:root {
  --input-line: #6eaeb9;
  --input-line-disabled: #d2e5ea;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea {
  border: 2px solid var(--input-line);
  border-radius: 6px;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
select:focus,
textarea:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(8, 127, 149, .1);
  outline: none;
}

input[readonly],
textarea[readonly],
select:disabled,
input:disabled,
textarea:disabled {
  border-color: var(--input-line-disabled);
}

/* Role switching is navigation chrome, not a data-entry field. */
.role-switch select {
  border: 0;
  box-shadow: none;
}