#recruitmentCenterRoot {
  min-height: 620px;
}

#recruitmentCenterRoot .recruitment-module-loading {
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 420px;
  padding: 30px;
  border: 1px dashed #d5e0ea;
  border-radius: 16px;
  background: #fff;
  color: #718096;
  text-align: center;
}

#recruitmentCenterRoot .recruitment-module-loading span {
  color: #9b3f37;
}

#recruitmentCenterRoot .recruitment-module-loading button {
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid #d3dee9;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
}

#recruitmentCenterRoot .recruitment-app-layout {
  display: block;
  min-height: 0;
  background: transparent;
}

#recruitmentCenterRoot .recruitment-section-tabs-shell {
  position: static;
  width: auto;
  height: auto;
  margin-bottom: 14px;
  padding: 7px;
  border: 1px solid #dfe7ef;
  border-radius: 14px;
  background: #fff;
  color: #34465b;
  box-shadow: 0 8px 22px rgba(35, 57, 82, .04);
}

#recruitmentCenterRoot .recruitment-internal-brand,
#recruitmentCenterRoot .recruitment-side-note {
  display: none;
}

#recruitmentCenterRoot .recruitment-section-tabs {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow-x: auto;
}

#recruitmentCenterRoot .recruitment-section-tabs button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 15px;
  border-radius: 9px;
  color: #55677d;
  white-space: nowrap;
  text-align: center;
}

#recruitmentCenterRoot .recruitment-section-tabs button:hover {
  background: #f1f6f9;
  color: #155f78;
}

#recruitmentCenterRoot .recruitment-section-tabs button.active {
  background: #e6f1f4;
  color: #0f637d;
  font-weight: 700;
}

#recruitmentCenterRoot .recruitment-module-main {
  min-width: 0;
  padding: 0 0 28px;
}

#recruitmentCenterRoot .recruitment-module-topbar {
  padding: 20px 22px;
  border: 1px solid #dfe7ef;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff, #f7fafc);
}

#recruitmentCenterRoot .recruitment-module-topbar h2 {
  color: #1c2b3e;
  font-size: 23px;
}

#recruitmentCenterRoot .panel,
#recruitmentCenterRoot .focus-card {
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(35, 57, 82, .05);
}

@media (max-width: 760px) {
  #recruitmentCenterRoot .recruitment-module-topbar {
    align-items: flex-start;
    flex-direction: column;
  }
}