/* Reliant app overlay styles (loaded after the main stylesheet).

   Page header action button: aligned with the end edge of the page content (right in English, left in Arabic)
   at desktop widths. The shared page header reserved 176px at that end for the fixed corner controls (language,
   theme, notifications), which left the button stranded towards the middle of the page. The controls sit above
   the header, not beside it, so no room is needed next to them: only below them. An admin or researcher page
   starts 56px from the top, clear of the controls. A company page starts at 24px, so its header gets a minimum
   height, which keeps the button 16px or more under the controls.
   64rem is the same breakpoint the app's own "lg:" styles use (the corner controls appear from there). */
@media (min-width: 64rem) {
  main .lg\:pe-44 {
    padding-inline-end: 0 !important;
    min-height: 88px;
  }
  main > .lg\:p-8 .lg\:pe-44 {
    min-height: 0;
  }
}
