/* Office Page Alignment 1.0
 * These pages now share Intake's .main container. The container owns the
 * sidebar clearance and responsive padding; legacy viewport offsets must
 * not be applied again. Parent-qualified selectors override those old rules
 * at every breakpoint, including styles loaded later in index.html.
 */
.main > :is(#followUpPage, #backflowProgramPage, #rejectedPage,
  #handledOutsidePage, #cancelledPage, #managementReportsPage).active {
  position: relative !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 1001px) {

.main > :is(#followUpPage, #backflowProgramPage, #rejectedPage,
  #handledOutsidePage, #cancelledPage, #managementReportsPage) > .hero,
.main > #followUpPage > .followup-hero {
  /* Reserve the same top-right theme control used by Intake. */
  padding-right: 150px !important;
  min-height: 36px !important;
  box-sizing: border-box !important;
}
}