.device-panel {
  margin-top: 18px;
}

.device-tools {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.account-tools {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.device-tools .update-target {
  width: 165px;
}

.selection-tip {
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f0f6ff;
  color: #52657a;
}

.device-policy-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid #dfe7f2;
  border-radius: 9px;
  background: #f8fbff;
  color: #475467;
}

.device-policy-bar label {
  display: flex;
  align-items: center;
  gap: 6px;
}

.device-policy-bar .force-update {
  margin-left: auto;
  color: #d92d20;
  font-weight: 600;
}

.selection-tip b {
  color: #1677ff;
  font-size: 16px;
}

.device-check,
.account-check,
#selectAllDevices,
#selectAllAccounts {
  width: 16px;
  height: 16px;
  accent-color: #1677ff;
  cursor: pointer;
}

.bulk-warning {
  margin-bottom: 16px;
  padding: 11px 13px;
  border: 1px solid #f0d596;
  border-radius: 8px;
  background: #fff9e8;
  color: #8a5b00;
}

.update-pending {
  background: #fff3dc;
  color: #b66b00;
}

.muted {
  color: #98a2b3;
}

.primary:disabled,
.ghost:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (max-width: 1250px) {
  .device-panel .panel-head,
  #accountsPanel .panel-head {
    display: block;
  }

  .device-tools,
  .account-tools {
    justify-content: flex-start;
    margin-top: 12px;
  }
}

#recyclePanel,
#auditPanel {
  margin-top: 18px;
}

.recycle-note {
  margin-top: 15px;
  padding: 11px 13px;
  border: 1px solid #dfe7f2;
  border-radius: 8px;
  background: #f8fbff;
  color: #52657a;
}
