/* Application shell: page spacing, app bar adaptations, and transient messages. */
@layer admin-shell {
  .admin-content {
    max-inline-size: var(--c19-content-wide);
    padding-block: var(--c19-space-6) var(--c19-space-8);
  }

  .admin-inline-form {
    display: inline;
    margin: 0;
  }

  .admin-appbar-actions {
    margin-inline-start: auto;
  }

  .admin-content > .admin-flash {
    margin-block-end: var(--c19-space-5);
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
  }

  @media (max-width: 58rem) {
    .admin-environment {
      display: none;
    }
  }
}