/* 西川物联：设备协议显示与设备管理操作列优化 */
.xc-device-actions-cell {
  vertical-align: middle !important;
}

.xc-device-actions {
  display: flex !important;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 372px;
  padding: 4px 6px !important;
  line-height: 1;
  white-space: nowrap;
}

.xc-device-actions .el-button,
.xc-device-actions .el-button + .el-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 0;
  height: 24px;
  margin: 0 !important;
  padding: 0 6px !important;
  border: 1px solid #dbe4f2 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: #3e4d67 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  box-shadow: none;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.xc-device-actions .el-button span {
  font-size: 12px !important;
  line-height: 1 !important;
}

.xc-device-actions .el-button:hover {
  border-color: #adc3e8 !important;
  background: #f4f8ff !important;
  color: #2456c7 !important;
  box-shadow: none;
}

.xc-device-actions .el-button:focus-visible {
  outline: 2px solid rgba(36, 86, 199, 0.42) !important;
  outline-offset: 2px;
}

.xc-device-actions .el-button[data-xc-action='primary'] {
  border-color: #bfd0f3 !important;
  background: #edf4ff !important;
  color: #2456c7 !important;
}

.xc-device-actions .el-button[data-xc-action='device'] {
  border-color: #b9ddd9 !important;
  background: #edf9f7 !important;
  color: #17786f !important;
}

.xc-device-actions .el-button[data-xc-action='success'] {
  border-color: #b9ddc7 !important;
  background: #eff9f2 !important;
  color: #25824b !important;
}

.xc-device-actions .el-button[data-xc-action='ota'] {
  border-color: #d4c6f2 !important;
  background: #f6f1ff !important;
  color: #7047b8 !important;
}

.xc-device-actions .el-button[data-xc-action='warning'] {
  border-color: #efd3a9 !important;
  background: #fff7ea !important;
  color: #a76012 !important;
}

.xc-device-actions .el-button[data-xc-action='danger'] {
  border-color: #efc5ca !important;
  background: #fff2f3 !important;
  color: #c23b49 !important;
}

.xc-device-actions .el-button[data-xc-action='more'] {
  min-width: 26px;
  width: 26px;
  padding: 0 !important;
  border-color: #d7e0ed !important;
  background: #f7f9fc !important;
  color: #60708c !important;
  font-size: 13px !important;
  letter-spacing: 1px;
}

.xc-device-actions .el-button.is-disabled,
.xc-device-actions .el-button.is-disabled:hover {
  border-color: #e6ebf2 !important;
  background: #f7f8fa !important;
  color: #a8b1c0 !important;
  box-shadow: none;
  transform: none;
}

[data-theme='dark'] .xc-device-actions .el-button {
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: rgba(15, 23, 42, 0.54) !important;
  color: #dbe6f7 !important;
  box-shadow: none;
}

.xc-device-table .xc-device-actions-header .cell {
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .xc-device-actions .el-button {
    transition: none;
  }
}