.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: #18469e; /* Deep SHRM blue */
    color: #f5f7fa;
    box-shadow: 0 2px 8px rgba(24,70,158,0.08);
}

/* Hide WA corner frames, etc. */
.cornersContainer,
.topCorners,
.bottomCorners,
.r1, .r2, .r3, .r4, .r5,
.c1, .c2, .c3, .c4, .c5 {
  display: none !important;
}

/* Main container */
.inner {
  text-align: center !important;
  padding: 1em !important;
  margin: 0 auto !important;
  max-width: 1200px !important;

  .sectionTitle {
    font-size: 2rem !important;
    color: #18469e !important;
    margin-bottom: 1em !important;
    font-weight: 600 !important;
    width: 100%;
  }

  h1.pageTitle.SystemPageTitle {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 1em auto !important;
    text-align: center !important;
  }
}

/* Calendar view link */
.calendarModeLink {
  margin-left: 0.5em !important;
  color: #18469e !important;
  &:hover {
    text-decoration: underline !important;
  }
}