/* Year and quarter selects in the schedule popover; each saves on change. */
@layer components {
  .schedule-form {
    display: grid;
    gap: var(--space-3);

    & > p {
      margin: 0;
      max-inline-size: none;
    }

    & select {
      inline-size: 100%;
    }
  }
}