.italic {
  //font-style: italic;
  margin-left: 4px;
}

.disconnected {
  color: rgb(146, 143, 143);
  //background-color: rgb(219, 220, 222);
  cursor: pointer;
}

:global(.cursor-pointer-row .ant-table-tbody > tr) {
  cursor: pointer;
}

.normalActive {
  color: #52c41a;
  background: #e0fec3;
  border-color: #b7eb8f;
}

.warningActive {
  color: #faad14;
  background: #f8ebaa;
  border-color: #ffe58f;
}

.criticalActive {
  color: #ff4d4f;
  background: #f9b9b0;
  border-color: #ffccc7;
}

.normal {
  color: #52c41a;
  background: #fff;
  border-color: #b7eb8f;
}

.warning {
  color: #faad14;
  background: #fff;
  border-color: #ffe58f;
}

.critical {
  color: #ff4d4f;
  background: #fff;
  border-color: #ffccc7;
}

.offline {
  background: #fff;
  color: rgba(0, 0, 0, 88%);
  border-color: #d9d9d9;
}

.offlineActive {
  background: rgb(190, 190, 190);
  color: rgba(0, 0, 0, 88%);
  border-color: #d9d9d9;
}

.online {
  background: #fff;
  color: #1677ff;
  border-color: #91caff;
}

.onlineActive {
  background: #c6e1f5;
  color: #1677ff;
  border-color: #91caff;
}

.table-row-select tbody tr:hover {
  cursor: pointer;
}

// Target icon inside the color wrapper - higher specificity
:local(.tooltip-iconfont-wrapper) .iconfont,
.tooltip-iconfont-wrapper .iconfont,
.tooltip-iconfont-wrapper svg {
  color: currentcolor !important;
}

// Even more specific - target within Button
.ant-btn .tooltip-iconfont-wrapper .iconfont {
  color: currentcolor !important;
}

// Most aggressive - global selector
:global {
  .ant-btn .tooltip-iconfont-wrapper .iconfont,
  .ant-btn .tooltip-iconfont-wrapper svg {
    color: currentcolor !important;
  }

  // Use CSS variable approach
  .ant-btn[style*='--icon-button-color'] .iconfont,
  .ant-btn[style*='--icon-button-color'] svg {
    color: var(--icon-button-color) !important;
  }
}
