/* Exclusive shared-component styles. Global and layout rules stay shared. */

.ce-control-row {
align-items: start;
  border-top: 1px solid var(--chrome-border);
  display: grid;
  gap: 12px;
  grid-template-columns: 120px minmax(0, 1fr);
  padding: 9px 0;
}

.ce-control-row > label {
color: var(--chrome-ink-2);
  font-family: var(--mono);
  font-size: 11px;
  padding-top: 8px;
}

.ce-control-row > label > span {
color: var(--chrome-muted);
  display: block;
  font-family: var(--sans);
  font-size: 10px;
  margin-top: 3px;
}

.ce-control-row .ce-field-error {
color: #964334;
  font-size: 11px;
  margin: 6px 0 0;
}

.ce-design .mbk-shell--mobile .ce-control-row {
grid-template-columns: 100px minmax(0, 1fr);
}

.ce-control-hint {
color: var(--chrome-muted);
  display: block;
  font-size: 10px;
  margin-top: 4px;
}