.cqc-audit-page-heading {
  border-bottom: 1px solid var(--cbc-colour-border);
  background: var(--cbc-colour-surface);
}

.cqc-audit-page-heading__inner {
  width: min(980px, 100%);
  margin-inline: auto;
  padding: var(--cbc-space-4) 14px var(--cbc-space-5);
}

.cqc-audit-page-heading .cbc-breadcrumbs {
  margin-bottom: var(--cbc-space-3);
}

.cqc-audit-page-heading .cbc-page-header__copy {
  flex: 1 1 18rem;
}

.cqc-audit-page-heading .header-actions {
  flex: 1 1 34rem;
  justify-content: flex-end;
}

.cqc-audit-page-heading .auth-controls {
  min-width: 11.5rem;
  padding: var(--cbc-space-2) var(--cbc-space-3);
  border-color: var(--cbc-colour-border);
  background: var(--cbc-colour-surface-subtle);
}

.cqc-audit-page-heading .auth-controls span {
  color: var(--cbc-colour-text-muted);
  font-weight: var(--cbc-font-weight-semibold);
}

.cqc-audit-page-heading .auth-controls button {
  border: 1px solid var(--cbc-colour-border-strong);
  color: var(--cbc-colour-navy-900);
  background: var(--cbc-colour-surface);
}

.cqc-audit-page-heading .auth-controls button:hover {
  border-color: var(--cbc-colour-blue-600);
  background: var(--cbc-colour-blue-100);
}

@media (max-width: 720px) {
  .cqc-audit-page-heading__inner {
    padding: var(--cbc-space-3) 10px var(--cbc-space-4);
  }

  .cqc-audit-page-heading .cbc-page-header__main {
    align-items: stretch;
    flex-direction: column;
  }

  .cqc-audit-page-heading .header-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .cqc-audit-page-heading .auth-controls,
  .cqc-audit-page-heading .header-actions .cbc-button {
    width: 100%;
  }
}