.popover {
  min-width: min(440px, calc(100vw - 24px));
  max-width: 100vw;

  :global {
    .@{antPrefix}-popover-inner {
      padding: 0;
      overflow: hidden;
    }

    .@{antPrefix}-popover-inner-content {
      padding: 0;
      overflow: hidden;
    }
  }
}

.contentViewport {
  height: 50vh;
  max-width: min(calc(100vw - 24px), 1100px);
  overflow: auto;
}

.contentViewportWide {
  max-width: min(calc(100vw - 24px), 1100px);
}

.contentInner {
  min-width: 100%;
  min-height: 100%;
  // height: 100%;
  width: fit-content;
  // height: fit-content;
  height: 100%;
}

.resourceTabsWrap {
  height: 100%;
  min-width: 0;
}

.employeeWrap {
  display: flex;
  align-items: stretch;
  width: fit-content;
  min-width: 100%;
  height: 100%;
}

.employeeListWrap {
  flex: 1;
  // width: 320px;
  // min-width: 320px;
  height: 100%;
}

.agentSkillsWrap {
  flex: 0 0 auto;
  min-width: 0;
  height: 100%;
  width: fit-content;
}
