/* Barra de abas */
.pgcontrol-1 .x-tab-bar {
  background: #fafafa !important;
  font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
  border-bottom: 1px solid #ddd !important;
  padding: 0 !important;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

/* Abas */
.pgcontrol-1 .x-tab {
  background: transparent !important;
  font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
  border: none !important;
  margin: 0 !important;
  padding: 6px 16px 9px !important;
  /* espaço extra para a barrinha */
  height: auto !important;
  line-height: normal !important;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Texto da aba */
.pgcontrol-1 .x-tab-inner {
  font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #666 !important;
  padding: 0 6px !important;
  display: inline-block;
  vertical-align: middle;
  user-select: none;
}

/* Hover */
.pgcontrol-1 .x-tab:hover {
  background-color: #f0f4f8 !important;
}

.pgcontrol-1 .x-tab:hover .x-tab-inner {
  color: #1976d2 !important;
}

/* Aba ativa */
.pgcontrol-1 .x-tab-active {
  background-color: #e3f2fd !important;
  border-bottom: none !important;
  /* evita alterar a altura */
}

.pgcontrol-1 .x-tab-active .x-tab-inner {
  color: #1976d2 !important;
  font-weight: 600 !important;
}

/* Barrinha indicadora */
.pgcontrol-1 .x-tab::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  /* encostada no fundo da aba */
  height: 3px;
  background: transparent;
  border-radius: 3px 3px 0 0;
  transition: background 0.18s ease, transform 0.18s ease;
  pointer-events: none;
}

.pgcontrol-1 .x-tab-active::after {
  background: #1976d2 !important;
  transform: scaleX(1);
}