/**
 * Placeholder / default-mask fields: gray hint until focus, then real edit mode.
 */
input.v1-field--editing,
textarea.v1-field--editing,
select.v1-field--editing {
  color: #0f172a;
}

input:focus::placeholder,
textarea:focus::placeholder,
input.v1-field--editing::placeholder,
textarea.v1-field--editing::placeholder {
  color: transparent;
  opacity: 0;
}

input:not(.v1-field--editing):placeholder-shown,
textarea:not(.v1-field--editing):placeholder-shown {
  color: #94a3b8;
}

input[data-v1-default-mask="1"]:not(.v1-field--editing),
textarea[data-v1-default-mask="1"]:not(.v1-field--editing),
input[data-v1-suggest-mask="1"]:not(.v1-field--editing),
textarea[data-v1-suggest-mask="1"]:not(.v1-field--editing) {
  color: #94a3b8;
}

input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #0f172a;
  transition: background-color 99999s ease-out 0s;
}

.sales-total-inline-input {
  width: 5.5rem;
  max-width: 100%;
  text-align: right;
  font-variant-numeric: tabular-nums;
  border: 1px solid #0ea5e9;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 13px;
  box-sizing: border-box;
}

.sales-total-inline-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

.siv-edit-form input.v1-field--editing,
.siv-edit-form textarea.v1-field--editing {
  border-color: #175e7d;
  box-shadow: 0 0 0 2px rgba(23, 94, 125, 0.12);
}