NG-Segmented

gistfile1.txt

.segmented {
  height: 50px;
  border-radius: 12px;
  padding: 5px;
}

.segmented ::ng-deep .ant-segmented-item {
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.segmented ::ng-deep .ant-segmented-item:first-child.ant-segmented-item-selected {
  background-color: #28a745 !important; /* Verde para receitas */
  color: white !important;
  border-color: #1e7e34;
}

.segmented ::ng-deep .ant-segmented-item:last-child.ant-segmented-item-selected {
  background-color: #dc3545 !important; /* Vermelho para despesas */
  color: white !important;
  border-color: #c82333;
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
  transform: scale(1.02);
}

.segmented ::ng-deep .ant-segmented * {
  transition: none !important;
}

.segmented ::ng-deep .ant-segmented-item {
  transition: all 0.3s ease !important;
}

.segmented ::ng-deep .ant-segmented-group {
  background: transparent !important;
}

.segmented ::ng-deep .ant-segmented-item-input {
  display: none !important;
}