.app-persian-date {
  display: grid;
  gap: 0.45rem;
}

.app-persian-date__controls {
  display: grid;
  grid-template-columns: 0.75fr 1.3fr 1fr;
  gap: 0.5rem;
}

.app-persian-date select {
  min-width: 0;
  min-height: 2.75rem;
  padding-inline: 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text);
  background: var(--color-surface);
  font: inherit;
}

.app-persian-date small {
  color: var(--color-text-muted);
}

.app-persian-date__error {
  color: var(--color-danger) !important;
}
